目　录

第 1章　网页设计基础
1.1　互联网基础　1
1.1.1　Internet与Web服务　1
1.1.2　URL路径　2
1.1.3　服务器与客户机　2
1.1.4　互联网数据中心　3
1.2　网页设计知识　3
1.2.1　色彩　3
1.2.2　网页设计元素　5
1.2.3　页面布局　6
1.3　网页标准化技术　8
1.3.1　结构化语言　8
1.3.2　CSS样式　8
1.3.3　脚本语言　9
1.3.4　ASP技术　9
1.4　网站设计软件　9
1.4.1　Dreamweaver　9
1.4.2　Flash　10
1.4.3　Photoshop　10
1.5　网站制作流程　11
1.5.1　前期准备工作　11
1.5.2　方案实施　12
1.5.3　后期工作　13
1.6　HTML语言　14
1.6.1　文件结构标签　15
1.6.2　表格标签　15
1.6.3　文本段落标签　15
1.6.4　图像标签　15
1.6.5　链接标签　15
1.6.6　框架标签　15
1.6.7　表单　16
1.6.8　块标签　16

第 2章　Dreamweaver CS5基础
2.1　Dreamweaver CS5工作界面　17
2.1.1　开始页面　17
2.1.2　工作环境　18
2.1.3　工作区布局　21
2.1.4　多文档的编辑界面　21
2.2　创建网站框架　22
2.2.1　创建新站点　22
2.2.2　新建和保存网页　23
2.3　管理站点文件和文件夹　24
2.3.1　重命名文件和文件夹　24
2.3.2　移动文件和文件夹　24
2.3.3　删除文件或文件夹　24
2.4　管理站点　25
2.4.1　打开站点　25
2.4.2　编辑站点　25
2.4.3　复制站点　26
2.4.4　删除站点　26
2.5　网页文档头部信息设置　27
2.5.1　插入搜索关键字　27
2.5.2　设置描述信息　27
2.5.3　设置刷新时间　28
2.5.4　插入版权信息　29
2.6　课堂案例——慈善救助中心　29

第3章　页面与文本
3.1　页面属性　32
3.1.1　课堂案例——环保技术公司　32
3.1.2　输入文本　36
3.1.3　输入连续空格　36
3.1.4　显示不可见元素　36
3.1.5　设置页边距　37
3.1.6　页面文字属性　38
3.1.7　网页的标题　38
3.1.8　背景属性　39
3.1.9　跟踪图像　39
3.2　文本属性　40
3.2.1　课堂案例——百货公司　40
3.2.2　设置文本属性　42
3.2.3　文本对齐方式　43
3.2.4　段落文本　44
3.2.5　插入日期　45
3.2.6　插入特殊字符　45
3.2.7　设置文本缩进格式　46
3.3　水平线　46
3.3.1　课堂案例——个人网站　46
3.3.2　插入水平线　48
3.4　项目符号和编号列表　48
3.4.1　课堂案例——咨询网站　49
3.4.2　设置项目符号或编号　50
3.4.3　修改项目符号或编号　51
3.5　练习案例　51
3.5.1　练习案例——楼盘网站　51
3.5.2　练习案例——移动银行网站　52
3.5.3　练习案例——化妆品网站　52

第4章　图像与多媒体
4.1　图像插入　53
4.1.1　课堂案例——茶叶网站　53
4.1.2　插入图像　54
4.1.3　图像源文件　55
4.1.4　替换文本　55
4.1.5　图像占位符　56
4.2　调整图像　56
4.2.1　课堂案例——墙体装饰　57
4.2.2　编辑图像设置　58
4.2.3　图像效果　59
4.3　图文混排　60
4.3.1　课堂案例——设计公司　60
4.3.2　调整图像与文本的位置关系　61
4.4　网页中的多媒体　62
4.4.1　课堂案例——度假村　62
4.4.2　插入Flash动画　64
4.4.3　插入Flv影片　65
4.4.4　插入插件——瑜伽会所　65
4.4.5　插入Applet程序　66
4.5　练习案例　67
4.5.1　练习案例——五金机械　67
4.5.2　练习案例——心缘咖啡屋　67

