第 1部分 HTML网页设计
第 1章 网页设计基础知识 2
1.1 网页的基础概念 2
1.2 网页与HTML 3
1.3 Web标准 4
1.3.1 标准的重要性 4
1.3.2 “Web标准”概述 5
1.4 网页设计与开发过程 6
1.4.1 基本任务与角色 6
1.4.2 明确网站定位 7
1.4.3 收集信息和素材 7
1.4.4 策划栏目内容 7
1.4.5 设计页面方案 8
1.4.6 制作页面 8
1.4.7 实现后台功能 8
1.4.8 整合与测试网站 8
1.5 HTML基础 9
1.5.1 创建第 一个HTML文件 9
1.5.2 HTML文件结构 10
1.6 简单的HTML案例 11
1.7 网页源文件的获取 14
1.7.1 直接查看源文件 14
1.7.2 保存网页 15
1.8 利用Dreamweaver快速建立基本文档 16
1.8.1 Dreamweaver简介 16
1.8.2 创建新的空白文档 17
1.8.3 案例—创建新文档 19
1.9 思考与练习 21
第 2章 用HTML设置文本和图像 23
2.1 文本排版 23
2.1.1 实现段落与段内换行 23
2.1.2 设置标题 25
2.1.3 使文字水平居中 25
2.1.4 设置文字段落的缩进 26
2.2 文字列表 26
2.2.1 建立无序列表 26
2.2.2 建立有序列表 27
2.3 HTML标记与HTML属性 28
2.3.1 控制段落的水平位置 28
2.3.2 设置背景颜色 28
2.3.3 文字的特殊样式 29
2.3.4 文字的大小和颜色 30
2.4 HTML标记和属性的局限性 31
2.5 特殊文字符号 31
2.6 使用图像 33
2.6.1 网页中的图像格式 33
2.6.2 简单案例 33
2.6.3 文件路径 34
2.7 设置图片的尺寸 36
2.8 设置图像的替换文本 37
2.9 利用Dreamweaver设置文本和图像 37
2.10 利用Dreamweaver代码视图提高
效率 41
2.10.1 代码提示 41
2.10.2 代码折叠 42
2.10.3 拆分视图与代码快速定位 43
2.11 思考与练习 43
第3章 超链接 45
3.1 设置文字超链接 45
3.1.1 URL的格式 45
3.1.2 URL的类型 46
3.2 设置页面内部链接 47
3.3 设置图片超链接 48
3.4 设置电子邮件链接 48
3.5 设置链接页面的目标窗口 49
3.6 创建热点区域 49
3.6.1 用HTML建立热点区域 50
3.6.2 利用Dreamweaver定位热点
区域 51
3.7 框架之间的链接 53
3.7.1 建立框架与框架集 53
3.7.2 用cols属性将窗口分为左右
部分 54
3.7.3 用rows属性将窗口分为上下
部分 54
3.7.4 框架的嵌套 55
3.7.5 在框架中插入网页 55
3.7.6 在框架之间进行链接 56
3.7.7 嵌入式框架 58
3.8 网站的组织结构与维护 59
3.9 思考与练习 60
第4章 使用表格与表单 61
4.1 使用表格 61
4.1.1 表格的基本结构 61
4.1.2 合并单元格 62
4.1.3 设置对齐方式 63
4.1.4 设置表格背景色和边框颜色 65
4.1.5 cellpadding属性和cellspacing
属性 66
4.1.6 完整的表格标记 66
4.1.7 用表格进行页面布局的局限性 68
4.2 使用表单 71
4.2.1 表单的用途和原理 71
4.2.2 表单类型 72
4.3 Dreamweaver中的模板 76
4.3.1 认识模板 76
4.3.2 制作模板 77
4.3.3 使用模板 78
4.3.4 将文档和模板分离 80
4.4 思考与练习 81
第 2部分 美工与动画元素设计

