Dreamweaver CS6网页设计与制作案例教程（第3版）.pdf

高等职业院校教学改革创新示范教材数字媒体系列 Dreamweaver CS6 网页设计与制作案例教程（第 3 版）邢彩霞 高艳云 主编 内 容 简 介 本书从零起步，注重理论与实战相结合，以“项目引领”、“任务驱动”的形式，以“乐途网”的创建为主线，应用 Dreamweaver CS6 的主要功能，以实战的方式，系统、完整地创建了旅游网站，并对网站进行了测试和发布。全书共分为 12 个项目，全面、详细地介绍了网页设计基础知识、HTML 语言简介、站点的创建与管理、表格的应用、文本和图像的应用、模板与库的应用、多媒体的应用、在网页中创建超级链接、框架的应用、AP Div 与行为的应用、网站测试与发布等网页设计与制作的相关知识。本书由浅入深、循序渐进、结构清晰、图文并茂，对初学者和有一定网页制作基础者都大有裨益，可作为高职高专院校、社会培训机构的教材，也可作为网页设计爱好者的自学用书。未经许可，不得以任何方式复制或抄袭本书之部分或全部内容。版权所有，侵权必究。图书在版编目（CIP）数据 Dreamweaver CS6 网页设计与制作案例教程/邢彩霞，高艳云主编.3 版.北京：电子工业出版社，2016.2 高等职业院校教学改革创新示范教材.数字媒体系列 ISBN 978-7-121-28130-3.D .邢 高 .网页制作工具高等职业教育教材 .TP393.092 中国版本图书馆 CIP 数据核字(2016)第 024807 号 策划编辑：左 雅 责任编辑：左 雅 文字编辑：薛华强 印 刷：北京天宇星印刷厂 s 装 订：北京天宇星印刷厂 出版发行：电子工业出版社 北京市海淀区万寿路 173 信箱 邮编 100036 开 本：7871 092 1/16 印张：16.5 字数：422.4 千字 版 次：2009 年 1 月第 1 版 2016 年 2 月第 3 版 印 次：2016 年 2 月第 1 次印刷 印 数：4 000 册 定价：35.00 元 凡所购买电子工业出版社图书有缺损问题，请向购买书店调换。若书店售缺，请与本社发行部联系，联系及邮购电话：（010）88254888。质量投诉请发邮件至 ，盗版侵权举报请发邮件至 。服务热线：（010）88258888。前 言 Dreamweaver 不仅能帮助初学者迅速成长为网页制作高手，而且为专业设计师提供了强大的开发工具和无穷的创作灵感。因此 Dreamweaver 备受业界人士的推崇，在众多专业网站和企业应用中都将其列为首选工具。本书在内容上力求突出实用、简单生动的特点。通过本书的学习，读者对网页制作软件 Dreamweaver CS6 将有全面的了解，并能掌握 Dreamweaver CS6 的各种操作，设计制作出满意的网页。本书作为高职高专教学用书，是根据当前高职高专学生和教学环境的现状，结合职业需求，采用“工学结合”的思路，以“项目引领”、“任务驱动”的形式，在 Dreamweaver CS6 的环境中，从开始创建站点，到网站中每个网页的制作，一步步地引领学生完成整个网站的设计与制作。全书共分为 12 个项目，项目 1 介绍网页设计及 HTML 的基础知识；项目 2 介绍Dreamweaver CS6 的功能、工作界面及站点的创建和管理；项目 3 介绍表格创建、编辑及在网页布局中的应用；项目 4 介绍网页中的基本元素文本与图像的应用；项目 5 介绍模板的概念及创建基于模板的网页，并介绍了使用资源面板创建和编辑库项目；项目 6 介绍多媒体元素 Flash 动画、Flash 视频、Shockwave 影片、Java Applets 程序、wmv 视频插件、音乐等在网页中的应用；项目 7 介绍网页超级链接的类型及创建方法；项目 8 介绍CSS 样式的创建及应用；项目 9 介绍框架及框架集的概念、创建及使用框架布局网页；项目 10 介绍 AP Div 及行为的概念、基本操作及应用；项目 11 介绍在网页中插入表单的方法；项目 12 介绍网站的测试与发布。本书的每个项目分为 6 个模块：知识要点、网页展示、网页制作、知识链接、总结提升和拓展训练。各模块的内容构成如下。知识要点明确本项目要学习的内容、应掌握的操作技能和技巧。网页展示通过精美网页的展示，激发学习者的积极性，以极大的热情参与到网页设计与制作中。网页制作从零起步、从实战出发，一步步地引领学生应用本章知识制作“乐途网”中的一个或几个网页，步骤清晰、易于操作、真正的实战练习。知识链接从知识的系统性、完整性出发，全面、详细地介绍 Dreamweaver CS6的功能及操作方法。总结提升通过网页制作的实战操作和系统知识的学习，再对本章的知识内容、操作技能进行概括与总结，以完善和提升所学知识及技能。拓展训练本模块中设计了选择、填空、简述及实践题。通过选择、填空及简述题的练习，进一步巩固理论知识、提高操作技能和技巧。在实践题中，给学习者提供了“购物网”的制作素材和操作提示，使所学知识再一次应用到实战中。本书所使用的软件版本在 Dreamweaver CS4 的基础上升级为 Dreamweaver CS6，对网站创建和知识点都做了调整和更新。在项目 4 的文本应用中增加了 Web 字体的使用介绍。在项目 5 中突出了模板批量制作网页的功能，将模板提前至项目 5，批量制作“目的地”栏目页面下的子页。在项目 6 中丰富了多媒体元素的应用，除了 FLV、Flash 动画、Java Applets、音乐等外，增加了 wmv 视频插件的使用，Shockwave 影片的使用。在项目 7 的超级链接中增加了脚本链接，并用“关闭窗口”的实例进行了说明。在项目 8 的 CSS 样式属性设置中，增加了“过渡”样式的设置说明。在项目 9 中采用框架布局重新设计制作了“旅游度假”栏目页面，结合 Dreamweaver CS6 的操作方式，对框架和框架集的使用方法做了进一步的介绍。因浮动框架 iframe 在网页设计中应用广泛，所以对 iframe 内容进行了重新编排，对 iframe 的核心用法进行了说明。在项目 10 中采用“CSS+Div”布局方式，对“酒店机票”栏目页面进行了重新的制作，对 AP Div 的基本操作进行了优化；同时增加了“行为”的使用，通过“拖动 AP 元素”、“显示-隐藏元素”、“增大/收缩效果”等案例，实现用户与网页的简单交互。在项目 11 中丰富了表单控件的应用，增加了下拉列表等控件。本书面向高职高专学生和广大的 Dreamweaver 爱好者，既可以作为初学者的入门教材，又可以对有一定网页制作基础的读者有所启发和帮助。本书可以作为高职高专院校的教学用书、社会培训机构的教材及网页设计爱好者的自学用书。为了方便教师教学、学生实践和自学者的使用，本书配有电子教学参考资料包，内容包括两个网站的设计与制作效果图、网页制作所需要的全部素材、教学用 PPT 课件等，请有需要的读者登录华信教育资源网（http:/）免费下载。本书由邢彩霞、高艳云担任主编，冯明卿、杨冬梅担任副主编，参与编写的有秦彥国、方党生、高蕾、魏勇敢、蔡鹏、高洪涛。衷心希望每位读者从本书中获益，同时欢迎提出宝贵的意见和建议。编 者 项目 1 为网页设计作准备 1 1.1 网页展示：在记事本中创建“苏州园林”网页 1 1.2 网页制作 2 1.2.1 启动记事本并编辑 HTML 代码 2 1.2.2 保存文件并预览网页 3 1.3 知识链接 4 1.3.1 网页基础知识 4 1.3.2 网页的设计与布局 7 1.3.3 HTML 简介 15 1.4 总结提升 18 1.5 拓展训练 18 项目 2 初识 Dreamweaver CS6 20 2.1 网页展示：在 Dreamweaver 中创建“苏州园林”网页 20 2.2 网页制作 20 2.2.1 创建文档并输入文本 20 2.2.2 在文档中插入图像元素并预览网页 22 2.3 知识链接 23 2.3.1 Dreamweaver CS6 功能简介 23 2.3.2 Dreamweaver CS6 的工作界面 25 2.3.3 首选参数设置 28 2.3.4 文件的基本操作 29 2.3.5 设置页面属性 30 2.3.6 创建与管理站点 31 2.4 总结提升 35 2.5 拓展训练 35 项目 3 常用办公工具表格的应用 37 3.1 网页展示：使用表格布局“乐途网”首页页面 37 3.2 网页制作 38 3.2.1 创建和管理站点 38 3.2.2 创建第一层表格“Table 1”38 VI Dreamweaver CS6网页设计与制作案例教程（第3版）3.2.3 在表格“Table 1”中嵌套表格 40 3.2.4 在表格“Table 22”左列单元格中嵌套表格 41 3.2.5 在表格“Table 22”右列单元格中嵌套表格 43 3.2.6 在表格“Table 32”中嵌套表格 43 3.3 知识链接 44 3.3.1 创建表格 44 3.3.2 编辑表格 48 3.3.3 表格的格式化 50 3.3.4 排序表格 52 3.3.5 使用表格布局页面 53 3.4 总结提升 55 3.5 拓展训练 55 项目 4 图文并茂的网页文本与图像的应用 57 4.1 网页展示：向“首页”页面中插入文本或图像元素 57 4.2 网页制作 58 4.2.1 插入图像 58 4.2.2 插入图像占位符 61 4.2.3 通过插入鼠标经过图像制作导航条 62 4.2.4 插入文本 64 4.3 知识链接 65 4.3.1 文本的基本操作 65 4.3.2 格式化文本 67 4.3.3 创建列表 70 4.3.4 插入图像 72 4.3.5 编辑图像 75 4.4 总结提升 77 4.5 拓展训练 77 项目 5 批量制作网页模板与库的应用 79 5.1 网页展示：基于模板的“目的地”页面下的子页面 79 5.2 网页制作 80 5.2.1 创建模板 80 5.2.2 利用模板创建网页 82 5.2.3 创建库项目 84 5.2.4 应用库项目 85 5.3 知识链接 86 5.3.1 创建模板 86 5.3.2 定义模板可编辑区域 87 VII 目 录 5.3.3 创建基于模板的文档 88 5.3.4 设置模板参数 90 5.3.5 使用库项目 91 5.3.6 编辑库项目 93 5.3.7 利用库项目更新网站 94 5.4 总结提升 94 5.5 拓展训练 95 项目 6 丰富视听效果应用多媒体元素 97 6.1 网页展示：在“目的地”子页面中应用多媒体元素 97 6.2 网页制作 98 6.2.1 在“桂林”子页中插入 SWF 98 6.2.2 在“北京”子页中插入 FLV 视频 102 6.2.3 在“预订酒店”子页中插入 SWFFlashPaper 文本 105 6.2.4 在“苏州园林”子页中插入背景音乐 107 6.2.5 在“黄山”子页中插入 Java Applets 程序 108 6.2.6 在“九寨沟”子页中插入 Shockwave 影片 110 6.2.7 在“海南三亚”子页中插入视频 112 6.3 知识链接 114 6.3.1 网页中的多媒体对象 114 6.3.2 插入 Flash 动画 115 6.3.3 通过插入 SWF 实现 Flash 文本的插入 118 6.3.4 插入 FLV 视频 119 6.3.5 插入 Shockwave 对象 121 6.3.6 插入 Java Applets 程序 122 6.3.7 插入 ActiveX 控件 124 6.3.8 插入插件 125 6.4 总结提升 126 6.5 拓展训练 126 项目 7 实现网页间的跳转超级链接 128 7.1 网页展示：在“目的地”页面中应用超级链接 128 7.2 网页制作 129 7.2.1 设置导航条超级链接 129 7.2.2 创建文本与图片超级链接 131 7.2.3 创建图像映像超级链接 133 7