Dreamweaver CC中文版网页设计与制作基础教程

第1章 网页设计与制作基础 1
1.1 网页概述 2
1.1.1 网页基本要素 2
1.1.2 网页基本术语 4
1.1.3 静态网页和动态网页 6
1.2 网页编辑器和屏幕分辨率 7
1.2.1 网页编辑器 7
1.2.2 屏幕分辨率 7
1.3 网站制作的基本流程 8
1.3.1 前期策划 8
1.3.2 收集素材 8
1.3.3 规划网站 8
1.3.4 制作HTML页面 9
1.3.5 测试并上传网站 9
1.3.6 网站的更新与维护 9
1.4 网页设计中的色彩应用 9
1.4.1 网页色彩的特性 9
1.4.2 网页安全色 10
1.4.3 色彩模式 11
1.4.4 网页配色的基本原则 12
1.4.5 网页配色中的文本颜色 14
1.5 网页制作常用软件 16
1.5.1 网页编辑排版软件
Dreamweaver CC 16
1.5.2 图像制作软件Photoshop CC
和Fireworks CC 16
1.5.3 网页动画制作软件Flash CC 16
1.5.4 网页标记语言HTML 17
1.5.5 网页脚本语言JavaScript 17
1.5.6 动态网页编程语言ASP 17
1.6 思考与练习 17
第2章 Dreamweaver CC轻松入门 19
2.1 Dreamweaver CC工作界面 20
2.1.1 界面布局 20
2.1.2 工具栏、窗口和面板 20
2.1.3 【插入】面板 22
2.1.4　属性检查器 23
2.1.5 管理面板和面板组 24
2.2　Dreamweaver 工作流程 24
2.3　使用可视化助理布局 24
2.3.1 使用标尺 25
2.3.2 设置网格 26
2.4 实践案例与上机指导 28
2.4.1 使用辅助线 28
2.4.2 使用跟踪图像功能 30
2.4.3 设置缩放比率 30
2.4.4 设置窗口大小 31
2.5 思考与练习 32
第3章 创建与管理站点 33
3.1 站点及站点结构 34
3.1.1 站点 34
3.1.2 站点结构 35
3.2 创建本地站点 35
3.2.1 使用向导搭建站点 35
3.2.2 使用【高级设置】选项
面板创建站点 37
3.3　管理站点 40
3.3.1 打开站点 40
3.3.2 切换站点 41
3.3.3 【管理站点】对话框 41
3.4　管理站点中的文件 42
3.4.1　在站点中新建文件夹 42
3.4.2　在站点中新建页面 43
3.4.3　移动和复制文件或文件夹 43
3.4.4　删除文件或文件夹 44
3.5 实践案例与上机指导 44
3.5.1 使用【新建文档】对话框
创建新文件 45
3.5.2 Business Catalyst站点 46
3.5.3 Edge Animate资源 47
3.6 思考与练习 47
第4章 在网页中编排文本 49
4.1 文本的基本操作 50
4.1.1 输入文本 50
4.1.2 设置字体 51
4.1.3 设置字号 52
4.1.4 设置字体颜色 52
4.1.5 设置字体样式 53
4.1.6 设置段落对齐方式 53
4.1.7 设置是否显示不可见元素 54
4.2 插入特殊文本对象 55
4.2.1 插入特殊字符 55
4.2.2 插入水平线 56
4.2.3 插入日期 57
4.3 设置项目列表 57
4.3.1 创建项目列表与编号列表 58
4.3.2 设置列表属性 59
4.4 设置页面的头信息 59
4.4.1 设置网页标题 60
4.4.2 添加关键字 60
4.4.3 添加说明 61
4.4.4 插入视口 61
4.4.5 设置链接 62
4.4.6 设置页面的Meta信息 63
4.5 实践案例与上机指导 63
4.5.1 查找与替换功能 63
4.5.2 设置页边距 64
4.5.3 设置网页的默认格式 64
4.5.4 设置文本缩进格式 65
4.6 思考与练习 65
第5章 使用图像与多媒体丰富
网页内容 67
5.1 网页中的常用图像格式 68
5.1.1 JPEG格式图像 68
5.1.2 GIF格式图像 68
5.1.3 PNG格式图像 68
5.2 插入与设置图像 69
5.2.1 在网页中插入图像文件 69
5.2.2 设置网页背景图 70
5.2.3 设置图像对齐方式 71
5.2.4 更改图像基本属性 72
5.2.5 使用图像编辑器 72
5.3 插入其他图像元素 74
5.3.1 插入鼠标经过图像 74
5.3.2 插入Fireworks HTML 75
5.4 多媒体在网页中的应用 75
5.4.1 插入并设置Flash动画 76
5.4.2 插入FLV视频 77
5.4.3 插入音乐 79
5.5 实践案例与上机指导 80
5.5.1 插入HTML5 Video 80
5.5.2 插入HTML5 Audio 82
5.6 思考与练习 83
第6章 网页超级链接 85
6.1 超级链接 86
6.1.1 超链接的定义 86
6.1.2 内部、外部与脚本链接 86
6.2 链接路径 87
6.2.1 绝对路径 87
6.2.2 相对路径 88
6.2.3 站点根目录相对路径 88
6.3 创建超级链接 88
6.3.1 使用【指向文件】按钮
创建链接 89
6.3.2 使用【属性】面板创建
链接 89
6.4 创建不同种类的超链接 89
6.4.1 文本超链接 90
6.4.2 图像热点链接 90
6.4.3 空链接 91
6.4.4 电子邮件链接 92
6.4.5 脚本链接 93
6.5 管理与设置超级链接 93
6.5.1 自动更新链接 93
6.5.2 在站点范围内更改链接 94
6.5.3 检查站点中的链接错误 95
6.6 实践案例与上机指导 96
6.6.1 创建锚记链接 96
6.6.2 制作文件下载链接 98
6.7 思考与练习 99
第7章 使用表格布局页面 101
7.1 表格的创建与应用 102
7.1.1 表格的定义与用途 102
7.1.2 创建基本表格 103
7.1.3 向表格中输入文本 104
7.1.4 在单元格中插入图像 104
7.2 设置表格和单元格属性 105
7.2.1 设置表格属性 105
7.2.2 设置单元格属性 106
7.3 调整表格结构 107
7.3.1 选择表格和单元格 107
7.3.2 调整单元格和表格的大小 109
7.3.3 插入与删除表格的行和列 110
7.3.4 拆分单元格 112
7.3.5 合并单元格 113
7.3.6 复制、剪切和粘贴表格 114
7.4 处理表格数据 116
7.4.1 导入Excel表格数据 116
7.4.2 排序表格 117
7.5 应用数据表格样式控制 118
7.5.1 表格模型 118
7.5.2 表格标题 119
7.5.3 表格样式控制 120
7.6 实践案例与上机指导 121
7.6.1 在表格中插入图像 121
7.6.2 在表格中插入表格 122
7.6.3 制作网页细线表格 122
7.7 思考与练习 123
第8章 应用CSS样式美化网页 125
8.1 什么是CSS样式表 126
8.1.1 认识CSS 126
8.1.2 CSS样式的类型 126
8.1.3 CSS基本语法 127
8.2 创建CSS样式 128
8.2.1 建立标签样式 128
8.2.2 建立类样式 129
8.2.3 建立复合内容样式 131
8.2.4 链接外部样式表 132
8.2.5 建立ID样式 133
8.3 将CSS应用到网页 135
8.3.1 内联样式表 135
8.3.2 数据透视表的排序 135
8.3.3 外部样式表 136
8.4 设置CSS样式 136
8.4.1 设置背景类型 136
8.4.2 设置方框样式 137
8.4.3 设置区块样式 138
8.4.4 设置边框样式 139
8.4.5 设置定位样式 140
8.4.6 设置扩展样式 140
8.4.7 设置过渡样式 141
8.5 实践案例与上机指导 142
8.5.1 CSS静态过滤器 142
8.5.2 样式冲突 143
8.5.3 CSS动态过滤器 143
8.6 思考与练习 143
第9章 应用Div+CSS灵活布局
网页 145
9.1 Div概述 146
9.1.1 初识Div 146
9.1.2 Div CSS布局的优势 146
9.1.3 盒模型 146
9.2 常见的布局方式 148
9.2.1 居中版式布局 148
9.2.2 浮动版式布局 149
9.2.3 高度自适应布局 151
9.3 应用Div布局网页 152
9.3.1　页面布局分析 152
9.3.2　插入和编辑Div标签 153
9.3.3　使用CSS定位 155
9.4 实践案例与上机指导 155
9.4.1 一列自适应宽度 156
9.4.2 两列自适应宽度 156
9.4.3 两列右列宽度自适应 157
9.4.4 三列浮动中间宽度自适应 157
9.5 思考与练习 158
第10章 使用模板和库创建网页 159
10.1 使用模板 160
10.1.1 模板的特点 160
10.1.2 创建模板 160
10.1.3 嵌套模板 161
10.2 设置模板 162
10.2.1 定义可编辑区域 162
10.2.2 定义可选区域 163
10.2.3 定义重复区域 163
10.2.4 设置可编辑标签属性 164
10.3 管理模板 165
10.3.1 创建基于模板的网页 165
10.3.2 更新模板和基于模板的
网页 166
10.3.3 删除页面中使用的模板 167
10.4 创建与应用库项目 168
10.4.1 认识库项目 168
10.4.2 创建库项目 169
10.4.3 插入库项目 170
10.4.4 修改库项目 171
10.4.5 更新库项目 171
10.5 实践案例与上机指导 172
10.5.1 重命名库项目 172
10.5.2 删除库项目 173
10.5.3 恢复删除的库项目 173
10.6 思考与练习 174
第11章 在网页中插入表单 177
11.1 表单概述 178
11.1.1 关于表单 178
11.1.2 常用表单元素 178
11.1.3 HTML5表单元素 180
11.2 添加表单 181
11.2.1 插入表单域 182
11.2.2 插入文本域 183
11.3 网页元素 185
11.3.1 表单密码 185
11.3.2 Url对象 186
11.3.3 Tel对象 186
11.3.4 搜索对象 187
11.3.5 数字对象 187
11.3.6 范围对象 188
11.3.7 颜色对象 189
11.3.8 电子邮件对象 189
11.4 日期与时间元素 190
11.4.1 月对象 190
11.4.2 周对象 191
11.4.3 日期对象 192
11.4.4 时间对象 192
11.4.5 日期时间对象 193
11.4.6 本地日期时间对象 194
11.5 选择元素 195
11.5.1 选择对象 195
11.5.2 单选按钮对象 196
11.5.3 单选按钮组对象 196
11.5.4 复选框对象 197
11.5.5 复选框组对象 198
11.6 按钮元素 199
11.6.1 普通按钮 199
11.6.2 提交按钮对象 200
11.6.3 重置按钮对象 201
11.6.4 图像按钮对象 201
11.7 实践案例与上机指导 202
11.7.1 文件对象 202
11.7.2 隐藏对象 203
11.7.3 文本区域对象 204
11.8 思考与练习 205
第12章 使用行为创建动态效果 207
12.1 认识网页行为 208
12.1.1 事件与动作 208
12.1.2　使用【行为】面板 208
12.1.3 常见动作类型 209
12.1.4　编辑网页行为 210
12.2 使用行为调节浏览器 210
12.2.1 打开浏览器窗口 210
12.2.2 调用JavaScript 212
12.2.3 转到URL 212
12.3 使用行为控制图像 213
12.3.1 交换图像 213
12.3.2 预先载入图像 214
12.4 使用行为显示文本 215
12.4.1 设置弹出信息 215
12.4.2 设置状态栏文本 216
12.4.3 设置容器的文本 217
12.4.4 设置文本域文字 218
12.5 使用行为加载多媒体 219
12.5.1 检查插件 219
12.5.2 改变属性 220
12.5.3 显示和隐藏元素 221