Dreamweaver CC从入门到精通

Dreamweaver CC从入门到精通
分享
扫描下方二维码分享到微信
打开微信,点击右上角”+“,
使用”扫一扫“即可将网页分享到朋友圈。
作者:
2016-06
版次: 1
ISBN: 9787115419927
定价: 59.00
装帧: 平装
开本: 16开
纸张: 胶版纸
页数: 408页
字数: 665千字
正文语种: 简体中文
5人买过
  • 本书由一线讲师和设计师倾力编写,深入挖掘Dreamweaver CC 的核心工具、命令与功能,并全面介绍了软件的理论知识及具体案例的制作方法,帮助读者在短时间内迅速掌握Dreamweaver CC 的应用方法与技巧,并将其运用到实际操作中。
    全书结构系统、全面,语言浅显易懂,整合了“入门类”图书的优势,汲取了“从入门到精通”图书的精华,借鉴了“实战型”图书的特点,112 个上机练习,32 个课后练习,做到处处有案例,步步有操作,便于读者学以致用。随书附送教学光盘,包括147 集近245 分钟多媒体语音教学视频,详细记录了关键知识点讲解,以及大部分上机练习和课后练习的具体操作过程。还提供了书中操作案例所需要的源文件,以及超值的商业教程与配套素材。读者通过阅读本书不仅能掌握网页设计各方面知识,还能够在网页设计制作基础上做到活学活用,提高设计水平,提升职场竞争力。
    本书适合广大Dreamweaver CC 初中、级读者使用,帮助相关从业人员提高技术水平。也可以作为高等院校相关专业及各类培训班的教材。 . 第1部分 Dreamweaver CC基础第01章 初识Dreamwerver CC 131.1 什么是网页  141.1.1 什么是网页设计  141.1.2 网页设计与网页制作  151.1.3 网页设计术语  151.2 网页编辑软件和屏幕分辨率  171.2.1 网页编辑软件  171.2.2 屏幕分辨率  171.3 Dreamweaver CC 简介  181.4 Dreamweaver CC 的安装与卸载  181.4.1 Dreamweaver CC 的系统要求  181.4.2 安装Dreamweaver CC  19上机练习:安装Dreamweaver CC  191.4.3 卸载Dreamweaver CC  21上机练习:卸载Dreamweaver CC  211.4.4 启动Dreamweaver CC  221.5 Dreamweaver CC 的新增功能  221.5.1 全新简化的用户界面  231.5.2 改进的“新建文档”对话框  231.5.3 新增HTML5 画布插入按钮  231.5.4 新增HTML5 音频和视频插入按钮  231.5.5 新增HTML5 网页结构元素  231.5.6 新增Edge Web Fonts  241.5.7 新增插入Adobe Edge Animate动画  241.5.8 新增HTML5 表单元素  241.5.9 新增适用于jQuery Mobile的表单元素  241.5.10 新增jQuery 效果  241.5.11 增强表单元素对HTML5的支持  251.5.12 全新布局的“插入”面板 251.5.13 全新的“CSS 设计器”面板  251.5.14 全面的系统平台支持  251.5.15 增强FTP 的功能  261.5.16 Dreamweaver与Creative Cloud云同步  261.6 Dreamweaver CC 的工作界面  261.6.1 Dreamweaver CC 工作区概述  261.6.2 菜单栏  281.6.3 “插入”面板  291.6.4 文档工具栏  311.6.5 状态栏  311.6.6 浮动面板  321.7 网页文件的基本操作  321.7.1 新建网页  321.7.2 保存网页  341.7.3 打开网页  351.7.4 预览网页  361.8 辅助工具的使用  361.8.1 标尺  361.8.2 辅助线  371.8.3 网格  381.9 课后练习  38课后练习1:新建并保存网页文件  38课后练习2:打开并预览网页文件  40第02章 在Dreamweaver CC中创建与管理站点  412.1 创建站点  422.1.1 创建本地站点  42上机练习:创建本地静态站点 422.1.2 设置站点服务器  432.1.3 站点服务器基本选项  432.1.4 站点服务器高级选项  44上机练习:创建企业站点并设置站点服务器 452.1.5 设置版本控制  462.2 站点的高级设置  472.2.1 本地信息  472.2.2 遮盖  482.2.3 设计备注  482.2.4 文件视图列  482.2.5 Contribute  492.2.6 模板  492.2.7 jQuery  492.2.8 Web 字体  492.2.9 Edge Animate 资源  502.3 Business Catalyst 站点  502.3.1 什么是Business Catalyst  502.3.2 创建Business Catalyst 站点  51上机练习:创建Business Catalyst 站点  512.3.3 Business Catalyst 面板  522.4 站点的基本操作  532.4.1 创建页面  532.4.2 创建文件夹  542.4.3 移动和复制文件或文件夹  542.4.4 重命名文件或文件夹  552.4.5 删除文件或文件夹  552.5 管理站点  552.5.1 站点的切换  552.5.2 “管理站点”对话框  562.6 课后练习  57课后练习1:在站点中新建文件夹  57课后练习2:在站点中新建网页文件  58第03章 认识HTML和HTML5  593.1 HTML 简介  603.1.1 什么是HTML  603.1.2 HTML 的语法结构  603.1.3 HTML 中的3 种标签形式  613.2 HTML 中的重要标签  623.2.1 网页结构标签  623.2.2 字符格式标签  623.2.3 区段格式标签  633.2.4 列表标签  633.2.5 表格标签  643.2.6 链接标签  643.2.7 多媒体标签  643.2.8 表单标签  653.2.9 分区标签  653.3 在Dreamweaver CC 中编辑HTML  663.3.1 在代码视图中创建HTML 页面  66上机练习:在代码视图中创建HTML 页面  663.3.2 在设计视图中创建HTML 页面  67上机练习:在设计视图中创建HTML 页面  673.3.3 代码视图详解  683.3.4 折叠代码  693.3.5 选择父标签  703.3.6 代码的注释  703.3.7 环绕标签  703.4 使用快速标签编辑器  713.4.1 使用插入模式的快速标签编辑器  713.4.2 使用编辑模式的快速标签编辑器  723.4.3 使用环绕模式的快速标签编辑器  723.4.4 设置标签编辑器属性  723.5 代码优化  723.5.1 优化HTML 代码  723.5.2 清理Word生成的HTML 代码  733.6 网页中的其他源代码  743.6.1 CSS 样式代码  743.6.2 JavaScript 脚本代码  743.6.3 源代码中的注释  753.7 了解HTML5  763.7.1 HTML5 的改变  763.7.2 HTML5 标签  763.7.3 HTML5 标准属性  793.7.4 HTML5 事件属性  803.8 使用HTML5 中的 标签  813.8.1 插入画布并设置画布属性  813.8.2 使用JavaScript在画布中绘图的流程  823.8.3 在网页中插入HTML5 画布  82上机练习:在网页中实现圆形图像 823.9 使用HTML5 中的 标签 ………… 84
    3.9.1 插入HTML5 Audio 并设置属性 ……… 84
    3.9.2 HTML5 所支持的音频文件格式 ……… 85
    3.9.3 在网页中插入HTML5 音频 ………… 85
    上机练习:制作HTML5 音频页面 ……………… 85
    3.10 使用HTML5 中的 标签 ……… 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
  • 内容简介:
    本书由一线讲师和设计师倾力编写,深入挖掘Dreamweaver CC 的核心工具、命令与功能,并全面介绍了软件的理论知识及具体案例的制作方法,帮助读者在短时间内迅速掌握Dreamweaver CC 的应用方法与技巧,并将其运用到实际操作中。
    全书结构系统、全面,语言浅显易懂,整合了“入门类”图书的优势,汲取了“从入门到精通”图书的精华,借鉴了“实战型”图书的特点,112 个上机练习,32 个课后练习,做到处处有案例,步步有操作,便于读者学以致用。随书附送教学光盘,包括147 集近245 分钟多媒体语音教学视频,详细记录了关键知识点讲解,以及大部分上机练习和课后练习的具体操作过程。还提供了书中操作案例所需要的源文件,以及超值的商业教程与配套素材。读者通过阅读本书不仅能掌握网页设计各方面知识,还能够在网页设计制作基础上做到活学活用,提高设计水平,提升职场竞争力。
    本书适合广大Dreamweaver CC 初中、级读者使用,帮助相关从业人员提高技术水平。也可以作为高等院校相关专业及各类培训班的教材。
  • 作者简介:
    .
  • 目录:
    第1部分 Dreamweaver CC基础第01章 初识Dreamwerver CC 131.1 什么是网页  141.1.1 什么是网页设计  141.1.2 网页设计与网页制作  151.1.3 网页设计术语  151.2 网页编辑软件和屏幕分辨率  171.2.1 网页编辑软件  171.2.2 屏幕分辨率  171.3 Dreamweaver CC 简介  181.4 Dreamweaver CC 的安装与卸载  181.4.1 Dreamweaver CC 的系统要求  181.4.2 安装Dreamweaver CC  19上机练习:安装Dreamweaver CC  191.4.3 卸载Dreamweaver CC  21上机练习:卸载Dreamweaver CC  211.4.4 启动Dreamweaver CC  221.5 Dreamweaver CC 的新增功能  221.5.1 全新简化的用户界面  231.5.2 改进的“新建文档”对话框  231.5.3 新增HTML5 画布插入按钮  231.5.4 新增HTML5 音频和视频插入按钮  231.5.5 新增HTML5 网页结构元素  231.5.6 新增Edge Web Fonts  241.5.7 新增插入Adobe Edge Animate动画  241.5.8 新增HTML5 表单元素  241.5.9 新增适用于jQuery Mobile的表单元素  241.5.10 新增jQuery 效果  241.5.11 增强表单元素对HTML5的支持  251.5.12 全新布局的“插入”面板 251.5.13 全新的“CSS 设计器”面板  251.5.14 全面的系统平台支持  251.5.15 增强FTP 的功能  261.5.16 Dreamweaver与Creative Cloud云同步  261.6 Dreamweaver CC 的工作界面  261.6.1 Dreamweaver CC 工作区概述  261.6.2 菜单栏  281.6.3 “插入”面板  291.6.4 文档工具栏  311.6.5 状态栏  311.6.6 浮动面板  321.7 网页文件的基本操作  321.7.1 新建网页  321.7.2 保存网页  341.7.3 打开网页  351.7.4 预览网页  361.8 辅助工具的使用  361.8.1 标尺  361.8.2 辅助线  371.8.3 网格  381.9 课后练习  38课后练习1:新建并保存网页文件  38课后练习2:打开并预览网页文件  40第02章 在Dreamweaver CC中创建与管理站点  412.1 创建站点  422.1.1 创建本地站点  42上机练习:创建本地静态站点 422.1.2 设置站点服务器  432.1.3 站点服务器基本选项  432.1.4 站点服务器高级选项  44上机练习:创建企业站点并设置站点服务器 452.1.5 设置版本控制  462.2 站点的高级设置  472.2.1 本地信息  472.2.2 遮盖  482.2.3 设计备注  482.2.4 文件视图列  482.2.5 Contribute  492.2.6 模板  492.2.7 jQuery  492.2.8 Web 字体  492.2.9 Edge Animate 资源  502.3 Business Catalyst 站点  502.3.1 什么是Business Catalyst  502.3.2 创建Business Catalyst 站点  51上机练习:创建Business Catalyst 站点  512.3.3 Business Catalyst 面板  522.4 站点的基本操作  532.4.1 创建页面  532.4.2 创建文件夹  542.4.3 移动和复制文件或文件夹  542.4.4 重命名文件或文件夹  552.4.5 删除文件或文件夹  552.5 管理站点  552.5.1 站点的切换  552.5.2 “管理站点”对话框  562.6 课后练习  57课后练习1:在站点中新建文件夹  57课后练习2:在站点中新建网页文件  58第03章 认识HTML和HTML5  593.1 HTML 简介  603.1.1 什么是HTML  603.1.2 HTML 的语法结构  603.1.3 HTML 中的3 种标签形式  613.2 HTML 中的重要标签  623.2.1 网页结构标签  623.2.2 字符格式标签  623.2.3 区段格式标签  633.2.4 列表标签  633.2.5 表格标签  643.2.6 链接标签  643.2.7 多媒体标签  643.2.8 表单标签  653.2.9 分区标签  653.3 在Dreamweaver CC 中编辑HTML  663.3.1 在代码视图中创建HTML 页面  66上机练习:在代码视图中创建HTML 页面  663.3.2 在设计视图中创建HTML 页面  67上机练习:在设计视图中创建HTML 页面  673.3.3 代码视图详解  683.3.4 折叠代码  693.3.5 选择父标签  703.3.6 代码的注释  703.3.7 环绕标签  703.4 使用快速标签编辑器  713.4.1 使用插入模式的快速标签编辑器  713.4.2 使用编辑模式的快速标签编辑器  723.4.3 使用环绕模式的快速标签编辑器  723.4.4 设置标签编辑器属性  723.5 代码优化  723.5.1 优化HTML 代码  723.5.2 清理Word生成的HTML 代码  733.6 网页中的其他源代码  743.6.1 CSS 样式代码  743.6.2 JavaScript 脚本代码  743.6.3 源代码中的注释  753.7 了解HTML5  763.7.1 HTML5 的改变  763.7.2 HTML5 标签  763.7.3 HTML5 标准属性  793.7.4 HTML5 事件属性  803.8 使用HTML5 中的 标签  813.8.1 插入画布并设置画布属性  813.8.2 使用JavaScript在画布中绘图的流程  823.8.3 在网页中插入HTML5 画布  82上机练习:在网页中实现圆形图像 823.9 使用HTML5 中的 标签 ………… 84
    3.9.1 插入HTML5 Audio 并设置属性 ……… 84
    3.9.2 HTML5 所支持的音频文件格式 ……… 85
    3.9.3 在网页中插入HTML5 音频 ………… 85
    上机练习:制作HTML5 音频页面 ……………… 85
    3.10 使用HTML5 中的 标签 ……… 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
查看详情
12
您可能感兴趣 / 更多