Dreamweaver CS6网页制作-一学就会魔法书(第3版)(含光盘) PDF下载

第1章 网页制作的基本知识 ..............1
1.1　 网页的基础知识 ................................2
1.1.1　 什么是网页 .......................................2
1.1.2　 网页的组成元素 ...............................2
1.1.3　 网页中的专用术语 ...........................3
1.1.4　 网页的类型 .......................................6
1.2　 了解HTML语言 .................................7
1.2.1　 什么是HTML ....................................7
1.2.2　 标签和属性 .......................................7
1.2.3　 HTML常用标签................................8
1.3　 认识CSS ........................................10
1.3.1　 什么是CSS .......................................11
1.3.2　 CSS的类型 .......................................11
1.3.3　 CSS的基本语法 ..............................12
1.4　 制作网页的流程 ..............................13
1.4.1　 收集资料和素材 .............................13
1.4.2　 规划站点 .........................................13
1.4.3　 分析页面版式与布局 .....................14
1.4.4　 确定页面的风格和色调 .................14
1.4.5　 设计整个网页 .................................15
1.4.6　 设计其他页面元素 .........................15
1.4.7　 切割和优化页面 .............................15
1.4.8　 制作网页 .........................................15
1.4.9　 测试站点 .........................................16
1.4.10　 发布站点 .......................................16
1.4.11　 更新和维护站点 ...........................16
1.5　 网页制作的原则和技巧 ...................16
1.5.1　 网页制作的基本原则 .....................17
1.5.2　 网页基本元素的制作标准及
技巧 .................................................17
1.5.3　 用色技巧 .........................................19
1.6　 本章小结——更多制作网页的
技巧 ................................................19
　 第1招：Dreamweaver与其他软件 
的配合 ....................................20
　 第2招：网页元素的用色技巧 ............20
　 第3招：新手学网页的方法与技巧 ....20
1.7　 过关练习.........................................20
第2章 初识Dreamweaver CS6 .......21
2.1　 启动与退出Dreamweaver CS6.......22
2.1.1　 启动Dreamweaver CS6...................22
2.1.2　 退出Dreamweaver CS6...................22
2.2　 认识Dreamweaver CS6的
工作界面.........................................23
2.3　 认识Dreamweaver CS6的视图
方式 ................................................27
2.3.1　 代码视图 .........................................27
2.3.2　 设计视图 .........................................28
2.3.3　 拆分视图 .........................................28
2.3.4　 实时视图 .........................................29
2.3.5　 实时代码视图 .................................30
2.4　 Dreamweaver CS6中网页
的预览方式 .....................................30
2.4.1　 多屏幕预览 .....................................30
2.4.2　 在IE浏览器中预览网页 .................32
2.5　 本章小结——用可视化工具布局
设计界面.........................................33
　 第1招：使用标尺布局 ........................33
　 第2招：使用网格布局 ........................33
　 第3招：使用辅助线布局 ....................34
2.6　 过关练习.........................................34
第3章 网页的基本操作方法 ............35
3.1　 创建与管理站点 ..............................36
3.1.1　 站点的含义 .....................................36
3.1.2　 规划站点 .........................................36
3.1.3　 创建站点 .........................................37
3.1.4　 管理站点 .........................................41
3.2　 网页文件操作 .................................45
3.2.1　 新建网页文件 .................................45
3.2.2　 保存网页文件 .................................46
3.2.3　 打开网页文件 .................................47
3.2.4　 关闭网页文件 .................................47
3.3　 设置文件头属性 ..............................48
3.3.1　 设置网页标题 .................................48
3.3.2　 插入META标签 ..............................49
3.3.3　 插入“关键字”和“说明”
标签 .................................................49
3.3.4　 插入“刷新”标签 .........................50
3.3.5　 插入“基础”标签 .........................51
3.3.6　 插入“链接”标签 .........................52
3.3.7　 编辑文件头内容的属性 .................52
3.4　 设置页面属性 .................................53
3.4.1　 设置外观（CSS） ..........................53
3.4.2　 设置外观（HTML）......................54
3.4.3　 设置链接（CSS） ..........................54
3.4.4　 设置标题（CSS） ..........................55
3.4.5　 设置标题和编码 .............................55
3.4.6　 设置跟踪图像 .................................56
3.5　 典型实例——创建并管理
mySite站点 .....................................57
3.6　 本章小结——提高设置
网页的能力 .....................................59
　 第1招：调整跟踪图像的位置 ............60
　 第2招： 设置生动的链接文字呈现
效果 ........................................60
3.7　 过关练习.........................................60
第4章 使用表格和框架布局网页 .....61
4.1　 使用表格布局网页 ..........................62
4.1.1　 表格布局网页的模式 .....................62
4.1.2　 在网页中创建表格 .........................63
4.1.3　 嵌套表格 .........................................64
4.1.4　 选择表格 .........................................65
4.2　 设置表格与单元格的属性 ...............67
4.2.1　 设置表格的属性 .............................67
4.2.2　 设置单元格的属性 .........................68
4.3　 单元格的基本操作 ..........................69
4.3.1　 合并与拆分单元格 .........................69
4.3.2　 插入行/列 ........................................70
4.3.3　 删除行/列 ........................................71
4.4　 使用框架布局网页 ..........................71
4.4.1　 框架和框架集的含义 .....................71
4.4.2　 使用框架布局网页的技巧 .............72
4.4.3　 创建框架及框架集 .........................72
4.4.4　 选择框架及框架集 .........................73
4.4.5　 调整框架大小 .................................74
4.4.6　 删除框架 .........................................75
4.4.7　 保存框架及框架集 .........................75
4.5　 设置框架和框架集的属性 ...............76
4.5.1　 设置框架 .........................................76
4.5.2　 设置框架集属性 .............................77
4.6　 典型实例——制作“旅游足迹”
网页 ................................................77
4.7　 本章小结——网页布局的技巧 ........80
　 第1招：通过鼠标调整表格大小 ........80
　 第2招： 使用鼠标调整单元格的
大小 ........................................81
　 第3招：使用表格进行排序 ................81
　 第4招：制作IFrame浮动框架 .............81
4.8　 过关练习.........................................82
第5章 制作简单的文本页面 ............83
5.1　 插入文本.........................................84
5.1.1　 直接插入文本 .................................84
5.1.2　 导入文本 .........................................84
5.1.3　 插入空格 .........................................85
5.1.4　 插入水平线 .....................................85
5.1.5　 插入日期 .........................................87
5.1.6　 插入注释 .........................................87
5.1.7　 插入特殊字符 .................................88
5.2　 设置文本的格式 ..............................88
5.2.1　 设置文本格式 .................................89
5.2.2　 设置段落格式 .................................90
5.2.3　 设置文本换行 .................................92
5.2.4　 设置文本的列表格式 .....................92
5.3　 典型实例——编辑“乐美装饰”
网页 ................................................94
5.4　 本章小结——文本编辑技巧 ............97
　 第1招：添加自定义颜色 ....................97
　 第2招：查找和替换文本 ....................98
5.5　 过关练习.........................................98
第6章 制作内容丰富的图形页面 .....99
6.1　 图形图像在网页中的应用 .............100
6.1.1　 网页图像的格式 ...........................100
6.1.2　 图像的使用原则 ...........................100
6.1.3　 图像的获取方法 ...........................101
6.2　 图像的使用方法 ............................102
6.2.1　 直接添加图像 ...............................102
6.2.2　 用占位符添加图像 .......................103
6.2.3　 创建鼠标经过图像 .......................104
6.2.4　 插入Fireworks HTML文档 ..........105
6.3　 设置图像的格式 ............................106
6.3.1　 设置图像的边距和边框 ...............106
6.3.2　 设置图像的对齐方式 ...................106
6.3.3　 调整图像的大小 ...........................107
6.3.4　 重新对图像进行取样 ...................108
6.4　 设置图像的效果 ............................108
6.4.1　 调整图像的亮度和对比度 ...........109
6.4.2　 调整图像的锐度 ...........................109
6.4.3　 编辑图像 .......................................109
6.5　 典型实例——制作“动漫欣赏”
网页 ...............................................110
6.6　 本章小结——更多应用图像
的技巧 ...........................................113
　 第1招：选择合适的图像格式 ...........113
　 第2招：撤销与恢复图像 ...................114
　 第3招：恢复图像的初始大小 ...........114
6.7　 过关练习........................................114
第7章 创建超链接 ..........................115
7.1　 认识超链接 ....................................116
7.1.1　 什么是超链接 ................................116
7.1.2　 源端点链接 ....................................116
7.1.3　 目标端点链接 ................................116
7.1.4　 端点路径的分类 ............................117
7.2　 创建超链接 ....................................117
7.2.1　 创建文本超链接 ............................117
7.2.2　 创建图像超链接 ............................118
7.2.3　 插入电子邮件超链接 ....................119
7.2.4　 创建命名锚记超链接 ....................119
7.2.5　 创建脚本和空链接 .......................121
7.3　 导航条设计 ...................................122
7.3.1　 导航条的分类 ...............................122
7.3.2　 导航条的位置和方向 ...................124
7.3.3　 设计导航条 ...................................125
7.4　 典型实例——制作“西餐厅”
网页 ..............................................126
7.5　 本章小结——编辑超链接 .............128
　 第1招：编辑文本超链接的颜色 ......129
　 第2招：创建文件下载链接 ..............129
　 第3招：图像映射 ..............................129
7.6　 过关练习.......................................129
第8章 制作绚丽多姿的多媒体 
页面 ...................................131
8.1　 在网页中插入Flash对象 ...............132
8.1.1　 Flash文件的格式 ..........................132
8.1.2　 插入并编辑Flash动画 ..................132
8.1.3　 插入FLV视频 ................................134
8.2　 在网页中插入其他动态对象 ..........136
8.2.1　 插入Shockwave影片 ....................136
8.2.2　 插入APPLET程序 ........................137
8.3　 插入音乐文件 ...............................138
8.3.1　 网页中常用的音乐文件格式 .......139
8.3.2　 为网页添加背景音乐 ...................139
8.3.3　 通过插件插入音乐 .......................140
8.4　 典型实例——制作“天居装饰”
网页 ..............................................141
8.5　 本章小结——使用其他媒体对象
丰富页面.......................................143
　 第1招：插入ActiveX .........................143
　 第2招：插入网络中的Flash动画 ......144
8.6　 过关练习.......................................144
第9章 使用Div+CSS布局并 
美化网页 ............................145
9.1　 初识Div.........................................146
9.1.1　 Div的基本知识 .............................146
9.1.2　 Div的结构 .....................................147
9.2　 使用CSS美化网页 ........................148
9.2.1　 认识“CSS样式”面板 ................148
9.2.2　 新建CSS样式 ................................148
9.2.3　 应用CSS样式 ................................151
9.2.4　 编辑CSS样式 ................................152
9.2.5　 设置CSS的光标效果 ....................154
9.2.6　 设置CSS的滤镜效果 ....................154
9.3　 CSS定位 ......................................155
9.3.1　 盒子模型 .......................................155
9.3.2　 float定位........................................157
9.3.3　 position定位 ..................................158
9.4　 使用Div+CSS布局网页 .................158
9.4.1　 了解基于CSS的页面布局 ............159
9.4.2　 使用Div对页面进行整体规划 .....159
9.4.3　 设置被分割的模块的位置 ...........159
9.4.4　 使用CSS+Div进行定位 ...............160
9.5　 掌握AP Div的基本知识 .................162
9.5.1　 AP Div与Div的区别 .....................163
9.5.2　 创建AP Div ...................................163
9.5.3　 嵌套AP Div ...................................164
9.6　 编辑AP Div ...................................164
9.6.1　 认识“AP 元素”面板 .................164
9.6.2　 选择与移动AP Div .......................165
9.6.3　 对齐和调整AP Div .......................166
9.6.4　 设置AP Div的显示/隐藏 ..............166
9.6.5　 设置AP Div的层叠顺序 ...............167
9.6.6　 AP Div与表格的转换 ...................167
9.7　 典型实例——使用CSS+Div美化
网页 ..............................................169
9.8　 本章小结——几种*基础的版式
布局 ..............................................173
　 第1招：1列固定宽度居中 ................173
　 第2招：2列固定宽度 ........................174
　 第3招：1列宽度自适应 ....................175
　 第4招：2列宽度自适应 ....................175
9.9　 过关练习.......................................176
第10章 使用模板和库资源 ............177
10.1　 使用模板制作网页 ......................178
10.1.1　 什么是网页模板 .........................178
10.1.2　 创建模板 .....................................178
10.1.3　 编辑模板 .....................................179
10.2　 应用模板.....................................182
10.2.1　 使用“新建文档”对话框
新建网页 .....................................182
10.2.2　 使用“资源”面板从已有模板
创建新网页 .................................183
10.2.3　 将当前网页应用到模板 .............183
10.2.4　 管理模板 .....................................185
10.3　 使用库管理网页元素 ...................186
10.3.1　 创建库项目 .................................186
10.3.2　 插入库项目 .................................187
10.3.3　 编辑和更新库项目 .....................187
10.4　 典型实例——制作“天籁之音”
网页 ............................................188
10.5　 本章小结——模板的使用技巧 ..191
　 第1招：导出模板 ..............................191
　 第2招：分离库项目 ..........................192
10.6　 过关练习.....................................192
第11章　 使用表单和Spry制作
交互性网页 .......................193
11.1　 创建并设置表单 ..........................194
11.1.1　 什么是表单 .................................194
11.1.2　 创建表单 .....................................194
11.1.3　 设置表单的属性 .........................195
11.2　 添加表单对象 ..............................196
11.2.1　 添加文本字段 .............................196
11.2.2　 添加隐藏域 .................................197
11.2.3　 添加文本区域 .............................198
11.2.4　 添加复选框 .................................198
11.2.5　 添加复选框组 .............................199
11.2.6　 添加单选按钮 .............................199
11.2.7　 添加单选按钮组 .........................200
11.2.8　 添加选择（列表/菜单） ............200
11.2.9　 添加跳转菜单 .............................201
11.2.10　 添加图像域 ...............................201
11.2.11　 添加文件域 ...............................202
11.2.12　 添加按钮 ...................................203
11.2.13　 添加字段集 ...............................203
11.3　 使用Spry表单构件 ......................204
11.3.1　 添加Spry验证文本域 .................204
11.3.2　 添加Spry验证文本区域 .............205
11.3.3　 添加Spry验证复选框 .................206
11.3.4　 添加Spry验证选择 .....................206
11.3.5　 添加Spry菜单栏 .........................207
11.3.6　 添加Spry选项卡式面板 .............208
11.4　 典型实例——制作“用户注册”
网页 ............................................208
11.5　 本章小结——制作交互性网页
技巧 ............................................212
　 第1招：美化按钮的外观 ..................212
　 第2招：隐藏与显示表单虚线框 ......212
11.6　 过关练习 .....................................212
第12章 使用行为制作特效网页 .....213
12.1　 行为的基本知识 ..........................214
12.1.1　 行为的含义 .................................214
12.1.2　 认识“行为”面板 .....................214
12.2　 行为的使用 .................................215
12.2.1　 交换图像 .....................................215
12.2.2　 弹出信息 .....................................216
12.2.3　 打开浏览器窗口 .........................216
12.2.4　 效果的使用 .................................217
12.2.5　 显示-隐藏元素............................221
12.2.6　 设置文本 .....................................222
12.2.7　 调用JavaScript ............................223
12.2.8　 跳转菜单 .....................................224
12.2.9　 转到URL .....................................224
12.2.10　 预先载入图像 ...........................225
12.3　 典型实例——制作“Smile家居”
网页 ............................................226
12.4　 本章小结——设置行为的技巧 ....229
　 第1招： 为一个网页元素添加多个
行为 ......................................229
 　 第2招：适合网页元素的事件 ..........230
