图书简介:
项目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
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
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 在“预订酒店”子页中插入SWF—FlashPaper文本 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.2.4 插入锚记超级链接 135
7.2.5 创建电子邮件、下载文件、外部超级链接、脚本超级链接 136
7.3 知识链接 138
7.3.1 超级链接 138
7.3.2 内部超级链接 140
7.3.3 邮件超级链接 146
7.3.4 下载文件超级链接 147
7.3.5 外部超级链接 147
7.3.6 脚本链接 148
7.3.7 制作链接元素 148
7.4 总结提升 149
7.5 拓展训练 149
项目8 统一美化网页——CSS样式表的应用 151
8.1 网页展示:在“商旅管理”页面中应用CSS样式 151
8.2 网页制作 152
8.2.1 使用表格布局制作“商旅管理”页面 152
8.2.2 创建文本CSS样式 153
8.2.3 创建表格CSS样式 154
8.2.4 创建超级链接CSS样式 155
8.2.5 应用类CSS样式 157
8.2.6 主页应用CSS样式表文件 158
8.3 知识链接 159
8.3.1 CSS简介 159
8.3.2 认识【CSS样式】面板 160
8.3.3 管理CSS样式 161
8.3.3 设置CSS样式属性 162
8.4 总结提升 169
8.5 拓展训练 169
项目9 高效灵活的网页布局——框架的应用 171
9.1 网页展示:使用框架布局“旅游度假”页面 171
9.2 网页制作 173
9.2.1 创建和保存框架页面 173
9.2.2 设置框架及框架集属性 174
9.2.3 制作框架页面 175
9.2.4 制作“北京”等子页面 178
9.2.5 在框架中创建超级链接 178
9.3 知识链接 179
9.3.1 认识框架和框架集 179
9.3.2 创建框架网页 180
9.3.3 框架及框架集的基本操作 181
9.3.4 框架与框架集的属性设置 183
9.3.5 使用超级链接控制框架内容 184
9.3.6 为不能显示框架的浏览器定义内容 185
9.4 总结提升 185
9.5 拓展训练 185
项目10 实现动态效果——AP Div和行为的应用 188
10.1 网页展示:使用AP Div+CSS制作“酒店机票”页面 188
10.2 网页制作 189
10.2.1 规划“酒店机票”首页布局 189
10.2.2 创建页面,使用AP Div布局页面 190
10.2.3 定义CSS,设置Div显示样式 191
10.2.4 在Div中添加内容 192
10.2.5 使用Spry框架制作“机票预订”页面 192
10.3 知识链接 195
10.3.1 AP Div概述 195
10.3.2 AP Div的创建及属性设置 196
10.3.3 AP Div的基本操作 198
10.3.4 AP Div与表格的相互转换 200
10.3.5 使用Div+CSS布局网页 201
10.3.6 Spry框架 207
10.3.7 行为的基础知识 211
10.3.8 附加行为 213
10.3.9 管理行为 215
10.4 总结提升 216
10.5 拓展训练 216
项目11 实现交互功能——表单的应用 219
11.1 网页展示:在“餐饮美食”页面中使用表单 219
11.2 网页制作 220
11.2.1 在“会员注册”页面插入表单 220
11.2.2 插入文本框 221
11.2.3 插入密码域 223
11.2.4 插入单选框 223
11.2.5 插入列表菜单 224
11.2.6 插入复选框 225
11.2.7 插入文本区域 225
11.2.8 插入提交按钮 227
11.3 知识链接 227
11.3.1 表单简介 227
11.3.2 创建表单 227
11.4 总结提升 236
11.5 拓展训练 236
项目12 网站的测试与发布 238
12.1 网站测试 238
12.1.1 检查站点链接 238
12.1.2 检查浏览器的兼容性 239
12.1.3 使用站点报告测试站点 240
12.1.4 生成设计备注 240
12.2 网站的发布 242
12.3 知识链接 243
12.3.1 测试站点 243
12.3.2 发布站点 249
12.4 总结提升 252
12.5 拓展训练 252
参考文献 253
展开
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://www.hxedu.com.cn)免费下载。
本书由邢彩霞、高艳云担任主编,冯明卿、杨冬梅担任副主编,参与编写的有秦彥国、方党生、高蕾、魏勇敢、蔡鹏、高洪涛。衷心希望每位读者从本书中获益,同时欢迎提出宝贵的意见和建议。
编 者
展开