第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 网页设计元素　4
1.2.3 页面布局　6
1.3 网页标准化技术　7
1.3.1 结构化语言　8
1.3.2 CSS样式　8
1.3.3 脚本语言　8
1.3.4 ASP技术　8
1.4 网站设计软件　9
1.4.1 Dreamweaver　9
1.4.2 Flash　9
1.4.3 Photoshop　10
1.5 网站制作流程　10
1.5.1 前期准备工作　10
1.5.2 方案实施　11
1.5.3 后期工作　12
1.6 HTML　13
1.6.1 文件结构标签　14
1.6.2 表格标签　14
1.6.3 文本段落标签　14
1.6.4 图像标签　14
1.6.5 链接标签　15
1.6.6 框架标签　15
1.6.7 表单标签　15
1.6.8 块标签　15
第2章 Dreamweaver CS6基础　16
2.1 Dreamweaver CS6工作界面　17
2.1.1 开始界面　17
2.1.2 工作环境　17
2.1.3 工作区布局　19
2.1.4 多文档的编辑界面　19
2.2 创建网站站点　20
2.2.1 创建新站点　20
2.2.2 新建和保存网页　21
2.2.3 管理站点文件和文件夹　21
2.2.4 课堂案例——慈善救助中心　22
2.3 管理站点　25
2.3.1 打开站点　25
2.3.2 编辑站点　25
2.3.3 复制站点　25
2.3.4 删除站点　26
2.4 网页文档头部信息设置　26
2.4.1 插入搜索关键字　26
2.4.2 设置描述信息　27
2.4.3 插入版权信息　27
2.4.4 设置刷新时间　27
第3章 页面与文本　29
3.1 页面属性　30
3.1.1 课堂案例——香格里湾峰会　30
3.1.2 网页的标题　33
3.1.3 文本分段与换行　33
3.1.4 输入空格　33
3.1.5 页面文字属性　34
3.1.6 显示不可见元素　35
3.1.7　设置页边距　35
3.1.8 背景属性　36
3.1.9 跟踪图像　36
3.2 文本属性　36
3.2.1 课堂案例——百货公司　36
3.2.2 设置文本属性　39
3.2.3 文本段落　40
3.2.4 插入日期　41
3.2.5 插入特殊字符　41
3.3 项目列表和编号列表　42
3.3.1 课堂案例——咨询网站　42
3.3.2 设置项目列表或编号列表　44
3.3.3 修改项目列表或编号列表　45
3.4 练习案例　45
3.4.1 练习案例——北京大学生国际电影节　45
3.4.2 练习案例——移动银行网站　46
3.4.3 练习案例——化妆品网站　47
第4章 图像与多媒体　48
4.1 图像插入　49
4.1.1 课堂案例——茶叶网站　49
4.1.2 插入图像　50
4.1.3 图像源文件　50
4.1.4 替换文本　51
4.1.5 图像占位符　51
4.2 调整图像　51
4.2.1 课堂案例——墙体装饰　51
4.2.2 图像效果　53
4.3 网页中的多媒体　54
4.3.1 课堂案例——度假村　54
4.3.2 插入Flash动画　56
4.3.3 插入FLV影片　56
4.3.4 课堂案例——瑜伽会所　56
4.3.5 插入Applet　59
4.4 练习案例　59
4.4.1 练习案例——五金机械　59
4.4.2 练习案例——心缘咖啡屋　59
第5章 超链接　61
5.1 超链接的概念与路径知识　62
5.1.1 按超链接端点分类　62
5.1.2 按超链接路径分类　62
5.2 文本链接　62
5.2.1 课堂案例——婚礼公司　62
5.2.2 文本链接　65
5.2.3 页面文本链接的状态　66
5.2.4 下载文件链接　66
5.2.5 电子邮件链接　66
5.2.6 空链接　67
5.3 图像超链接　67
5.3.1 课堂案例——手机商城　67
5.3.2 图像超链接　69
5.3.3 鼠标指针经过图像超链接　69
5.4 热点链接　69
5.4.1 课堂案例——儿童课堂　69
5.4.2 创建热点链接　71
5.5 锚点链接　71
5.5.1 课堂案例——数码商城　71
5.5.2 创建锚点链接　73
5.6 链接管理　73
5.6.1 课堂案例——百适易得商城　74
5.6.2 自动更新链接　76
5.6.3 检查链接　77
5.6.4 修复链接　78
5.7 练习案例　78
5.7.1 练习案例——室内设计网　78
5.7.2 练习案例——多美味餐厅　79
5.7.3 练习案例——生物科普网　79
第6章 表格　81
6.1 表格的简单操作　82
6.1.1 表格的组成　82
6.1.2 插入表格　82
6.1.3 表格属性　83
6.1.4 单元格属性　83
6.1.5 在表格中插入内容　84
6.1.6 选择表格元素　84
6.1.7 合并和拆分单元格　85
6.2 简单表格的排版　85
6.2.1 课堂案例——融通室内装饰　85
6.2.2 复制和粘贴表格　90
6.2.3 删除表格和清除表格内容　91
6.2.4 增加或减少表格的行和列　91
6.3 复杂表格的排版　91
6.3.1 课堂案例——江雨桥的博客　91
6.3.2 表格的嵌套　96
6.3.3 单元格与表格背景　96
6.3.4 细线表格　97
6.4 表格的数据功能　98
6.4.1 课堂案例——远景苑小区　98
6.4.2 导入Word或Excel数据　99
6.4.3 排序　100
6.5 练习案例　100
6.5.1 练习案例——爱丽丝家具　100
6.5.2 练习案例——逸购鲜花速递网　101
第7章 CSS样式　103
7.1 CSS样式概述　104
7.1.1 CSS样式标准　104
7.1.2 CSS样式构造规则　104
7.1.3 CSS样式种类　104
7.1.4 CSS样式应用范围　105
7.2 CSS样式控制面板　105
7.2.1 CSS样式选择器　105
7.2.2 课堂案例——美好摄影　106
7.2.3 CSS样式的使用　112
7.2.4 编辑样式　114
7.3 CSS样式的属性　114
7.3.1 课堂案例——走进台湾　114
7.3.2 类型　117
7.3.3 背景　118
7.3.4 区块　118
7.3.5 方框和边框　119
7.3.6 列表　120
7.3.7 定位　120
7.3.8 扩展　120
7.3.9 过渡　121
7.4 CSS过滤器　121
7.4.1 课堂案例——养生美容　121
7.4.2 CSS静态过滤器　123
7.4.3 CSS动态过滤器　124
7.5 练习案例　124
7.5.1 练习案例——航空旅游　124
7.5.2 练习案例——狗狗俱乐部　125
7.5.3 练习案例——鲜花店　126
第8章 CSS+Div布局　127
8.1 盒子模型　128
8.1.1 盒子结构　128
8.1.2 盒子属性　128
8.2 布局方法　129
8.2.1 div 标签　129
8.2.2 position属性　130
8.2.3 浮动方式　130
8.3 “上中下”布局　132
8.3.1 课堂案例——网页设计大赛　132
8.3.2 在Dreamweaver中插入 div 标签　138
8.4 “左中右”布局　139
8.4.1 课堂案例——连锁餐厅　139
8.4.2 使用CSS样式布局　145
8.5 练习案例　146
8.5.1 练习案例——电子产品　146
8.5.2 练习案例——装修公司　147
第9章 AP Div和Spry　149
9.1 AP Div的基本操作　150
9.1.1 课堂案例——少儿培训　150
9.1.2 创建AP Div　152
9.1.3 选择AP Div　153
9.1.4 AP Div的大小和位置　153
9.1.5 AP Div的背景颜色和图像　154
9.1.6 AP Div的可见性　154
9.1.7 AP Div溢出　154
9.2 使用AP Div布局　155
9.2.1 课堂案例——Windows Phone　155
9.2.2 靠齐到网格　159
9.2.3 AP Div叠放　160
9.2.4 对齐AP Div　161
9.2.5 AP Div与表格的相互转换　161
9.2.6 AP Div嵌套　162
9.3 Spry菜单栏　162
9.3.1 课堂案例——西式餐厅　162
9.3.2 了解Spry菜单栏　164
9.4 其他Spry　165
9.4.1 Spry选项卡面板　165
9.4.2 Spry折叠式面板　167
9.5 练习案例　168
9.5.1 练习案例——产品设计　168
9.5.2 练习案例——摄影作品集　169
9.5.3 练习案例——高尔夫俱乐部　170
第10章 行为　171
10.1 行为概述　172
10.1.1 事件　172
10.1.2 动作　173
10.1.3 行为面板　174
10.2 制作图像特效　174
10.2.1 课堂案例——吉太美食　175
10.2.2 交换图像　178
10.2.3 显示-隐藏元素　178
10.3 拖动AP元素概述　179
10.3.1 课堂案例——卡通人物　179
10.3.2 拖动AP元素　180
10.4 启用浏览器窗口　181
10.4.1 课堂案例——儿童摄影　181
10.4.2 打开浏览器窗口　182
10.4.3 转到URL　183
10.5 效果　183
10.5.1 课堂案例——绿野网站建设　183
10.5.2 增大/收缩　185
10.5.3 显示/渐隐　185
10.5.4 晃动　185
10.5.5 挤压　186
10.5.6 滑动　186
10.6 JavaScript代码　187
10.7 练习案例　187
10.7.1 练习案例——甜品饮料吧　187
10.7.2 练习案例——美达人寿　188
10.7.3 练习案例——我们爱猫网　189
第11章 模板和库　190
11.1 模板　191
11.1.1 课堂案例——花仙子园艺　191
11.1.2 创建模板　195
11.1.3 定义可编辑区域　196
11.1.4 定义可编辑重复区域　197
11.1.5 创建基于模板的网页　198
11.1.6 管理模板　198
11.2 库　199
11.2.1 课堂案例——时尚女性网　200
11.2.2 创建库项目　202
11.2.3 向页面中添加库项目　203
11.2.4 更新库项目文件　203
11.3 练习案例　204
11.3.1 练习案例——旗袍文化　204
11.3.2 练习案例——恒生国际老年公寓　206
第12章 表单　207
12.1 使用表单　208
12.1.1 课堂案例——办公用品公司　208
12.1.2 表单及其属性　212
12.1.3 文本域　212
12.1.4 单选按钮和单选按钮组　214
12.1.5 复选框和复选框组　215
12.1.6 选择列表/菜单　215
12.1.7 跳转菜单　216
12.1.8 文件域　217
12.1.9 图像域　217
12.1.10 提交和重置按钮　218
12.2 Spry验证　219
12.2.1 课堂案例——网页设计　219
12.2.2 Spry验证文本域　221
12.2.3 Spry验证密码　222
12.2.4 Spry验证复选框　223
12.2.5 Spry验证单选按钮组　223
12.2.6 Spry验证确认　224
12.3 练习案例　224
12.3.1 练习案例——咖啡餐厅　224
12.3.2 练习案例——儿童培训　225
第13章 jQuery Mobile　227
13.1 jQuery Mobile概述　228
13.1.1 jQuery Mobile简介　228
13.1.2 jQuery Mobile框架　228
13.1.3 data-属性　229
13.1.4 jQuery Mobile样式　229
13.2 使用jQuery Mobile 　230
13.2.1 课堂案例——服装定制I　230
13.2.2 jQuery Mobile页面　236
13.2.3 jQuery Mobile列表视图　239
13.2.4 jQuery Mobile布局网格　239
13.2.5 jQuery Mobile可折叠区块　239
13.3 jQuery Mobile应用　240
13.3.1 jQuery Mobile版本　240
13.3.2 面板panel　240
13.3.3 弹窗popup　241
13.3.4 课堂案例——服装定制II　242
13.3.5 打包jQuery Mobile应用　245
13.4 练习案例　245
13.4.1 练习案例——男人会装I　245
13.4.2 练习案例——男人会装II　246
第14章 动态网页技术　248
14.1 动态网页技术概述　249
14.2 开发环境设置　249
14.2.1 安装IIS　250
14.2.2 设置IIS　250
14.3 设计数据库　252
14.3.1 数据库简介　252
14.3.2 创建数据库　252
14.4 数据库连接　254
14.4.1 创建DSN　254
14.4.2 创建数据库连接　255
14.5 数据库使用　255
14.5.1 定义记录集　255
14.5.2 数据绑定　256
14.5.3 添加服务器行为　257
14.6 课堂案例——美容美发　259
14.6.1 开始创建数据库　259
14.6.2 创建虚拟路径和数据源　261
14.6.3 创建动态站点和数据库连接　262
14.6.4 发表留言页面　264
14.6.5 留言详细内容页面　266
14.6.6 留言列表页面　266
14.7 练习案例——电子商务　268
第15章 综合实训　270
15.1 网站规划　271
15.2 网站设计　271
15.2.1 网站logo设计　271
15.2.2 banner设计　271
15.2.3 页面设计　271
15.3 制作主页面　272
15.3.1 主页面切图　272
15.3.2 创建站点　275
15.3.3 制作header区域　275
15.3.4 制作导航栏区域　278
15.3.5 制作banner区域　279
15.3.6 制作内容区域　279
15.3.7 制作footer区域　284
15.4 制作子页面　285
15.4.1 家园简介子页面切图　285
15.4.2 新建子页面模板　286
15.4.3 新建家园简介子页面　288
15.5 制作其他子页面　291
15.6 页面超链接设置　292
参考文献　294