第1章 网页制作基础知识 1
1.1认识网页与网站 1
1.1.1网页和网站 1
1.1.2网页构成元素 2
1.1.3网页制作的工作环境 3
1.2如何设计网页 4
1.2.1网页设计基本原则 4
1.2.2设计风格与颜色搭配 4
1.2.3页面布局与优秀网页欣赏 6
1.3网站建设的基本流程 8
1.3.1前期调研与策划 9
1.3.2中期实施与细化 10
1.3.3后期维护与更新 10
1.4认识Web标准 11
1.4.1什么是Web标准 11
1.4.2为什么选择Web标准 12
1.4.3浏览器兼容性问题 12
1.5网页设计的重要理念 13
1.5.1重要思想——结构与表现相分离 13
1.5.2表格布局与CSS布局 15
1.5.3正确理解Web标准 18
1.6回味思考 19
第2章HTML基础 20
2.1 HTML和XHTML 20
2.1.1什么是HTML和XHTML 20
2.1.2 HTML文件的编写与显示 21
2.1.3标签、元素和属性 22
2.2常见的HTML元素 24
2.2.1基本结构元素 24
2.2.2常见的块级元素 25
2.2.3常见的列表元素 27
2.2.4常见的表格元素 29
2.2.5常见的内联元素 30
2.2.6常见的表单元素 32
2.3 HTML 5.0新增标签 34
2.3.1 HTML 5.0视频标签 35
2.3.2 HTML 5.0音频标签 36
2.4案例精粹——HTML综合运用 37
2.5举一反三——使用记事本创建网页 38
2.6回味思考 39
第3章 使用Dreamweaver制作简单网页 40
3.1认识Dreamweaver CS5 40
3.1.1 Dreamweaver CS5的工作环境 40
3.1.2多样的工具栏 42
3.1.3“属性”面板 43
3.1.4“插入”面板 44
3.1.5“CSS样式”面板 45
3.1.6自定义工作环境 46
3.2创建站点 48
3.2.1站点的基本概念 48
3.2.2站点的创建方法 48
3.2.3在“文件”面板中处理文件 49
3.2.4站点的管理 51
3.3初识CSS 52
3.3.1 CSS及其作用 52
3.3.2 CSS的基本语法 53
3.3.3盒模型 54
3.3.4如何将CSS文档应用到网页中 56
3.4 CSS选择符 57
3.4.1通配符选择符与类型选择符 57
3.4.2 ID选择符与类选择符 57
3.4.3包含选择符与群组选择符 58
3.5案例精粹——电子竞技活动页面 60
3.5.1布局规划 60
3.5.2详细步骤 61
3.6举一反三——315活动宣传页面 67
3.7回味思考 68
第4章 网页的文本元素 69
4.1插入并编辑文本 69
4.1.1插入文本 69
4.1.2插入特殊字符、水平线和时间日期 70
4.1.3设置文本格式 72
4.1.4批量替换与浏览器兼容性检查 74
4.2创建超链接 76
4.2.1文本链接 76
4.2.2邮件链接 78
4.2.3锚链接 78
4.3使用CSS控制页面文本 80
4.3.1 CSS的字体和文本属性 80
4.3.2字体的类别、尺寸、样式、粗细和颜色 81
4.3.3首行缩进与设置行高 84
4.3.4文字的截断与首字下沉 85
4.3.5 CSS 3.0中文字的新增属性 87
4.4案例精粹——环保公司主页 89
4.4.1布局规划 89
4.4.2详细步骤 89
4.5举一反三——微型博客 98
4.6回味思考 99
第5章 网页的图像元素 100
5.1插入并编辑图像 100
5.1.1了解图像格式 100
5.1.2插入图像 100
5.1.3图像的属性设置 102
5.1.4图像占位符 103
5.1.5鼠标经过图像 104
5.2使用CSS控制页面图像 105
5.2.1 CSS的图像属性 105
5.2.2背景属性 106
5.2.3图像的边框与缩放 107
5.2.4图文混排 110
5.3案例精粹——美食博客网 112
5.3.1布局规划 113
5.3.2详细步骤 113
5.4举一反三——My diary博客 127
5.5回味思考 128
第6章 表格与框架元素 130
6.1插入并编辑表格 130
6.1.1插入表格与选择表格 130
6.1.2设置单元格属性 133
6.1.3合并、拆分单元格 133
6.1.4删除与增加行或列 134
6.2使用CSS控制表格外观 135
6.2.1细线表格 135
6.2.2隔行换色表格 137
6.3框架 139
6.3.1什么是框架与框架集 139
6.3.2创建框架与框架集 139
6.3.3与框架相关的基本操作 140
6.3.4使用框架制作简单网页 141
6.4案例精粹——网站后台管理平台 145
6.4.1布局规划 145
6.4.2详细步骤 145
6.5举一反三——吉他教程 151
6.6回味思考 152
第7章 多媒体元素、列表与模板 153
7.1多媒体元素 153
7.1.1插入Flash动画 153
7.1.2使用透明背景的Flash动画制作Banner 155
7.1.3插入FLV视频 156
7.1.4插入其他多媒体元素 158
7.2列表元素 160
7.2.1列表的种类 160
7.2.2用于列表的CSS样式 162
7.2.3向列表添加图像修饰符 163
7.2.4列表模式的纵向导航 164
7.2.5列表模式的横向导航 166
7.2.6图文信息列表 167
7.3模板 170
7.3.1认识模板 171
7.3.2使用模板创建网页 172
7.3.3修改模板与更新页面 174
7.4案例精粹——品牌形象设计公司网站 176
7.4.1布局规划 176
7.4.2详细步骤 177
7.5举一反三——Infinite公司主页的制作 186
7.6回味思考 187
第8章 行为、表单和Spry构件 188
8.1行为 188
8.1.1事件与动作 188
8.1.2“行为”面板 189
8.1.3“弹出信息”行为 189
8.1.4“打开浏览器窗口”行为 190
8.1.5“改变属性”行为 191
8.2表单 194
8.2.1什么是表单 194
8.2.2添加表单域 194
8.2.3添加常见的表单对象 195
8.3使用CSS控制表单外观 200
8.3.1文本域的美化 201
8.3.2按钮的美化 202
8.3.3搜索框的美化 203
8.4 Spry构件 204
8.4.1 Spry菜单栏 204
8.4.2 Spry选项卡式面板 205
8.4.3 Spry折叠式构件 206
8.5案例精粹——宇泽软件公司网站制作 207
8.5.1布局规划 207
8.5.2首页的制作 208
8.5.3二级页面的制作 215
8.6举一反三——公司二级页面的制作 217
8.7回味思考 219
第9章CSS知识巩固与提高 220
9.1 CSS定位 220
9.1.1静态定位与固定定位 220
9.1.2相对定位与绝对定位 221
9.2 CSS Sprite技术 224
9.2.1 CSS Sprite技术介绍 224
9.2.2 CSS Sprite技术分解 226
9.2.3使用CSS Sprite技术制作导航 228
9.3 CSS滑动门技术 231
9.3.1 CSS滑动门技术介绍 231
9.3.2使用CSS滑动门技术制作导航 232
9.4 CSS代码的简写 236
9.4.1规范化的CSS命名 236
9.4.2 CSS代码的简写 236
9.5案例精粹——店庆专题活动页面的制作 239
9.5.1布局规划 239
9.5.2详细步骤 240
9.6举一反三——车险专题活动页面的制作 244
9.7回味思考 245
第10章 站点的测试、上传与维护 246
10.1站点测试 246
10.1.1浏览器兼容性测试 246
10.1.2链接的测试 247
10.2站点上传 249
10.2.1注册域名 249
10.2.2申请网站空间 251
10.2.3站点上传 252
10.3维护与推广 256
10.3.1站点维护 256
10.3.2网站推广 257
10.4回味思考 258
第11章 综合案例与实训 259
11.1精品课程网站的设计与制作 259
11.1.1布局规划 259
11.1.2精品课程网站主页的制作 259
11.1.3精品课程网站子页的制作 268
11.2综合实训 271
11.2.1实训的意义和目的 271
11.2.2实训要求与步骤 272
11.2.3考核标准 272
11.3回味思考 273