第1章 网页设计与配色入门 1
1.1 预备知识 1
1.2 网页设计的艺术原则 3
1.3 实用的网页布局结构 4
1.4 网页的基本构成元素 7
1.5 网页色彩搭配 10
1.5.1 网页色彩搭配原理 10
1.5.2 网页色彩搭配技巧 11
1.5.3 网页色彩选择标准 11
1.5.4 常见的几种网页配色方案 12
1.6 网页制作的流程 15
1.6.1 确定网页主要栏目内容 15
1.6.2 收集资料和素材 16
1.6.3 选择合适的工具 16
1.6.4 设计网页图像 16
1.6.5 制作网页 17
1.6.6 测试与发布上传 17
1.6.7 网站维护 17
1.6.8 网站的推广 17
1.7 小结 18
第2章 网页设计前的准备工作 19
2.1 学会看HTML代码 19
2.1.1 HTML文件的基本结构 19
2.1.2 HTML常用标记 20
2.2 布置自己的Dreamweaver CS3工作界面 23
2.3 小结 26
第3章 创建和管理站点 27
3.1 知识要点 27
3.2 创建“蓝色星空”网站站点 27
3.3 管理站点内的超链接 29
3.3.1 检查链接 29
3.3.2 更新链接 30
3.4 测试和优化网站 30
3.4.1 测试网站的浏览器兼容性 31
3.4.2 HTML优化 32
3.5 上传发布网站内容 33
3.6 小结与练习 35
练习:建立个人站点 35
第4章 创建和设置首页与二级页面 36
4.1 知识要点 36
4.1.1 文本的输入与属性设置 36
4.1.2 插入图像 37
4.1.3 插入表格 39
4.1.4 设置表格属性 40
4.1.5 选择表格 40
4.1.6 合并单元格 42
4.1.7 拆分单元格 42
4.2 设置网页的整体外观 43
4.2.1 实例展示 43
4.2.2 实例操作过程 43
4.3 制作文字环绕图像效果 44
4.3.1 实例展示 44
4.3.2 实例操作过程 45
4.4 制作滚动的图片效果 46
4.4.1 实例展示 46
4.4.2 实例操作过程 47
4.5 在网页中编辑图像 49
4.5.1 实例展示 50
4.5.2 实例操作过程 50
4.6 制作细线表格 52
4.6.1 实例展示 53
4.6.2 实例操作过程 53
4.7 制作圆角表格 55
4.7.1 实例展示 55
4.7.2 实例操作过程 55
4.8 制作阴影表格 58
4.8.1 实例展示 58
4.8.2 实例操作过程 59
4.9 制作虚线表格 60
4.9.1 实例展示 61
4.9.2 实例操作过程 61
4.10 小结与练习 63
练习:制作虚线表格 63
第5章 利用超链接建立联系 65
5.1 知识要点 65
5.2 创建电子邮件链接 66
5.2.1 实例展示 66
5.2.2 实例操作过程 67
5.3 创建文件下载链接 68
5.3.1 实例展示 68
5.3.2 实例操作过程 68
5.4 创建跳转菜单链接 69
5.4.1 实例展示 69
5.4.2 实例操作过程 70
5.5 创建锚记链接 71
5.5.1 实例展示 71
5.5.2 实例操作过程 71
5.6 创建图像热点链接 73
5.6.1 实例展示 73
5.6.2 实例操作过程 74
5.7 创建链接文字激活时变色效果 75
5.7.1 实例展示 75
5.7.2 实例操作过程 76
5.8 小结与练习 77
练习:添加锚记链接 77
第6章 利用表格布局网页 78
6.1 知识要点 78
6.2 布局“厂”字型企业网站页面 78
6.2.1 实例展示 79
6.2.2 实例操作过程 79
6.3 布局封面型个人网页 86
6.3.1 实例展示 86
6.3.2 实例操作过程 86
6.4 布局“国”字型网站页面 89
6.4.1 实例展示 89
6.4.2 实例操作过程 90
6.5 小结与练习 97
练习:布局封面型网页 97
第7章 利用框架和框架集布局页面 99
7.1 知识要点 99
7.1.1 创建框架 99
7.1.2 保存框架 100
7.1.3 选择框架和框架集 101
7.1.4 设置框架属性 102
7.1.5 设置框架集属性 103
7.1.6 在框架中创建链接 103
7.2 使用框架布局动漫论坛网页 104
7.2.1 实例展示 104
7.2.2 实例操作过程 104
7.3 使用iframe制作时尚购物网页 111
7.3.1 实例展示 111
7.3.2 实例操作过程 112
7.4 小结与练习 113
练习:制作上下框架的页面 114
第8章 利用CSS+Div进行标准化布局 115
8.1 知识要点 115
8.1.1 CSS布局的优势 115
8.1.2 创建CSS模板 116
8.2 利用1列固定布局制作“教育星空”网页 117
8.2.1 实例展示 117
8.2.2 实例操作过程 117
8.3 利用2列固定布局制作“绿森林”网页 126
8.3.1 实例展示 126
8.3.2 实例操作过程 127
8.4 利用3列固定布局制作“教育一网通”网页 133
8.4.1 实例展示 133
8.4.2 实例操作过程 133
8.5 小结与练习 147
练习:制作2列固定布局个人网站页面 147
第9章 利用模板和库提高效率 149
9.1 知识要点 149
9.1.1 创建模板 149
9.1.2 将现有文件另存为模板 150
9.1.3 创建可编辑区域 150
9.1.4 创建模板网页 151
9.1.5 更新模板 151
9.1.6 创建库项目 152
9.2 创建“人长久”网站页面模板 153
9.2.1 实例展示 153
9.2.2 实例操作过程 154
9.3 利用模板创建“人长久”网站页面 160
9.3.1 实例展示 160
9.3.2 实例操作过程 160
9.4 更新“人长久”网站页面 163
9.4.1 实例展示 163
9.4.2 实例操作过程 163
9.5 创建“人长久”页面库项目 165
9.5.1 实例展示 165
9.5.2 实例操作过程 165
9.6 小结与练习 168
练习:制作模板网页文档 168
第10章 设计制作导航栏与菜单 169
10.1 知识要点 169
10.1.1 翻转图像导航 169
10.1.2 Spry 170
10.2 制作翻转图像导航 172
10.2.1 实例展示 172
10.2.2 实例操作过程 173
10.3 设置导航栏图像 175
103.1 实例展示 175
10.3.2 实例操作过程 176
10.4 使用Spry制作网页下拉菜单 178
10.4.1 实例展示 178
10.4.2 实例操作过程 179
10.5 利用CSS制作导航 181
10.5.1 实例展示 181
10.5.2 实例操作过程 182
10.6 制作背景变换的导航菜单 184
10.6.1 实例展示 184
10.6.2 实例操作过程 184
10.7 小结与练习 186
练习:制作鼠标经过图像效果 186
第11章 利用CSS美化网页 188
11.1 知识要点 188
11.1.1 基本语法 188
11.1.2 设置CSS样式 189
11.1.3 添加CSS的方法 193
11.2 使用CSS美化段落 195
11.2.1 实例展示 195
11.2.2 实例操作过程 195
11.3 使用CSS创建光晕文字 197
11.3.1 实例展示 197
11.3.2 实例操作过程 197
11.4 使用CSS改变图片由模糊到清楚 200
11.4.1 实例展示 200
11.4.2 实例操作过程 200
11.5 使用CSS改变按钮的背景颜色和文字颜色 201
11.5.1 实例展示 201
11.5.2 实例操作过程 202
11.6 小结与练习 203
练习:美化页面文字内容 203
第12章 导入外部文件充实页面 205
12.1 知识要点 205
12.1.1 代码提示 205
12.1.2 插入Flash动画 206
12.2 制作背景音乐网页 208
12.2.1 实例展示 208
12.2.2 实例操作过程 209
12.3 制作视频网页 211
12.3.1 实例展示 211
12.3.2 实例操作过程 211
12.4 制作水中倒影网页 212
12.4.1 实例展示 213
12.4.2 实例操作过程 213
12.5 制作Flash动画网页 214
12.5.1 实例展示 214
12.5.2 实例操作过程 215
12.6 小结与练习 217
练习:插入Flash按钮和文本 218
第13章 使用行为和脚本制作特效网页 219
13.1 知识要点 219
13.1.1 常见动作类型 219
13.1.2 常见事件 220
13.2 创建弹出提示信息网页 221
13.2.1 实例展示 221
13.2.2 实例操作过程 222
13.3 使用转到URL行为创建跳转页面网页 223
13.3.1 实例展示 223
13.3.2 实例操作过程 223
13.4 在浏览器状态栏显示文本 225
13.4.1 实例展示 225
13.4.2 实例操作过程 225
13.5 调用JavaScript创建自动关闭网页 226
13.5.1 实例展示 226
13.5.2 实例操作过程 227
13.6 使用【显示/渐隐】效果 228
13.6.1 实例展示 228
13.6.2 实例操作过程 228
13.7 创建打开浏览器窗口网页 229
13.7.1 实例展示 229
13.7.2 实例操作过程 230
13.8 创建鼠标跟随效果网页 231
13.8.1 实例展示 231
13.8.2 实例操作过程 232
13.9 小结与练习 235
练习:制作带背景音乐的页面 235
第14章 设计实现网页交互功能 237
14.1 知识要点 237
14.1.1 动态网页的特点 237
14.1.2 添加服务器行为 237
14.2 制作留言系统 245
14.2.1 实例展示 245
14.2.2 实例操作过程 247
14.3 制作会员注册登录系统 264
14.3.1 实例展示 264
14.3.2 实例操作过程 265
14.4 制作调查系统 280
14.4.1 实例展示 280
14.4.2 实例操作过程 281
14.5 小结与练习 301
练习:制作在线留言系统 301
第15章 综合实例 303
15.1 网站设计概述 303
15.2 网站主要功能栏目 303
15.3 网站色彩搭配和风格创意 304
15.4 设计网站首页 305
15.4.1 制作网站首页 305
15.4.2 切割网站首页 313
15.5 制作网站二级页面 315
15.5.1 创建模板 315
15.5.2 创建企业简介页面 322
15.6 制作网站新闻发布管理系统 324
15.6.1 设置IIS 326
15.6.2 创建数据库表和数据库连接 327
15.6.3 新闻列表管理页面 328
15.6.4 后台登录页面 334
15.6.5 添加新闻页面 338
15.6.6 删除新闻页面 342
15.6.7 修改新闻页面 345
15.6.8 新闻列表页面 347
15.6.9 新闻详细页面 353
15.7 小结与练习 355
练习:制作企业网站 355