第0章 网页设计综述 1
0.1网站开发的流程简介 1
介绍网站的设计、制作流程 1
0.1.1明确网站定位 1
0.1.2收集信息和素材 2
0.1.3策划栏目内容 2
0.1.4设计页面方案 2
0.1.5制作页面 2
0.2.1版面构成的原理 3
介绍页面设计的几种常见布局类型 3
0.2页面设计布局介绍 3
0.1.7整合与测试网站 3
0.1.6实现后台功能 3
0.2.2网页版面构成中常见的布局形式 4
1.“T”型布局 4
2.“口”型布局 5
3.“三”型布局 5
4.对称对比布局 6
5.宣传单型布局 6
6.门户型网页布局 7
7.区块型布局 7
3.定案 8
2.粗略布局 8
3.添加Flash电影 11l 8
0.2.3网页布局设计的步骤 8
1.草图 8
0.2.4网页版面构成的布局技巧 9
0.3本章小结 9
第1章 初识Dreamweaver 8 11
1.1HTML基本知识 11
介绍Internet和HTML语言的基本知识 11
1.1.1 Internet基本术语 11
1.1.2 HTML文件基础 12
1.HTML语言基本知识 12
2.HTML语言的标记符 13
1.1.3使用HTML语言编写简单页面 17
1.2.1 Dreamweaver8用户界面 18
介绍Dreamweaver的程序界面及最基本的操作 18
1.2 Dreamweaver 8快速入门 18
2.文档窗口 19
1.起始页 19
3.插入工具栏 20
4.“属性”面板 21
5.其他面板 21
6.打开和关闭面板 22
7.面板重组 22
1.2.2设置页面属性 22
1.2.3插入页面元素 24
1.插入文本 24
2.插入和编辑图片 25
3.插入和编辑表格 26
5.Dreamweaver 8的其他功能和特性 27
4.行为 27
1.3使用Fireworks辅助页面设计 28
讲解如何使用Fireworks辅助网页设计 28
1.3.1 Fireworks 8用户界面简介 28
1.打开和创建图像文件 28
2.常用工具栏 30
3.层与资源面板 31
1.3.2使用Fireworks 8进行网页图像设计 32
1.网页设计思想 32
2.插入文本 33
3.切割图片 33
4.优化图片 34
5.导出图像和HTML文件方法一 35
6.导出HTML文件方法二 36
1.4本章小结 38
第2章 创建网页和网站 39
2.1创建简单文档 39
创建文档并制作一个简单网页 40
2.1.1创建空白文档 40
2.1.2年轻真好——制作一个简单网页 42
2.2创建本地站点 44
创建本地站点并向站点中添加文件 44
1.本地文件夹 44
2.远程文件夹 44
3.测试服务器文件夹 44
2.2.1使用Dreamweaver 8创建本地站点 44
2.2.2为本地站点添加文件 47
1.向本地站点添加新文件 47
2.向站点添加已有文件 49
3.使用地图视图功能查看站点文件间的链接关系 50
2.3.1使用已有模板创建文档 51
2.3创建以模板为基础的文档 51
使用文档模板创建文档 51
2.3.2创建以范例为基础的文档 52
1.从“页面设计(CSS)”创建新文档 52
2.从“入门页面”创建新文档 53
3.从“页面设计(有辅助功能的)”创建新文档 54
2.3.3打开并编辑已有文档 55
2.4本章小结 55
3.1.1使用属性面板格式化文本 57
第3章 编辑文档 57
介绍格式化文本及在页面中使用图片的操作 57
3.1 编辑文本和图片 57
1.用“大小”下拉列表设置文字大小 58
2.使用“格式”下拉列表设置文字大小 59
3.设置文字的字体列表 59
4.设置文字的加粗、倾斜和颜色属性 60
5.设置段落的对齐方式 61
6.创建清单 61
3.1.2使用层叠样式表格式化文本 62
1.创建样式表 62
2.应用层叠样式表 63
3.其他类型的层叠样式表 65
1.插入图片 67
2.改变图片的大小 67
3.1.3使用和处理图片 67
3.对图片重新取样 68
4.裁剪图片 68
5.调整图片的亮度和对比度 69
6.使用Fireworks对图片进行处理 69
3.1.4名车风范——网页实例制作 70
1.设置页面属性 70
2.添加文本 71
3.添加图片 71
3.2.1为文字添加超级链接 72
介绍为文字和图片添加超级链接的操作 72
3.2网页超级链接 72
3.2.2为图片添加超级链接 74
3.3如歌岁月——网页实例制作 76
使用Fireworks和Dreamweaver的基本操作制作了一个简单网页 76
3.3.1使用Fireworks 8辅助页面设计 76
3.3.2使用Dreamweaver编辑网页 77
3.4本章小结 78
第4章 网站建设与管理 79
4.1网站建设 79
介绍网站建设之前的一些准备工作 79
1.网站的题材 79
4.网站结构设计 80
3.网站主页的制作 80
2.网站形象设计 80
4.2网站管理与维护 81
介绍设置文件结构和管理站点内超链接等操作 81
4.2.1设置网站文件结构 81
4.2.2管理站点内的超级链接 82
1.检查链接 83
2.更新链接 83
4.2.3利用查找和替换功能管理站点 84
1.查找含有特定文本的标记 84
2.修改站点中的链接URL 85
4.3.1测试网站的浏览器兼容性 86
介绍测试网站的浏览器兼容性和HTML优化的操作 86
4.3网站的测试和优化 86
4.3.2 HTML优化 89
1.清理Word生成的HTML代码 89
2.清理HTML 90
3.添加/删除Netscape调整修复 91
4.4在Internet上建立网站 91
介绍域名申请与信息发布和向服务器上传网站的操作 91
4.4.1域名申请与信息发布 91
1.域名申请 91
2.信息发布 92
4.4.2向服务器上传网站 92
1.登录搜索引擎 94
介绍对网站进行宣传的一些技巧和注意事项 94
4.5网站宣传 94
2.友情链接 95
3.提供联系电子邮箱 95
4.6本章小结 96
第5章 添加页面元素 97
5.1使用表格 97
介绍如何向页面中添加表格并对表格进行相关的设置 98
5.1.1表格的基本操作 98
1.创建表格 98
2.设置表格属性 100
3.拆分合并单元格 101
5.1.2新闻网——网页实例制作 102
1.使用Fireworks对标题栏图片进行切片 103
2.制作主页 103
介绍添加多媒体及控件的基本操作 107
5.2.1添加多媒体及控件的基础操作 107
5.2添加多媒体及控件——媒体天地 107
1.添加背景音乐 108
2.添加音频视频文件 108
5.2.2媒体天地——网页制作实例 110
1.首页的制作 111
2.为首页做超链接 113
5.3添加Flash元素 113
1.添加Flash文本 114
介绍添加Flash文本、Flash按钮和Flash动画等Flash元素的操作 114
5.3.1添加Flash元素的基本操作 114
2.添加Flash按钮 116
5.3.2 Flash精品驿站——网页制作实例 119
1.制作基本页面 119
2.添加图片和Flash元素 120
5.4表单的使用 123
介绍在网页中使用表单的基本操作 124
5.4.1表单的基本操作 124
1.添加文本字段 124
2.添加文本区域 126
3.添加按钮 127
5.添加单选按钮 128
4.添加复选框 128
6.添加列表/菜单 129
7.添加文件域 130
8.添加图像域 130
9.添加隐藏域 131
10.添加单选按钮组 131
11.添加跳转菜单 132
5.4.2极限运动注册专区——网页制作实例 133
1.制作基本页面 133
2.添加注册表单 134
5.5本章小结 136
6.1层叠样式表的基本应用 137
第6章 层叠样式表 137
创建和对页面元素应用层叠样式表 138
6.1.1创建和编辑层叠样式表 138
6.1.2应用层叠样式表 144
1.对页面元素应用层叠样式表 144
2.导出层叠样式表文件 146
3.链接外部样式表 146
6.1.3 CSS滤镜效果 148
6.2精品软件公司——网页制作实例 153
通过实例介绍制作基本页面、定义和应用层叠样式表的方法 153
6.2.1制作基本页面 153
6.2.2定义层叠样式表 154
6.2.3应用层叠样式表 155
6.3本章小结 156
第7章 定位页面 157
7.1表格定位页面 157
介绍使用布局表格和布局单元格来制作页面的方法 158
7.1.1表格高级操作 158
1.设置表格分隔线和边框效果 158
2.调整表格大小 160
7.1.2使用布局表格和布局单元格 161
1.布局视图模式 161
2.创建布局表格 163
3.创建布局单元格 164
4.设置布局表格和布局单元格的属性 164
5.设置布局宽度 165
6.使用空白图片 166
7.1.3大家一起学英文——网页制作实例 168
1.使用布局表格和布局单元格规划页面结构 168
2.制作基本页面 169
7.2层定位页面 171
介绍层的基本知识和使用层制作页面的方法 172
7.2.1层的基本知识 172
1.创建和移动层 172
2.设置层属性 173
3.嵌套层的使用 174
4.将层转换成表格 176
1.制作基本页面 180
7.2.2网络咖啡馆——网页制作实例 180
2.添加页面内容 181
7.3嵌入式框架定位页面 182
介绍使用嵌入式框架来定位页面的方法 183
7.3.1嵌入式框架基本知识 183
1.创建嵌入式框架 183
2.为嵌入式框架设置链接 186
7.3.2文学咖啡馆——网页制作实例 186
1.制作首页页面 187
2.制作链接页面 188
3.使用嵌入式框架 188
介绍使用框架和框架集来定位页面的方法 189
7.4.1框架和框架集基本知识 189
7.4框架定位页面 189
1.创建框架和框架集 190
2.删除框架 192
3.编辑框架 192
4.编辑框架内容 193
7.4.2音乐天堂——网页制作实例 194
1.制作框架集页面 194
2.制作显示在框架中的页面 195
3.将HTML文件链接到框架 197
7.5本章小结 200
8.1行为 201
第8章 网页动态效果 201
介绍向页面添加各种行为的基本方法 202
8.1.1行为的基本操作 202
1.行为基本知识 202
2.交换图像与交换图像恢复 202
3.弹出信息 205
4.打开浏览器窗口 206
5.播放声音 207
6.改变属性 208
7.显示弹出式菜单 209
8.检查插件 210
9.检查浏览器 211
10.设置导航栏图像 211
12.转到URL 213
11.设置状态栏文本 213
13.预先载入图像 214
14.拖动层 214
15.显示-隐藏层 216
8.1.2公司网站——网页制作实例 217
1.制作基本页面 217
2.向页面中添加行为 218
8.2JavaScript脚本代码 219
介绍使用JavaScript代码添加动态效果的方法 220
8.2.1使用JavaScript代码的基本操作 220
1.在网页中显示时间 220
2.垂直滚动的文字 221
3.随时间显示不同的问候 222
4.彩色链接文字 223
8.2.2文化长廊——网页制作实例 225
1.制作基本网页 225
2.为首页添加JavaScript脚本代码 225
3.为图片欣赏页面添加JavaScript脚本代码 231
8.3拼图游戏 232
介绍制作更为复杂的完全不借助任何插件的网页游戏,需要综合运用“时间轴”和“拖拽图层”的行为 232
8.3.1准备图层 233
8.3.2使图片动态分离 234
8.3.3加入开始按钮 235
8.3.4设置可拖拽图层 237
8.3.5调用JavaScript技巧 239
8.3.6进一步地完善和改进 242
8.4本章小结 243
9.1库 245
第9章 库和模板的应用 245
介绍使用库功能的基本方法 246
9.1.1库的基本操作 246
1.定义本地站点 246
2.创建库项目 247
3.使用库项目 247
4.更新库项目 248
9.1.2电视在线——使用库功能来制作网站 248
1.定义本地站点 249
2.制作标题栏库项目 249
4.制作首页基本页面 251
3.制作版权信息库项目 251
5.制作二级页面 253
6.更改库项目和更新网页 254
7.从源文件中分离库项目 255
9.2模板 256
介绍使用模板功能的基本方法 257
9.2.1模板的基础知识 257
9.2.2网络商务驿站——使用模板制作网页 257
1.创建空白网页模板 257
2.编辑模板页 258
3.应用模板制作网页 261
4.修改模板并更新网页 263
9.3本章小结 264
5.分离模板 264
第10章 服务器端程序开发入门 265
10.1动态网页与ASP 265
介绍动态网页的概念和作用 267
10.2 ASP的开发 267
介绍ASP运行环境的配置方法和几种基本的ASP程序 267
10.2.1 ASP运行环境及配置 267
10.2.2熟悉ASP程序 269
10.3制作留言簿 272
通过完整的网上留言簿实例掌握ASP的应用方法 273
10.3.1准备工作 273
10.3.3建立数据库 274
10.3.2建立站点 274
10.3.4制作演示留言页面(index.asp) 275
10.3.5制作添加留言页面(insert.asp) 280
第11章 综合实例(一)——网络公司网站 283
11.1实例概述 283
11.2网站策划 284
11.3使用Fireworks制作网页效果 285
11.3.1绘制网页基本效果 285
11.3.2绘制导航栏 287
11.3.3绘制网页正文效果 288
11.3.4添加装饰图标 289
11.3.5绘制子页面效果 291
11.4使用Dreamweaver 8创建站点 291
1.绘制首页的切片 292
11.5使用Fireworks切片并输出首页 292
2.切片输出 293
11.6在Dreamweaver 8中编辑首页 294
1.背景化处理相应位置图像 294
2.插入文本内容 294
3.设置热区并定义热区链接 295
11.7使用Fireworks切片并导出二级页面 295
1.将二级页面作为JPEG格式图片插入到首页PNG文件的新图层中 295
2.修改二级页面切片并导出 296
11.8在Dreamweaver中编辑导出的二级页面 296
1.绘制切片参考线 297
2.输出切片 297
11.9使用Fireworks切片并输出模板 297
11.10使用Dreamweaver编辑模板页 298
1.设置热区并定义热区链接 299
2.背景化处理相应位置的图像 299
3.设置可编辑区域完成模板的制作 299
11.11应用模板创建其他二级页面 300
11.12重新检查所有页面链接并浏览最终效果 300
第12章 综合实例(二)——汽车时代网站 303
12.1实例概述 303
12.2网站策划 304
12.3使用Fireworks制作网页效果 305
12.3.1绘制网页基本效果 305
12.3.2绘制导航栏 306
12.3.3绘制正文栏效果 308
12.3.4添加素材图片 310
12.3.5绘制网页链接页效果 311
12.4使用Dreamweaver 8创建站点 311
12.5使用Fireworks切片并输出模板 312
1.绘制切片参考线 312
2.输出切片 312
12.6使用Dreamweaver编辑模板页 313
1.设置热区并定义热区链接 313
2.背景化处理相应位置图像 314
3.制作表单区域 314
12.7在Fireworks中制作首页并切片输出HTML 315
4.设置可编辑区域完成模板的制作 315
12.8在Dreamweaver中制作首页 317
将Fireworks导出的首页初始文档插入到可编辑区域中 317
12.9用Flash制作Banner 318
12.9.1制作动态文字效果 318
12.9.2制作遮罩效果 320
12.10使用Fireworks切片并导出二级页面 322
制作仅包含可编辑区域的二级页面文档 322
12.11使用Dreamweaver编辑二级页面 323
12.12应用模板创建其他二级页面 324
12.13为所有页面输入文本内容 324
12.14重新检查所有页面链接 324
12.15插入Flash Banner并浏览最终效果 325