个人主页制作模板

xx学院

课程实训报告实训题目:个人主页制作

系部电气与信息工程系专业班级电子信息

学号

姓名xxx

指导教师xxx

完成日期2016年1月8日

课程实训任务书

教研室主任（签名）系（部）主任（签名）年月日

课程实训评定意见

实训题目：个人主页制作

学生姓名：xxx

专业：电子信息工程技术班级：电子信息评定意见：

评定成绩：

指导教师（签名）：年月日

摘要

Dreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。本次实训主要制作个人简历的网页，掌握网页制作过程、掌握网页制作软件的使用，了解软件的使用和用途。

关键词：Dreamweaver 个人简历网页制作

目录

第一章引言 (1)

1.1什么是Dreamweaver (1)

1.2 Dreamweaver功能介绍 (1)

1.3Dreamweaver的优缺点 (3)

第二章主页介绍 (8)

2.1站点 (8)

2.1.1 创建站点 (8)

2.1.2 创建站点内容 (9)

2.2 首页 (9)

2.2.1设置首页的页面属性 (9)

2.2.2 插入图像 (9)

2.2.3插入多媒体 (10)

2.2.4插入文本 (11)

2.3创建其它网页 (12)

2.4建立网页链接 (12)

总结 (14)

致谢 (15)

参考文献 (16)

第一章引言

1.1什么是Dreamweaver

Dreamweaver，简称“DW”，中文名称 "梦想编织者"，是美国MACROMEDIA 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Macromedia公司成立于1992年，2005年被Adobe公司收购。Adobe Dreamweaver使用所见即所得的接口，亦有HTML（标准通用语言下的一个应用）编辑的功能。它有系统的版本。随Macromedia被收购后，Adobe也开始计划开发版本的Dreamweaver了。Dreamweaver自MX版本开始，使用了排版引擎"Presto" 作为网页预览。

1.2 Dreamweaver功能介绍

功能特色，借助共享型用户界面设计,在AdobeCreativeSuite4的不同组件之间更快、更明智地工作。使用工作区切换器可以从一个工作环境快速切换到下一个环境。具体功能，CS6新增功能，利用AdobeDreamweaverCS6软件中改善的FTP性能，更高效地传输大型文件。更新的“实时视图”和“多屏幕预览”面板可呈现HTML5代码，使您能检查自己的工作。自适应网格，可响应的自适应网格版面，使用响应迅速的CSS3自适应网格版面，来创建跨平台和跨浏览器的兼容网页设计。利用简洁、业界标准的代码为各种不同设备和计算机开发项目，提高工作效率。直观地创建复杂网页设计和页面版面，无需忙于编写代码。改善FTP 性能，利用重新改良的多线程FTP传输工具节省上传大型文件的时间。更快速高效地上传网站文件，缩短制作时间。Catalyst集成，使用Dreamweaver中集成的面板连接并编辑您利用需另外购买建立的网站。利用托管解决方案建立电子商务网站。

增强型移动支持使用更新的移动框架支持为IOS和Android平台建立本地应用程序。建立触及移动受众的应用程序，同时简化您的移动开发工作流程。更新的支持更新的支持可轻松为Android和IOS建立和封装本地应用程序。通过改编现有的HTML代码来创建移动应用程序。使用Phone模拟器检查您的设计。

CSS3转换,将CSS属性变化制成动画转换效果，使网页设计栩栩如生。在您处理网页元素和创建优美效果时保持对网页设计的精准控制。更新的实时视图使用更新的“实时视图”功能在发布前测试页面。“实时视图”现已使用最新版的转换引擎，能够提供绝佳的HTML5支持。更新的多屏幕预览面板利用更新的“多屏幕预览”面板检查智能手机、平板电脑和台式机所建立项目的显示画面。该增强型面板能够让您检查HTML5内容呈现。CS5后的新增功借助

AdobeDreamweaverCS5.5软件充满自信地进行设计、构建最新的HTML5和CSS3网站、令交互性更上一层楼。

同时为多个设备进行设计，并对全面的代码检查充满自信。多屏幕预览面板借助多屏幕预”面板，为智能手机、Tablet和个人计算机进行设计。借助媒体查询支持，开发人员可以通过一个面板为各种设备设计样式并实现渲染可视化。

CSS3/HTML5支持,通过CSS面板设置样式，该面板经过更新可支持新的CSS3规则。设计视图现支持媒体查询，在您调整屏幕尺寸的同时可应用不同的样式。使用HTML5进行前瞻性的编码，同时提供代码提示和设计视图渲染支持。集成借助代码提示加入高级交互性。是行业标准JavaScript库，允许您为网页轻松加入各种交互性。借助针对手机的起动模板快速启动。借助构建本机Android和IOS应用程序。借助新增的Phone功能为Android和IOS构建并打包本机应用程序。借助Phone构建本机Android和IOS应用程序。新增功能，实时视图新增功能，借助DreamweaverCS4中新增的实时视图在真实的浏览器环境中设计网页,同时仍可以直接访问代码。呈现的屏幕内容会立即反映出对代码所做的更改。针对和框架的代码提示新增功能。借助改进的JavaScript核心对象和基本数据类型支持,更快速、准确地编写JavaScript。通过集成包括Prototype和流行框架,充分利用DreamweaverCS4的扩展编码功能。相关文件新增功能，源代码,在“设计”视图中查看父页面。集成编码增强功能领略内建代码提示的强大功能,令框架、原型和几种服务器语言中的编码更快、更清晰。

代码导航器新增功能新增的“代码导航器”功能可显示影响当前选定内容的所有代码源,如CSS规则、服务器端包括、外部JavaScript功能、模板、源文件等。创作支持新增功能在DW中直接新建基于HTML和应用程序。

在Dreamweaver中即可预览AIR应用程序。使应用程序随时可与AIR打包及代码签名功能一起部署。FLV支持增强功能通过轻松点击和符合标准的编码将FLV集成到任何网页中-无需软件知识。设计时在Dreamweaver全新的实时视图中播放FLV影片。

支持领先技术，在支持大多数领先Web开发技术的工具中进行设计和编码,这些技术包括HTML、XHTML、CSS、XML、JavaScript、软件和ASP。

学习最佳做法 ,参考CSS最佳做法实现可视化设计并辅以通俗易懂的实用概念说明。在支持可访问性和最佳做法的同时创造Ajax驱动的交互性。集成增强,通过跨产品线的直接通信和交互,充分利用DreamweaverCS4和其它Adobe工具的智能集成和强大功能,包括AdobeFLASHCS4Professional、FIREWORKSCS4、PhotoshopCS4和DeviceCentralCS4软件。

新增功能,在Dreamweaver中设计页面,使最终用户能使用在线服务编辑他们的网页,无需帮助或使用其它软件。作为Dreamweaver设计人员,您可以限制对