网页设计与制作实用教程
2009-1
机械工业出版社
马绍惠 编
235
随着计算机网络技术的发展,人类正快速进入一个前所未有的、网络化、信息化的社会。由于互联网的迅猛发展,以及全球范围内信息化的逐步实现,网络已遍及人们生活的每个角落,逐渐改变着人们的生活、学习和工作方式,并进一步引起了产业结构的变化。 越来越多的企业、事业单位、行政机关和个人通过建设自己的网站,制作网页来宣传自已的形象,展示自我风采。同时也不断地从其他网站上获取自己所需要的信息。因而掌握网站构建和网页制作技术是新世纪青年不可缺少的素质。时代的发展呼唤更多的网页设计与制作人员加入到这个前景广阔的工作中来。 为了适应当今时代对技术人才的需求,配合中、高等职业教育在新世纪对教育教学改革的要求,尽快培养出大批既有较扎实的专业理论知识,又有较强的网页、网站制作与管理技能的高素质人才,特意编写了本书。 本书在内容上涵盖了Macromedia公司的Dreamweaver 8、Flash 8和Fireworks 8三个软件,这三个软件是目前Macromedia公司最新推出的专业网页制作的优秀套件,在功能上有着非常紧密完善的结合,被称为“网页三剑客”。 其中Dreamweaver 8是一种即插即用的网页编辑软件,它界面美观,操作简便,易学易用,具有较强的网页编辑和网站管理能力,可导入Fireworks图像、Flash影片等;Flash 8是一款动画设计与编辑软件,利用它制作的动画文件只需几KB就可以实现许多令人心动的效果,用在网页设计上不仅可以使网页更加生动,而且体积小、下载速度快;Fireworks 8是一款专业的网络图形设计和处理工具,它是编辑矢量和位图的综合工具。Fireworks和Dreamweaver紧密结合,与Macromedia公司的其他图形程序和HTML编辑器结合使用,为网站的制作提供了一套完整的方案。 本书的特色是内容精简实用,可读性、实践性强,语言通俗,讲解细致,实例丰富,分析透彻。在编写过程中,结合网络发展的技术要求,摒除了部分陈旧的理论说教,重点强调工作技能的培养,便于读者尽快地将所学知识运用到实际工作当中。各章节内容承前启后、循序渐进,并通过大量的实例、习题和实验操作,一步步引导学生将所学的知识运用到实际工作和生活中。 以实践为核心,以实践为目的是本书编写的宗旨。对于每一个知识点的讲解,避免用过多的、枯燥乏味的理论讲述,而是先用浅显易懂的小实例讲述知识点,再用颇具实用价值的、融合了其他知识点的多个实例引导并激发学生进一步学习的兴趣。 本书的所有例题都已经过实际运行,读者可以参照本书所配光盘比较运行效果。 本书由马绍惠主编,由田更、张磊任副主编,参编人员有杨安民、郭祖华、谌湘倩、王崇科、梁娟、刘丹、魏勇、邓静、解瑞云、赵春、王海涛。由于时间仓促以及编者水平有限,书中难免会有缺点和不足之处,敬请广大读者批评指正。
《高职高专“十一五”计算机类专业规划教材:网页设计与制作实用教程》主要介绍了Macromedia公司最新推出的网页设计软件Dreamweaver 8、Web动画制作软件Flash 8和Web图像处理软件Fireworks 8,同时在附录中列出了这3个软件在使用过程中的常见问题及操作技巧。 全书共分19章。第1~8章介绍了Dreamweavei’8的主要功能和操作方法,如站点的建设与管理,表格、表单、框架、时间轴、层、行为、模板和库的使用方法及应用技巧等;第9~14章介绍了如何利用Flash 8绘制图形、创建Flash基础动画及Web交互动画的方法与技巧;第15章列举了多个Flash动画实例,以强化对前面内容的掌握;第16~18章介绍了Fireworks位图和矢量图的编辑方法、图像处理中层的管理、帧的编辑等一些高级操作技巧。 《高职高专“十一五”计算机类专业规划教材:网页设计与制作实用教程》附有大量生动典型的实例,每章有小结及练习题,并在第19章给出了与《高职高专“十一五”计算机类专业规划教材:网页设计与制作实用教程》配套的上机操作实训,为上机实验提供了便利。 《高职高专“十一五”计算机类专业规划教材:网页设计与制作实用教程》语言通俗精炼、实例丰富、选材新颖、思路清晰,实用性和实践性较强。适宜用作高职高专院校计算机及相关专业网页制作方面的教材,也可作为广大网页制作爱好者的自学用书。
前言第1章 概述1.1 网络的基础知识1.2 网站制作的基础知识1.3 网页制作的常用工具1.3.1 网页编辑工具1.3.2 web图像与动画制作工具1.4 网站的制作流程1.4.1 网站的分析与规划1.4.2 网站的制作1.4.3 网站的维护1.5 本章小结思考与练习第2章 初识Dreamweaver 82.1 Dreamweaver 8的工作界面2.2 Dreamweaver常规参数的设置2.2.1 常规参数的设置2.2.2 字体编码方式的设置2.3 查找帮助信息2.3.1 启动帮助系统2.3.2 使用帮助系统2.4 本地站点的建立和页面属性的设置2.4.1 本地站点的建立2.4.2 页面属性的设置2.5 用 Dreamweaver制作简单的网页2.5.1 创建空白文档2.5.2 保存文档2.5.3 关闭文档2.5.4 打开现有文档2.5.5 网页的预览2.6本章小结思考与练习第3章 文本与图像3.1 文本的编辑3.1.1 文本的插入3.1.2 文本属性的设置3.2 图像的操作3.2.1 图像的插入3.2.2 图像属性的设置3.3 鼠标经过图像的制作3.4 本章小结思考与练习第4章 站点管理与超级链接4.1 站点管理4.1.1 站点的概念4.1.2 站点地图属性的设置4.1.3 “文件”面板4.2 超级链接4.2.1 超级链接概述4.2.2 文本或图像与外部文档的链接4.2.3 创建电子邮件链接4.2.4 命名锚记4.2.5 空链接4.2.6 创建图像映射图与HTML文件的链接4.2.7 链接的检查与修复4.3 本章小结思考与练习第5章 表格、框架、层、行为与网页布局5.1 表格5.1.1 表格的插入、选择与编辑5.1.2 表格格式的设置5.2 框架5.2.1 框架的概述5.2.2 框架的创建、保存和删除5.2.3 设置框架与框架集的属性5.3 层5.3.1 层的概念5.3.2 层的基本操作5.3.3 层的“属性”面板与“层”面板5.4 行为5.4.1 行为与行为面板5.4.2 行为的设置5.5 网页布局5.5.1 布局单元格与布局表格5.5.2 网页布局的调整5.6 本章小结思考与练习第6章 表单与样式表6.1 表单6.1.1 表单的概念6.1.2 创建表单域与设置表单域的属性6.1.3 插入表单对象6.1.4 表单应用实例6.2 样式表6.2.1 CSS样式面板6.2.2 创建和编辑样式表6.3 本章小结思考与练习第7章 模板与库7.1 模板7.1.1 模板的概念7.1.2 模板的创建与应用7.1.3 模板的管理与更新站点7.2 库7.2.1 库项目的创建与删除7.2.2 库项目的应用7.2.3 更新站点7.3 综合实例7.4 本章小结思考与练习第8章 时间轴8.1 时间轴与时间轴面板8.2 时间轴与动画8.2.1 沿直线运动的动画8.2.2 沿曲线运动的动画8.2.3 录制层路径动画8.2.4 动画的删除复制和移动8.3 时间轴应用实例8.4 本章小结思考与练习第9章 初识Flash 89.1 Flash的基础知识9.2 Flash 8的工作界面9.2.1 标题栏和菜单栏9.2.2 “工具”面板9.2.3 Flash的面板9.2.4 层与时伺轴9.3 Flash 8系统默认属性的设置9.3.1 绘画参数的设置9.3.2 其他参数的设置9.4 本章小结思考与练习第10章 图形的编辑与处理10.1 绘图辅助工具10.1.1 查看工具10.1.2 标尺、网格和辅助线10.2 主要的绘图工具10.3 图形的编辑工具10.3.1 “选择”工具和“部分”选取工具10.3.2 橡皮擦、颜料桶、墨水瓶、滴管与填充变形工具10.3.3 对象的变形10.4 实例介绍10.5 本章小结思考与练习第11章 元件与实例11.1 元件的创建11.1.1 元件、库和实例的概念11.1.2 元件符号的分类11.1.3 创建图形元件的实例11.1.4 创建影片剪辑元件的实例11.1.5 创建按钮元件的实例11.2 元件实例属性的编辑及实例11.2.1 元件实例属性的编辑11.2.2 元件实例属性编辑的实例11.3 本章小结思考与练习第12章 基础动画制作12.1 动画制作基础12.1.1 动画的概念12.1.2 时间轴与关键帧12.1.3 动画的分类12.2 基础动画的制作12.2.1 逐帧动画的制作12.2.2 动作动画的制作12.2.3 形状动画的制作与实例12.3 Flash动画提高12.3.1 添加引导层的动画12.3.2 遮罩动画的制作12.4 综合实例12.5 本章小结思考与练习第13章 Flash交互动画制作13.1 ActionScript基础13.1.1 ActionScfipt脚本的常量、变量、运算符和表达式13.1.2 ActionScript的语法规则13.1.3 AetionScript脚本语言的基本控制语句13.1.4“动作”面板13.1.5 ActionScript预定义的类13.1.6 常用的行为命令与函数13.2 交互动画实例13.2.1 模拟时钟的控制13.2.2 容器中弹跳的小球13.3 动画的测试与发布13.3.1 动画的测试13.3.2 动画的预览与发布13.4 本章小结思考与练习第14章 声音的加入14.1 声音的导人14.2 将声音加入影片14.3 声音的编辑14.4 本章小结思考与练习第15章 Flash综合实例15.1 图形制作15.1.1 气泡的制作15.1.2 立体文字的制作15.2 初级动画制作实例15.2.1 碰撞的小球15.2.2 探照灯15.3 高级动画制作实例15.3.1 鼠标跟随特效15.3.2 海底中上升的气泡15.4 本章小结思考与练习第16章 Fireworks 816.1 Fireworks 8的基础知识16.2 Fireworks 8的工作环境16.2.1 Fireworks 8的工作界面16.2.2 Fireworks 8的工作模式16.3 中文Fireworks 8的基本操作16.3.1 文档的创建、打开与保存16.3.2 标尺、网格和辅助线16.4 本章小结思考与练习第17章 图形编辑17.1 Fireworks的绘图工具17.1.1 位图工具17.1.2 矢量工具17.2 样式17.2.1 应用样式17.2.2 编辑样式17.3 文本的创建与编辑17.3.1 文本的输入17.3.2 文字的变形17.3.3 路径文字17.4 图像的特效处理17.4.1 蒙板处理17.4.2 滤镜处理17.4.3 对象的排列对齐与组合17.4.4 实例介绍17.5 本章小结思考与练习第18章 Fireworks动画18.1 元件18.1.1 元件的创建与分类18.1.2 元件的编辑18.2 层与帧的操作18.2.1 层的基本操作18.2.2 帧的基本操作18.3 动画的制作与输出18.3.1 动画的制作与预览18.3.2 动画的导出与优化18.4 实例介绍18.5 本章小结思考与练习第19章 操作实训实验一 Dreamweaver入门及基本操作实验二 超级链接的应用实验三 表格、层与行为的应用实验四 表单的练习实验五 Flash入门及基本操作实验六 元件及符号的操作实验七 Flash基础动画的创建实验八 动画综合训练实验九 Fireworks入门及基本操作实验十 Fireworks图形编辑附录附录A Dreamweaver网页制作常见问题及技巧附录B Flash影片制作常见问题及制作技巧附录C Fireworks图形制作常见问题及制作技巧参考文献
第1章 概述 进行网站建设,必须要清楚所建立的网页和网站到底是由什么组成的,建好后的网站要放在什么地方,以什么形式存放,网页如何被浏览,在网站使用过程中如何进行更新与维护等,要解决上述问题就必须了解一些网站制作应必备的网络与网页的基础知识。 1.1网络的基础知识 1.互联网 互联网(Internet)是目前全球最大的计算机通信网,它通过电话线、光纤传输材料等通信线路,使用一定的通信规范,把位于世界各地具有独立工作能力的计算机连接起来,使之能够实现网络通信、资源共享。 2.全球信息网 全球信息网(World Wide Web.www)是一个大型的、分布式的、全球性的、交互的、动态的、跨平台的超媒体图形信息系统,是Intemet中最流行、最主要的信息服务方式,用户通过Intemet能够浏览、查询和共享全球信息网服务器站点上所有的超媒体信息。 3.网页 网页是全球信息网的基本文档,是在网络上用来同其他用户交流信息的最基本的组成部分。网页界面的构成元素主要有文字、超链接和图像,另外还有声音、视频图像和动画等多媒体元素,以及由JavaScript、ActiveX控件制作的特殊效果和交互功能,以丰富网页内容,增强网页功能。 4.超文本标记语言 超文本标记语言(Hyper Text Markup Language-HTML)是互联网上非常流行的网页设计语言。HTML能独立地运行于各种操作平台上,不受操作系统的影响,自1990年起就一直被用作全球信息网的信息表示语言。由HTML语言编写的文件被称为HTML文件,它的扩展名是.htm或.html。 5.浏览器 浏览器是用于浏览网页的应用程序,它在接收HTML页面时采用的是HTTP协议。目前使用较为广泛的的浏览器有Microsoft公司的IE浏览器和Netscape公司的浏览器。 ……
其他版本请见:《高职高专“十一五”计算机类专业规划教材:网页设计与制作实用教程》