第1篇 基础篇 3
项目一 了解网页设计相关知识 3
任务1.1 通过网页了解各种网页元素 3
1.1.1 网页 3
1.1.2 网站 4
1.1.3 主页和子页 4
1.1.4 构成网页的元素 5
1.1.5 IP地址 8
1.1.6 域名 8
1.1.7 域名解析服务 8
1.1.8 域名类型 8
1.1.9 HTML 9
1.1.10 静态网页和动态网页 9
1.1.11 网页设计与制作的主要工具 9
任务1.2 了解Web标准 11
1.2.1 Web标准概述 11
1.2.2 内容、结构和表现相分离 11
任务1.3 了解DIV＋CSS布局 13
1.3.1 CSS样式 13
1.3.2 CSS盒子模型 14
1.3.3 DIV＋CSS布局的好处 14
任务1.4 网页版面布局 14
1.4.1 T字形结构版式 14
1.4.2 同字形结构版式 15
1.4.3 三字形结构版式 15
1.4.4 匡字形结构版式 15
1.4.5 Flash布局 17
1.4.6 海报布局 17
任务1.5 初步了解网站设计与开发的过程 18
1.5.1 前期策划 18
1.5.2 网站开发（网页制作） 19
1.5.3 网站后期发布、测试与维护 19
实训1 网页赏析 19
项目二 网站建立与网站规划 21
任务2.1 新建网站与网站文件管理 21
2.1.1 Dreamweaver CS6新功能介绍 21
2.1.2 站点创建 22
任务2.2 新建网页与网页测试 30
2.2.1 新建网页 30
2.2.2 网页测试 31
任务2.3 编写最简单的HTML框架 34
2.3.1 编写HTML框架 34
2.3.2 认识网页标签 36
任务2.4 插入各种网页元素 37
2.4.1 插入文字 37
2.4.2 插入特殊符号 37
2.4.3 插入图像 38
2.4.4 插入媒体元素 39
2.4.5 插入音频 41
2.4.6 插入表单 42
2.4.7 插入表格 46
任务2.5 创建超链接 47
2.5.1 超链接定义 47
2.5.2 创建超链接 48
实训2 网站建立与栏目规划 53
项目三 创建CSS样式表 55
任务3.1 CSS样式引入 55
3.1.1 CSS基本语法运用 57
3.1.2 选择器的使用 57
3.1.3 样式表的继承性使用 60
3.1.4 注释运用 61
任务3.2 建立CSS样式表 62
3.2.1 建立标签选择器类型的CSS样式表 62
3.2.2 建立类选择器类型的CSS样式表 68
3.2.3 建立ID选择器类型的CSS样式 71
任务3.3 在网页中插入CSS样式表 73
3.3.1 内部样式表 73
3.3.2 链接外部样式表 74
3.3.3 导入外部样式表 74
3.3.4 内嵌样式表 75
任务3.4 解决CSS的优先级问题 76
实训3 利用CSS样式创建多种样式 78
第2篇 应用篇 83
项目四 应用CSS盒子 83
任务4.1 盒子模型探究 83
4.1.1 盒子模型定义 84
4.1.2 在标准流中定位默认CSS盒子 85
任务4.2 设置盒子边框 86
任务4.3 设置盒子填充 88
任务4.4 设置盒子边界 89
任务4.5 文字盒子属性设置 90
任务4.6 CSS盒子模型计算 90
4.6.1 一个CSS盒子实际宽度计算 91
4.6.2 块级元素之间的距离计算：取最大者 91
4.6.3 行内元素之间的距离计算：margin-right＋margin-left 93
4.6.4 嵌套关系的距离计算：子块级元素离父块级元素距离为margin＋padding 93
任务4.7 CSS盒子模型与DOM树关系应用 93
实训4 CSS盒子的应用 95
项目五 网页元素美化 97
任务5.1 丰富的文字效果设置 97
5.1.1 CSS样式修饰文字 97
5.1.2 CSS样式修饰段落 98
任务5.2 设计漂亮的表格 99
任务5.3 文字超链接各种样式的设置 100
任务5.4 文字超链接多种样式混合应用 106
5.4.1 整体超链接效果制作 107
5.4.2 多种（个性）超链接效果制作 109
任务5.5 设置列表小图片 111
5.5.1 设置列表小图片操作 111
5.5.2 CSS控制网页背景图片属性设置 112
任务5.6 设计精美表单 113
实训5 使用CSS样式控制网页元素和背景图位置 118
项目六 CSS盒子浮动 121
任务6.1 理解浮动属性 121
6.1.1 理解标准流 122
6.1.2 块级元素和行内元素在标准流里的排放位置 122
任务6.2 使用浮动属性实现竖直变一行效果 123
任务6.3 使用浮动属性实现图片文字环绕效果 124
任务6.4 使用浮动清除属性 125
任务6.5 使用浮动属性实现两行两列布局 126
实训6 使用浮动属性布局网页架构 129
项目七 CSS盒子定位 132
任务7.1 了解定位属性 132
任务7.2 应用定位属性 133
7.2.1 绝对定位的应用 133
7.2.2 相对定位应用 137
任务7.3 隐藏与显示网页元素 138
7.3.1 隐藏网页元素 138
7.3.2 行竖转换网页元素 139
实训7 使用定位属性布局网页 142
第3篇 实战篇 147
项目八 首页设计与美化 147
任务8.1 首页版面框架设计 148
任务8.2 网站Logo制作 148
任务8.3 首页设计与制作 159
8.3.1 建立站点 159
8.3.2 搭建首页代码结构 159
8.3.3 首页内容添加 161
8.3.4 连接CSS样式文件 163
8.3.5 设计与布局首页各区域内容 164
项目九 子页设计与制作 172
任务9.1 子页页面模板制作 172
9.1.1 创建模板 172
9.1.2 运用模板 175
9.1.3 修改更新模板 176
任务9.2 子页制作 178
9.2.1 “关于我们”子页制作 178
9.2.2 “产品展示”子页制作 183
9.2.3 “客户反馈”子页制作 184
任务9.3 了解网页换肤术 187
项目十 网页特效制作 188
任务10.1 了解JS、CSS与特效 188
任务10.2 图片无缝连续滚动特效制作 191
任务10.3 图片局部放大镜特效制作 194
任务10.4 淘宝图片局部放大特效制作 196
任务10.5 整张图片放大特效制作 200
任务10.6 幻灯片广告图片自动播放特效制作 202
任务10.7 滚动广告屏特效制作 205
任务10.8 内容切换特效制作 206
任务10.9 两侧浮动广告特效制作 209
任务10.10 二级导航条特效制作 210
项目十一 CSS＋DIV房地产企业网站设计与实现 216
任务11.1 设计思想 217
11.1.1 房地产公司网站建设的基本需求 217
11.1.2 房地产公司网站建设的服务范围 217
11.1.3 房地产公司网站建设的解决方案 217
任务11.2 如何进行网站需求分析 217
11.2.1 网站需求分析策划 218
11.2.2 完整的需求调查文档记录 218
11.2.3 多向用户咨询相关问题 218
11.2.4 市场调研活动内容 218
11.2.5 完成清晰的需求分析 219
任务11.3 网站风格设计 219
11.3.1 网站标志（Logo）制作 219
11.3.2 网站色彩搭配 219
11.3.3 网站字体设计 220
11.3.4 提炼广告语 220
11.3.5 网站宣传语设计 220
11.3.6 网页美化设计 220
任务11.4 网站栏目设计 221
11.4.1 网站设计原则 221
11.4.2 网站栏目设计 222
任务11.5 页面版面设计与实现 222
11.5.1 网页版面设计 222
11.5.2 各区域版面图分解 223
任务11.6 素材收集与整理 224
任务11.7 网页效果图设计 225
任务11.8 网页切片制作 225
11.8.1 切片的使用 225
11.8.2 切片的输出 229
任务11.9 网页制作 232
11.9.1 网站素材准备 232
11.9.2 创建网站及搭建网站结构 233
11.9.3 首页制作 237
11.9.4 子页制作 245
实训11 综合网站设计与制作 253
任务11.10 后台动态页面制作 253
11.10.1 背景知识介绍 254
11.10.2 IIS服务器环境搭建 255
11.10.3 留言板分析 259
11.10.4 定义留言板站点 260
11.10.5 创建和设计数据库 268
11.10.6 制作ASP动态页面 270
项目十二 网站上传与维护 285
任务12.1 空间和域名申请 285
12.1.1 IP地址、域名和空间简介 285
12.1.2 IP地址、域名和主机空间之间的关系 286
12.1.3 FTP 286
12.1.4 免费空间的申请 286
任务12.2 网站上传 288
参考文献 291