12.5　 过关练习.....................................230
第13章 制作动态网页 ...................231
13.1　 了解动态网页 .............................232
13.1.1　 动态网页的含义 .........................232
13.1.2　 动态网页的开发语言 .................232
13.1.3　 动态网页的开发流程 .................233
13.2　 配置Web服务器 ..........................233
13.2.1　 安装IIS ........................................233
13.2.2　 设置IIS ........................................234
13.3　 数据库的基本操作 ......................236
13.3.1　 什么是数据库 .............................236
13.3.2　 常用数据库介绍 .........................236
13.3.3　 创建数据库 .................................237
13.4　 创建动态站点并设置虚拟目录 ....238
13.4.1　 创建动态站点 .............................239
13.4.2　 设置虚拟目录 .............................239
13.5　 创建数据源 .................................239
13.5.1　 创建Access数据库的连接
字符串 .........................................240
13.5.2　 创建SQL Server数据库
的连接字符串 .............................240
13.5.3　 创建数据源（DSN） .................240
13.5.4　 创建数据源连接 .........................242
13.6　 制作数据库动态网页 ...................243
13.6.1　 创建记录集 .................................244
13.6.2　 制作动态页面 .............................245
13.7　 典型实例——制作“产品信息”
网页 ............................................247
13.8　 本章小结——动态网页的其他
知识 ............................................249
　 第1招：更新记录 ..............................250
　 第2招：设置服务器行为 ..................250
13.9　 过关练习.....................................250
第14章 发布和维护网站 ................251
14.1　 发布网站前的准备 ......................252
14.1.1　 申请域名及主页空间 .................252
14.1.2　 测试本地站点 .............................255
14.2　 发布及维护网站 ..........................257
14.2.1　 配置站点 .....................................257
14.2.2　 上传站点 .....................................258
14.2.3　 下载站点 .....................................258
14.2.4　 宣传站点 .....................................259
14.3　 本章小结——管理空间 ...............260
　 第1招：登录并管理空间 ..................260
　 第2招： 将自己的电脑作为个人
网站空间 ..............................260
14.4　 过关练习.....................................260
第15章 综合实例——制作“美乐装 
饰”网站 ..........................261
15.1　 案例目标.....................................262
15.2　 案例分析.....................................263
15.3　 制作过程.....................................263
15.3.1　 规划和创建站点 .........................263
15.3.2　 设置CSS样式 ..............................264
15.3.3　 创建网页模板 .............................266
15.3.4　 创建首页 .....................................271
15.4　 本章小结——网页制作总结 ........274
　 第1招：提高制作网站的效率 ..........275
　 第2招：在模板中设置超链接 ..........275
　 第3招： 网页与浏览器不兼容的解决
方法 ......................................275
15.5　 过关练习.....................................275
13.3　 调整图像局部颜色 ......................252
13.3.1　 阴影/高光 ....................................252
13.3.2　 HDR色调 ....................................252
13.3.3　 匹配颜色 .....................................254
13.4　 创建与修改切片 ..........................255
13.4.1　 创建切片 .....................................255
13.4.2　 编辑切片 .....................................256
13.4.3　 设置切片 .....................................257
13.5　 优化图像与输出切片 ...................258
13.6　 典型实例——图像调色并切片
输出 ............................................259
13.7　 本章小结——更多处理图像的
知识 ............................................263
　 第1招：选择多个切片 ......................263
　 第2招：优化图像的规律 ..................263
　 第3招： 打开图像调节对话框的
快捷键 ..................................263
13.8　 过关练习.....................................264
第14章　 综合实例——制作旅游网站 ...265
14.1　 实例目标.....................................266
14.2　 实例分析.....................................267
14.3　 制作过程.....................................268
14.3.1　 使用Photoshop CS6制作
网站页面 .....................................268
14.3.2　 使用Flash CS6制作网页
动画 .............................................270
14.3.3　 使用Dreamweaver CS6制作
网页 .............................................273
14.4　 本章小结——更多网页制作
技巧 ............................................276
　 第1招：快速编辑图片或SWF ..........276
　 第2招：将文字制作成图片 ..............277
14.5　 过关练习.....................................277