本书是畅销教材《网页设计与制作实用教程(Dreamweaver Flash Photoshop)(第2版)》的修订升级版,主要介绍用Dreamweaver、Photoshop和Flash进行网页设计与制作的方法。本书以实例带动教学,注重对读者动手实践能力的培养。书中每章都设计了本章习题和上机练习两个模块,既可以让教师合理安排教学实践内容,又可以让学习者举一反三,快速掌握本章知识。
全书共包括12章,第1章介绍网站开发的基础知识;第2~7章介绍使用Dreamweaver进行网页制作和网站管理的方法;第8~10章介绍使用Photoshop进行网页图像设计和绘制网页的方法;第11章和第12章介绍使用Flash进行网页动画制作的方法。
为了让读者更轻松地掌握网页设计与制作技术,作者制作了配套微课视频。微课视频包括教材的全部内容,全程语音讲解、真实操作演示,让读者一学就会。
本书内容精练,构思科学合理,实例丰富,理论与应用配合紧密,既可作为各类院校的网页设计与制作教材,也可作为培训机构相关专业的培训教材,还可作为网站开发人员和网站开发爱好者的自学或参考 用书。
随着网络技术的发展,社会各个领域对网站开发技术的要求日益提高,人才市场上对网站开发工作人员的需求大大增加。网站开发工作包括市场需求分析、网站策划、网页平面设计、网页页面排版、网络动画设计、网站程序开发、网站的推广等方面,这是一项对开发人员的综合技能要求很高的系统工程。
本书按照教学规律精心设计内容和结构,根据各类院校教学的实际课时安排,结合多位任课教师多年的教学经验进行教材内容的设计,力争教材结构合理、难易适中。
本书可作为各类院校的网页设计与制作教材、各层次职业培训教材,也可作为广大网站开发爱好者的自学指导用书。
关于改版
本书是《网页设计与制作实用教程(Dreamweaver Flash Photoshop)(第2版)》的修订升级版。《网页设计与制作实用教程(Dreamweaver Flash Photoshop)》于2011年出版,2013年升级为第2版,前后共重印12次,累计发行5万多册。由于教材内容新颖、实用,深受广大读者的欢迎,目前全国已有几十所各类院校选择该书作为正式的网页设计与制作教材,许多职业培训机构也采用该书作为培训教材。随着软件新版本的发布以及教材使用经验、读者反馈信息的不断积累,教材的修订迫在眉睫。
本书主要在以下几个方面进行了改进:
(1)采用Dreamweaver CS6、Flash
CS6和Photoshop
CS6简体中文版对图书内容重新进行了创作,注重新技术的应用。
(2)对全书的文字叙述进行了优化,使知识叙述得更科学、更清晰。
(3)开发了更加专业的微视频课程,涵盖教材全部内容,方便教师辅助教学。
主要内容
本书涉及网站开发的基础知识、使用Dreamweaver制作网页和管理网站的方法、使用Photoshop制作网页图像和进行网页平面设计的方法、使用Flash制作网络动画的方法。全书共分12章,各章节内容介绍如下。
第1章学习网站开发的基础知识,包括网站开发概述、网站开发流程、常用网页设计软件、HTML入门等。
第2章学习Dreamweaver CS6基础知识,包括Dreamweaver CS6的工作环境、建立本地站点、在Dreamweaver中制作第一个网页等。
第3章学习制作网页内容的知识,包括文字和段落在网页中的应用、图像在网页中的应用、多媒体对象在网页中的应用、超链接等。
第4章学习CSS样式表的知识,包括CSS入门、CSS样式详解、创建CSS样式等。
第5章学习网页布局的知识,包括网页布局类型、用表格进行网页布局、框架、用CSS进行网页布局等。
第6章学习网页特效与交互的知识,包括行为的应用、AP元素、Spry框架、JavaScript基础知识等。
第7章学习模板和站点管理的知识,包括模板、资源管理、站点管理和维护等。
第8章学习Photoshop网页设计基础知识,包括Photoshop CS6的工作环境、Photoshop的工具箱和面板、Photoshop的工具栏和辅助作图工具、创建Photoshop文档、绘制各种图形和设置颜色的方法、认识画笔等。
第9章学习Photoshop网页设计进阶的知识,包括Photoshop的图层、Photoshop的选区和通道、设计网页文字、网页图像的调整、Photoshop的滤镜等。
第10章学习使用Photoshop设计网页元素的知识,包括设计网站图标和Logo、设计网页广告图像、设计网页按钮和导航条、设计网页等。
第11章学习Flash基础知识,包括Flash CS6的工作环境、Flash动画的制作、绘制矢量图形、位图和文字等。
第12章学习制作网页动画的知识,包括图层和帧、几种Flash动画、元件及其应用、使用Flash制作网络广告等。
为了方便读者的学习,本书还设计了4个附录,包括常用HTML标签、安装IIS和配置Web服务器、网站上传和下载工具FlashFXP、习题参考答案。
本书特点
1.紧扣教学规律,合理设计图书结构
本书作者多是长期从事网页设计与制作教学工作的一线教师,具有丰富的教学经
验,紧扣教师的教学规律和学生的学习规律,全力打造难易适中、结构合理、实用性强的教材。
本书采取知识要点相关知识讲解典型应用讲解习题上机练习的内容结构,在每章的开始处给出本章的主要内容简介,读者可以了解本章所要学习的知识点;在具体的教学内容中既注重基本知识点的系统讲解,又注重学习目标的实用性;每章都设计了本章习题和上机练习两个模块,既可以让教师合理安排教学内容,又可以让学习者加强实践,快速掌握本章知识。
2.注重教学实验,加强上机练习内容的设计
网页设计与制作是一门实践性很强的课程,学习者只有亲自动手上机练习才能更好地掌握教材内容。本书根据教学内容统筹规划上机练习的内容,上机练习以实际应用为主线,以任务目标为驱动,增强读者的实践动手能力。
每个上机练习都给出了操作要点提示,既方便读者进行上机练习,也方便任课教师合理安排练习指导。
3.配套微课视频,让教学更加轻松
为了让读者更轻松地掌握网页设计与制作技术,作者精心制作了配套微课视频。微课视频完全和教材内容同步,共20多小时超大容量的教学内容,全程语音讲解,真实操作演示,让读者一学就会。
不管是教师还是学生,扫描二维码即可在线播放微课视频,这样更加有利于教师的教和学生的学。
本书作者
本书主编为缪亮(负责编写第1章~第6章)、孙毅芳(负责编写第7章~第12章),董春波、李鸿雁、杨景花、唐娴、孙翠改、郭刚、张爱文、陈凯、胡伟华、李敏、张海、丁文珂等参与了创作和编写工作,在此表示感谢。另外,感谢开封文化艺术职业学院、聊城幼儿师范学校对本书创作给予的支持和帮助。
相关资源
立体出版计划为读者建构全方位的学习环境。最先进的建构主义学习理论告诉我们,建构一个真正意义上的学习环境是学习成功的关键。学习环境中有真情实境、有协商和对话、有共享资源的支持才能使读者高效率地学习,并且学有所成。因此,为了帮助读者建构真正意义上的学习环境,作者以图书为基础,为读者专门设置了一个图书服务网站。
该网站提供相关图书资讯以及相关资料下载和读者俱乐部,在这里读者可以得到更多、更新的共享资源,还可以交到志同道合的朋友,相互交流、共同进步。
资源网站网址:http://www.cai8.net
微信公众号:itstudy
作 者
2017年5月
第1章 网站开发基础... 1
1.1
网站开发概述... 1
1.1.1 什么是网站... 1
1.1.2 网站的类型及定位... 1
1.1.3 认识网页... 4
1.2
网站开发流程... 7
1.2.1 网站总体策划... 7
1.2.2 设计和制作素材... 8
1.2.3 建立站点... 9
1.2.4 制作网页... 9
1.2.5 测试和发布网站... 10
1.3
常用网页设计软件... 10
1.4
HTML入门... 13
1.4.1 HTML的概念... 13
1.4.2 编写HTML网页... 14
1.4.3 HTML标签... 15
1.4.4 HTML文档的基本结构... 16
1.4.5 了解XHTML. 17
1.5
本章习题... 19
1.6
上机练习... 19
练习1 网站的规划... 19
练习2 用HTML编写网页文档... 19
第2章 Dreamweaver网页制作基础... 20
2.1
Dreamweaver CS6的工作环境... 20
2.1.1 开始页... 20
2.1.2 Dreamweaver软件界面... 21
2.1.3 自定义界面... 23
2.1.4 Dreamweaver的视图模式... 24
2.2
建立本地站点... 27
2.2.1 创建站点目录... 27
2.2.2 在Dreamweaver中定义站点... 27
2.3
在Dreamweaver中制作第一个网页... 30
2.3.1 新建HTML网页文档... 30
2.3.2 编辑和保存网页... 30
2.3.3 预览网页... 30
2.3.4 继续编辑网页... 32
2.4
本章习题... 33
2.5
上机练习... 33
练习1 定义本地站点... 33
练习2 制作一个简单网页... 33
第3章 制作网页内容... 34
3.1
文字和段落在网页中的应用... 34
3.1.1 插入文字... 34
3.1.2 设置文本属性... 35
3.1.3 设置段落格式... 39
3.1.4 插入特殊字符... 43
3.1.5 使用段落列表... 44
3.2
图像在网页中的应用... 45
3.2.1 插入图像... 46
3.2.2 设置图像属性... 48
3.2.3 使用外部图像编辑器... 49
3.3
多媒体对象在网页中的应用... 50
3.3.1 在网页中应用Flash动画... 50
3.3.2 在网页中应用FLV视频... 53
3.3.3 在网页中应用声音... 56
3.4
超链接... 58
3.4.1 创建超链接的方法... 59
3.4.2 超链接的路径... 61
3.4.3 链接目标... 62
3.5
本章习题... 63
3.6
上机练习... 63
练习1 制作文字网页... 63
练习2 制作图文混排网页... 64
练习3 制作Flash导航条... 65
第4章 CSS样式表... 66
4.1
CSS入门... 66
4.1.1 CSS样式面板... 66
4.1.2 定义CSS规则... 68
4.1.3 在网页中应用CSS样式... 70
4.1.4 CSS规则的类型... 71
4.2
CSS样式详解... 73
4.2.1 类型... 73
4.2.2 背景... 75
4.2.3 区块... 76
4.2.4 方框... 77
4.2.5 边框... 78
4.2.6 列表... 79
4.2.7 定位... 79
4.2.8 扩展... 81
4.3
创建CSS样式... 82
4.3.1 内部样式表... 82
4.3.2 外部样式表... 84
4.4
本章习题... 89
4.5
上机练习... 90
练习1 使用CSS自定义项目列表... 90
练习2 外部CSS文件的创建和应用... 90
第5章 网页布局... 91
5.1
网页布局的类型... 91
5.2
用表格进行网页布局... 93
5.2.1 在页面中插入表格... 93
5.2.2 设置表格属性... 96
5.2.3 表格标签... 97
5.2.4 用表格布局网页... 98
5.2.5 表格模式... 102
5.3
框架... 103
5.3.1 用框架布局页面... 103
5.3.2 创建框架和框架集... 106
5.3.3 设置框架和框架集属性... 107
5.3.4 保存框架和框架集... 109
5.3.5 控制带有链接的框架内容... 109
5.4
用CSS进行网页布局... 110
5.4.1 表格 CSS布局... 110
5.4.2 DIV CSS布局... 115
5.5
本章习题... 119
5.6
上机练习... 119
练习1 利用表格布局网页实例... 119
练习2 利用框架布局网页实例... 119
练习3 利用DIV CSS布局网页实例... 121
第6章 网页特效与交互... 122
6.1
行为... 122
6.1.1 附加行为... 122
6.1.2 行为应用实例网页加载时弹出公告页... 124
6.1.3 内置行为简介... 126
6.2
AP元素... 127
6.2.1 应用AP Div创建AP元素... 127
6.2.2
AP元素的属性详解... 130
6.2.3
AP元素拖动效果... 132
6.3
Spry框架... 133
6.3.1 Spry效果... 133
6.3.2 Spry构件... 135
6.4
JavaScript基础知识... 137
6.4.1