DreamweaverCS6网页设计案例教程
书 号:9787113199210
丛 书 名:高职高专计算机规划教材.案例教程系列
作 者:张晓蕾
译 者:
开 本:16开
装 帧:平装
正文语种:
出 版 社:中国铁道出版社有限公司
定 价:38元
-
内容简介
DreamweaverCS6是用于网页制作和网站管理的软件,利用该软件能够快速创建格式规范的网页文档。该软件集成程度非常高,开发环境精简而高效,适合各个阶段、各个水平的用户使用。全书提供了35个案例和10个综合实训,以及大量的思考练习题。每个案例自成一节,以节为教学单元,对知识点进行细致的编排,并结合知识点介绍了相关的案例,知识和案例紧密结合。每个教学单元由“案例描述”“设计过程”“相关知识”和“思考与练习”4部分组成,读者可以边进行案例制作,边学习相关知识和技巧,轻松掌握HTML和中文DreamweaverCS6的使用方法和技巧。本书内容由浅入深、通俗易懂,知识含量高,可使读者快速入门,且能达到较高水平。
本书适合作为高职高专院校计算机专业的教材,还可作为培训学校的培训教材,以及网页制作爱好者的自学用书。 -
前言
本书为“十二五”职业教育国家规划教材。
Dreamweaver 是Macromedia公司开发的,用于网页制作和网站管理的软件,是一种所见即
所得网页编辑器。目前Dreamweaver 最流行的版本是Adobe Dreamweaver CS6。它可以进行多
个站点的管理,设置HTML 语言编辑器,支持DHTML 和CSS,可导入Excel 和Access 建立的
数据文件,以及SWF、FLV 等格式的文件等,还可以编辑动态页面等。
本书共11 章,第1 章介绍了中文Dreamweaver CS6 工作区的基本组成和特点,文档的基
本操作,建立本地站点和页面属性设置等;第2 章通过7 个案例简要介绍了HTML;第3 章通
过4 个案例介绍了在网页中插入和编辑文字,制作表格,插入图像、导航条、时间、插件、特
殊字符、SWF 格式和FLV 格式对象的方法;第4 章通过3 个案例介绍了AP Div、框架与网页
布局的有关知识和操作方法;第5 章通过3 个案例介绍了定义和使用CSS 样式,以及使用Div
标签和CSS 进行网页布局的方法;第6 章通过5 个案例介绍了在网页中插入表单和Spry 构件
的方法;第7 章通过3 个案例介绍了部分行为的应用方法;第8 章通过3 个案例介绍了超级链
接、创建和使用模板,以及创建和使用库项目的方法;第9 章通过2 个案例介绍了开发网站的
流程、申请主页空间和域名及发布网站以及站点管理和维护的方法;第10 章通过4 个案例介
绍了动态网页基础;第11 章通过1 个案例介绍了数据库网页基础。全书提供了35 个案例和
10 个综合实训,以及大量的思考与练习题。
本书采用案例驱动的教学方式,融通俗性、实用性和技巧性于一身,由浅入深、循序渐进
地进行讲解。本书以一节(相当于1~4 课时)为一个教学单元,对知识点进行了细致的舍取和
编排,按节归纳和细化了知识点,并结合知识点介绍了相关的实例,使知识和实例相结合。除
第1 章外,每节均由“案例描述”“设计过程”“相关知识”和“思考与练习”4 部分组成。“案
例描述”部分介绍了本案例所要达到的效果、制作案例的思路和主要学习的知识和技术;“设计
过程”部分介绍了案例的制作方法和制作技巧;“相关知识”部分介绍了与本案例有关的知识,
具有总结和提高的作用;“思考与练习”部分作为课外练习,并结合“相关知识”完成总结和提
高。每章(除第1 章外)的最后还提供了一个综合实训,供学生检验和测试本章的学习效果。
在编写过程中,作者努力遵从教学规律、面向实际应用、理论联系实际、便于自学等原则,
注意提高学生的学习兴趣和创造力,注重培训学生分析和解决问题的能力。读者可以边进行案
例制作,边学习相关的知识和技巧。采用这种方法,特别有利于教师进行教学和学生自学,可
以使读者快速入门,且能达到较高水平。
在教学中,可以先通过播放案例,同时介绍案例的效果,介绍通过学习本案例可以掌握的
主要知识和技术;再边进行案例制作,边学习相关知识和技巧。以后,根据教学的具体情况(主
要是学生学习情况)可采用不同方法来进行案例的教学:可以按照前面的方法进行教学;可以
让学生按照教材介绍进行操作和自学;可以让学生按照自己的方法操作完成,再与教材中介绍
的方法对照;可以组成2 人小组共同制作;也可以作为课外练习。
在完成一个单元的教学后,可以根据学习的情况,由学生自己或教师进行评测并给出这一
个单元学习的成绩。在一章教学(包括完成实训任务)完成后,可以根据各单元学习和实训任
务的完成情况,由学生自己或教师进行评测并给出这一章的学习成绩。
FOREWORD 前 言
下面提供一种课程安排,仅供参考。总共72 课时,每周4 课时,共18 周。
周序号 章 节 教 学 内 容 课时
1 第1 章
中文Dreamweaver CS6 工作区的基本组成和特点,文档的基本操作,建
立本地站点和页面属性设置等
4
2 第2章案例1~4 HTML 特点,网页常用结构标记,文字和图像显示 4
3 第2章案例5~7 其他常用的HTML 标记 4
4 第3章案例8~9 在网页中插入和编辑文字,插入图像和鼠标经过图像等对象的方法 4
5 第3章案例10~11
制作表格,插入导航条、时间、插件、特殊字符、SWF 格式和FLV 格
式对象的方法
4
6 第4章案例12~14 AP Div、框架与网页布局的有关知识和操作方法 4
7 第5章案例15~17 介绍了定义和使用CSS 样式,以及使用Div 标签和CSS 的网页布局的方法 4
8 第6章案例18~19 在网页中插入表单的方法 4
9 第6章案例20~22 在网页中插入Spry 构件的方法 4
10 期中上机考试,当堂制作一个网页作品 4
11 第7 章案例23~25 动作名称及其作用、事件名称及其作用、“显示-隐藏层”动作等 4
12 第8 章案例26~27 超链接、设置锚点、锚点链接等 4
13 第8 章案例28 更新模板、创建库项目 4
14 第9 章案例29~30 站点管理和网站发布 4
15 第10 章案例31~34 安装Web 服务器、显示日期和时间、用表单传递信息、制作留言板 4
16 第11 章案例35 制作通讯录系统网页 4
17 综合练习,复习 4
18 期末上机考试,当堂制作一个网页作品 4
本书由张晓蕾任主编,沈大林、陈小明、王浩轩、王爱赪、万忠任副主编。参加本书编
写的主要人员有:杨素生、张伦、孟举、赵玺、张瑞显、阮志琼、郑淑晖、陶宁、张秋、陈恺
硕、许崇、杨旭、郭政、于建海、王威、曾昊、郑原、沈昕、肖柠朴、关点、关山等,其他参
加编写工作的还有新昕教学工作室的人员,在此表示感谢。
由于编者水平有限,书中难免存在疏漏和不足之处,敬请广大读者批评指正。
编 者
2015 年3 月 -
目录
第1 章 中文Dreamweaver CS6
基础.......................................1
1.1 中文Dreamweaver CS6 工作区
简介.................................................1
1.1.1 中文Dreamweaver CS6
工作区设置.......................... 1
1.1.2 新建文档和文档基本操作.... 4
思考与练习1-1 ......................................5
1.2 文档窗口、“属性”面板和
“插入”工具栏................................5
1.2.1 文档窗口.............................. 5
1.2.2 “属性”面板和“插入”
工具栏................................ 7
思考与练习1-2 ......................................8
1.3 面板基本操作和“历史记录”
面板.................................................9
1.3.1 面板的基本操作.................. 9
1.3.2 “历史记录”面板和自定义
命令.................................... 10
思考与练习1-3 ....................................11
1.4 页面属性设置、建立本地站
点和描图.......................................11
1.4.1 URL 和文档的路径名........ 11
1.4.2 建立本地站点和页面
属性设置............................ 12
思考与练习1-4 ....................................15
第2 章 HTML 语言简介...................16
2.1 【案例1】第1 个网页——
颐和园.........................................16
● HTML 文件特点.....................18
● 网页基本结构标记.................19
● 其他常用标记.........................20
思考与练习2-1 ....................................21
2.2 【案例2】“中国诗词佳句—
作者”网页..................................21
● 文字的大小、颜色和字体..... 22
● 文字风格................................ 23
● 边框包围的文字..................... 24
思考与练习2-2 ....................................24
2.3 【案例3】“蝴蝶”网页...............24
● 调整图像大小和给图像添加
边框.......................................... 25
● 背景平铺图像和图像文字
说明....................................... 25
● 调整图像和文本的相对
位置........................................ 26
思考与练习2-3 ....................................27
2.4 【案例4】“翻页画册”网页.......27
● 添加背景音乐........................ 28
● 在网页中插入Flash 动画...... 28
思考与练习2-4 ....................................29
2.5 【案例5】“链接技术演示”
网页............................................29
● 链接文件使用的HTML
标记........................................ 30
● 使用图像或动画的链接......... 30
思考与练习2-5 ....................................30
2.6 【案例6】“中国的世界文化遗产”
网页...............................................31
CONTENTS 目 录
相关知识
相关知识
相关知识
相关知识
相关知识
2 Dreamweaver CS6 网页设计案例教程
● 在同一个网页中建立链
接的HTML 标记......................32
● 建立电子邮件链接.................32
● 链接到其他页面中的锚点......33
思考与练习2-6 ....................................33
2.7 【案例7】“Flash 技术说明”
网页...............................................33
● 设置框架和修饰框架.............35
● 网页框架举例.........................35
● 窗口间的链接.........................37
思考与练习2-7 ....................................38
2.8 综合实训1 HTML
网页浏览.......................................39
第3 章 插入表格和其他对象............41
3.1 【案例8】“著名建筑和著名
风景”网页....................................41
● 创建网页文字的其他方法......... 45
● 文本属性的设置......................... 45
● 图文混排...................................... 46
● 文字的查找与替换..................... 47
● 文字的列表设置......................... 48
思考与练习3-1 ....................................49
3.2 【案例9】“澳大利亚大堡礁”
网页................................................49
● 在网页中插入图像的方法......... 52
● 利用图像“属性”面板编辑
图像............................................... 52
● 图像的移动、复制、删除和
调整大小....................................... 53
● 设置附属图像处理软件............. 54
思考与练习3-2 ....................................54
3.3 【案例10】“世界名胜列表”
网页..............................................55
● “表格”对话框各选项的
作用............................................57
● 表格基本操作...............................58
● 设置整个表格的属性..................59
● 设置表格单元格的属性..............59
● 表格和单元格快捷菜单..............60
● 表格数据的排序..........................61
思考与练习3-3 ....................................62
3.4 【案例11】“中国名胜图像
欣赏1”网页.................................62
● 插入SWF动画............................66
● 插入FLV视频.............................66
● 插入插件.......................................67
● 插入ActiveX ................................67
● 插入Applet...................................68
● 插入水平条...................................68
思考与练习3-4 ....................................69
3.5 综合实训2 世界美景图像
浏览1 ...........................................69
第4 章 AP Div 和框架..................... 72
4.1 【案例12】“秦始皇兵马俑——
兵器介绍”网页..........................72
● 设置AP Div的默认属性............75
● AP Div的基本操作.....................75
● AP Div“属性”面板..................77
● “AP元素”面板........................78
● 将AP Div转换为表格................79
● 将表格转换为AP Div.................80
思考与练习4-1 ....................................80
4.2 【案例13】“中国名胜图像
欣赏2”网页.................................81
相关知识
相关知识
相关知识
相关知识
相关知识
相关知识
目 录3
相关知识
● 创建框架和框架“属性”
面板............................................... 85
● 增加或删除框架......................... 85
● 在框架内插入对象和HTML
文件................................................ 86
● 框架“属性”面板........................ 86
● 保存框架文件.............................. 87
思考与练习4-2 ....................................87
4.3 【案例14】“中国旅游万里行”
网页................................................88
● 制作和导入描图......................... 92
● 编辑描图...................................... 92
思考与练习4-3 ....................................92
4.4 综合实训3 世界美景图像
浏览2............................................93
第5 章 CSS 和Div 标签..................95
5.1 【案例15】“中国名胜简介”
网页................................................95
●“新建CSS规则”对话框中
其他各选项的含义................... 100
●“CSS样式”面板.................... 101
● 应用CSS样式.......................... 102
思考与练习5-1 ..................................102
5.2 【案例16】“画展值班表”网页...103
● 定义CSS的背景属性.............. 106
● 定义CSS的区块属性.............. 106
● 定义CSS的列表属性.............. 107
● 定义CSS的扩展属性.............. 107
思考与练习5-2 ..................................108
5.3 【案例17】“中国名胜图像
列表”网页.................................108
● 定义CSS的边框属性.............. 111
● 定义CSS的方框属性.............. 111
● 定义CSS的定位属性.............. 112
● 使用Div标签和CSS的网页
布局............................................ 112
思考与练习5-3 ..................................113
5.4 综合实训4 世界名胜简介......114
第6 章 表单和Spry 构件.............. 116
6.1 【案例18】自助旅游协会登
记表.............................................116
● 创建和删除表单域及插入
表单对象.................................... 121
● 表单域“属性”面板............... 121
● 设置文本字段和文本区域的
属性............................................. 121
● 设置单选按钮和复选框的
属性............................................ 122
● 设置按钮的属性....................... 122
● 设置列表/菜单和文件域的
属性.............................................. 122
思考与练习6-1 ..................................123
6.2 【案例19】“中国名胜图像
欣赏3”网页.............................123
● 设置图像域的属性................... 127
● 设置跳转菜单的属性............... 127
● 设置隐藏域的属性................... 127
思考与练习6-2 ..................................128
6.3 【案例20】“用户登录”
网页............................................128
● Spry构件简介........................... 131
● Spry构件的基本操作.............. 131
● 更改默认的Spry资源文件夹... 131
● Spry验证文本域...................... 132
相关知识
相关知识
相关知识
相关知识
相关知识
相关知识
相关知识
相关知识
4 Dreamweaver CS6 网页设计案例教程
思考与练习6-3 ..................................134
6.4 【案例21】旅游协会会员申
请表............................................134
● Spry验证文本区域................... 138
● Spry验证复选框....................... 139
● Spry验证复选框应用实例...... 139
● Spry验证选择........................... 141
思考与练习6-4 ..................................142
6.5 【案例22】“中国名胜图像欣赏4”
网页..............................................142
● Spry菜单栏............................... 146
● Spry折叠式............................... 147
● Spry可折叠面板....................... 149
● Spry选项卡式面板................... 150
思考与练习6-5 ..................................152
6.6 综合实训5“世界名花简介和图像
浏览”网页..................................152
第7 章 行为...................................160
7.1 【案例23】“中国名胜图像欣赏5”
网页..............................................155
●动作名称及其作用.................... 158
●事件名称及其作用.................... 160
●设置行为的其他操作................ 160
●“显示-隐藏元素”动作........... 161
●“跳转菜单”动作.................... 161
思考与练习7-1 ..................................161
7.2 【案例24】“图像特效切换”
网页............................................162
●“弹出信息”动作.................... 166
●“设置文本”动作.................... 166
●“效果”动作............................. 167
●“改变属性”动作.................... 168
思考与练习7-2 ..................................169
7.3 【案例25】“弹出浏览器窗口”
网页............................................169
●“转到URL”动作................... 173
●“检查表单”动作.................... 173
●“检查插件”动作.................... 173
思考与练习7-3 ..................................174
7.4 综合实训6 “世界名胜1”
网页.............................................175
第8 章 超链接、模板和库............. 176
8.1 【案例26】“中国名胜图像欣赏6”
网页......................................................176
● 利用“属性”面板创建链接... 180
● 创建电子邮件、无址和远程
链接.............................................. 180
● 创建图像热区链接................... 181
思考与练习8-1 ..................................182
8.2 【案例27】“中国名胜1”
网页............................................182
● 设置锚点.................................... 184
● 锚点链接.................................... 185
思考与练习8-2 ..................................185
8.3 【案例28】“中国名胜2”
网页............................................186
● 模板简介.................................... 192
● 自动更新模板............................ 193
● 手动更新模板和模板分离....... 194
●“资源”面板............................. 194
● 创建库项目................................ 194
●使用库项目在网页内创建
引用............................................ 195
思考与练习8-3 ..................................195
相关知识
相关知识
相关知识
相关知识
相关知识
相关知识
相关知识
相关知识
目 录5
8.4 综合实训7 “宝宝照片浏览”
网页............................................196
第9 章 站点管理和网站发布..........198
9.1 【案例29】“中国名胜3”
网站............................................198
● 本地站点的兼容性测试........... 205
●站点链接的测试......................... 206
思考与练习9-1 ..................................206
9.2 【案例30】申请主页空间和
发布站点....................................208
●“文件”面板的基本操作........ 214
● 预览功能设置............................ 214
● 文件下载和刷新....................... 215
思考与练习9-2 ..................................215
9.3 综合实训8 “世界名胜2”
网站..............................................215
第10 章 动态网页基础..................219
10.1 【案例31】在 Windows 中
安装 Web 服务器...................219
● 服务器端和客户端................... 227
● 了解静态网页............................ 227
● 了解动态网页............................ 228
● 动态网页的功能....................... 228
● 添加虚拟目录............................ 229
思考与练习10-1 ................................230
10.2 【案例32】“显示日期和
时间”网页................................230
● 服务器和客户端的访问........... 233
● 客户端和服务器端脚本
程序说明..................................... 234
思考与练习10-2 ................................235
10.3 【案例33】用表单域传递
信息............................................235
● ASP概述.................................... 240
● ASP文件的基本组成............... 241
● ASP文件的基本规则............... 241
● ASP内部对象........................... 241
● 代码解析.................................... 241
● ASP内置对象Request简介... 242
思考与练习10-3 ................................243
10.4 【案例34】简单留言板............243
●“接收留言”网页代码解析.... 248
● ASP内置对象Response
简介............................................ 249
思考与练习10-4 ................................251
10.5 综合实训9 “Form和QueryString
集合应用”网页......................251
第11 章 数据库网页基础.............. 257
11.1 【案例35】“简单通讯录
系统”网页................................257
● 向数据库中添加数据............... 269
● 限制添加相同姓名的记录....... 270
思考与练习11-1 ................................271
11.2 综合实训10 “论坛帖子
列表”网页...............................272 -
作者介绍
主要著译者顺序姓名学历职称学科专长通讯地址1张晓蕾 硕士 副教授 工作单位北京信息职业技术学院 邮政编码 电话 2 工作单位 邮政编码 电话 3 工作单位 邮政编码 电话 审校者(主审者) 学历 工作单位 邮政编码 电话 职称 工作单位 邮政编码 电话 主编张晓蕾主持国家社会科学基金“十一五”规划课题:以就业为导向的职业教育教学理论与实践研究子课题——以就业为导向的高等职业教育软件技术专业教学整体解决方案设计与实践研究,获北京市2012教学成果二等奖,第二届“中国职业技术教育科学研究成果奖”三等奖。本教材系解决方案的配套教材。 -
编辑推荐
-
书评书荐
-
附件下载
图书推荐