第1章 开门见山——了解网页制作 1
第1个小时:网页设计制作相关知识 3
1.1了解网页设计必备知识 3
1.2网页的基本构成元素 7
1.3网页设计的基本流程 8
1.3.1前期策划 8
1.3.2网页布局 10
1.3.3确定网页的主色调 11
1.3.4设计整体页面 12
1.3.5切割和优化页面 12
1.3.6制作HTML页面 12
1.3.7测试并上传网站 12
1.3.8网站的更新与维护 12
自测1安装Dreamweaver CS5.5 14
自测2创建本地静态站点 16
自测3创建站点并设置远程服务器 17
第2个小时:了解Dreamweaver CS5.5 19
1.4初识Dreamweaver CS5.5 19
1.5 Dreamweaver CS5.5的新增功能 20
1.6 Dreamweaver CS5.5的操作界面 23
1.7站点的管理 25
自测4创建HTML页面 27
自测5使用HTML5实现视频播放 28
第3个小时:了解HTML代码 30
1.8 HTML的语法结构 30
1.9 HTML中的重要标记 32
1.10关于HTML5 35
1.11页面属性设置 36
1.12页面头信息设置 37
自测6设置网站头信息 42
自测7制作网站欢迎页面 43
自我评价 48
总结扩展 48
第2章 样式的魔力——Div+CSS布局 49
第4个小时:认识CSS样式 51
2.1 CSS样式的基本写法 51
2.2 CSS的优越性 51
2.3内联样式 52
2.4内部样式表 52
2.5外部样式表 53
2.6创建CSS样式 53
自测8 CSS冲突 61
自测9使用CSS样式美化工作室网站页面 62
第5个小时:丰富的CSS样式 68
2.7创建标签CSS样式 68
2.8创建类CSS样式 70
2.9创建ID样式 71
2.10创建复合内容Css样式 72
2.11 CSS的单位和值 72
2.12 CSS 3.0常用新增属性 73
自测10使用CSS 3.0实现鼠标经过图像动态效果 75
自测11制作休闲度假网站页面 78
第6个小时:了解Div+CSS布局 83
2.13 Div是什么 83
2.14如何在网页中插入Div 83
2.15 可视化盒模型 84
2.16浮动定位 85
2.17相对定位 89
2.18绝对定位 90
自测12制作美容时尚网站页面 92
第7个小时:了解Div+CSS布局 98
2.19使用自动空白边让设计居中 98
2.20使用定位和负值空白边让设计居中 98
2.21两列固定宽度布局 100
2.22两列固定宽度居中布局 101
2.23两列宽度自适应布局 101
2.24两列右列宽度自适应布局 102
2.25三列浮动中间列宽度自适应布局 102
自测13制作游艇门户网站页面 105
自我评价 112
总结扩展 112
第3章 循序渐进——网页中文字、图像和表格的应用 113
第8个小时:网页中文字的使用 115
3.1在网页中输入文字 115
3.2设置文本属性 116
3.3插入特殊文本元素 118
3.4创建列表 120
自测14制作滚动的网站公告 123
自测15 制作企业网站页面 125
第9个小时:网页中图像的使用 128
3.5网页中可以插入的格式 128
3.6在网页中插入图像 129
3.7设置图像属性 130
3.8图像占位符的使用 132
自测16鼠标经过图像 135
自测17制作图像网站页面 136
第10个小时:表格在网页中的应用 141
3.9插入表格 141
3.10选择表格和单元格 142
3.11设置表格和单元格属性 143
自测18对表格数据进行排序 146
自测19导入表格数据 147
自测20制作卡通儿童网站页面 149
自我评价 154
总结扩展 154
第4章 交互的途径——插入表单元素和设置网页链接 155
第11个小时:了解网页中的表单 157
4.1表单 157
4.2插入表单域 159
4.3设置表单域属性 160
自测21制作网站登录页面 162
自测22制作网站搜索栏 166
自测23制作网站投票 169
第12个小时 全面掌握表单页面的制作 172
4.4隐藏域 172
4.5文件域 172
4.6按钮 173
自测24制作友情链接 176
自测25验证登录框 177
自测26制作用户注册页面 179
第13个小时:设置基本网页超链接 186
4.7了解链接路径 186
4.8文字链接 187
4.9图像链接 189
4.10空链接 189
自测27创建E-mail链接 192
自测28创建脚本链接 194
自测29创建锚记链接 195
第14个小时:特殊的网页超链接 197
4.11文件下载链接 197
4.12超链接属性控制 198
自测30创建图像热点链接 202
自测31制作旅游网站页面 203
自我评价 209
总结扩展 210
第5章 缤纷网页——在网页中插入多媒体并应用行为 211
第15个小时:在网页中插入Flash 213
5.1插入Flash动画 213
5.2 Flash动画属性设置 214
5.3插入FLV视频 216
自测32 制作Flash欢迎页面 219
自测33在网页中插入Shockwave动画 221
自测34使用Applet实现图像特效 223
第16个小时:在网页中插入其他多媒体 225
5.4网页中支持的音频 225
5.5网页中支持的视频 225
5.6了解ActiveX 226
自测35制作有背景音乐的网页 229
自测36制作视频页面 232
自测37制作食品类网站页面 234
第17个小时:在网页中应用行为 239
5.7事件和动作 239
5.8为网页添加行为 240
5.9设置文本 240
5.10调用JavaScript 242
5.11转到URL 242
5.12预先载入图像 243
自测38弹出信息 245
自测39打开浏览器窗口 246
自测40检查表单 248
自测41制作餐饮类网站页面 250
总结扩展 256
第6章 以一敌百——使用框架、模板和库 257
第18个小时:框架页面 259
6.1了解框架 259
6.2插入预定义框架集 260
6.3手动设计框架集 261
6.4框架集与框架的属性设置 262
6.5设置无框架内容 264
自测42创建框架页面并保存 266
自测43制作框架页面 267
自测44制作IFrame框架页面 273
第19个小时:创建模板 277
6.6模板 277
6.7模板的特点 278
6.8创建模板 278
6.9定义可编辑区域 279
6.10定义可选区域 280
6.11定义可编辑可选区域 281
6.12定义重复区域 281
自测45制作模板页面 283
自测46创建可编辑区域 287
自测47创建可选区域 288
第20个小时:创建基于模板的页 290
6.13创建基于模板的页 290
6.14删除页面中所使用的模板 291
6.15 更新模板及基于模板的网页 292
自测48创建基于模板页面 294
自测49完成模板页面的制作 295
第21个小时:库项目的使用 298
6.16新建库项目 298
6.17使用库项目 299
6.18编辑库项目 299
6.19更新库项目 299
自测50创建库项目 301
自测51在网页中插入库项目 302
总结扩展 307
第7章 完善技术——AP Div和网站的上传 309
第22个小时:了解AP Div 311
7.1插入AP Div 311
7.2选择AP Div 312
7.3设置AP Div属性 313
自测52使用AP Div排版 316
自测53使用AP Div溢出排版 317
自测54改变AP Div属性 318
第23个小时:了解Spry构件 320
7.4关于Spry构件 320
7.5 Spry菜单栏 321
7.6 Spry选项卡式面板 322
7.7 Spry折叠式构件 323
7.8 Spry可折叠面板 324
7.9 Spry工具提示 324
自测55设置AP Div文本 327
自测56显示隐藏网页中的AP Div 328
自测57实现网页中AP元素的拖动 330
自测58制作个人网站页面 332
第24个小时:测试和上传网站 337
7.10检查链接 337
7.11检查浏览器兼容性 338
7.12站点报告 339
自测59制作游戏网站页面 341
自测60验证W3C 347
自测61连接到远程服务器 348
自测62上传网站 350
自我评价 351
总结扩展 352