第1章 网页设计制作概述 1
1.1网页、网站的概念 1
1.1.1网页、网站和主页 1
1.1.2静态网页和动态网页 1
1.2 Web标准 2
1.2.1 Web标准的概念 2
1.2.2建立Web标准的目的 3
1.2.3采用Web标准的优点 4
1.3网站的规划与设计 4
1.4网站开发工作流程 5
1.4.1规划站点 5
1.4.2设置开发环境 6
1.4.3规划页面设计和布局 6
1.4.4创建内容资源 7
1.4.5组合、测试和部署 7
1.4.6维护和更新站点 8
1.4.7案例：规划曙光大学网站 8
1.5网站策划书撰写要点 9
1.6常用网页制作软件 11
1.6.1网页制作工具 11
1.6.2网页图形图像处理工具 12
1.6.3网页动画制作与特效工具 13
1.6.4网页上传工具 13
1.6.5网页设计工具的发展动向 14
1.7实训：规划爱家美食网站 15
1.8习题 15
第2章 网页版面设计基础 16
2.1网页基础知识 16
2.1.1虚拟界面 16
2.1.2网页界面的特点 16
2.1.3网页的功能 18
2.2网页版面设计 20
2.2.1版面编排原则 20
2.2.2网页排版布局的一般步骤 21
2.2.3版面典型风格 21
2.2.4网页排版布局的常用技术 23
2.2.5色彩搭配 23
2.2.6设计规则 24
2.2.7设计误区 27
2.2.8案例：设计曙光大学网站首页版面 28
2.3实训：设计爱家美食网站首页版面 30
2.4习题 30
第3章 用Dreamweaver CS4创建基本网页 32
3.1 Dreamweaver CS4入门 32
3.1.1 Dreamweaver CS4工作环境 32
3.1.2 Dreamweaver CS4的参数设置 37
3.2制作简单网页 39
3.2.1创建网站站点 39
3.2.2新建与保存网页 42
3.2.3页面属性设置 45
3.2.4网页的基本排版 46
3.2.5插入图像 48
3.2.6 案例1：创建曙光大学网站“学校概况”页面 50
3.3制作图文并茂网页 53
3.3.1图文混排 53
3.3.2案例2：设计曙光大学网站“校园风采”页面 54
3.4网页结构语言XHTML 56
3.4.1 XHTML简介 57
3.4.2 XHTML文档的基木结构 57
3.4.3使用Drearnweaver CS4的代码视图查看XHTML文档 59
3.4.4案例3：了解曙光大学网站“校园风采”网页代码 59
3.5实训 61
3.5.1实训1：制作爱家美食网站“白云豆烧牛肉”页面 61
3.5.2实训2：制作爱家美食网站“美食推荐”页面 61
3.6习题 64
第4章 超链接 65
4.1超链接的基本概念 65
4.2创建内部超链接 66
4.2.1内部超链接的形式 66
4.2.2创建文字超链接 66
4.2.3创建图片超链接 67
4.2.4案例：制作曙光大学网站“招生信息”栏目 68
4.3创建其他类型超链接 73
4.3.1外部链接 73
4.3.2 E-mail超链接 73
4.3.3锚点超链接 74
4.3.4下载链接 75
4.4实训 75
4.4.1实训1：制作爱家美食网站“食尚前沿”系列页面 75
4.4.2实训2：制作爱家美食网站“美味靓汤”系列页面 79
4.5习题 80
第5章 表格 81
5.1表格基本操作 81
5.1.1创建表格 81
5.1.2设置表格属性 82
5.1.3表格的基本操作 83
5.1.4案例1：制作曙光大学网站“就业信息”网页 89
5.2 XHTML表格 93
5.2.1简单表格 93
5.2.2表格内文字的对齐方式 94
5.2.3表格在页面中的对齐方式 94
5.2.4表格的色彩和图像背景 94
5.2.5案例2：分析曙光大学网站“就业信息”栏目主页代码 95
5.3表格布局页面的综合应用 97
5.3.1制作网站首页的技术要点 97
5.3.2案例3：制作曙光大学网站首页 97
5.4实训 110
5.4.1实训1：制作爱家美食网站“美食图库”页面 110
5.4.2实训2：制作爱家美食网站首页 112
5.5习题 113
第6章 网页行为语言——JavaScript 115
6.1 JavaScript简介 115
6.1.1 JavaScript的特点 115
6.1.2在网页中插入JavaScript的方法及定义 115
6.2行为 116
6.2.1行为的基木概念 116
6.2.2“行为”面板 116
6.3页面对象行为 118
6.3.1利用“行为”面板设置弹出窗口页面 118
6.3.2利用“行为”面板设置弹出信息框 119
6.3.3案例1：制作曙光大学网站首页弹出窗口页面 119
6.4基于对象的JavaScript脚本语言 121
6.4.1对象及相关概念 122
6.4.2 DHTML对象模型简介 123
6.5对象事件 125
6.5.1对象事件的分类 125
6.5.2常用的事件及处理程序 126
6.6制作JavaScript特效 128
6.6.1案例2：制作曙光大学网站首页滚动的“友情链接”信息 128
6.6.2案例3：制作曙光大学网站首页循环滚动图片广告 130
6.6.3案例4：制作曙光大学网站首页幻灯切换广告 133
6.7实训 135
6.7.1实训1：制作爱家美食网站菜谱弹出信息框 135
6.7.2实训2：制作爱家美食网站首页幻灯切换广告 136
6.8习题 140
第7章 网页表现语言——CSS 142
7.1 CSS简介 142
7.1.1 CSS的特点和用途 142
7.1.2 CSS规则 143
7.1.3 CSS常用属性 143
7.2 “CSS样式”面板 149
7.2.1“正在”模式下的“CSS样式”面板 149
7.2.2“全部”模式下的“CSS样式”面板 149
7.2.3 “CSS样式”面板视图和按钮 149
7.3创建并使用内部样式表 150
7.3.1创建自定义样式 151
7.3.2创建仅应用于一个HTML元素的样式 152
7.3.3创建重定义HTML标签样式 152
7.3.4创建链接样式 153
7.3.5样式的应用 153
7.3.6案例1：制作曙光大学网站导航条菜单 154
7.4创建并使用外部CSS样式 159
7.4.1创建外部样式文件 160
7.4.2链接外部样式 160
7.4.3案例2：创建曙光大学网站样式 162
7.5实训 164
7.5.1实训1：制作爱家美食网站“奶茶评测”页面 164
7.5.2实训2：创建爱家美食网站样式 165
7.6习题 166
第8章 框架 167
8.1创建框架页 167
8.1.1框架类型和“框架”面板 167
8.1.2新建框架页 168
8.1.3保存框架页 171
8.2框架页面链接 171
8.2.1设置框架属性 171
8.2.2设置框架页面之间的链接 173
8.2.3案例：制作曙光大学网站“对外合作”页面 174
8.3实训：制作爱家美食网站“菜谱大全”页面 179
8.4习题 181
第9章 表单 183
9.1表单简介 183
9.1.1表单的基本概念 183
9.1.2表单对象 184
9.2常用表单对象设置 184
9.2.1表单 184
9.2.2文本域 185
9.2.3隐藏域 186
9.2.4复选框 187
9.2.5单选按钮 187
9.2.6列表／菜单 188
9.2.7跳转菜单 189
9.2.8图像域 190
9.2.9文件域 191
9.2.10按钮 191
9.2.11 Spry框架简介 193
9.2.12案例1：制作曙光大学网站“用户登录”界面 193
9.2.13案例2：制作曙光大学网站“用户注册”页面 197
9.3检查表单 203
9.3.1使用“检查表单”行为 203
9.3.2案例3：检查“用户注册”页面表单数据的合法性 204
9.4实训 205
9.4.1实训1：制作爱家美食网站“美食搜索”页面 205
9.4.2实训2：制作爱家美食网站“用户意见反馈”表单 207
9.5习题 207
第10章 模板与库 209
10.1模板 209
10.1.1模板的基本概念 209
10.1.2创建模板 209
10.2使用模板 213
10.2.1新建基于模板的网页 213
10.2.2案例1：制作曙光大学网站“教育创新”栏目模板 214
10.3库 219
10.3.1库的基本概念 219
10.3.2新建库项目 219
10.3.3编辑库项目 220
10.3.4案例2：创建曙光大学网站“版权信息”库项目 221
10.4使用库项目 222
10.4.1在页面中插入库项目 222
10.4.2设置库项目的属性 223
10.4.3案例3：将“版权信息”库项目插入到曙光大学网站页面中 223
10.5更新模板与库 224
10.5.1更新模板 224
10.5.2更新库 225
10.5.3案例4：更新曙光大学网站“教育创新”栏目模板 226
10.5.4案例5：更新曙光大学网站“版权信息”库项目 227
10.6实训 229
10.6.1实训1：创建爱家美食网站“食出健康”栏目模板 229
10.6.2实训2：创建与更新爱家美食网站Logo库项目 232
10.7习题 232
第11章多媒体对象 235
11.1多媒体对象的基本知识 235
11.1.1多媒体对象的格式 235
11.1.2案例1：为曙光大学网站“校园风采”网页添加背景音乐 236
11.1.3使用声音与视频 237
11.1.4案例2：制作曙光大学网站“MV音乐欣赏”页面 238
11.1.5插入Flash内容 242
11.1.6插入FlashPaper电子文档 243
11.1.7案例3：制作曙光大学网站“网页制作网上实训”页面 245
11.2实训 249
11.2.1实训1：制作爱家美食网站“美食在线”页面 249
11.2.2实训2：制作爱家美食网站“美食推荐”页面 251
11.3习题 252
第12章 使用Div布局页面 253
12.1 Div布局基础 253
12.1.1 Div布局页面的优点 253
12.1.2 Div标签 253
12.1.3案例：制作曙光大学网站“心理咨询”栏目的“曙光博客”页面 255
12.2实训 266
12.2.1实训1：制作爱家美食网站“美食美文”页面 266
12.2.2实训2：制作爱家美食网站“电影美食”页面 268
12.3习题 269
第13章 网站的整合与测试发布 271
13.1整合网站 271
13.2本地站点测试网站 271
13.2.1网站测试的参数 271
13.2.2案例：测试曙光大学网站 272
13.3网站的发布 277
13.3.1设置远程站点 277
13.3.2连接服务器 278
13.3.3文件的上传和下载 278
13.4实训 279
13.4.1实训1：测试爱家美食网站 279
13.4.2实训2：发布爱家美食网站 280
13.5习题 280