本书介绍了运用Dreamweaver CS5进行网页设计的基本方法和常用技巧。全书共分为12个项目。前两个项目介绍网页设计的基本知识，使读者理解网页设计的相关概念，掌握网页设计的基本步骤和流程。项目3～项目8介绍用Dreamweaver CS5製作网页的常用方法，主要包括几种基本元素、超级连结、表格、框架的布局方法和目前较为流行的CSS+Div的布局方法。项目9介绍网页中常见的特效行为的製作方法。项目10介绍表单的相关知识，项目11介绍模板的製作和使用方法，最后一个项目详细介绍了一个网站开发的综合实例。 本书既适合作为高职高专院校、培训机构学习网页设计的教学用书，也可以作为网页设计爱好者的自学用书。
基本介绍
- 书名：Dreamweaver CS5网页设计实例教程
- ISBN：9787302329503
- 定价：36元
- 出版时间：2015-1-19
- 装帧：平装
- 印次：1-2
图书目录
项目1网页设计基础/1任务1.1认识网页1
1.1.1网页的分类2
1.1.2网页设计常用术语2
1.1.3网站开发流程5
任务1.2了解HTML5
1.2.1什幺是HTML5
1.2.2用HTML编写自己的第一个网页6
1.2.3HTML中的常用标籤符号7
任务1.3Dreamweaver CS5的安装与使用11
1.3.1安装Dreamweaver CS512
1.3.2使用Dreamweaver CS516
1.3.3用Dreamweaver CS5建立一个网页16
项目小结20
项目实训21
实训1.1用HTML建立欢迎页面21
实训1.2用Dreamweaver CS5建立欢迎页面21
项目2建立及管理网站/22
任务2.1在计算机上建立本地网站22
2.1.1建立“我的第一个网站”23
2.1.2本地站点的管理24
2.1.3管理和编辑本地站点档案27
任务2.2发布网站28
2.2.1网站空间28
2.2.2设定远程伺服器30
2.2.3上传网站32
任务2.3网站的更新和维护33〖2〗〖3〗〖4〗2.3.1本地和远程资料夹的结构33
2.3.2下载站点中的档案33
2.3.3本地档案和远程档案的同步34
项目小结35
项目实训35
实训2.1为站点申请空间35
实训2.2建立并上传网站“我的家”35
项目3向网页中添加各种元素/36
任务3.1向网页中添加文本36
3.1.1案例导入——建立“班级简介”网页36
3.1.2在Dreamweaver中创建普通文本37
3.1.3一些特殊文本的输...
3.1.4文本的常用格式设定41
3.1.5观察文本对应的代码42
任务3.2向网页中添加图像43
3.2.1案例导入——建立“汽车之家”网页43
3.2.2网页中常用的图像格式44
3.2.3插入图像44
3.2.4给图像描边46
3.2.5给无法显示的图像加注释47
3.2.6图像的编辑47
3.2.7图文混排49
3.2.8观察图像对应的代码50
任务3.3向网页中添加声音50
3.3.1案例导入——建立“音乐播放”网站51
3.3.2向网页中插入可控制播放的声音51
3.3.3在网页中套用背景声音54
任务3.4向网页中添加视频56
3.4.1案例导入——建立“视频播放”网页56
3.4.2向网页中添加Flash动画56
3.4.3向网页中添加FLV视频60
3.4.4向网页中添加其他视频档案60
3.4.5观察各种插入视频的方法对应的代码62
项目小结63
项目实训63
实训3.1建立文字编辑网页63
实训3.2建立“香香美食”网64
项目4实现网页的超级连结/65
任务4.1认识超级连结65
4.1.1超级连结的分类65
4.1.2超级连结的路径66
任务4.2创建内部超级连结67
4.2.1案例导入——设定“九寨沟四季”系列页面的内部超级连结67
4.2.2创建文字超级连结67
4.2.3创建图像超级连结68
4.2.4滑鼠经过图像连结70
4.2.5观察连结对应的代码72
4.2.6设定“九寨沟四季”系列页面的内部超级连结73
任务4.3创建锚记连结75
4.3.1案例导入——设定“插花艺术”网页的锚记连结75
4.3.2创建命名锚记75
4.3.3连结到命名锚记75
4.3.4创建虚连结75
4.3.5观察锚记连结对应的代码76
4.3.6设定“插花艺术”网页的锚记连结76
任务4.4创建其他超级连结78
4.4.1案例导入——向“九寨沟四季”网页添加超级连结78
4.4.2创建外部超级连结78
4.4.3创建Email连结78
4.4.4创建下载档案超级连结79
4.4.5创建脚本连结79
4.4.6为“九寨沟四季”网页添加外部和电子邮件等连结80
任务4.5编辑超级连结81
4.5.1设定超级连结的外观81
4.5.2删除超级连结82
项目小结82
项目实训83
实训4.1製作“犬类美容”网页的导航条83
实训4.2製作“黄山四绝”系列页面83
项目5用表格布局页面/84
任务5.1表格的基本操作84
5.1.1案例导入——製作“全球经典电影TOP10”网页84
5.1.2创建表格85
5.1.3调整表格的结构86
5.1.4表格输入内容89
5.1.5利用“属性”面板设定表格的外观效果90
5.1.6观察表格对应的代码91
5.1.7製作“全球经典电影TOP10”网页91
任务5.2表格中数据处理93
5.2.1案例导入——製作“各专业毕业生人数统计”网页93
5.2.2数据的导入与导出93
5.2.3数据的排序96
5.2.4製作“各专业毕业生人数统计”网页98
任务5.3使用表格布局网页102
5.3.1案例导入——製作“毕业生就业信息网”首页102
5.3.2嵌套表格102
5.3.3表格製作技巧103
5.3.4表格布局网页的设计要点105
5.3.5製作“毕业生就业信息网”首页106
项目小结110
项目实训110
实训5.1製作“信息工程系图形图像112班课程表”网页110
实训5.2製作“花影袭人”网站中“菊花简介”的网页111
实训5.3製作“信息工程系教学评估网”首页111
项目6用框架布局页面/113
任务6.1创建框架网页113
6.1.1案例导入——製作“信息工程系课程表”网页113
6.1.2认识框架网页114
6.1.3创建框架网页114
6.1.4保存框架网页116
6.1.5观察框架集档案对应的代码119
6.1.6製作“信息工程系课程表”框架网页119
任务6.2框架和框架集的基本操作122
6.2.1案例导入——製作“花卉护理——牡丹”网页122
6.2.2选择框架和框架集123
6.2.3编辑框架集的属性123
6.2.4编辑框架的属性124
6.2.5调整框架的大小125
6.2.6删除框架125
6.2.7製作“花卉护理——牡丹”网页125
任务6.3设定框架网页的连结128
6.3.1框架内的连结128
6.3.2关键字的连结130
项目小结131
项目实训131
实训6.1用框架技术製作“暗香盈袖”网站系列页面131
实训6.2用框架技术製作“心情驿站”个人部落格的首页132
项目7用CSS美化网页/134
任务7.1认识CSS134
7.1.1案例导入——对“影迷俱乐部”网站中的网页套用CSS134
7.1.2打开“新建CSS规则”的几种方法137
7.1.3CSS常用属性138
任务7.2建立和管理CSS样式143
7.2.1建立可套用于任何HTML元素的CSS样式144
7.2.2建立套用于一个HTML元素的CSS样式145
7.2.3建立套用于指定标籤的CSS样式147
7.2.4建立套用于指定範围内标籤的CSS样式149
7.2.5建立套用于多个标籤的CSS样式151
7.2.6建立定义超级连结的CSS样式153
7.2.7观察CSS样式对应的代码155
7.2.8用“CSS样式”面板管理CSS样式157
任务7.3建立并套用外部CSS样式158
7.3.1建立外部CSS样式定义页面文字和背景159
7.3.2在一个网页中套用已建好的外部样式162
任务7.4CSS常见套用163
7.4.1用CSS控制段落样式163
7.4.2用CSS控制图片样式164
7.4.3用CSS控制背景图片的样式167
7.4.4用CSS美化列表168
7.4.5套用CSS滤镜169
项目小结171
项目实训172
实训7.1为“影迷俱乐部”网站中的网页设定格式172
实训7.2设定“茶文化”网页172
实训7.3设定“新闻公告”网页173
项目8用CSS+Div布局页面/174
任务8.1认识Div与CSS盒模型174
8.1.1Div标籤174
8.1.2CSS盒模型176
任务8.2套用CSS实现定位180
8.2.1CSS的定位方式180
8.2.2相对定位181
8.2.3绝对定位182
8.2.4固定定位184
8.2.5浮动185
8.2.6清除浮动186
任务8.3CSS+Div布局实例188
8.3.1案例导入——个人部落格页面188
8.3.2用CSS+Div布局网页的步骤188
8.3.3用CSS+Div布局个人部落格网页190
项目小结199
项目实训199
实训8.1了解DreamweaverCS5中的预设布局199
实训8.2用CSS+Div布局“园林设计”网页199
项目9向网页添加行为/201
任务9.1了解行为201
9.1.1认识行为202
9.1.2附加行为202
任务9.2使用DreamweaverCS5内置的行为204
9.2.1用“行为”面板实现交换图像行为204
9.2.2製作页面打开时弹出广告信息205
9.2.3製作打开浏览器视窗206
9.2.4製作可移动的面板207
9.2.5下拉选单的製作208
9.2.6为元素添加特殊的动画效果210
任务9.3JavaScript行为的套用211
9.3.1认识JavaScript211
9.3.2调用JavaScript211
9.3.3单击按钮背景颜色变换212
9.3.4添加到收藏夹和设为首页214
9.3.5製作滚动文字215
9.3.6实现滑鼠跟随特效216
9.3.7实现悬浮广告特效220
9.3.8滚动图片特效221
项目小结223
项目实训223
实训9.1製作下拉选单223
实训9.2实现JavaScript特效223
实训9.3给校园新闻网添加行为224
项目10表单和Spry构件/225
任务10.1认识表单225
10.1.1案例导入——製作会员登记表225
10.1.2表单的组成225
10.1.3创建表单域226
任务10.2表单对象228
10.2.1插入表单对象的方法228
10.2.2文本域228
10.2.3按钮230
10.2.4複选框230
10.2.5单选按钮232
10.2.6列表/选单233
10.2.7跳转选单234
10.2.8档案域235
10.2.9图像域235
10.2.10製作会员登记表236
任务10.3Spry框架238
10.3.1案例导入——製作“中原线上注册”页面238
10.3.2认识Spry构件239
10.3.3验证文本域构件239
10.3.4验证文本区域构件242
10.3.5验证複选框构件243
10.3.6验证选择构件244
10.3.7验证密码构件245
10.3.8验证确认构件245
10.3.9用Spry验证构件製作“中原线上注册”页面246
项目小结248
项目实训248
实训10.1利用表单製作个人简介页面248
实训10.2利用Spry验证表单製作个人注册页面249
项目11製作网站模板并使用模板创建网页/250
任务11.1了解DreamweaverCS5模板250
任务11.2模板区域的类型251
11.2.1认识模板区域251
11.2.2模板区域的3种类型251
任务11.3模板的使用251
11.3.1案例导入——通过模板创建“中原线上”网站251
11.3.2创建“中原线上”模板252
11.3.3使用模板创建“中原线上”子页面254
任务11.4更新模板257
项目小结258
项目实训258
实训11.1修改模板导航条258
实训11.2创建院系网页模板，并创建院系网站259
项目12网站製作实例/260
任务12.1网站布局规划分析260
12.1.1案例导入——製作“海南旅游”网站260
12.1.2网页布局规划260
任务12.2製作主页263
12.2.1页面的全局布局263
12.2.2製作logo部分265
12.2.3製作上部导航栏266
12.2.4製作主体内容区268
12.2.5製作弹出式子选单272
12.2.6製作图片循环播放效果274
12.2.7製作版权资讯部分并使用分隔线275
任务12.3製作子页276
12.3.1进行页面的全局布局276
12.3.2布局主体内容区277
12.3.3製作主体内容区左侧图片连结278
12.3.4製作主体内容区右侧图片连结281
项目小结282
项目实训282
实训完成本项目网页的製作282
参考文献/283