项目1网页设计基础/1
任务1.1认识网页1
1.1.1网页的分类1
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 CS6的安装与使用11
1.3.1安装Dreamweaver CS611
1.3.2使用Dreamweaver CS615
1.3.3用Dreamweaver CS6建立一个网页16
项目小结20
项目实训20
实训1.1用HTML建立欢迎页面20
实训1.2用Dreamweaver CS6建立欢迎页面21
项目2建立及管理网站/22
任务2.1在计算机上建立本地网站22
2.1.1建立“我的第一个网站”23
2.1.2本地站点的管理24
2.1.3管理和编辑本地站点文件27
任务2.2发布网站29
2.2.1网站空间29
2.2.2设置远程服务器30
2.2.3上传网站33
任务2.3网站的更新和维护33
2.3.1本地和远程文件夹的结构33
〖2〗〖3〗〖4〗2.3.2下载站点中的文件34
2.3.3本地文件和远程文件的同步34
项目小结35
项目实训35
实训2.1为站点申请空间35
实训2.2建立并上传网站“我的家”35
项目3向网页中添加各种元素/37
任务3.1向网页中添加文本37
3.1.1案例导入——建立“班级简介”网页37
3.1.2在Dreamweaver 中创建普通文本38
3.1.3一些特殊文本的输入41
3.1.4文本的常用格式设置41
3.1.5观察文本对应的代码44
任务3.2向网页中添加图像45
3.2.1案例导入——建立“汽车之家”网页45
3.2.2网页中常用的图像格式45
3.2.3插入图像46
3.2.4给无法显示的图像加注释48
3.2.5图像的编辑48
3.2.6观察图像对应的代码50
任务3.3向网页中添加声音50
3.3.1案例导入——建立“音乐播放”网站51
3.3.2向网页中插入可控制播放的声音51
3.3.3在网页中应用背景声音54
任务3.4向网页中添加视频55
3.4.1案例导入——建立“视频播放”网页56
3.4.2向网页中添加Flash动画56
3.4.3向网页中添加FLV视频59
3.4.4向网页中添加其他视频文件60
3.4.5观察各种插入视频的方法对应的代码60
项目小结62
项目实训63
实训3.1建立文字编辑网页63
实训3.2建立“香香美食”网63
项目4实现网页的超链接/64
任务4.1认识超链接64
4.1.1超链接的分类64
4.1.2超链接的路径64
任务4.2创建内部超链接65
4.2.1案例导入——设置“九寨沟四季”系列页面的内部超链接65
4.2.2创建文字超链接65
4.2.3创建图像超链接66
4.2.4鼠标经过图像链接69
4.2.5观察链接对应的代码71
4.2.6设置“九寨沟四季”系列页面的内部超链接72
任务4.3创建锚记链接73
4.3.1案例导入——设置“插花艺术”网页的锚记链接73
4.3.2创建命名锚记73
4.3.3链接到命名锚记74
4.3.4创建虚链接74
4.3.5观察锚记链接对应的代码74
4.3.6设置“插花艺术”网页的锚记链接74
任务4.4创建其他超链接76
4.4.1案例导入——向“九寨沟四季”网页添加超链接76
4.4.2创建外部超链接76
4.4.3创建Email链接77
4.4.4创建下载文件超链接77
4.4.5创建脚本链接78
4.4.6为“九寨沟四季”网页添加外部和电子邮件等链接78
任务4.5编辑超链接80
4.5.1设置超链接的外观80
4.5.2删除超链接80
项目小结81
项目实训81
实训4.1制作“犬类美容”网页的导航条81
实训4.2制作“黄山四绝”系列页面81
项目5用表格布局页面/82
任务5.1表格的基本操作82
5.1.1案例导入——制作“经典电影TOP 10”网页82
5.1.2创建表格82
5.1.3调整表格的结构84
5.1.4表格输入内容87
5.1.5利用属性面板设置表格的外观效果87
5.1.6观察表格对应的代码88
5.1.7制作“经典电影TOP 10”网页89
任务5.2表格中的数据处理91
5.2.1案例导入——制作“各专业毕业生统计”网页91
5.2.2数据的导入与导出92
5.2.3数据的排序94
5.2.4制作“各专业毕业生统计”网页96
任务5.3使用表格布局网页100
5.3.1案例导入——制作“毕业生就业信息网”首页100
5.3.2嵌套表格100
5.3.3表格制作技巧101
5.3.4表格布局网页的设计要点102
5.3.5制作“毕业生就业信息网”首页103
项目小结107
项目实训107
实训5.1制作“信息工程系图形图像112班课程表”网页107
实训5.2制作“花影袭人”网站中“菊花简介”的网页108
实训5.3制作“信息工程系教学评估网”首页108
项目6用框架布局页面/110
任务6.1创建框架网页110
6.1.1案例导入——制作“信息系课程表”网页110
6.1.2认识框架网页110
6.1.3创建框架网页111
6.1.4保存框架网页112
6.1.5观察框架集文件对应的代码116
6.1.6制作“信息系课程表”框架网页117
任务6.2框架和框架集的基本操作119
6.2.1案例导入——制作“花卉护理——牡丹”网页119
6.2.2选择框架和框架集120
6.2.3编辑框架集的属性120
6.2.4编辑框架的属性121
6.2.5调整框架的大小122
6.2.6删除框架（合并框架）122
6.2.7制作“花卉护理——牡丹”网页122
任务6.3设置框架网页的链接125
6.3.1框架内的链接125
6.3.2关键字的链接126
项目小结127
项目实训128
实训6.1制作“暗香盈袖”网站的系列网页128
实训6.2制作“心情驿站”个人博客首页129
项目7用CSS美化网页/130
任务7.1认识CSS130
7.1.1案例导入——对“影迷俱乐部”网站中的网页应用CSS130
7.1.2打开“新建CSS规则”的几种方法133
7.1.3CSS常用属性134
任务7.2建立和管理CSS样式140
7.2.1建立可应用于任何HTML元素的CSS样式140
7.2.2建立应用于一个HTML元素的CSS样式142
7.2.3建立应用于指定标签的CSS样式144
7.2.4建立应用于指定范围内标签的CSS样式146
7.2.5建立应用于多个标签的CSS样式147
7.2.6建立定义超链接的CSS样式149
7.2.7观察CSS样式对应的代码151
7.2.8用“CSS样式”面板管理CSS样式151
任务7.3建立并应用外部CSS样式154
7.3.1建立外部CSS样式定义页面文字和背景154
7.3.2在一个网页中应用已建好的外部样式157
任务7.4CSS常见应用158
7.4.1用CSS控制段落样式158
7.4.2用CSS控制图片样式160
7.4.3用CSS控制背景图片的样式162
7.4.4用CSS美化列表163
7.4.5应用CSS滤镜164
项目小结166
项目实训167
实训7.1为“影迷俱乐部”网站中的网页设置格式167
实训7.2设置“茶文化”网页167
实训7.3设置“新闻公告”网页168
项目8用CSS DIV布局页面/169
任务8.1认识DIV与CSS盒模型169
8.1.1标签169
8.1.2CSS盒模型171
任务8.2应用CSS实现定位175
8.2.1CSS的定位方式175
8.2.2相对定位175
8.2.3绝对定位177
8.2.4固定定位178
8.2.5浮动180
8.2.6清除浮动181
任务8.3CSS DIV布局实例183
8.3.1案例导入——个人博客页面183
8.3.2用CSS DIV布局网页的步骤183
8.3.3用CSS DIV布局个人博客网页184
任务8.4实现响应式网页设计194
8.4.1案例导入——响应式网页设计： 佳莓生态食品194
8.4.2Dreamweaver CS6中的流体网格布局194
8.4.3制作“佳莓生态食品”网页196
项目小结204
项目实训204
实训8.1了解Dreamweaver CS6中的预设布局204
实训8.2用CSS DIV布局“园林设计”网页205
实训8.3实现响应式页面设计205
项目9向网页添加行为/206
任务9.1了解行为206
9.1.1认识行为206
9.1.2附加行为207
任务9.2使用Dreamweaver CS6内置的行为209
9.2.1用“行为”面板实现交换图像行为209
9.2.2制作页面打开时弹出广告信息210
9.2.3“打开浏览器窗口”行为211
9.2.4制作可移动的面板212
9.2.5下拉菜单的制作213
9.2.6为元素添加特殊的动画效果215
任务9.3JavaScript行为的应用216
9.3.1认识JavaScript216
9.3.2调用JavaScript216
9.3.3单击按钮背景颜色变换217
9.3.4添加到收藏夹和设为首页219
9.3.5在网页中嵌入JavaScript脚本220
9.3.6JavaScript脚本在文档中的位置221
9.3.7实现悬浮广告特效222
9.3.8实现滚动图片特效223
9.3.9实现鼠标跟随特效225
项目小结226
项目实训226
实训9.1制作下拉菜单226
实训9.2实现JavaScript特效226
实训9.3给校园新闻网添加行为226
项目10制作表单/228
任务10.1认识表单228
10.1.1案例导入——制作“注册会员申请”页面228
10.1.2插入表单和表单对象228
10.1.3设置常用表单对象的属性231
10.1.4用CSS美化表单238
任务10.2使用Spry构件241
10.2.1案例导入——制作“驴友会员申请”页面241
10.2.2Spry构件的基本操作242
10.2.3设置常用Spry构件的属性243
任务10.3练习布局页面时常用的Spry构件249
10.3.1案例导入——制作“QQ好友”页面249
10.3.2使用Spry选项卡式面板250
10.3.3使用Spry折叠式面板251
10.3.4Spry可折叠面板252
10.3.5使用Spry菜单栏252
项目小结254
项目实训254
实训10.1利用表单制作个人简介页面254
实训10.2利用Spry验证表单制作个人注册页面254
实训10.3利用Spry页面布局构件制作页面导航255
项目11模板和库的应用及资源管理/256
任务11.1模板的应用256
11.1.1案例导入——制作“毕业生就业信息网”就业指导系列网页256
11.1.2认识模板256
11.1.3创建模板258
11.1.4定义模板区域259
11.1.5使用模板制作“毕业生就业信息网”就业指导系列网页262
11.1.6更新模板及模板的其他操作268
任务11.2定制库项目270
11.2.1案例导入——定制毕业生就业信息网的库项目270
11.2.2认识库270
11.2.3库项目的应用270
11.2.4定制毕业生就业信息网库项目272
任务11.3资源管理274
11.3.1资源类型274
11.3.2“资源”面板275
项目小结275
项目实训275
实训11.1为“中原在线”网站设计模板，并应用模板创建系列网页275
实训11.2自行设计创建所在院系网站275
项目12网站制作实例/277
任务12.1网站布局规划分析277
12.1.1案例导入——制作海南旅游网站277
12.1.2网页布局规划277
任务12.2制作主页279
12.2.1页面的全局布局279
12.2.2制作logo部分282
12.2.3制作上部导航栏282
12.2.4制作主体内容区284
12.2.5制作弹出式子菜单287
12.2.6制作图片循环播放效果288
12.2.7制作版权信息部分并使用分隔线289
任务12.3制作子页290
12.3.1进行页面的全局布局290
12.3.2布局主体内容区292
12.3.3制作主体内容区左侧图片链接292
12.3.4制作主体内容区右侧链接294
参考文献/296