醉染图书网页设计与制作实用教程9787302481331

章开发基础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..建立站点9
1.2.4制作网页9
1.2.5测试和发布10
1.3常用网页设计软件10
1.4HTML入门13
1.4.1HTML的概念13
1.4.2编写HTML网页14
1.4.3HTML标签15
1.4.4HTML文档的基本结构16
1.4.5了解XHTML.17
1.5本章习题19
1.6上机练习19
练习1的规划19
练习2用HTML编写网页文档19
第2章Dreamweer页制作基础20
2.1DreamweaverCS6的工作环境20
2.1.1开始页20
2.1.2Dreamweaver软件界面21
2.1.3自定义界面
2.1.4Dreamweaver的视图模式24
2.2建立本地站点27
2.2.1创建站点目录27
2.2.2在Dreamweaver中定义站点27
.在Dreamweaver中制作个网页30
..1新建HTML网页文档30
..2编辑和保存网页30
..预览网页30
..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设置图像属4
3..使用外部图像编辑器49
3.3多媒体对象在网页中的应用50
3.3.1在网页中应用Flas50
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.1CSS入门66
4.1.1“CSS样式”面板66
4.1.2定义CSS规则68
4.1.3在网页中应用CSS样式70
4.1.4CSS规则的类型71
4.2CSS样式详解73
4.2.1类型73
4.2.2背景75
4..区块6
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..表格标签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.2DIVCSS布局115
5.5本章习题119
5.6上机练习119
练习1利用表格布局网页实例119
练习2利用框架布局网页实例119
练习3利用DIVCSS布局网页实例121
第6章网页与交互122
6.1行为122
6.1.1附加行为122
6.1.2行为应用实例——网页加载时弹出公告页124
6.1.3内置行为简介126
6.2AP元素127
6.2.1应用APDiv创建AP元素127
6.2.2AP元素的属详解130
6..AP元素拖动效果132
6.3Spry框架133
6.3.1Spry效果133
6.3.2Spry构件135
6.4基础知识137
6.4.1标签137
6.4.2编写一个简单的程序138
6.4.3使用“代码片段”面板140
6.5本章习题144
6.6上机练习145
练习1行为应用实例——关闭网页时弹出信息145
练习2Spry构件应用实例——菜单栏145
练习3应用实例——问候对话框145
第7章模板和站点管理147
7.1模板147
7.1.1新建模板的方法147
7.1.2可编辑区域148
7.1.3创建基于模板的页面151
7.2资源管理152
7.2.1库152
7.2.2资源管理154
7.3站点管理和维护154
7.3.1测试154
7.3.2发布156
7.3.3导入和导出站点159
7.4本章习题160
7.5上机练习161
练习1模板及其应用161
练习2库及其应用161
第8章Photoshop网页设计基础162
8.1PhotoshopCS6的工作环境162
8.1.1PhotoshopCS6的界面162
8.1.2工作区布局和屏幕模式168
8.1.3使用标尺、网格和参考线169
8.2使用Photoshop绘制网页基本图形170
8.2.1创建Photoshop文档170
8.2.2绘制几何形状172
8..使用钢笔工具绘制路径175
8.2.4使用画笔177
8.2.5设置颜色180
8.3本章习题184
8.4上机练习184
练习1绘制网页图形184
练习2使用画笔绘制心形184
第9章Photoshop网页设计进阶186
9.1图层与蒙版186
9.1.1图层186
9.1.2图层样式189
9.1.3图层的混合模式192
9.1.4图层蒙版的操作193
9.2选区与通道196
9.2.1创建选区196
9.2.2通道及其应用199
9.3设计网页文字201
9.3.1输入和编辑文字202
9.3.2文字的转换204
9.3.3路径文字206
9.4调整网页图像207
9.4.1调整图像的基本属207
9.4.2修饰和修复图像210
9.4.3调整图像的色调217
9.4.4调整图像的色彩221
9.5使用滤镜网页图像的效果224
9.5.1使用滤镜库224
9.5.2“抽出”滤镜和“液化”滤镜225
9.5.3“模糊”滤镜和“锐化”滤镜227
9.6本章习题229
9.7上机练习0
练习1绘制Logo.0
练习2网页图像色调的调整0
0章使用Photoshop设计网页元素1
10.1设计图标和Logo.1
10.1.1绘制图标1
10.1.2绘制Logo.4
10.2设计网页广告图像
10.2.1制作Banner
10.2.2绘制网页通栏广告241
10.3设计网页按钮和导航条244
10.3.1绘制网页按钮244
10.3.2绘制网页导航条245
10.4设计网页247
10.4.1绘制网页248
10.4.2创建切片252
10.4.3优化切片并导出HTML文件254
10.4.4在Dreamweaver中编辑网页256
10.5本章习题257
10.6上机练习258
练习1绘制Logo.258
练习2绘制导航条258
练习3制作网页GIF动画259
练习4设计个人主页259
1章Flas制作基础260
11.1FlashCS6的工作环境260
11.1.1工作界面简介260
11.1.2面板的操作263
11.2Flas的制作265
11.2.1Flas的制作流程265
11.2.2制作个网页动画266
11.3绘制矢量图形269
11.3.1绘制线条269
11.3.2绘制简单图形272
11.3.3设计图形色彩276
11.3.4绘制复杂图形281
11.3.5图形的变形289
11.3.6绘制模式292
11.4位图和文字295
11.4.1应用位图295
11.4.2应用文字296
11.5本章习题301
11.6上机练习302
练习1绘制商业标志302
练习2制作公益广告303
2章制作网页动画304
12.1图层和帧304
12.1.1图层的基本概念和操作304
12.1.2帧的基本概念和操作307
12.2基础动画310
12.2.1逐帧动画310
12.2.2形状补间动画313
12..传统补间动画316
12.2.4沿路径运动的传统补间动画318
1.元件及其应用320
1..1元件的类型和创建元件的方法320
1..2影片剪辑元件3
1..按钮元件325
12.4不错动画328
12.4.1对象补间动画328
12.4.2动画编辑器和动画预设331
12.4.3遮罩动画333
12.4.43D动画和骨骼动画335
12.5使用Flash制作网络广告338
12.5.1企业形象Banner设计338
12.5.2横幅广告设计341
12.5.3网络广告设计346
12.6本章习题350
12.7上机练习351
练习1制作动态Logo.351
练习2制作产品推广横幅广告352
附录A常用HTML标签353
附录B安装IIS和配置Web服务器363
B.1安装IIS.363
B.2配置Web服务器364
附录C上传和下载工具——FlashFXP.370
C.1FlashFXP工作环境介绍370
C.2FTP站点的创建371
C.3文件的上传和下载372
C.4FlashFXP的不错应用373
附录D习题参考377标签  137
6.4.2  编写一个简单的JavaScript程序  138
6.4.3  使用“代码片段”面板  140
6.5  本章习题  144
6.6  上机练习  145
练习1  行为应用实例——关闭网页时弹出信息  145
练习2  Spry构件应用实例——菜单栏  145
练习3  JavaScript应用实例——问候对话框  145
第7章  模板和站点管理  147
7.1  模板  147
7.1.1  新建模板的方法  147
7.1.2  可编辑区域  148
7.1.3  创建基于模板的页面  151
7.2  资源管理  152
7.2.1  库  152
7.2.2  资源管理  154
7.3  站点管理和维护  154
7.3.1  测试  154
7.3.2  发布  156
7.3.3  导入和导出站点  159
7.4  本章习题  160
7.5  上机练习  161
练习1  模板及其应用  161
练习2  库及其应用  161
第8章  Photoshop网页设计基础  162
8.1  Photoshop CS6的工作环境  162
8.1.1  Photoshop CS6的界面  162
8.1.2  工作区布局和屏幕模式  168
8.1.3  使用标尺、网格和参考线  169
8.2  使用Photoshop绘制网页基本图形  170
8.2.1  创建Photoshop文档  170
8.2.2  绘制几何形状  172
8..  使用钢笔工具绘制路径  175
8.2.4  使用画笔  177
8.2.5  设置颜色  180
8.3  本章习题  184
8.4  上机练习  184
练习1  绘制网页图形  184
练习2  使用画笔绘制心形  184
第9章  Photoshop网页设计进阶  186
9.1  图层与蒙版  186
9.1.1  图层  186
9.1.2  图层样式  189
9.1.3  图层的混合模式  192
9.1.4  图层蒙版的操作  193
9.2  选区与通道  196
9.2.1  创建选区  196
9.2.2  通道及其应用  199
9.3  设计网页文字  201
9.3.1  输入和编辑文字  202
9.3.2  文字的转换  204
9.3.3  路径文字  206
9.4  调整网页图像  207
9.4.1  调整图像的基本属  207
9.4.2  修饰和修复图像  210
9.4.3  调整图像的色调  217
9.4.4  调整图像的色彩  221
9.5  使用滤镜网页图像的效果  224
9.5.1  使用滤镜库  224
9.5.2 “抽出”滤镜和“液化”滤镜  225
9.5.3 “模糊”滤镜和“锐化”滤镜  227
9.6  本章习题  229
9.7  上机练习  0
练习1  绘制Logo  0
练习2  网页图像色调的调整  0
0章  使用Photoshop设计网页元素  1
10.1  设计图标和Logo  1
  10.1.1  绘制图标  1
  10.1.2  绘制Logo  4