第5章　超链接
5.1　超链接的概念与路径知识　68
5.1.1　相对链接与绝对链接　69
5.1.2　内部链接与外部链接　69
5.2　文本超链接　69
5.2.1　课堂案例——婚礼公司　69
5.2.2　创建文本链接　72
5.2.3　页面文本链接的状态　73
5.2.4　下载文件链接　74
5.2.5　电子邮件链接　74
5.2.6　空链接　74
5.3　图像超链接　75
5.3.1　课堂案例——手机商城　75
5.3.2　图像超链接　77
5.3.3　鼠标经过图像链接　77
5.4　热点链接　77
5.4.1　课堂案例——儿童课堂　77
5.4.2　创建热点链接　79
5.5　锚点链接　80
5.5.1　课堂案例——数码商城　80
5.5.2　锚点链接　82
5.6　链接管理　83
5.6.1　自动更新链接　83
5.6.2　链接检查　84
5.6.3　修复链接　85
5.7　练习案例　85
5.7.1　练习案例——室内设计网　85
5.7.2　练习案例——多美味餐厅　86
5.7.3　练习案例——生物科普网　87

第6章　表格
6.1　表格的简单操作　88
6.1.1　表格的组成　89
6.1.2　插入表格　89
6.1.3　表格属性　90
6.1.4　表格单元格属性　90
6.1.5　在表格中插入内容　91
6.1.6　选择表格元素　91
6.1.7　合并和拆分单元格　92
6.2　简单表格的排版　93
6.2.1　课堂案例——融通室内装饰　93
6.2.2　复制、粘贴表格　98
6.2.3　删除表格和清除表格内容　98
6.2.4　增加和删除表格的行和列　99
6.3　复杂表格的排版　99
6.3.1　课堂案例——江雨桥博客　99
6.3.2　表格的嵌套　104
6.3.3　单元格与表格背景　104
6.3.4　细线表格　105
6.4　表格数据功能　107
6.4.1　课堂案例——远景苑小区　107
6.4.2　导入Word或Excel数据　109
6.4.3　排序　109
6.5　练习案例　110
6.5.1　练习案例——爱丽丝家具　110
6.5.2　练习案例——鲜花速递网　111

第7章　层和Spry
7.1　层的基本操作　112
7.1.1　课堂案例——少儿培训　112
7.1.2　创建层　115
7.1.3　选择层　116
7.1.4　层的大小和位置　117
7.1.5　层的可见性　117
7.1.6　层溢出　117
7.2　使用层布局　118
7.2.1　课堂案例——摄影作品集　118
7.2.2　靠齐到网格　123
7.2.3　层叠放　124
7.2.4　对齐层　125
7.2.5　层与表格的相互转换　125
7.2.6　层嵌套　126
7.3　Spry菜单　127
7.3.1　课堂案例——西式餐厅　127
7.3.2　Spry菜单栏　129
7.4　其他Spry　130
7.4.1　Spry选项卡面板　130
7.4.2　Spry折叠式面板　131
7.4.3　Spry工具提示　131
7.5　练习案例　133
7.5.1　练习案例——产品设计　133
7.5.2　练习案例——摄影作品集　133
7.5.3　练习案例——高尔夫俱乐部　134

第8章　框架
8.1　框架与框架集　135
8.1.1　概述　135
8.1.2　课堂案例——婴幼儿健康网　136
8.1.3　创建框架　139
8.1.4　保存框架　140
8.1.5　框架选择　140
8.1.6　修改框架　141
8.1.7　拆分框架　141
8.1.8　删除框架　142
8.2　框架设置　142
8.2.1　课堂案例——名胜度假村　142
8.2.2　框架属性　148
8.2.3　框架中的链接　148
8.2.4　框架居中　149
8.2.5　为框架添加内容　150
8.3　练习案例　150
8.3.1　练习案例——美容与化妆　150
8.3.2　练习案例——美丽境界　151

第9章　行为
9.1　行为　152
9.1.1　事件　153
9.1.2　动作　154
9.1.3　行为面板　154
9.2　制作图像特效　156
9.2.1　课堂案例——吉太美食　156
9.2.2　交换图像　159
9.2.3　显示-隐藏元素　159
9.3　拖动AP元素　160
9.3.1　课堂案例——卡通人物　160
9.3.2　拖动AP元素　162
9.4　启用浏览器窗口　162
9.4.1　课堂案例——儿童摄影　162
9.4.2　打开浏览器窗口　163
9.4.3　转到URL调用　164
9.5　效果　164
9.5.1　课堂案例——绿野网站建设　164
9.5.2　增大收缩　166
9.5.3　挤压　167
9.5.4　显示/渐隐　167
9.5.5　晃动　168
9.5.6　滑动　168
9.6　JavaScript代码　169
9.7　练习案例　169
9.7.1　练习案例——甜品饮料吧　169
9.7.2　练习案例——美达人寿　170
9.7.3　练习案例——我们爱猫网　171