第5章 图像处理与设计基础 84
5.1 网页美术设计的基础知识 84
5.1.1 基本概念 84
5.1.2 Fireworks的基本操作流程 85
5.1.3 画布 88
5.2 在Fireworks中编辑位图 91
5.2.1 创建和取消选区 91
5.2.2 编辑选区中的像素区域 94
5.2.3 变形和扭曲 96
5.3 绘制矢量图形 97
5.3.1 创建基本矢量图形 97
5.3.2 调整矢量线条 99
5.4 美术基础理论 101
5.4.1 平面构图 101
5.4.2 色彩 103
5.5 案例—科技网站页面设计 105
5.5.1 绘制背景 106
5.5.2 绘制主体区域 106
5.5.3 制作Banner 108
5.5.4 添加文字和素材 109
5.6 思考与练习 110
第6章 图像的优化与导出 111
6.1 了解图像文件类型 111
6.2 使用“图像预览”命令优化导出
图像 112
6.2.1 使用“图像预览”命令 112
6.2.2 优化JPEG格式的图像 113
6.2.3 优化GIF格式的图像 113
6.3 使用“切片” 115
6.3.1 切片与导出 115
6.3.2 用切片实现“分别优化” 119
6.4 思考与练习 121
第7章 在网页中使用Flash 122
7.1 使用Dreamweaver添加内置的Flash
对象 122
7.1.1 使用Dreamweaver内置的Flash
按钮对象 122
7.1.2 使用Dreamweaver内置的Flash
文本对象 123
7.2 Flash软件简介 124
7.2.1 Flash的基本功能 124
7.2.2 Flash的工作界面 125
7.2.3 Flash的工作流程 126
7.3 在Flash中绘制图形 127
7.4 Flash动画基本原理 128
7.5 创建形状补间动画 129
7.6 动画补间 131
7.7 在网页中发布Flash动画 134
7.7.1 插入动画 135
7.7.2 设置Flash对象的属性 136
7.8 思考与练习 137

第3部分 CSS样式设计

第8章 (X)HTML与CSS概述 140
8.1 HTML与XHTML 140
8.1.1 追根溯源 140
8.1.2 DOCTYPE的含义与选择 141
8.1.3 XHTML与HTML的重要区别 142
8.2 (X)HTML与CSS 143
8.2.1 CSS标准 143
8.2.2 传统HTML的缺点 144
8.2.3 CSS的引入 144
8.2.4 如何编辑CSS 146
8.2.5 浏览器与CSS 146
8.3 构造CSS规则 147
8.4 基本CSS选择器 148
8.4.1 标记选择器 149
8.4.2 类别选择器 149
8.4.3 ID选择器 152
8.5 在HTML中使用CSS的方法 153
8.5.1 行内式 153
8.5.2 内嵌式 154
8.5.3 链接式 154
8.5.4 导入式 155
8.5.5 各种方式的优先级问题 157
8.6 思考与练习 159
第9章 CSS样式设置实践 160
9.1 手工编写页面 160
9.1.1 构造页面框架 160
9.1.2 设置标题 161
9.1.3 控制图片 162
9.1.4 设置正文 162
9.1.5 设置整体页面 163
9.1.6 对段落分别进行设置 163
9.1.7 完整代码 164
9.1.8 CSS的注释 165
9.2 使用Dreamweaver进行CSS设置 165
9.2.1 创建页面 165
9.2.2 新建CSS规则 167
9.2.3 编辑CSS规则 169
9.2.4 为图像创建CSS规则 170
9.3 复合选择器 172
9.3.1 “交集”选择器 172
9.3.2 “并集”选择器 173
9.3.3 后代选择器 175
9.4 CSS的继承特性 176
9.4.1 继承关系 177
9.4.2 CSS继承的运用 178
9.5 CSS的层叠特性 179
9.6 思考与练习 181
第 10章 用CSS设置文本和图像 182
10.1 使用CSS设置文本样式 182
10.1.1 长度单位 182
10.1.2 准备页面 183
10.1.3 设置文字的字体 183
10.1.4 设置文字的倾斜效果 184
10.1.5 设置文字的加粗效果 185
10.1.6 英文字母大小写转换 186
10.1.7 控制文字的大小 186
10.1.8 文字的装饰效果 187
1