《Dreamweaver CC从入门到精通》是2016年新视角文化行出版的图书，作者是杨璐。
基本介绍
- 书名Dreamweaver CC从入门到精通
- 作者杨璐
- ISBN978-7-115-41992-7
- 页数408页
- 出版时间2016-06
内容简介
本书由一线讲师和设计师倾力编写，深入挖掘Dreamweaver CC 的核心工具、命令与功能，并全面介绍了软体的理论知识及具体案例的製作方法，帮助读者在短时间内迅速掌握Dreamweaver CC 的套用方法与技巧，并将其运用到实际操作中。
全书结构系统、全面，语言浅显易懂，整合了“入门类”图书的优势，汲取了“从入门到精通”图书的精华，借鉴了“实战型”图书的特点，112 个上机练习，32 个课后练习，做到处处有案例，步步有操作，便于读者学以致用。随书附送教学光碟，包括147 集近245 分钟多媒体语音教学视频，详细记录了关键知识点讲解，以及大部分上机练习和课后练习的具体操作过程。还提供了书中操作案例所需要的源档案，以及超值的商业教程与配套素材。读者通过阅读本书不仅能掌握网页设计各方面知识，还能够在网页设计製作基础上做到活学活用，提高设计水平，提升职场竞争力。
本书适合广大Dreamweaver CC 国中、级读者使用，帮助相关从业人员提高技术水平。也可以作为高等院校相关专业及各类培训班的教材。
全书结构系统、全面，语言浅显易懂，整合了“入门类”图书的优势，汲取了“从入门到精通”图书的精华，借鉴了“实战型”图书的特点，112 个上机练习，32 个课后练习，做到处处有案例，步步有操作，便于读者学以致用。随书附送教学光碟，包括147 集近245 分钟多媒体语音教学视频，详细记录了关键知识点讲解，以及大部分上机练习和课后练习的具体操作过程。还提供了书中操作案例所需要的源档案，以及超值的商业教程与配套素材。读者通过阅读本书不仅能掌握网页设计各方面知识，还能够在网页设计製作基础上做到活学活用，提高设计水平，提升职场竞争力。
本书适合广大Dreamweaver CC 国中、级读者使用，帮助相关从业人员提高技术水平。也可以作为高等院校相关专业及各类培训班的教材。
目录
第1部分 Dreamweaver CC基础
第01章 初识Dreamwerver CC…………… 13
1.1 什幺是网页 …………………………………… 14
1.1.1 什幺是网页设计 ……………………… 14
1.1.2 网页设计与网页製作 ………………… 15
1.1.3 网页设计术语 ………………………… 15
1.2 网页编辑软体和萤幕解析度 ………………… 17
1.2.1 网页编辑软体 ………………………… 17
1.2.2 萤幕解析度 …………………………… 17
1.3 Dreamweaver CC 简介 ………………… 18
1.4 Dreamweaver CC 的安装与卸载 ……… 18
1.4.1 Dreamweaver CC 的系统要求 …… 18
1.4.2 安装Dreamweaver CC …………… 19
上机练习安装Dreamweaver CC …………… 19
1.4.3 卸载Dreamweaver CC …………… 21
上机练习卸载Dreamweaver CC …………… 21
1.4.4 启动Dreamweaver CC …………… 22
1.5 Dreamweaver CC 的新增功能 ………… 22
1.5.1 全新简化的用户界面 ………………… 23
1.5.2 改进的“新建文档”对话框 ………… 23
1.5.3 新增HTML5 画布插入按钮 ………… 23
1.5.4 新增HTML5 音频和视频插入按钮 … 23
1.5.5 新增HTML5 网页结构元素 ………… 23
1.5.6 新增Edge Web Fonts ……………… 24
1.5.7 新增插入Adobe Edge Animate动画 … 24
1.5.8 新增HTML5 表单元素 ……………… 24
1.5.9 新增适用于jQuery Mobile的表单元素 … 24
1.5.10 新增jQuery 效果 …………………… 24
1.5.11 增强表单元素对HTML5的支持 …… 25
1.5.12 全新布局的“插入”面板…………… 25
1.5.13 全新的“CSS 设计器”面板 ……… 25
1.5.14 全面的系统平台支持 ……………… 25
1.5.15 增强FTP 的功能 …………………… 26
1.5.16 Dreamweaver与Creative Cloud云同步 … 26
1.6 Dreamweaver CC 的工作界面 ………… 26
1.6.1 Dreamweaver CC 工作区概述 …… 26
1.6.2 选单栏 ………………………………… 28
1.6.3 “插入”面板 …………………………… 29
1.6.4 文档工具列 …………………………… 31
1.6.5 状态栏 ………………………………… 31
1.6.6 浮动面板 ……………………………… 32
1.7 网页档案的基本操作 ………………………… 32
1.7.1 新建网页 ……………………………… 32
1.7.2 保存网页 ……………………………… 34
1.7.3 打开网页 ……………………………… 35
1.7.4 预览网页 ……………………………… 36
1.8 辅助工具的使用 ……………………………… 36
1.8.1 标尺 …………………………………… 36
1.8.2 辅助线 ………………………………… 37
1.8.3 格线 …………………………………… 38
1.9 课后练习 ……………………………………… 38
课后练习1新建并保存网页档案 ………………… 38
课后练习2打开并预览网页档案 ………………… 40
第02章 在Dreamweaver CC中创建与管理站点 …… 41
2.1 创建站点 ……………………………………… 42
2.1.1 创建本地站点 ………………………… 42
上机练习创建本地静态站点……………………… 42
2.1.2 设定站点伺服器 ……………………… 43
2.1.3 站点伺服器基本选项 ………………… 43
2.1.4 站点伺服器高级选项 ………………… 44
上机练习创建企业站点并设定站点伺服器……… 45
2.1.5 设定版本控制 ………………………… 46
2.2 站点的高级设定 ……………………………… 47
2.2.1 本地信息 ……………………………… 47
2.2.2 遮盖 …………………………………… 48
2.2.3 设计备注 ……………………………… 48
2.2.4 档案视图列 …………………………… 48
2.2.5 Contribute …………………………… 49
2.2.6 模板 …………………………………… 49
2.2.7 jQuery ………………………………… 49
2.2.8 Web 字型 ……………………………… 49
2.2.9 Edge Animate 资源 ………………… 50
2.3 Business Catalyst 站点 ………………… 50
2.3.1 什幺是Business Catalyst ………… 50
2.3.2 创建Business Catalyst 站点 ……… 51
上机练习创建Business Catalyst 站点 …… 51
2.3.3 Business Catalyst 面板 …………… 52
2.4 站点的基本操作 ……………………………… 53
2.4.1 创建页面 ……………………………… 53
2.4.2 创建资料夹 …………………………… 54
2.4.3 移动和複製档案或资料夹 …………… 54
2.4.4 重命名档案或资料夹 ………………… 55
2.4.5 删除档案或资料夹 …………………… 55
2.5 管理站点 ……………………………………… 55
2.5.1 站点的切换 …………………………… 55
2.5.2 “管理站点”对话框 …………………… 56
2.6 课后练习 ……………………………………… 57
课后练习1在站点中新建资料夹 ………………… 57
课后练习2在站点中新建网页档案 ……………… 58
第03章 认识HTML和HTML5 ……………… 59
3.1 HTML 简介 ………………………………… 60
3.1.1 什幺是HTML ………………………… 60
3.1.2 HTML 的语法结构 …………………… 60
3.1.3 HTML 中的3 种标籤形式 …………… 61
3.2 HTML 中的重要标籤 ……………………… 62
3.2.1 网页结构标籤 ………………………… 62
3.2.2 字元格式标籤 ………………………… 62
3.2.3 区段格式标籤 ………………………… 63
3.2.4 列表标籤 ……………………………… 63
3.2.5 表格标籤 ……………………………… 64
3.2.6 连结标籤 ……………………………… 64
3.2.7 多媒体标籤 …………………………… 64
3.2.8 表单标籤 ……………………………… 65
3.2.9 分区标籤 ……………………………… 65
3.3 在Dreamweaver CC 中编辑HTML … 66
3.3.1 在代码视图中创建HTML 页面 ……… 66
上机练习在代码视图中创建HTML 页面 ……… 66
3.3.2 在设计视图中创建HTML 页面 ……… 67
上机练习在设计视图中创建HTML 页面 ……… 67
3.3.3 代码视图详解 ………………………… 68
3.3.4 摺叠代码 ……………………………… 69
3.3.5 选择父标籤 …………………………… 70
3.3.6 代码的注释 …………………………… 70
3.3.7 环绕标籤 ……………………………… 70
3.4 使用快速标籤编辑器 ………………………… 71
3.4.1 使用插入模式的快速标籤编辑器 …… 71
3.4.2 使用编辑模式的快速标籤编辑器 …… 72
3.4.3 使用环绕模式的快速标籤编辑器 …… 72
3.4.4 设定标籤编辑器属性 ………………… 72
3.5 代码最佳化 ……………………………………… 72
3.5.1 最佳化HTML 代码 ……………………… 72
3.5.2 清理Word生成的HTML 代码 ……… 73
3.6 网页中的其他原始码 ………………………… 74
3.6.1 CSS 样式代码 ………………………… 74
3.6.2 JavaScript 脚本代码 ………………… 74
3.6.3 原始码中的注释 ……………………… 75
3.7 了解HTML5 ………………………………… 76
3.7.1 HTML5 的改变 ……………………… 76
3.7.2 HTML5 标籤 ………………………… 76
3.7.3 HTML5 标準属性 …………………… 79
3.7.4 HTML5 事件属性 …………………… 80
3.8 使用HTML5 中的canvs 标籤 ……… 81
3.8.1 插入画布并设定画布属性 …………… 81
3.8.2 使用JavaScript在画布中绘图的流程 ………… 82
3.8.3 在网页中插入HTML5 画布 ………… 82
上机练习在网页中实现圆形图像………………… 82
3.9 使用HTML5 中的audio 标籤 ………… 84
3.9.1 插入HTML5 Audio 并设定属性 ……… 84
3.9.2 HTML5 所支持的音频档案格式 ……… 85
3.9.3 在网页中插入HTML5 音频 ………… 85
上机练习製作HTML5 音频页面 ……………… 85
3.10 使用HTML5 中的video 标籤 ……… 86
3.10.1 插入HTML5 Video并设定属性 ……… 86
3.10.2 HTML5所支持的视频档案格式 ……… 87
3.10.3 在网页中插入HTML5 视频 ………… 87
上机练习製作HTML5 视频页面 ……………… 87
3.11 课后练习 …………………………………… 88
课后练习1使用画布在网页中绘製矩形 ………… 88
课后练习2使用画布在网页中绘製圆形 ………… 89
第04章 设定网页整体属性 …………………… 91
4.1 设定网页头信息 ……………………………… 92
4.1.1 设定网页标题 ………………………… 92
4.1.2 添加关键字 …………………………… 93
上机练习为网页添加关键字……………………… 93
4.1.3 添加说明 ……………………………… 94
上机练习为网页添加说明………………………… 94
4.1.4 插入视口 ……………………………… 94
4.2 设定页面META 信息 ……………………… 95
4.2.1 设定网页文字编码格式 ……………… 95
4.2.2 设定网页到期时间 …………………… 95
4.2.3 禁止浏览器从本地计算机的快取中
调阅页面内容 ………………………… 95
4.2.4 设定网页cookie 过期时间 …………… 96
4.2.5 强制页面在当前视窗以独立页面显示 … 96
4.2.6 设定网页打开时的效果 ……………… 96
4.2.7 设定网页退出时的效果 ……………… 96
4.2.8 其他设定 ……………………………… 96
4.3 设定页面属性 ………………………………… 97
4.3.1 设定外观（CSS） …………………… 97
上机练习设定网页整体外观效果………………… 98
4.3.2 设定外观（HTML） …………………… 99
4.3.3 设定连结（CSS） …………………… 99
上机练习设定网页连结文字效果……………… 100
4.3.4 设定标题（CSS） ………………… 101
上机练习设定网页中标题文字效果…………… 102
4.3.5 设定标题和编码 …………………… 103
4.3.6 设定跟蹤图像 ……………………… 104
4.4 课后练习 …………………………………… 105
课后练习1为网页设定头信息 ………………… 105
课后练习2为个人网页设定整体属性 ………… 106
第05章 认识并套用CSS样式 …………………107
5.1 认识CSS ………………………………… 108
5.1.1 什幺是CSS 样式 …………………… 108
5.1.2 CSS 样式的基本写法 ……………… 108
5.1.3 CSS 样式的优越性 ………………… 108
5.2 认识全新的“CSS 设计器”面板 ……… 109
5.2.1 “源”选项区 ………………………… 109
5.2.2 “@媒体”选项区 ………………… 110
5.2.3 “选择器”选项区 …………………… 112
5.2.4 “属性”选项区 ……………………… 112
5.3 CSS 选择器类型 ………………………… 113
5.3.1 通配符选择器 ……………………… 113
5.3.2 标籤选择器 ………………………… 113
5.3.3 ID 选择器 …………………………… 113
5.3.4 类选择器 …………………………… 114
5.3.5 伪类及伪对象选择器 ……………… 115
5.3.6 群选择器 …………………………… 115
5.3.7 派生选择器 ………………………… 116
5.4 使用CSS 样式的4 种方式 ……………… 116
5.4.1 内联CSS 样式 ……………………… 116
上机练习使用内联CSS 样式 ………………… 116
5.4.2 内部CSS 样式 ……………………… 117
上机练习使用内部CSS 样式 ………………… 118
5.4.3 连结外部CSS 样式表 ……………… 119
上机练习使用外部CSS 样式表 ……………… 119
5.4.4 导入外部CSS 样式表 ……………… 121
上机练习导入外部CSS 样式表档案 ………… 121
5.5 CSS 样式的创建与编辑 ………………… 123
5.5.1 创建标籤CSS 样式 ………………… 123
上机练习创建标籤CSS 样式 ………………… 123
5.5.2 创建类CSS 样式 …………………… 124
上机练习创建类CSS 样式 …………………… 125
5.5.3 创建ID CSS 样式 ………………… 126
上机练习创建ID CSS 样式 ………………… 127
5.5.4 创建複合CSS 样式 ………………… 128
上机练习创建複合CSS 样式 ………………… 128
5.5.5 编辑CSS 样式 ……………………… 129
5.6 丰富的CSS 样式设定 …………………… 130
5.6.1 布局样式设定 ……………………… 130
上机练习布局样式设定………………………… 131
5.6.2 文本样式设定 ……………………… 132
上机练习文本样式设定………………………… 133
5.6.3 框线样式设定 ……………………… 135
上机练习框线样式设定………………………… 136
5.6.4 背景样式设定 ……………………… 138
上机练习背景样式设定………………………… 138
5.6.5 其他样式设定 ……………………… 139
上机练习其他样式设定………………………… 139
5.7 CSS 样式的单位和值 …………………… 141
5.7.1 单位 ………………………………… 141
5.7.2 颜色值 ……………………………… 141
5.8 CSS 类选区 ……………………………… 143
上机练习CSS 类选区 ………………………… 143
5.9 课后练习 …………………………………… 144
课后练习1连结外部CSS 样式表档案 ……… 144
课后练习2为网页中的文字套用类CSS 样式 … 145
第2部分 精通CSS样式
第06章 CSS 3.0属性 …………………………147
6.1 CSS 3.0 新增选择器类型 ……………… 148
6.1.1 属性选择器 ………………………… 148
6.1.2 结构伪类选择器 …………………… 148
6.1.3 UI 元素状态伪类选择器 …………… 149
6.2 CSS 3.0 新增颜色定义方法 …………… 149
6.2.1 HSL 颜色方式 ……………………… 150
6.2.2 HSLA 颜色方式 …………………… 150
6.2.3 RGBA 颜色方式 …………………… 150
上机练习使用RGBA 颜色方式设定背景颜色 … 150
6.3 CSS 3.0 新增文本相关属性 …………… 151
6.3.1 word-wrap 属性 …………………… 151
6.3.2 text-overflow属性 ………………… 151
6.3.3 text-shadow 属性 ………………… 152
上机练习为网页文字添加阴影效果…………… 152
6.4 CSS 3.0 新增背景设定属性 …………… 152
6.4.1 background-origin 属性 ………… 153
6.4.2 background-clip 属性 …………… 153
6.4.3 background-size 属性 …………… 153
上机练习控制网页中背景图像的大小………… 153
6.5 CSS 3.0 新增框线设定属性 …………… 154
6.5.1 border-colors 属性 ………………… 154
6.5.2 border-image 属性 ……………… 155
6.5.3 border-radius 属性 ……………… 155
上机练习在网页中实现圆角效果……………… 155
6.6 CSS 3.0 新增内容和透明度属性 ……… 156
6.6.1 content 属性 ……………………… 157
6.6.2 opacity 属性 ………………………… 157
上机练习实现网页中半透明的图像效果……… 157
6.7 CSS 3.0 新增的多列布局属性 ………… 158
6.7.1 column-width 属性 ……………… 158
6.7.2 column-count 属性 ……………… 158
6.7.3 column-gap 属性 ………………… 158
6.7.4 column-rule 属性 ………………… 158
上机练习在网页中实现文本分栏效果………… 158
6.8 CSS 3.0 新增其他属性 ………………… 160
6.8.1 overflow 属性 ……………………… 160
6.8.2 outline 属性 ………………………… 160
6.8.3 resize 属性 ………………………… 161
6.8.4 box-shadow 属性 ………………… 161
上机练习为网页中的元素添加阴影效果……… 161
6.9 CSS 3.0 过渡效果 ……………………… 162
6.9.1 “CSS 过渡效果”面板 …………… 162
6.9.2 创建CSS 过渡效果 ………………… 163
上机练习使用CSS 过渡效果实现网页特效 … 163
6.10 课后练习 ………………………………… 166
课后练习1使用border-image 属性实现图像
框线效果 …………………………… 166
课后练习2使用content 属性为Div 赋予内容 … 167
第07章 Div+CSS布局网页 …………………168
7.1 了解Div …………………………………… 169
7.1.1 什幺是Div ………………………… 169
7.1.2 Div与span 的区别 ………………… 169
7.1.3 在网页中插入Div ………………… 170
7.1.4 Div+CSS 布局的优势 ……………… 171
7.2 可视化盒模型 ……………………………… 171
7.2.1 盒模型的概念 ……………………… 171
7.2.2 CSS 盒模型的要点 ………………… 172
7.2.3 margin 属性 ………………………… 172
上机练习製作欢迎页面………………………… 173
7.2.4 border 属性 ………………………… 174
上机练习为网页中的图像添加框线…………… 174
7.2.5 padding 属性 ……………………… 175
上机练习控制网页中元素位置………………… 175
7.2.6 空白边叠加 ………………………… 176
上机练习空白边叠加在网页中的套用………… 176
7.3 CSS 3.0 新增的弹性盒子模型 ………… 177
7.3.1 box-orient 属性 …………………… 178
7.3.2 box-direction 属性 ………………… 178
7.3.3 box-ordinal-group 属性 ………… 178
7.3.4 box-flex 属性 ……………………… 178
7.3.5 box-pack属性和box-align 属性 … 179
7.3.6 box-lines 属性 ……………………… 179
7.4 块元素和行内元素 ………………………… 179
7.4.1 块元素 ……………………………… 179
7.4.2 行内元素 …………………………… 180
7.4.3 display 属性 ………………………… 180
7.5 CSS 布局定位 …………………………… 180
7.5.1 浮动定位 …………………………… 181
上机练习网页元素的浮动定位………………… 184
7.5.2 position 属性 ……………………… 186
7.5.3 相对定位 …………………………… 186
上机练习网页元素的相对定位………………… 186
7.5.4 绝对定位 …………………………… 187
上机练习网页元素的绝对定位………………… 188
7.5.5 固定定位 …………………………… 189
上机练习固定的网页元素……………………… 189
7.6 居中的页面布局方式 ……………………… 190
7.6.1 使用自动空白边让设计居中 ……… 190
7.6.2 使用定位和负值空白边让设计居中 … 190
7.7 浮动的页面布局方式 ……………………… 191
7.7.1 两列固定宽度布局 ………………… 191
7.7.2 两列固定宽度居中布局 …………… 192
7.7.3 两列宽度自适应布局 ……………… 192
7.7.4 两列右列宽度自适应布局 ………… 193
7.7.5 三列浮动中间列宽度自适应布局 … 194
7.7.6 高度自适应 ………………………… 195
7.8 流体格线布局 ……………………………… 195
上机练习製作适用于手机浏览的网页………… 196
7.9 课后练习 …………………………………… 200
课后练习1使用z-index 属性控制元素层叠位置 … 200
课后练习2使用overflow 属性实现溢出定位 200
第3部分 插入基本网页元素
第08章 插入文本元素 ……………………… 202
8.1 在网页中输入文本 ………………………… 203
上机练习製作文本介绍页面…………………… 203
8.2 输入文本时的注意事项 …………………… 204
8.2.1 页面编码格式 ……………………… 204
8.2.2 插入段落 …………………………… 204
8.2.3 插入换行符 ………………………… 205
8.3 设定网页文本属性 ………………………… 206
8.3.1 HTML 属性 ………………………… 206
8.3.2 CSS 属性 …………………………… 207
8.4 插入特殊的文本对象 ……………………… 209
8.4.1 插入项目列表 ……………………… 209
上机练习製作新闻列表栏目…………………… 209
8.4.2 插入编号列表 ……………………… 211
上机练习製作排行榜栏目……………………… 211
8.4.3 设定列表属性 ……………………… 213
8.4.4 插入水平线 ………………………… 214
上机练习在网页中插入水平线………………… 214
8.4.5 插入时间 …………………………… 215
上机练习在网页中插入系统日期……………… 215
8.4.6 插入特殊字元 ……………………… 216
上机练习在网页中插入特殊字元……………… 217
8.5 在网页中实现滚动文本效果 ……………… 218
上机练习实现文本滚动效果…………………… 218
8.6 在网页中实现特殊文字效果 ……………… 220
8.6.1 使用Web 字型 ……………………… 220
上机练习使用Web 字型在网页中实现特殊字型效果… 220
8.6.2 使用Adobe Edge Web Fonts功能 … 222
上机练习使用Adobe Edge Web Fonts在网页中实现特殊字型… 222
8.7 课后习题 …………………………………… 224
课后练习1製作文本网页 ……………………… 224
课后练习2在网页中实现图文混排 …………… 225
第09章 插入图像元素 ……………………… 226
9.1 网页中常用图像格式 ……………………… 227
9.1.1 GIF 格式 …………………………… 227
9.1.2 JPEG 格式 ………………………… 227
9.1.3 PNG 格式 …………………………… 228
9.2 插入图像 …………………………………… 228
9.2.1 在网页中插入图像 ………………… 228
上机练习製作图像欢迎页面…………………… 228
9.2.2 设定图像属性 ……………………… 229
9.3 插入其他图像元素 ………………………… 232
9.3.1 插入滑鼠经过图像 ………………… 233
上机练习製作网站导航选单…………………… 233
9.3.2 插入Fireworks HTML …………… 234
9.4 课后练习 …………………………………… 235
课后练习1製作图片滚动效果 ………………… 235
课后练习2製作图像翻转效果 ………………… 236
第10章 插入多媒体元素 …………………… 237
10.1 插入Flash ……………………………… 238
10.1.1 插入Flash SWF 档案 …………… 238
上机练习製作Flash 动画页面 ……………… 238
10.1.2 设定Flash SWF 档案属性 ……… 239
10.1.3 “插入FLV”对话框 ……………… 240
10.1.4 插入Flash Video ………………… 241
上机练习在网页中插入Flash 视频 ………… 241
10.2 插入Edge Animate 作品 …………… 243
上机练习製作网页中焦点轮换大图效果……… 243
10.3 在网页中添加声音 ……………………… 244
10.3.1 网页中常用声音格式 …………… 244
10.3.2 添加背景音乐……………………… 245
上机练习为网页添加背景音乐………………… 245
10.3.3 嵌入音频…………………………… 246
上机练习在网页中嵌入音频播放……………… 246
10.4 在网页中插入视频 ……………………… 247
10.4.1 网页中常用视频格式 …………… 247
10.4.2 插入视频 ………………………… 247
上机练习製作视频网页………………………… 248
10.5 课后习题 ………………………………… 249
课后练习1在网页中插入Flash 动画 ……… 249
课后练习2在网页中插入视频并播放 ………… 250
第4部分 插入高级网页元素
第11章 设定网页连结 …………………………251
11.1 了解连结路径 …………………………… 252
11.1.1 绝对路径 ………………………… 252
11.1.2 相对路径…………………………… 253
11.1.3 根路径 …………………………… 253
11.2 文字连结 ………………………………… 253
11.2.1 创建文字连结……………………… 254
上机练习为网页中的文字设定连结…………… 254
11.2.2 使用Hyperlink 对话框 …………… 256
11.3 图像连结 ………………………………… 256
上机练习为网页中的图像设定连结…………… 256
11.4 设定网页中的特殊连结 ………………… 257
11.4.1 空连结 …………………………… 257
上机练习在网页中创建空连结………………… 257
11.4.2 档案下载连结 …………………… 258
上机练习在网页中创建档案下载连结………… 258
11.4.3 热点连结 ………………………… 259
上机练习创建图像热点连结…………………… 259
11.4.4 E-mail 连结 ……………………… 260
上机练习在网页中创建电子邮件连结………… 261
11.4.5 脚本连结 ………………………… 263
上机练习在网页中创建脚本连结……………… 263
11.5 控制文字超连结属性 …………………… 263
11.5.1 a:link ……………………………… 264
11.5.2 a:active …………………………… 264
11.5.3 a:hover …………………………… 265
11.5.4 a:visited …………………………… 265
11.6 课后练习 ………………………………… 266
课后练习1在网页中创建各种不同连结 ……… 266
课后练习2使用CSS 样式美化网页中的超连结 … 267
第12章 插入表单元素 ……………………… 268
12.1 表单概述 ………………………………… 269
12.1.1 关于表单…………………………… 269
12.1.2 常用表单元素……………………… 269
12.1.3 HTML5 表单元素 ………………… 270
12.2 常用表单元素在网页中的套用 ………… 271
12.2.1 插入表单域………………………… 271
上机练习插入表单域…………………………… 271
12.2.2 插入文本域 ………………………… 273
上机练习插入文本域…………………………… 273
12.2.3 插入密码域 ………………………… 275
上机练习插入密码域…………………………… 275
12.2.4 插入文本区域……………………… 276
上机练习插入文本区域………………………… 277
12.2.5 插入按钮…………………………… 278
12.2.6 插入提交按钮……………………… 278
12.2.7 插入重置按钮……………………… 278
上机练习插入提交和重置按钮………………… 278
12.2.8 插入档案域 ……………………… 281
上机练习插入档案域…………………………… 281
12.2.9 插入图像按钮……………………… 282
上机练习插入图像按钮………………………… 282
12.2.10 插入隐藏域 ……………………… 284
12.2.11 插入选择域 ……………………… 284
上机练习插入选择域…………………………… 285
12.2.12 插入单选按钮与单选按钮组 …… 287
上机练习在网页中插入单选按钮……………… 287
12.2.13 插入複选框与複选框组 ………… 289
上机练习在网页中插入複选框………………… 289
12.3 HTML5 表单元素在网页中的套用 …… 290
12.3.1 插入电子邮件……………………… 290
12.3.2 插入Url …………………………… 291
12.3.3 插入Tel …………………………… 291
上机练习製作留言表单页面…………………… 291
12.3.4 插入搜寻…………………………… 293
12.3.5 插入数字…………………………… 294
12.3.6 插入範围…………………………… 294
12.3.7 插入颜色…………………………… 295
12.3.8 插入时间日期相关表单元素 …… 296
12.4 设计製作网站注册页面 ………………… 296
上机练习设计製作网站注册页面……………… 297
12.5 课后练习 ………………………………… 302
课后练习1製作网站登录页面 ………………… 302
课后练习2製作发表日誌表单页面 …………… 303
第5部分 网页布局与製作技巧
第13章 表格与IFrame框架的套用 ……… 305
13.1 认识表格 ………………………………… 306
13.1.1 插入表格 ………………………… 306
13.1.2 在HTML 代码中插入表格 ……… 307
13.1.3 表格的标题与表头………………… 308
13.2 表格的基本操作 ………………………… 308
13.2.1 选择表格和单元格………………… 309
上机练习选择表格和单元格…………………… 309
13.2.2 表格属性设定 ……………………… 310
13.2.3 单元格属性设定…………………… 311
13.3 调整表格结构 …………………………… 311
13.3.1 拆分单元格………………………… 311
13.3.2 插入行或列………………………… 312
13.3.3 删除行或列………………………… 312
13.3.4 单元格的複製和贴上 …………… 312
13.4 表格数据的处理 ………………………… 312
13.4.1 排序表格 ………………………… 312
上机练习对表格数据进行排序………………… 313
13.4.2 导入表格数据……………………… 313
上机练习在网页中导入外部数据……………… 314
13.4.3 导出表格数据 …………………… 315
13.5 IFrame 框架 …………………………… 316
13.5.1 插入IFrame 框架 ………………… 316
上机练习製作IFrame 框架页面 …………… 316
13.5.2 IFrame 框架页面连结 …………… 317
上机练习设定IFrame 框架页面连结 ……… 318
13.6 使用HTML5 结构元素 ………………… 319
13.6.1 页眉 ……………………………… 319
13.6.2 页脚………………………………… 320
13.6.3 Navigation ……………………… 320
13.6.4 章节 ……………………………… 320
13.6.5 文章 ……………………………… 321
13.6.6 侧边 ……………………………… 321
13.6.7 图 ………………………………… 321
13.7 课后练习 ………………………………… 321
课后练习1使用HTML5 结构元素製作网页 … 321
课后练习2使用IFrame 框架製作网页 …… 322
第14章 模板和库在网页中的套用 ………… 324
14.1 使用模板 ………………………………… 325
14.1.1 模板的特点 ……………………… 325
14.1.2 创建模板 ………………………… 325
上机练习将网页创建为模板…………………… 325
14.1.3 嵌套模板 ………………………… 327
14.1.4 定义可编辑区域 ………………… 327
上机练习定义可编辑区域……………………… 327
14.1.5 定义可选区域 …………………… 328
上机练习定义可选区域………………………… 328
14.1.6 定义可编辑可选区域 …………… 329
上机练习定义可编辑可选区域………………… 330
14.1.7 定义重複区域 …………………… 330
14.1.8 设定可编辑标籤属性 …………… 331
14.2 套用模板 ………………………………… 331
14.2.1 创建基于模板的页面 …………… 331
上机练习创建基于模板的页面………………… 332
14.2.2 更新模板及基于模板的网页……… 334
14.2.3 删除页面中使用的模板…………… 335
14.3 使用库 …………………………………… 335
14.3.1 创建库项目 ……………………… 335
上机练习创建库项目…………………………… 335
14.3.2 插入库项目………………………… 337
上机练习插入库项目…………………………… 337
14.3.3 库项目的编辑和更新 …………… 338
14.4 课后习题 ………………………………… 339
课后练习1创建网站库项目 …………………… 339
课后练习2在网站页面中插入库项目 ………… 340
第6部分 实现网页特效
第15章 使用行为创建动态效果 ………………341
15.1 了解Dreamweaver 行为 …………… 342
15.1.1 什幺是Dreamweaver 事件 …… 342
15.1.2 什幺是Dreamweaver 动作 …… 342
15.2 为网页添加Dreamweaver 行为 …… 342
15.2.1 交换图像…………………………… 343
上机练习套用“交换图像”行为……………… 343
15.2.2 弹出信息…………………………… 344
上机练习为网页添加弹出信息………………… 344
15.2.3 恢复交换图像……………………… 345
15.2.4 打开浏览器视窗 ………………… 346
上机练习套用“打开浏览器视窗”行为……… 346
15.2.5 拖动AP 元素 ……………………… 347
上机练习实现网页中可拖动元素……………… 347
15.2.6 改变属性 ………………………… 348
上机练习改变网页元素属性…………………… 349
15.2.7 显示/ 隐藏元素 …………………… 350
上机练习显示和隐藏网页元素………………… 350
15.2.8 检查外挂程式 ………………………… 352
上机练习添加“检查外挂程式”行为……………… 352
15.2.9 检查表单 ………………………… 353
上机练习使用行为验证表单…………………… 353
15.2.10 调用JavaScript ………………… 355
15.2.11 跳转选单 ………………………… 356
上机练习在网页中插入跳转选单……………… 356
15.2.12 跳转选单开始 …………………… 358
15.2.13 转到URL ………………………… 358
上机练习实现网页跳转………………………… 358
15.2.14 预先载入图像 …………………… 359
15.3 为网页添加文本行为 …………………… 359
15.3.1 设定容器的文本 ………………… 360
15.3.2 设定文本域文本…………………… 360
上机练习设定文本域默认文字内容…………… 360
15.3.3 设定框架文本……………………… 361
15.3.4 设定状态栏文本 ………………… 361
上机练习为网页添加状态栏文本……………… 361
15.4 为网页添加jQuery 效果 ……………… 362
15.4.1 了解jQuery 效果 ………………… 362
15.4.2 套用“Blind”行为 ……………… 363
上机练习实现网页元素的动态隐藏…………… 363
15.4.3 套用“Highlight”行为 ………… 365
上机练习实现网页元素的高光过渡…………… 365
15.5 课后习题 ………………………………… 367
课后练习1为网页添加“调用JavaScript”行为… 367
课后练习2添加Drop 效果实现网页元素
渐隐渐现 …………………………… 368
第16章 使用Dreamweaver维护并上传网站… 369
16.1 站点维护 ………………………………… 370
16.1.1 检查连结 ………………………… 370
上机练习检查网页连结………………………… 370
16.1.2 W3C 验证 ………………………… 371
上机练习对网页进行W3C 验证 …………… 371
16.1.3 创建站点报告 …………………… 372
16.2 上传网站 ………………………………… 372
16.2.1 设定FTP 伺服器 ………………… 372
上机练习设定站点FTP 伺服器 ……………… 373
16.2.2 连线到远程伺服器………………… 374
16.2.3 上传档案…………………………… 374
上机练习上传档案……………………………… 375
16.2.4 下载档案 ………………………… 376
16.3 课后练习 ………………………………… 376
课后练习1使用Dreamweaver 下载网页档案… 376
课后练习2使用FlashFXP 上传网页档案 … 377
第7部分 商业实战
第17章 综合商业网站案例 ………………… 379
17.1 制化妆品网站 …………………………… 380
17.1.1 设计分析 ………………………… 380
17.1.2 製作步骤…………………………… 380
17.1.3 案例小结 ………………………… 388
17.2 製作休闲乐园网站 ……………………… 388
17.2.1 设计分析…………………………… 388
17.2.2 製作步骤…………………………… 388
17.2.3 案例小结…………………………… 398
17.3 製作游戏网站 …………………………… 398
17.3.1 设计分析 ………………………… 398
17.3.2 製作步骤…………………………… 398
17.3.3 案例小结…………………………… 408