第1章 网页设计基础 1
1.1 互联网基础 2
1.1.1 Internet与Web服务 2
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样式 9
1.3.3 脚本语言 9
1.3.4 ASP技术 9
1.4 网站设计软件 9
1.4.1 Dreamweaver 10
1.4.2 Flash 10
1.4.3 Photoshop 11
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 图像标签 16
1.6.5 链接标签 16
1.6.6 框架标签 16
1.6.7 表单标签 16
1.6.8 块标签 16
第2章 DreamweaverCS6基础 17
2.1 Dreamweaver CS6工作界面 18
2.1.1 开始页面 18
2.1.2 工作环境 19
2.1.3 工作区布局 21
2.1.4 多文档的编辑界面 21
2.2 创建网站站点 22
2.2.1 创建新站点 22
2.2.2 新建和保存网页 23
2.2.3 管理站点文件和文件夹 23
2.2.4 课堂案例——慈善救助中心 24
2.3 管理站点 28
2.3.1 打开站点 28
2.3.2 编辑站点 28
2.3.3 复制站点 29
2.3.4 删除站点 29
2.4 网页文档头部信息设置 29
2.4.1 插入搜索关键字 30
2.4.2 设置描述信息 30
2.4.3 插入版权信息 31
2.4.4 设置刷新时间 31
第3章 页面与文本 32
3.1 页面属性 33
3.1.1 课堂案例——香格里湾峰会 33
3.1.2 网页的标题 36
3.1.3 文本分段与换行 37
3.1.4 输入空格 37
3.1.5 页面文字属性 37
3.1.6 显示不可见元素 38
3.1.7 设置页边距 39
3.1.8 背景属性 39
3.1.9 跟踪图像 40
3.2 文本属性 40
3.2.1 课堂案例——百货公司 40
3.2.2 设置文本属性 43
3.2.3 文本段落 44
3.2.4 插入日期 45
3.2.5 插入特殊字符 45
3.3 项目列表和编号列表 46
3.3.1 课堂案例——咨询网站 46
3.3.2 设置项目列表或编号列表 47
3.3.3 修改项目列表或编号 49
3.4 练习案例 49
3.4.1 练习案例——大学生国际电影节 49
3.4.2 练习案例——移动银行网站 49
3.4.3 练习案例——化妆品网站 50
第4章 图像与多媒体 51
4.1 图像插入 52
4.1.1 课堂案例——茶叶网站 52
4.1.2 插入图像 53
4.1.3 图像源文件 53
4.1.4 替换文本 54
4.1.5 图像占位符 54
4.2 调整图像 55
4.2.1 课堂案例——墙体装饰 55
4.2.2 图像效果 56
4.3 网页中的多媒体 57
4.3.1 课堂案例——度假村 57
4.3.2 插入Flash动画 59
4.3.3 插入Flv影片 60
4.3.4 插入插件——瑜伽会所 60
4.3.5 插入Applet程序 62
4.4 练习案例 63
4.4.1 练习案例——五金机械 63
4.4.2 练习案例——心缘咖啡屋 63
第5章 超链接 64
5.1 超链接的概念与路径知识 65
5.1.1 按超链接端点分类 65
5.1.2 按超链接路径分类 65
5.2 文本超链接 65
5.2.1 课堂案例——婚礼公司 65
5.2.2 创建文本链接 68
5.2.3 页面文本链接的状态 69
5.2.4 下载文件链接 70
5.2.5 电子邮件链接 70
5.2.6 空链接 70
5.3 图像超链接 71
5.3.1 课堂案例——手机商城 71
5.3.2 创建图像超链接 72
5.3.3 鼠标经过图像链接 73
5.4 热点链接 73
5.4.1 课堂案例——儿童课堂 73
5.4.2 创建热点链接 75
5.5 锚点链接 75
5.5.1 课堂案例——数码商城 76
5.5.2 创建锚点链接 78
5.6 链接管理 78
5.6.1 课堂案例——百适易得商城 78
5.6.2 自动更新链接 82
5.6.3 链接检查 82
5.6.4 修复链接 83
5.7 练习案例 83
5.7.1 练习案例——室内设计网 83
5.7.2 练习案例——多美味餐厅 84
5.7.3 练习案例——生物科普网 85
第6章 表格 86
6.1 表格的简单操作 87
6.1.1 表格的组成 87
6.1.2 插入表格 87
6.1.3 表格属性 88
6.1.4 表格单元格属性 88
6.1.5 在表格中插入内容 89
6.1.6 选择表格元素 89
6.1.7 合并和拆分单元格 90
6.2 简单表格的排版 91
6.2.1 课堂案例——融通室内装饰 91
6.2.2 复制和粘贴表格 96
6.2.3 删除表格和清除表格内容 96
6.2.4 增加或减少表格的行和列 97
6.3 复杂表格的排版 97
6.3.1 课堂案例——江雨桥的博客 97
6.3.2 表格的嵌套 102
6.3.3 单元格与表格背景 103
6.3.4 细线表格 104
6.4 表格的数据功能 104
6.4.1 课堂案例——远景苑小区 105
6.4.2 导入Word或Excel数据 106
6.4.3 排序 107
6.5 练习案例 107
6.5.1 练习案例——爱丽丝家具 107
6.5.2 练习案例——逸购鲜花速递网 108
第7章 CSS样式 110
7.1 CSS样式概述 111
7.1.1 CSS样式标准 111
7.1.2 CSS样式构造规则 111
7.1.3 CSS样式种类 111
7.1.4 CSS样式应用范围 112
7.2 CSS样式控制面板 112
7.2.1 CSS样式选择器 112
7.2.2 课堂案例——美好摄影 114
7.2.3 CSS样式的使用 120
7.2.4 编辑样式 122
7.3 CSS的属性 122
7.3.1 课堂案例——走进台湾 123
7.3.2 类型 126
7.3.3 背景 127
7.3.4 区块 127
7.3.5 方框和边框 128
7.3.6 列表 129
7.3.7 定位 129
7.3.8 扩展 129
7.3.9 过渡 130
7.4 过滤器 130
7.4.1 课堂案例——养生美容 130
7.4.2 CSS静态过滤器 132
7.4.3 CSS动态过滤器 133
7.5 练习案例 133
7.5.1 练习案例——航空旅游 133
7.5.2 练习案例——狗狗俱乐部 134
7.5.3 练习案例——鲜花店 134
第8章 CSS＋Div布局 136
8.1 盒子模型 137
8.1.1 盒子结构 137
8.1.2 盒子属性 137
8.2 布局方法 138
8.2.1 ＜div＞标签 138
8.2.2 position定位属性 139
8.2.3 浮动方式 140
8.3 “上中下”布局 142
8.3.1 课堂案例——网页设计大赛 142
8.3.2 在Dreamweaver中插入＜div＞标签 149
8.4 “左中右”布局 150
8.4.1 课堂案例——连锁餐厅 150
8.4.2 使用CSS样式布局 157
8.5 练习案例 159
8.5.1 练习案例——电子产品 159
8.5.2 练习案例——装修公司 160
第9章 框架 162
9.1 框架与框架集 163
9.1.1 概述 163
9.1.2 课堂案例——婴幼儿健康网 163
9.1.3 创建框架 168
9.1.4 保存框架 168
9.1.5 框架选择 168
9.1.6 修改框架 169
9.1.7 拆分框架 169
9.1.8 删除框架 169
9.2 框架应用 170
9.2.1 课堂案例——名胜度假村 170
9.2.2 框架属性 174
9.2.3 为框架添加内容 175
9.2.4 框架中的链接 175
9.2.5 框架居中 176
9.3 练习案例 177
9.3.1 练习案例——美丽境界 177
9.3.2 练习案例——美容与化妆 178
第10章 AP Div和Spry 179
10.1 AP Div的基本操作 180
10.1.1 课堂案例——少儿培训 180
10.1.2 创建AP Div 182
10.1.3 选择AP Div 183
10.1.4 AP Div的大小和位置 184
10.1.5 AP Div的背景颜色和图像 184
10.1.6 AP Div的可见性 184
10.1.7 AP Div溢出 185
10.2 使用AP Div布局 185
10.2.1 课堂案例——Windows Phone 185
10.2.2 靠齐到网格 191
10.2.3 AP Div叠放 192
10.2.4 对齐AP Div 192
10.2.5 AP Div与表格的相互转换 193
10.2.6 AP Div嵌套 194
10.3 Spry菜单 194
10.3.1 课堂案例——西式餐厅 194
10.3.2 Spry菜单栏 197
10.4 其他Spry 198
10.4.1 Spry选项卡面板 198
10.4.2 Spry折叠式面板 200
10.5 练习案例 201
10.5.1 练习案例——产品设计 201
10.5.2 练习案例——摄影作品集 202
10.5.3 练习案例——高尔夫俱乐部 203
第11章 行为 204
11.1 行为 205
11.1.1 事件 205
11.1.2 动作 206
11.1.3 行为面板 207
11.2 制作图像特效 208
11.2.1 课堂案例——吉太美食 208
11.2.2 交换图像 211
11.2.3 显示-隐藏元素 212
11.3 拖动AP元素 213
11.3.1 课堂案例——卡通人物 213
11.3.2 拖动AP元素 214
11.4 启用浏览器窗口 215
11.4.1 课堂案例——儿童摄影 215
11.4.2 打开浏览器窗口 216
11.4.3 转到URL调用 217
11.5 效果 217
11.5.1 课堂案例——绿野网站建设 217
11.5.2 增大／收缩 219
11.5.3 显示／渐隐 219
11.5.4 晃动 220
11.5.5 挤压 220
11.5.6 滑动 220
11.6 JavaScript代码 221
11.7 练习案例 222
11.7.1 练习案例——甜品饮料吧 222
11.7.2 练习案例——美达人寿 223
11.7.3 练习案例——我们爱猫网 223
第12章 模板和库 224
12.1 模板 225
12.1.1 课堂案例——花仙子园艺 225
12.1.2 创建模板 229
12.1.3 定义可编辑区域 231
12.1.4 定义可编辑重复区域 231
12.1.5 创建基于模板的网页 232
12.1.6 管理模板 233
12.2 库 234
12.2.1 课堂案例——时尚女性网 235
12.2.2 创建库项目 237
12.2.3 向页面添加库项目 238
12.2.4 更新库项目文件 238
12.3 练习案例 240
12.3.1 练习案例——旗袍文化 240
12.3.2 练习案例——恒生国际老年公寓 241
第13章 表单 242
13.1 使用表单 243
13.1.1 课堂案例——办公用品公司 243
13.1.2 表单及属性 248
13.1.3 文本域 248
13.1.4 单选按钮和单选按钮组 250
13.1.5 复选框和复选框组 251
13.1.6 选择列表／菜单 252
13.1.7 跳转菜单 253
13.1.8 文件域 253
13.1.9 图像域 254
13.1.10 提交和重置按钮 255
13.2 Spry验证 255
13.2.1 课堂案例——网页设计 255
13.2.2 Spry验证文本 259
13.2.3 Spry验证密码 260
13.2.4 Spry验证复选框 260
13.2.5 Spry验证单选按钮组 261
13.2.6 Spry验证确认 262
13.3 练习案例 262
13.3.1 练习案例——咖啡餐厅 262
13.3.2 练习案例——儿童培训 263
第14章 动态网页技术 265
14.1 动态网页技术概述 266
14.2 开发环境设置 267
14.2.1 安装IIS 267
14.2.2 设置IIS 267
14.3 设计数据库 270
14.3.1 数据库概述 270
14.3.2 创建数据库 270
14.4 数据库连接 272
14.4.1 建立DSN 272
14.4.2 建立数据库连接 273
14.5 数据库使用 274
14.5.1 定义记录集 274
14.5.2 数据绑定 275
14.5.3 添加服务器行为 276
14.6 课堂案例——美容美发 277
14.6.1 设计数据库 278
14.6.2 创建虚拟路径和数据源 280
14.6.3 创建动态站点和数据库连接 282
14.6.4 发表留言页面 283
14.6.5 留言详细内容页面 285
14.6.6 留言列表页面 286
14.7 练习案例——电子商务 289
第15章 综合实训 290
15.1 网站规划 291
15.2 网站设计 291
15.2.1 网站标识logo设计 291
15.2.2 banner设计 291
15.2.3 页面设计 291
15.3 页面制作 292
15.3.1 主页面切图 292
15.3.2 创建站点 295
15.3.3 header区域制作 296
15.3.4 导航栏区域制作 298
15.3.5 banner区域制作 300
15.3.6 内容区域制作 301
15.3.7 footer区域制作 305
15.4 子页面制作 306
15.4.1 家园简介子页面切图 306
15.4.2 新建子页面模板 307
15.4.3 新建家园简介子页面 310
15.5 其他子页面制作 312
15.6 页面超链接设置 314
参考文献 316