Dreamweaver CS6网页设计与制作教程.pdf _讲述基础知识和功能...

r2002

学习Adobe Dreamweaver CS6一定要先从基础的工具认识，还有其发挥的作用开始了解清楚，才能更加的理解案例讲解的制作，还有结构图怎么构造等，其中教程还有穿插了很多小技巧，可以让学者更加的容易自学。

一、内容简介
　　这书內容关键详细介绍了Adobe Dreamweaver CS6的基本知识和作用，并根据典型性网页的制作实例，解读了有关知识结构图，在这其中交叉详细介绍了很多小技巧，使解读更为真正、合理。本书共有12章，重中之重內容包含：了解网页页面及网页制作工具、网页制作言语HTML、图象实际效果运用、报表的运用、超链接的运用、CSS款式运用、Div+CSS灵便合理布局网页页面、模版和库的运用、框架结构的运用、表单的运用、多媒体系统的运用、个人行为的运用等。 这书融“教、学、做”于一体，理论创新实践活动，最能体现工学结合的岗位教育理念。这书能够做为高职高专院校计算机相关技术专业的教材内容，也可做为网页制作与制做的培训教材，还可做为网页设计发烧友的通过自学用书。


二、作者简介
1．孟帙颖，天津轻工职业技术学院， 计算机网络技术教研室主任，硕士研究生 研究方向：计算机技术、网络技术、软件开发等。教育背景2012.9. –2014.6 天津大学 软件学院 软件工程专业 硕士研究生。
2．著译作品 （1）副主编，《路由器/交换机技术项目化教程》，化学工业出版社，2015年 （2）参 编，《数据库原理与应用 SQL Server 2008 项目化教程》，北京理工大学出版社，2014年 （3）主 编，《DreamWeaver CS6网页设计项目化教程》，校内讲义：天津轻工职业技术学院，2017年 （4）主 编，《JSP动态网页设计项目化教程》，校内讲义—天津轻工职业技术学院，2018年
3．业务成果 2017年在全国机械行指委教师微课大赛中获得一等奖； 2017年在全国职业院校教委微课大赛中获得优胜奖；

