第1章 网页设计概述 1
1.1 网页基础知识 1
1.1.1 什么是网页 1
1.1.2 什么是网站 2
1.1.3 什么是HTML 2
1.1.4 什么是网站地址 2
1.1.5 什么是IP地址 2
1.2 网页制作常用工具 3
1.2.1 利用Photoshop CS3设计网页图像 3
1.2.2 利用Fireworks CS3设计网页图像 4
1.2.3 利用网页编辑软件Dreamweaver CS3制作网页 5
1.2.4 利用网页动画软件Flash CS3制作动画 5
1.3 网站建设的基本流程 6
1.3.1 网站需求分析 6
1.3.2 设计制作网站页面 8
1.3.3 开发网站功能模块 9
1.3.4 域名 11
1.3.5 网站文件的上传 11
1.3.6 推广网站 13
第2章 网站中色彩的应用 17
2.1 网页色彩的基本知识 17
2.2 搭配网页色彩 20
2.2.1 网页色彩搭配原理 20
2.2.2 网页色彩搭配技巧 21
2.2.3 常见的几种网页配色方案 21
2.3 网站广告设计概述 23
2.3.1 网站广告标准尺寸 23
2.3.2 网站广告的设计准则 24
2.4 网站中的广告设计要素 25
2.4.1 GIF和JPG图像 25
2.4.2 多媒体影像 25
第3章 网站页面的设计 26
3.1 网站页面设计原则 26
3.2 网页的基本组成要素 28
3.2.1 页面标题 28
3.2.2 网站标志 29
3.2.3 页面尺寸 29
3.2.4 导航栏 29
3.2.5 页眉和页脚 30
3.3 网页布局方法 30
3.3.1 纸上布局法 31
3.3.2 软件布局法 31
3.4 常见的版面布局形式 31
3.4.1 “国”字型布局 31
3.4.2 “厂”字型布局 32
3.4.3 “框架”型布局 33
3.4.4 “封面”型布局 33
3.4.5 Flash型布局 33
3.5 网页中的文字设计 34
3.5.1 文字的字体、字号、行距 34
3.5.2 文字的颜色 35
3.5.3 文字的图形化 36
3.6 网页中的图像应用 36
3.6.1 常见的网页图像格式 36
3.6.2 网页中应用图像的注意要点 36
3.7 确定网站的目录结构 38
第4章 创建基本图文网页 39
4.1 在网页中输入编辑文本 39
4.2 插入图像 40
4.2.1 在网页中插入图像 41
4.2.2 设置图像的属性 42
4.3 编辑图像 42
4.3.1 打开Adobe Photoshop编辑图像 43
4.3.2 优化网页图像 44
4.4 插入鼠标经过图像 45
4.5 在网页中插入动画 46
4.5.1 插入Flash影片 46
4.5.2 插入Flash按钮 47
4.6 创建链接 49
4.6.1 创建文字链接 49
4.6.2 创建图像链接 50
4.6.3 创建图像热点链接 52
4.6.4 创建电子邮件链接 53
4.6.5 创建锚点链接 54
第5章 网站中表格的使用 57
5.1 表格基本知识 57
5.2 表格的基本操作 58
5.2.1 插入表格 58
5.2.2 设置表格属性 60
5.2.3 设置单元格属性 61
5.2.4 拆分和合并单元格 62
5.2.5 选取表格对象 63
5.2.6 导入表格数据 65
5.3 制作网页特效表格 66
5.3.1 圆角表格的制作 66
5.3.2 细线表格的制作 70
5.3.3 阴影表格的制作 72
5.4 利用表格布局网页 73
第6章 布局对象的使用 89
6.1 在网页中使用AP Div 89
6.1.1 关于AP元素面板 89
6.1.2 插入AP Div并设置其属性 89
6.1.3 选择Div 91
6.1.4 调整AP Div的大小 92
6.2 使用Spry布局对象 94
6.2.1 使用Spry菜单栏 94
6.2.2 使用Spry选项卡式面板 95
6.2.3 使用Spry折叠式 96
6.2.4 使用Spry可折叠面板 98
第7章 制作框架网页 100
7.1 框架网页简述 100
7.2 创建框架和框架集 101
7.2.1 创建预定义的框架集 101
7.2.2 添加内容 101
7.2.3 创建嵌套框架 104
7.3 保存框架和框架集文件 104
7.4 选择框架和框架集 105
7.4.1 在【框架】面板中选择框架和框架集 105
7.4.2 在【文档】窗口中选择框架和框架集 106
7.4.3 在框架中打开文档 106
7.5 设置框架的链接 107
第8章 使用行为和JavaScript制作特效 109
8.1 Dreamweaver中的行为概述 109
8.2 使用Dreamweaver自带行为创建特效网页 110
8.2.1 设置状态栏文本 110
8.2.2 添加弹出消息 111
8.2.3 创建自动跳转页面网页 112
8.2.4 调用JavaScript创建自动关闭网页 113
8.2.5 创建播放声音网页 114
8.2.6 打开浏览器窗口 115
8.2.7 增大/收缩效果 116
8.2.8 挤压效果 118
8.2.9 晃动效果 118
8.2.10 滑动效果 119
8.3 JavaScript基本语法 121
8.3.1 JavaScript的特点 121
8.3.2 常量和变量 121
8.3.3 表达式和运算符 122
8.3.4 基本语句 123
8.4 使用JavaScript创建动感网页 126
8.4.1 利用JavaScript创建自动滚屏网页效果 126
8.4.2 利用JavaScript禁止页面最小化 127
第9章 使用CSS样式表设计网页 129
9.1 CSS概述 129
9.1.1 CSS的特点 129
9.1.2 添加CSS的方法 130
9.1.3 CSS基本语法 130
9.2 定义CSS样式的属性 131
9.3 在Dreamweaver中创建CSS样式表 136
9.3.1 创建嵌入式CSS 136
9.3.2 链接外部现有CSS样式文件 137
9.4 应用CSS样式美化网页 138
9.4.1 应用CSS改变文本间行距 138
9.4.2 应用CSS固定字体大小 140
9.4.3 应用CSS给文字添加边框 141
9.5 使用CSS布局模板 142
第10章 利用库和模板快速批量创建网页 144
10.1 创建模板的方法 144
10.1.1 将已有文档转换成模板 144
10.1.2 直接创建模板 146
10.2 应用模板创建网页 147
10.3 利用模板更新网页 151
10.4 从模板脱离 153
10.5 应用库元素 154
10.5.1 创建库项目 154
10.5.2 在网页中插入库项目 157
10.5.3 编辑库项目和更新站点 158
第11章 使用表单 160
11.1 创建表单 160
11.1.1 创建表单域 160
11.1.2 设置表单属性 161
11.2 创建文本域 162
11.2.1 单行文本域和密码文本域 162
11.2.2 多行文本域 166
11.2.3 隐藏域 167
11.3 创建复选框和单选按钮 167
11.3.1 复选框 168
11.3.2 单选按钮 169
11.4 创建列表和菜单 171
11.5 创建跳转菜单 172
11.6 创建文件域和按钮 174
11.6.1 创建文件域 174
11.6.2 创建按钮 175
11.7 创建电子邮件表单实例 176
第12章 在Dreamweaver CS3中编写HTML代码 186
12.1 HTML语言基础 186
12.1.1 HTML概述 186
12.1.2 HTML基本结构 186
12.2 在Dreamweaver CS3中编辑代码 187
12.2.1 查看源代码 187
12.2.2 使用标签选择器和标签编辑器 187
12.2.3 使用代码提示给网页添加背景音乐 190
12.3 使用代码片断面板 192
12.3.1 插入代码片断 192
12.3.2 创建代码片断 193
12.4 优化代码 194
12.4.1 清理HTML/XHTML代码 194
12.4.2 清理Word生成的HTML代码 194
第13章 创建动态网站基础 195
13.1 认识动态网页 195
13.2 动态网页的运行机制与制作流程 196
13.3 ASP基本语法 197
13.3.1 变量、常量和过程 197
13.3.2 条件运算 198
13.3.3 循环语句 199
13.4 ASP内建对象 200
13.4.1 Request对象 201
13.4.2 Response对象 203
13.4.3 Application对象 205
13.4.4 Server对象 206
13.4.5 Session对象 207
13.5 搭建服务器平台 208
13.5.1 IIS的安装 208
13.5.2 设置服务器 210
13.6 创建数据库 212
13.6.1 新建数据库 212
13.6.2 创建字段和表 212
13.7 连接数据库 214
13.7.1 创建ODBC数据源 214
13.7.2 连接数据库 215
13.8 定义记录集(查询) 215
13.8.1 简单记录集(查询)的定义 215
13.8.2 高级记录集的定义 216
13.9 动态数据的绑定 217
13.9.1 绑定动态文本 217
13.9.2 设置动态文本数据格式 217
13.9.3 绑定动态图像 217
13.10 添加服务器行为 218
13.10.1 显示多条记录 218
13.10.2 显示与隐藏记录 219
13.10.3 页面之间信息传递 219
13.10.4 操作数据库中的表 221
13.10.5 用户验证 223
第14章 制作腾云科技公司网站——封面页、主页和模板页的制作 226
14.1 网站规划 226
14.1.1 网站架构和功能页面 226
14.1.2 本章主要内容 227
14.2 使用Photoshop设计网站封面页 228
14.2.1 封面页的设计 228
14.2.2 切割封面页 237
14.2.3 给封面页添加链接 239
14.3 模板页面的制作 242
14.3.1 创建库文件 242
14.3.2 创建模板 244
14.4 设计网站的主页 248
14.4.1 利用模板创建网页 248
14.4.2 制作公司简介部分 249
14.4.3 制作公司新闻部分 251
14.4.4 制作工程案例部分 253
14.4.5 制作产品展示部分 254
第15章 制作腾云科技公司网站——留言系统的制作 257
15.1 留言系统整体设计 257
15.1.1 需求分析 257
15.1.2 主要功能页面 258
15.2 设计数据库 259
15.3 留言系统前台 259
15.3.1 浏览留言 259
15.3.2 发表留言 265
15.3.3 发表浏览留言测试 269
15.4 留言系统后台 269
15.4.1 留言管理列表页 270
15.4.2 留言回复页 273
15.4.3 留言删除页 276
15.4.4 测试留言管理 278
第16章 制作腾云科技公司网站——新闻发布系统的制作 279
16.1 新闻发布系统的准备 279
16.1.1 新闻发布系统的分析 279
16.1.2 建立数据库表 280
16.1.3 建立数据库表关系 281
16.1.4 建立数据库表查询 283
16.2 新闻信息的录入 287
16.2.1 添加新闻分类页面 287
16.2.2 添加新闻内容 289
16.2.3 添加新闻调试 294
16.3 新闻系统的首页 294
16.3.1 设计新闻首页静态页面 294
16.3.2 绑定记录集 295
16.3.3 插入动态记录 295
16.3.4 添加转到详细页 297
16.4 新闻内容及评论页 298
16.4.1 设计新闻内容静态页 298
16.4.2 创建记录集 302
16.4.3 插入动态记录 303
16.4.4 新闻评论的数据录入 305
第17章 制作腾云科技公司网站——论坛系统的制作 307
17.1 BBS论坛主要功能页面分析 307
17.2 创建论坛数据库表 310
17.3 论坛的制作 311
17.3.1 制作会员注册页面 311
17.3.2 制作论坛文章列表页面 330
17.3.3 制作论坛详细信息页面showbbs.asp 342
第18章 制作天宇时尚购物网站——在线购物网站的设计 350
18.1 网站的策划 350
18.1.1 网站主要功能页面 350
18.1.2 网站主要内容 351
18.2 创建数据库表 354
18.3 制作商品分类展示页面 355
18.3.1 应用CSS样式 355
18.3.2 制作网站导航部分webtop.asp 357
18.3.3 制作会员登录窗口 364
18.3.4 制作热卖商品 367
18.3.5 制作最新商品展示 374
18.3.6 制作底部文件 377
18.4 制作商品详细介绍页面 378
18.5 制作购物车系统 393
18.6 制作后台管理页面 412
第19章 博客类网站的建设——腾轩阁博客 418
19.1 博客网站设计分析 418
19.2 Div+CSS布局网页的优点 419
19.3 博客网站主页布局设计分析 419
19.4 博客网站主页具体制作过程 421
19.4.1 导入外部CSS 421
19.4.2 制作页头部分 425
19.4.3 制作页面内容部分 426
19.4.4 制作页面页脚部分 431