第 10章　模板和库
10.1　模板　172
10.1.1　课堂案例——花仙子园艺　172
10.1.2　创建模板　177
10.1.3　定义可编辑区域　178
10.1.4　定义可编辑重复区域　179
10.1.5　创建基于模板的网页　180
10.1.6　管理模板　180
10.2　库　181
10.2.1　课堂案例——时尚女性网　182
10.2.2　创建库项目　184
10.2.3　向页面添加库项目　185
10.2.4　更新库项目文件　185
10.3　练习案例　187
10.3.1　练习案例——旗袍文化　187
10.3.2　练习案例——恒生国际老年公寓　188

第 11章　CSS样式
11.1　CSS样式　189
11.1.1　CSS样式标准　189
11.1.2　CSS样式构造规则　190
11.1.3　CSS样式种类　190
11.1.4　CSS样式应用范围　191
11.2　CSS样式控制面板　191
11.2.1　CSS样式选择器　191
11.2.2　课堂案例——美好摄影　193
11.2.3　CSS样式的存储位置　199
11.2.4　编辑样式　201
11.3　CSS属性　201
11.3.1　课堂案例——台湾之旅　201
11.3.2　类型　205
11.3.3　背景　205
11.3.4　区块　206
11.3.5　方框和边框　206
11.3.6　列表　207
11.3.7　定位　208
11.3.8　扩展　208
11.4　过滤器　209
11.4.1　课堂案例——养生美容　209
11.4.2　CSS静态过滤器　210
11.4.3　CSS的动态过滤器　212
11.5　练习案例　212
11.5.1　练习案例——航空旅游　212
11.5.2　练习案例——狗狗俱乐部　213
11.5.3　练习案例——鲜花店　213

第 12章　CSS+Div布局
12.1　盒子模型　214
12.1.1　盒子结构　215
12.1.2　盒子属性　215
12.2　布局技术　216
12.2.1　<div>标签　216
12.2.2　position定位属性　217
12.2.3　浮动方式　218
12.3　“上中下”布局　220
12.3.1　课堂案例——网页设计大赛　220
12.3.2　在Dreamweaver中插入<div>标签　225
12.4　“左中右”布局　226
12.4.1　课堂案例——连锁餐厅　226
12.4.2　使用CSS样式布局　231
12.5　练习案例　232
12.5.1　练习案例——电子产品　232
12.5.2　练习案例——装修公司　233

第 13章　表单
13.1　使用表单　235
13.1.1　课堂案例——办公用品公司　235
13.1.2　表单及属性　240
13.1.3　文本域　241
13.1.4　单选按钮和单选按钮组　242
13.1.5　复选框和复选框组　243
13.1.6　选择列表/菜单　244
13.1.7　跳转菜单　245
13.1.8　文件域　246
13.1.9　图像域　246
13.1.10　提交和重置按钮　247
13.2　Spry验证　248
13.2.1　课堂案例——网页设计　248
13.2.2　Spry验证文本域　251
13.2.3　Spry验证密码　252
13.2.4　Spry验证复选框　253
13.2.5　Spry验证单选按钮组　254
13.2.6　Spry验证确认　254
13.3　练习案例　255
13.3.1　练习案例——咖啡　255
13.3.2　练习案例——儿童培训　256

第 14章　动态网页技术
14.1　动态网页技术概述　257
14.2　开发环境设置　258
14.2.1　安装IIS　259
14.2.2　设置IIS　259
14.3　设计数据库　261
14.3.1　数据库概述　261
14.3.2　创建数据库　262
14.4　数据库连接　264
14.5　数据库使用　265
14.5.1　定义记录集　265
14.5.2　数据绑定　266
14.5.3　添加服务器行为　267
14.6　课堂案例——美容美发　269
14.6.1　设计数据库　270
14.6.2　创建服务器和数据源　272
14.6.3　创建动态站点和数据库连接　273
14.6.4　发表留言页面　275
14.6.5　留言列表页面　277
14.6.6　留言详细信息页面　279
14.7　练习案例——电子商务　279

第 15章　综合实训
15.1　网站规划　281
15.2　网站设计　281
15.2.1　网站标志logo设计　281
15.2.2　banner设计　282
15.2.3　页面设计　282
15.3　主页制作　283
15.3.1　页面切图　283
15.3.2　创建站点　286
15.3.3　主页顶部制作　286
15.3.4　主页banner部分制作　289
15.3.5　主页内容部分制作　290
15.3.6　主页底部制作　296
15.4　子页面制作　297
15.4.1　创建模板并新建可编辑区域　297
15.4.2　家园简介子页面切图　298
15.4.3　利用模板新建家园简介子页面　300
15.5　其他子页面制作　304
15.6　页面超链接设置　305

参考文献