10.2  设计网页广告图像  
  10.2.1  制作Banner  
  10.2.2  绘制网页通栏广告  241
10.3  设计网页按钮和导航条  244
  10.3.1  绘制网页按钮  244
  10.3.2  绘制网页导航条  245
10.4  设计网页  247
  10.4.1  绘制网页  248
  10.4.2  创建切片  252
  10.4.3  优化切片并导出HTML文件  254
  10.4.4  在Dreamweaver中编辑网页  256
10.5  本章习题  257
10.6  上机练习  258
  练习1  绘制Logo  258
  练习2  绘制导航条  258
  练习3  制作网页GIF动画  259
  练习4  设计个人主页  259
1章  Flas制作基础  260
11.1  Flash CS6的工作环境  260
  11.1.1  工作界面简介  260
  11.1.2  面板的操作  263
11.2  Flas的制作  265
  11.2.1  Flas的制作流程  265
  11.2.2  制作个网页动画  266
11.3  绘制矢量图形  269
  11.3.1  绘制线条  269
  11.3.2  绘制简单图形  272
  11.3.3  设计图形色彩  276
  11.3.4  绘制复杂图形  281
  11.3.5  图形的变形  289
  11.3.6  绘制模式  292
11.4  位图和文字  295
  11.4.1  应用位图  295
  11.4.2  应用文字  296