三、内容目录
第1章 认识网页及网页制作工具 1
1.1 网页制作基础知识 1
1.1.1 认识网页 1
1.1.2 认识网站 1
1.1.3 网页的类型 5
1.1.4 网页设计前的考虑 5
1.1.5 基本版式设计风格 6
1.1.6 网页页面的基本组成元素 7
1.2 网站的一般开发流程 8
1.2.1 收集素材 8
1.2.2 规划站点 8
1.2.3 制作网页 8
1.2.4 测试站点 8
1.2.5 发布站点 9
1.2.6 更新和维护站点 9
1.3 网页制作中的技巧 9
1.3.1 网页基本元素的标准及使用技巧 9
1.3.2 页面风格技巧 11
1.3.3 网页构图技巧 12
1.3.4 色彩使用技巧 13
1.4 网页制作中的专业术语 14
1.5 认识Dreamweaver CS6 15
1.5.1 Dreamweaver CS6简介 15
1.5.2 启动和退出Dreamweaver CS6 15
1.5.3 认识Dreamweaver CS6的工作界面 15
1.6 站点的创建与管理 16
1.6.1 创建本地站点 16
1.6.2 新建网页文件与文件夹 17
1.6.3 打开网页文件 17
1.6.4 保存网页文件 17
1.6.5 网页版面布局 18
1.7 项目实训 18
第2章 网页设计语言HTML 19
2.1 HTML简介 19
2.2 HTML语言基础 19
2.2.1 HTML标记符基础 19
2.2.2 HTML标记符属性 20
2.2.3 HTML的基本结构 20
2.3 头部标记之间的主要标记 22
2.4 主体标记之间的常用标记 23
2.4.1 文字与段落标记 23
2.4.2 列表标记 26
2.4.3 图像标记 28
2.4.4 超链接标记 28
2.4.5 表格标记 29
2.4.6 多媒体标记 30
2.5 项目实训 31
2.5.1 项目实训一：“第1个HTML”网页 31
2.5.2 项目实训二：“中国诗词佳句-作者”网页 32
2.5.3 项目实训三：“图像边框”网页 34
2.5.4 项目实训四：“链接技术演示”网页 34
2.5.5 项目实训五：“最新消息公告”网页 35
2.5.6 项目实训六：“图像切换”网页 36
第3章 图像效果应用 38
3.1 图像效果实例——添加图像 38
3.1.1 插入图像 38
3.1.2 导入图像 38
3.2 图像效果实例——插入图像占位符 41
3.3 图像效果实例——替换图像占位符 42
3.4 图像效果实例——鼠标替换图像 44
3.5 图像效果实例——创建导航条 48
3.5.1 设置导航条项目 49
3.5.2 添加导航条项目 50
第4章 表格的应用 53
4.1 创建表格 53
4.1.1 设置页面属性 53
4.1.2 设置表格属性 55
4.1.3 插入图像 58
4.1.4 插入表格并设置背景图像 59
4.1.5 网页中的数据表格 61
4.2 项目实训 63
4.2.1 项目实训一：立体效果表格 63
4.2.2 项目实训二：“圆角表格美化”网页 64
第5章 超级链接的应用 66
5.1 网页链接路径 66
5.1.1 绝对路径（Absolute Path） 66
5.1.2 相对路径（Relative Path） 66
5.1.3 站点根目录相对路径 67
5.2 链接的设置 67
5.2.1 文本链接 67
5.2.2 用CSS定义链接文本状态 69
5.2.3 锚点链接 70
5.2.4 电子邮件链接 71
5.2.5 下载链接与空链接 72
5.2.6 一般图像链接 74
5.2.7 图像热点链接 75
5.2.8 鼠标经过图像 75
5.2.9 导航条 77
5.2.10 更改链接名称 78
5.3 项目实训 78
5.3.1 实训项目一：制作“古今传奇”网页 78
5.3.2 实训项目二：制作“日常生活”网页 79
5.3.3 实训项目三：制作图像超链接 80
第6章 CSS样式应用 81
6.1 创建层叠样式表 81
6.1.1 认识“CSS样式”面板 81
6.1.2 创建层叠样式表 81
6.2 定义层叠样式表属性 83
6.2.1 设置类型属性 83
6.2.2 设置背景属性 83
6.2.3 设置区块属性 84
6.2.4 设置方框属性 84
6.2.5 设置边框属性 84
6.2.6 设置列表属性 85
6.2.7 设置定位属性 85
6.2.8 设置扩展属性 85
6.2.9 设置过渡属性 86
6.3 使用CSS过滤器 87
6.3.1 Alpha滤镜 87
6.3.2 Blur滤镜 87
6.3.3 FlipH滤镜 88
6.3.4 Glow滤镜 88
6.3.5 Gray滤镜 88
6.3.6 Invert滤镜 88
6.3.7 Shadow滤镜 89
6.3.8 Wave滤镜 89
6.3.9 Xray滤镜 89
6.4 应用并管理层叠样式 89
6.4.1 应用层叠样式 89
6.4.2 编辑层叠样式 90
6.4.3 删除层叠样式 90
6.5 CSS样式制作步骤解析 90
6.5.1 创建CSS样式 90
6.5.2 应用CSS样式 92
第7章 Div+CSS灵活布局网页 94
7.1 关于Div+CSS布局 94
7.1.1 了解基于CSS的页面布局 94
7.1.2 块元素 94
7.1.3 行内元素 94
7.2 在网页中插入Div 94
7.2.1 插入Div 94
7.2.2 Div的嵌套 95
7.3 关于Div+CSS盒模型 95
7.3.1 Margin（边界） 95
7.3.2 Border（边框） 96
7.3.3 Padding（填充） 96
7.3.4 Content（内容） 96
7.4 Div+CSS布局定位 96
7.4.1 relative（相对定位） 96
7.4.2 absolute（绝对定位） 97
7.4.3 fixed（悬浮定位） 97
7.4.4 float（浮动定位） 97
7.5 常用的Div+CSS布局方式 97
7.5.1 Div高度自适应 97
7.5.2 网页内容居中布局 97
7.5.3 网页元素浮动布局 98
7.5.4 流体网格布局 98
第8章 模板和库的应用 99
8.1 在库面板中注册项目 99
8.2 应用库中的注册项 101
8.2.1 利用库中注册的项目制作网页文档 101
8.2.2 修改库中注册的项目 102
8.2.3 直接在网页文档中修改 103
8.3 创建模板 104
8.3.1 将现有的网页另存为模板 104
8.3.2 创建空白模板 104
8.4 使用模板轻松制作大量文档 105
8.4.1 在模板文档中定义可编辑区域 105
8.4.2 使用模板文档制作其他网页文档 107
8.4.3 修改模板文档 108
第9章 框架的应用 111
9.1 创建框架 111
9.1.1 创建预定义框架集 111
9.1.2 创建嵌套框架集 112
9.2 保存框架和框架文件 113
9.2.1 保存框架文件 113
9.2.2 保存框架集文件 113
9.2.3 保存所有的框架集文件 114
9.3 选择框架和框架集 114
9.3.1 认识“框架”面板 114
9.3.2 在“框架”面板中选择框架或框架集 115
9.4 设置框架和框架集属性 115
9.4.1 设置框架属性 116
9.4.2 设置框架集属性 116
9.5 框架的基本操作 117
9.6 为框架页设置链接 119
9.7 框架的嵌套 119
9.8 项目实训 120
9.8.1 项目实训一：为框架设置不同背景 120
9.8.2 项目实训二：使用框架制作网页 121
第10章 表单的应用 125
10.1 表单概述 125
10.2 表单的创建及设置 125
10.2.1 创建表单 125
10.2.2 设置表单属性 125
10.3 创建表单对象 126
10.3.1 创建文本域 126
10.3.2 创建单选按钮 127
10.3.3 制作单选按钮组 128
10.3.4 创建复选框 130
10.3.5 创建下拉菜单 130
10.3.6 创建表单按钮 131
10.3.7 创建图像域 131
10.4 项目实训 132
10.4.1 项目实训一：制作会员注册 表单 132
10.4.2 项目实训二：制作大型购物 中心订单页面 138
第11章 多媒体的应用 152
11.1 插入Flash动画 152
11.1.1 认识Flash动画 152
11.1.2 制作“古色古香”的网页 153
11.2 为网页添加音频 154
11.2.1 插入声音 154
11.2.2 制作音乐播放网页 155
11.3 插入FLV视频 156
11.3.1 认识FLV视频 156
11.3.2 在网页中插入FLV视频 157
11.4 插入Applet 159
11.5 插入ActiveX控件 160
11.6 插入插件 161
11.6.1 插入插件图标 161
11.6.2 使用插件嵌入音乐播放器 162
第12章 行为的应用 163
12.1 行为简介 163
12.2 行为面板 163
12.3 使用行为 164
12.4 在网页文档中组合“西瓜人” 165
12.4.1 绘制层并插入图像 165
12.4.2 在浏览器中组合“西瓜人” 166
12.5 制作拼图游戏页面 167
12.5.1 绘制层插入图片 167
12.5.2 设置层的拖动范围 168
12.6 符合使用者电脑环境的行为 169
12.6.1 显示适合的网页文档 169
12.6.2 加载大容量图像 171
12.7 制作自动跳丝页面 172
12.8 检查表单 173
12.9 调整Flash动画的行为 174
12.9.1 插入Flash动画 174
12.9.2 控制动画 175
12.9.3 添加单击按钮的效果音 176
12.10 快捷而高效地链接相关行为 177
12.10.1 把鼠标移至瞬间跳转 177
12.10.2 跳转到菜单相关页面 179
12.10.3 添加GO按钮 182
12.11 制作对鼠标动作做出反应的导航条 182
12.11.1 制作导航条的基本信息 182
12.11.2 添加可以知道当前所选菜单的行为 185
12.12 在网页中显示事件窗口 187
12.12.1 在网页中显示指定大小的弹出窗口 187
12.12.2 添加导航条和菜单栏 188
12.13 显示隐藏层 189
12.13.1 绘制层并且插入图片 189
12.13.2 隐藏显示层 190
12.13.3 设置层的可见性 191
12.14 显示大图像的缩略图效果 192
12.14.1 绘制层并插入图像 192
12.14.2 单击小图像时显示大图像 193
12.14.3 更换图层内图像的行为 195
12.14.4 把图像替换为其他图像的行为 196
12.15 把替换的图像恢复为原图像 199
12.15.1 替换图像 199
12.15.2 恢复交换图像 201
12.16 利用JavaScript实现关闭网页 201
全部有效免费教程，快收藏! 简单易学教程视频下载，自学教程必看资料！来源于网络，需要的小伙伴赶紧回帖下载啦！欢迎收藏转发此贴回复即可显示提取码，提取就可以全部资料了，希望对您有帮助。

游客，如果您要查看本帖隐藏内容请回复