计算机应用案例教程系列DREAMWEAVER CC 2018网页制作案例教程

第1章 网页制作基础知识 1
1.1 网页与网页制作的基础知识 2
1.1.1 网页与网站的概念 2
1.1.2 网页的常见类型 3
1.1.3 网页的页面元素 3
1.1.4 网页制作的相关知识 4
1.2 网站设计的常用流程 6
1.2.1 网站策划 6
1.2.2 设计配色 6
1.2.3 收集素材 11
1.2.4 规划站点 12
1.2.5 制作网页 12
1.2.6 测试站点 12
1.2.7 发布站点 12
1.3 初识Dreamweaver CC 2018 12
1.4 Dreamweaver站点管理 14
1.4.1 为什么要创建站点 14
1.4.2 创建站点 15
1.4.3 编辑站点 15
1.4.4 管理站点 16
1.5 Dreamweaver环境设置 18
1.5.1 常规设置 18
1.5.2 不可见元素设置 19
1.5.3 网页字体设置 19
1.5.4 文件类型/编辑器类型 20
1.5.5 界面颜色设置 20
1.6 Dreamweaver代码编辑 20
1.6.1 使用快速标签编辑器 22
1.6.2 使用【代码片段】面板 22
1.6.3 优化网页源代码 23
1.7 案例演练 25
第2章 操作网页文档 27
2.1 创建空白网页 28
2.2 设置网页属性 28
2.2.1 设置外观(CSS) 29
2.2.2 设置外观(HTML) 30
2.2.3 设置链接(CSS) 31
2.2.4 设置标题(CSS) 33
2.2.5 设置标题/编码 33
2.2.6 设置跟踪图像 34
2.3 定义头部信息 34
2.3.1 设置META 34
2.3.2 设置说明信息 36
2.3.3 设置关键词 36
2.4 案例演练 36
第3章 编辑网页文本 39
3.1 输入网页文本 40
3.1.1 输入普通文本 40
3.1.2 输入特殊文本 40
3.1.3 输入日期与时间 41
3.1.4 插入水平线 42
3.1.5 插入滚动文本 43
3.2 设置文本格式 44
3.2.1 设置段落文本 44
3.2.2 设置标题文本 45
3.2.3 为文本设置预定义格式 46
3.3 设置字体样式 46
3.3.1 设置字体类型 46
3.3.2 设置字体颜色 47
3.3.3 设置粗体和斜体 48
3.2.4 设置字体大小 48
3.4 设置文本样式 49
3.4.1 设置文本换行 49
3.4.2 设置文本对齐 49
3.4.3 设置文本缩进和凸出 50
3.5 设置列表样式 51
3.5.1 设置项目列表 51
3.5.2 设置编号列表 52
3.5.3 设置定义列表 53
3.5.4 设置列表属性 53
3.6 案例演练 54
第4章 设计网页图像 57
4.1 插入网页图像 58
4.1.1 网页图像文件简介 58
4.1.2 在网页中插入图像 58
4.1.3 设置网页背景图像 58
4.2 设置网页图像的属性 59
4.2.1 使用图像的【属性】面板 59
4.2.2 HTML图像的属性代码 60
4.3 处理网页图像效果 61
4.3.1 使用外部图像编辑软件 61
4.3.2 编辑图像设置 62
4.3.3 从源文件更新图像 62
4.3.4 裁剪图像 63
4.3.5 设置图像的亮度和对比度 63
4.3.6 设置锐化图像 63
4.3.7 重新取样图片 63
4.4 制作鼠标经过图像 63
4.5 案例演练 64
第5章 添加网页多媒体 67
5.1 插入Flash SWF动画 68
5.1.1 在网页中插入Flash动画 68
5.1.2 调整Flash动画大小 69
5.1.3 设定Flash动画信息 69
5.1.4 控制Flash动画播放 70
5.1.5 设置Flash动画边距 70
5.1.6 设置对齐方式与颜色 70
5.1.7 Flash附加参数设置 71
5.2 插入Flash Video视频 72
5.3 插入普通音视频 73
5.4 插入HTML5音视频 75
5.4.1 插入HTML5视频 75
5.4.2 插入HTML5音频 75
5.5 案例演练 76
第6章 设置网页超链接 81
6.1 超链接的基础知识 82
6.1.1 超链接的类型 82
6.1.2 超链接的路径 82
6.2 设置基本超链接 83
6.2.1 设置文本的图像超链接 83
6.2.2 设置图像映射超链接 83
6.3 设置锚点超链接 85
6.4 设置音视频超链接 86
6.5 设置文件下载超链接 87
6.6 设置电子邮件超链接 88
6.7 管理超链接 89
6.7.1 更新超链接 89
6.7.2 修改超链接 89
6.7.3 测试超链接 90
6.8 案例演练 90
第7章 使用表格 93
7.1 创建与调整表格 94
7.1.1 网页中表格的用途 94
7.1.2 创建表格 94
7.1.3 调整表格 96
7.2 为表格添加内容 97
7.2.1 在表格中输入文本 98
7.2.2 在表格中插入图像 98
7.3 设置表格和单元格属性 99
7.3.1 设置表格属性 99
7.3.2 设置单元格属性 101
7.4 排序表格数据 104
7.5 导入和导出网页表格 104
7.5.1 导入表格式数据 104
7.5.2 导出表格式数据 105
7.6 案例演练 106
第8章 使用表单 113
8.1 制作表单的方法 114
8.1.1 表单的基础知识 114
8.1.2 创建表单 115
8.2 设置表单属性 115
8.3 使用文本域和密码域 116
8.4 使用文本区域 118
8.5 使用选择对象(列表/菜单) 119
8.6 使用单选按钮 121
8.7 使用复选框 123
8.8 使用文件域 124
8.9 使用标签和字段集 125
8.9.1 使用标签 125
8.9.2 使用域集 126
8.10 使用按钮和图像按钮 127
8.10.1 使用按钮 127
8.10.2 使用图像按钮 128
8.11 使用隐藏域 129
8.12 使用HTML5表单对象 130
8.13 案例演练 131
第9章 使用CSS 139
9.1 认识CSS样式表 140
9.1.1 CSS样式表的功能 140
9.1.2 CSS样式表的规则 140
9.1.3 CSS样式表的类型 140
9.2 创建CSS样式表 142
9.2.1 创建外部样式表 142
9.2.2 创建内部样式表 143
9.2.3 附加外部样式表 143
9.3 添加CSS选择器 144
9.3.1 添加类选择器 144
9.3.2 添加id选择器 145
9.3.3 添加标签选择器 145
9.3.4 添加其他选择器 146
9.4 编辑CSS样式效果 149
9.4.1 CSS类型设置 149
9.4.2 CSS背景设置 151
9.4.3 CSS区块设置 153
9.4.4 CSS方框设置 154
9.4.5 CSS边框设置 156
9.4.6 CSS列表设置 157
9.4.7 CSS定位设置 157
9.4.8 CSS扩展设置 159
9.4.9 CSS过渡设置 159
9.5 案例演练 160
第10章 制作Div CSS页面 163
10.1 Div与盒模型简介 164
10.1.1 认识Div 164
10.1.2 盒模型 164
10.2 理解标准布局 165
10.2.1 网页标准 165
10.2.2 内容、结构、表现和
行为 165
10.3 使用Div CSS 166
10.4 插入Div标签 167
10.5 常用Div CSS布局方式 168
10.5.1 高度自适应布局 168
10.5.2 网页内容居中布局 170
10.5.3 网页元素浮动布局 171
10.6 案例演练 174
第11章 定位网页对象 185
11.1 使用绝对定位 186
11.2 使用相对定位 188
11.3 使用固定定位 190
11.4 案例演练 192
第12章 使用CSS3动画 195
12.1 使用CSS3 Transition 196
12.1.1 CSS3 Transition简介 196
12.1.2 设置缓动属性 197
12.1.3 设置缓动时间 198
12.1.4 设置延迟时间 198
12.1.5 设置缓动效果 199
12.2 使用CSS3 Transform 200
12.2.1 CSS3 Transform简介 200
12.2.2 制作变形菜单 203
12.2.3 制作3D平面 206
12.3 使用CSS3 Animation 207
12.3.1 CSS3 Animation简介 207
12.3.2 制作旋转的商品图片 210
12.4 案例演练 211
第13章 设计HTML5结构 217
13.1 HTML5简介 218
13.1.1 创建HTML5文件 218
13.1.2 HTML5文件的基本结构 219
13.1.3 浏览器对HTML5的
支持 221
13.2 使用HTML5新增的主体
结构元素 222
13.2.1 使用section元素 222
13.2.2 使用article元素 222
13.2.3 使用aside元素 223
13.2.4 使用nav元素 224
13.2.5 使用time元素 225
13.3 使用HTML5新增的非主体
结构元素 226
13.3.1 使用header元素 226
13.3.2 使用hgroup元素 227
13.3.3 使用footer元素 227
13.3.4 使用figure元素 228
13.3.5 使用address元素 229
13.4 使用HTML5新增的其他
常用元素 229
13.4.1 使用mark元素 230
13.4.2 使用rp、rt和rudy元素 230
13.4.3 使用progress元素 230
13.4.4 使用command元素 231
13.4.5 使用embed元素 231
13.4.6 使用detail和summary
元素 231
13.4.7 使用datalist元素 232
13.5 使用HTML5新增的
全局属性 233
13.5.1 使用contentEditable属性 233
13.5.2 使用spellcheck属性 233
13.5.3 使用tabIndex属性 233
13.6 使用HTML5新增的
其他属性 234
13.6.1 使用表单相关属性 234
13.6.2 使用链接相关属性 238
13.6.3 使用其他属性 239
13.7 案例演练 239
第14章 使用网页行为 241
14.1 认识行为 242
14.1.1 行为的基础知识 242
14.1.2 JavaScript代码简介 242
14.2 使用行为调节浏览器窗口 243
14.2.1 打开浏览器窗口 243
14.2.2 转到URL 244
14.2.3 调用JavaScript 245
14.3 使用行为应用图像 245
14.3.1 交换图像与恢复交换
图像 246
14.3.2 拖动AP元素 248
14.4 使用行为显示文本 249
14.4.1 弹出信息 249
14.4.2 设置状态栏文本 250
14.4.3 设置容器的文本 250
14.4.4 设置文本域文字 251
14.5 使用行为加载多媒体 252
14.5.1 检查插件 252
14.5.2 显示-隐藏元素 253
15.5.3 改变属性 253
14.6 使用行为控制表单 254
14.6.1 跳转菜单、跳转菜单
开始 254
14.6.2 检查表单 256
14.7 案例演练 257
第15章 制作移动设备网页 263
15.1 iQuery和jQuery Mobile简介 264
15.1.1 iQuery 264
15.1.2 jQuery Mobile 264
15.2 建立jQuery Mobile页面 265
15.3 使用jQuery Mobile组件 267
15.3.1 使用列表视图 267
15.3.2 使用布局网格 270
15.3.3 使用可折叠区块 271
15.3.4 使用文本输入框 271
15.3.5 使用密码输入框 272
15.3.6 使用文本区域 272
15.3.7 使用选择菜单 273
15.3.8 使用复选框 273
15.3.9 使用单选按钮 274
15.3.10 使用按钮 275
15.3.11 使用滑块 275
15.3.12 使用翻转切换开关 275
15.4 使用jQuery Mobile主题 276
15.5 案例演练 277
第16章 使用模板和库项目 279
16.1 创建模板 280
16.1.1 将网页保存为模板 280
16.1.2 创建空白网页模板 281
16.2 编辑模板 281
16.2.1 设置可编辑区域 281
16.2.2 设置可选区域 282
16.2.3 设置重复区域 283
16.3 应用模板 284
16.3.1 从模板新建网页 284
16.3.2 为网页应用模板 284
16.4 管理模板 285
16.4.1 删除网页模板 285
16.4.2 打开网页上附加的模板 285
16.4.3 更新网页模板 285
16.4.4 将网页脱离模板 285
16.5 使用库项目 286
16.5.1 认识库项目 286
16.5.2 创建库项目 286
16.5.3 设置库项目 286
16.5.4 应用库项目 287
16.5.5 修改库项目 287
16.6 案例演练 288