11.5  本章习题  301
11.6  上机练习  302
  练习1  绘制商业标志  302
  练习2  制作公益广告  303
2章  制作网页动画  304
12.1  图层和帧  304
  12.1.1  图层的基本概念和操作  304
  12.1.2  帧的基本概念和操作  307
12.2  基础动画  310
  12.2.1  逐帧动画  310
  12.2.2  形状补间动画  313
  12..  传统补间动画  316
  12.2.4  沿路径运动的传统补间动画  318
1.  元件及其应用  320
  1..1  元件的类型和创建元件的方法  320
  1..2  影片剪辑元件  3
  1..  按钮元件  325
12.4  不错动画  328
  12.4.1  对象补间动画  328
  12.4.2  动画编辑器和动画预设  331
  12.4.3  遮罩动画  333
  12.4.4  3D动画和骨骼动画  335
12.5  使用Flash制作网络广告  338
  12.5.1  企业形象Banner设计  338
  12.5.2  横幅广告设计  341
  12.5.3  网络广告设计  346
12.6  本章习题  350
12.7  上机练习  351
练习1  制作动态Logo  351
练习2  制作产品推广横幅广告  352
附录A  常用HTML标签  353
附录B  安装IIS和配置Web服务器  363
B.1  安装IIS  363
B.2  配置Web服务器  364
附录C  上传和下载工具——FlashFXP  370
C.1  FlashFXP工作环境介绍  370
C.2  FTP站点的创建  371
C.3  文件的上传和下载  372
C.4  FlashFXP的不错应用  373
附录D  习题参考  377

    随着网络技术的发展，社会各个领域对开发技术的要求日益提，才市场上对开发工作人员的需求大大增加。开发工作包括市场需求分析、策划、网页平面设计、网页页面排版、网络动画设计、程序开发、的推广等方面，这是一项对开发人员的综合技能要求很高的系统工程。
    本书按照教学规律精心设计内容和结构，根据各类院校教学的实际课时安排，结合多位任课教师多年的教学经验进行教材内容的设计，力争教材结构合理、难易适中。
    本书可作为各类院校的网页设计与制作教材、各层次职业培训教材，也可作为广大开发爱好者的自学指导用书。
关于改版
    本书是《网页设计与制作实用教程（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章，各章节内容介绍如下。
    章学习开发的基础知识，包括开发概述、开发流程、常用网页设计软件、HTML入门等。
    第2章学习Dreamweaver&nbsC6础知识，包括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的滤镜等。
    0章学习使用Photoshop设计网页元素的知识，包括设计图标和Logo、设计网页广告图像、设计网页按钮和导航条、设计网页等。
    1章学习Flash基础知识，包括Flash CS6的工作环境、Flas的制作、绘制矢量图形、位图和文字等。
    2章学习制作网页动画的知识，包括图层和帧、几种Flas、元件及其应用、使用Flash制作网络广告等。
    为了方便读者的学习，本书还设计了4个附录，包括常用HTML标签、安装IIS和配置Web服务器、上传和下载工具——FlashFXP、习题参考。
本书特点
    1．紧扣教学规律，合理设计图书结构
    本书作者多是长期从事网页设计与制作教学工作的一线教师，具有丰富的教学经    验，紧扣教师的教学规律和学生的学习规律，全力打造难易适中、结构合理、实用强的教材。
    本书采取“知识要点—相关知识讲解—典型应用讲解—习题—上机练习”的内容结构，在每章的开始处给出本章的主要内容简介，读者可以了解本章所要学习的知识点；在具体的教学内容中既注重基本知识点的系统讲解，又注重学习目标的实用；每章都设计了“本章习题”和“上机练习”两个模块，既可以让教师合理安排教学内容，又可以让学习者加强实践，快速掌握本章知识。
    2．注重教学实验，加强上机练习内容的设计
    网页设计与制作是一门实践很强的课程，学习者只有亲自动手上机练习才能更好地掌握教材内容。本书根据教学内容统筹规划上机练习的内容，上机练习以实际应用为主线，以任务目标为驱动，读者的实践动手能力。
    每个上机练习都给出了操作要点提示，既方便读者进行上机练习，也方便任课教师合理安排练习指导。
    3．配套微课视频，让教学更加轻松
    为了让读者更轻松地掌握网页设计与制作技术，作者精心制作了配套微课视频。微课视频完全和教材内容同步，共20多小时超大容量的教学内容，全程语音讲解，真实操作演示，让读者一学就会。
    不管是教师还是学生，扫描二维码即可在线播放微课视频，这样更加有利于教师的教和学生的学。
本书作者
    本书主编为缪亮（负责编写章～第6章）、孙毅芳（负责编写第7章～2章），董春波、李鸿雁、杨景花、唐娴、孙翠改、郭刚、张爱文、陈凯、胡伟华、李敏、张海、丁文珂等参与了创作和编写工作，在此表示感谢。另外，感谢开封文化艺术职业学院、聊城幼儿师范学校对本书创作给予的支持和帮。
相关资源
    立体出版计划为读者建构的学习环境。的建构义学理论告诉我们，建构一个真正意义上的学习环境是学习成功的关键。学习环境中有真情实境、有协商和对话、有共享资源的支持才能使读者高效率地学习，并且学有所成。因此，为了帮读者建构真正意义上的学习环境，作者以图书为基础，为读者专门设置了一个图书服务。
    该提供相关图书资讯以及相关资料下载和读者俱乐部，在这里读者可以得到更多、更新的共享资源，还可以交到志同道合的朋友，相互交流、共同进步。
    资源网址：http://www.cai8.net
    公众号：itstudy


    作  者
    2017年5月