网页设计与制作实例教程.docx
《网页设计与制作实例教程.docx》由会员分享,可在线阅读,更多相关《网页设计与制作实例教程.docx(286页珍藏版)》请在文库网上搜索。
1、中等职业学校计算机系列规划教材 网页设计与制作实例教程 武马群 主编 李 波 编著 北京工业大学出版社内 容 提 要Macromedia 公司推出的 Dreamweaver、Fireworks 和 Flash,相互配合,浑然天成,被誉为“网页制作三 剑客”。本书详尽地介绍了 Dreamweaver MX 2004、Fireworks MX 2004、Flash MX 2004 的基础知识和基本使用 技巧,全书内容详实、层次清晰、实例丰富、详略得当、语言通俗易懂,是学习与应用“网页制作三剑客” 的经典教程。本书作为中职中专有关专业教材,也可作为、各种电脑培训班教材,还可作为网页制作爱好者、网站开
2、 发人员的参考用书。网页设计与制作实例教程武马群 主编 李 波 编著 北京工业大学出版社出版发行邮编:100022 电话:C010)67392308各地新华书店总经销 徐水宏运印刷厂印刷2005 年 6 月第 1 版2005 年 6 月第 1 次印刷787 mm1 092 mm 16 开本 印张 18 字数 438 千字印数:15 000 册ISBN 7-5639-1443-9/T222定价:25.00 元前言随着 Internet 的普及,网页制作技术也在不断的提高,除了传统的美工技术外,多媒体和交 互性技术已经在网页制作中得到了广泛应用。现在,Internet 上的网页正在成指数增长,只要
3、你愿 意,你也可以在 Internet 上安家,每个人都可以拥有自己的主页,如此一来,网页制作不再只是 少数人的专利,只要选择合适的网页制作工具,任何人都可以通过学习做出专业级效果的网页来。在多媒体制作和编辑领域久负盛名的 Macromedia 公司迎合了这一需求,在 20 世纪就开发出 了 Dreamweaver、Fireworks 和 Flash 3 个软件,由于三者之间优势互补,配合几乎是天衣无缝, 因此一经推出便立即引起了极大反响,牢牢占领了网页制作市场,成为诸多专业网页设计师和网 页制作爱好者的首选工具,被誉为“网页制作三剑客”。2003 年末,Macromedia 公司再接再厉,
4、推出了其新版本,这 3 个软件的界面进一步整合,操作更加简单,几乎涵盖了当前网页制作的所 有技术。本书就是为读者能够快速掌握这 3 个软件而编写的,全书分为 3 篇。第 1 篇全面介绍了Dreamweaver MX 2004 的功能及使用方法,对网页设计与网站建设进行了详细的阐述;第 2 篇以 丰富的实例引导读者掌握用 Fireworks MX 2004 进行网页图像设计、处理、制作的方法与技巧; 第 3 篇通过言简意赅的语言介绍了 Flash MX 2004 的基础知识,并运用生动简洁的实例,讲述了 Flash MX 2004 在动画制作方面的应用。由于计算机技术发展迅速,加之时间仓促,编者
5、水平有限,本书错误之处在所难免,恳请广大读者批评指正。编 者2005 年 5 月目录第 1 章网页三剑客概述11.1三剑客的安装与卸载11.1.1安装及运行环境11.1.2三剑客的安装11.1.3三剑客的卸载31.2三剑客的启动与退出31.2.1 启动 Dreamweaver MX 200431.2.2 退出 Dreamweaver MX 20044【本章小结】4第 2 章Dreamweaver MX 2004 基础52.1认识网页52.1.1什么是网页52.1.2什么是 HTML62.1.3HTML 基本语法62.2 Dreamweaver 工作环境102.2.1Dreamweaver 工作
6、界面102.2.2设置工作参数112.2.3单位、标尺与网格142.3 Dreamweaver 的基本操作142.3.1创建文档142.3.2打开文档152.3.3保存与关闭文档152.3.4使用历史记录162.3.5命令的管理17【上机指导】17【本章小结】19【习题】19【实验】20第 3 章编辑网页213.1网页文本编辑213.1.1添加文本213.1.2格式化文本223.2网页代码编辑24目录53.2.1代码检查器243.2.2代码格式控制253.2.3代码的整理253.2.4编辑代码263.3认识 CSS273.3.1什么是 CSS273.3.2CSS 的分类283.4创建 CSS2
7、83.4.1新建 CSS293.4.2样式定义参数303.4.3CSS 样式面板33【上机指导】35【本章小结】36【习题】36【实验】37第 4 章使用网页对象384.1插入对象384.1.1插入文件头标签384.1.2插入水平线384.1.3插入日期394.1.4插入电子邮件链接404.1.5插入超级链接404.1.6插入命名锚记424.1.7插入图像434.1.8插入翻滚图444.1.9插入导航条454.2插入多媒体对象464.2.1插入 Flash 动画464.2.2插入 Flash 文本或按钮474.2.3 插入 Shockwave 电影484.2.4 插入 Java Applet4
8、84.2.5 插入 ActiveX494.2.6插入插件494.3插入表单504.3.1创建表单504.3.2表单域51【上机指导】55【本章小结】56【习题】56【实验】57第 5 章网页布局设计585.1网页布局浅析585.1.1网页布局的基本概念585.1.2网页布局的方法605.1.3网页布局类型605.1.4有关布局的几个问题615.2使用表格615.2.1表格的创建615.2.2表格及单元格的选择625.2.3格式化表格与单元格635.2.4编辑表格645.2.5利用表格进行网页布局665.3使用布局表格665.3.1布局表格和布局单元格675.3.2绘制布局单元格和表格675.3
9、.3为布局单元格添加内容685.3.4移动与改变大小695.3.5格式化布局表格或单元格695.3.6设置布局宽度705.3.7使用间隔图像705.4使用层715.4.1层面板715.4.2创建层725.4.3层的属性设置725.4.4层的“Z-顺序”735.4.5层的操作745.4.6层与表格755.5使用框架765.5.1框架与框架集765.5.2创建框架集775.5.3选取框架或框架集785.5.4保存框架和框架集文件795.5.5框架与框架集属性795.5.6编辑框架805.6模板815.6.1什么是模板815.6.2创建模板825.6.3使用模板845.7库项目855.7.1库面板8
10、65.7.2创建库项目875.7.3库项目属性875.7.4更新库项目87【上机指导】88【本章小结】90【习题】90【实验】91第 6 章行为与时间轴926.1行为926.1.1行为的概念926.1.2行为面板936.2内置行为的使用936.2.1交换图像936.2.2弹出信息946.2.3打开浏览器窗口946.2.4拖动层956.2.5播放声音966.2.6改变属性966.2.7显示-隐藏层966.2.8弹出式菜单976.2.9设置文本996.2.10转到 URL1006.3时间轴1006.3.1时间轴简介1006.3.2时间轴面板1016.3.3创建一个时间轴动画1026.3.4通过拖动
11、路径创建时间轴1036.3.5修改时间轴1036.3.6将动画条应用于不同的对象1046.3.7在时间轴中添加行为104【上机指导】105【本章小结】108【习题】108【实验】108第 7 章网站建设1097.1设计网站1097.1.1什么是网站1097.1.2网站的开发流程1097.1.3本地计算机与 Internet 服务器1097.1.4本地站点与远程站点1107.2站点结构与资源管理1107.3创建站点1117.3.1通过向导定义站点1117.3.2通过高级方式定义站点1137.4编辑站点1157.4.1管理站点对话框1157.4.2文件面板1157.4.3上传和下载站点1177.5
12、维护站点1187.5.1同步更新网站1187.5.2使用遮盖功能1197.5.3测试站点1207.5.4查找和替换124【上机指导】126【本章小结】127【习题】127【实验】128第 8 章Fireworks MX 2004 基础1298.1Fireworks MX 2004 简介1298.1.1位图与矢量图1298.1.2交互式图形1308.1.3优化和导出图形1308.2Fireworks MX 2004 工作环境1308.2.1工作界面简介1308.2.2使用界面元素1318.2.3设置首选参数1368.3文档基本操作1388.3.1创建新文档1388.3.2打开和导入文件1388.
13、3.3保存文件1398.4优化与导出1398.4.1关于优化1398.4.2使用“导出向导”1398.4.3使用“导出预览”1408.4.4在工作区中优化1408.4.5从 Fireworks 导出144【本章小结】145【习题】145【实验】145第 9 章绘图工具的使用1469.1选择与变形对象1469.1.1选择对象1469.1.2选择像素1479.1.3编辑所选对象1509.1.4变形和扭曲所选对象和选区1509.1.5组织对象1509.2位图工具1519.2.1创建位图对象1529.2.2编辑位图对象1529.2.3修饰位图1529.2.4调整位图颜色和色调1539.2.5向图像中添
14、加杂点1549.3矢量工具1559.3.1绘制矢量对象1559.3.2编辑路径1579.4使用文本1589.4.1输入文本1589.4.2编辑文本1599.4.3将笔触、填充和效果应用到文本1599.4.4将文本附加到路径1609.4.5变形文本1609.4.6将文本转换为路径1609.4.7导入文本1609.4.8处理缺少的字体1619.5Web 工具1619.5.1创建和编辑切片1619.5.2使切片交互1639.5.3准备切片以供导出1669.5.4使用热点和图像映射1679.6颜色工具1689.6.1使用工具面板的颜色控件1689.6.2组织样本组和颜色模式1689.6.3使用颜色框和
15、颜色弹出窗口1699.6.4使用笔触1699.6.5使用填充1709.6.6应用渐变和图案填充1719.6.7向笔触和填充中添加纹理172【上机指导】173【本章小结】176【习题】176【实验】176第 10 章层、蒙版及资源17710.1使用层17710.2用蒙版掩盖图像17910.2.1关于蒙版17910.2.2用现有对象创建蒙版18010.2.3使用层面板掩盖对象18110.2.4组合对象以构成蒙版18210.2.5编辑蒙版18210.3混合与透明度18310.3.1关于混合模式18310.3.2调整不透明度并应用混合18410.4资源18510.4.1使用样式18510.4.2使用元
16、件18510.4.3使用 URL186【本章小结】186【习题】186第 11 章动画、按钮、弹出菜单18711.1动画18711.1.1制作动画18711.1.2使用动画元件18711.1.3使用帧18811.1.4补间18911.1.5预览动画18911.1.6导出动画18911.1.7使用现有动画19011.1.8将多个文件用作一个动画19011.2按钮19011.2.1按钮状态及按钮编辑器19111.2.2创建按钮19111.2.3导入按钮元件19211.2.4编辑按钮元件19211.2.5设置按钮交互属性19211.2.6创建导航栏19311.3弹出菜单193【上机指导】194【本章
17、小结】198【习题】198第 12 章效果及自动工具19912.1使用动态效果19912.1.1应用动态效果19912.1.2编辑动态效果19912.2使用自动工具20012.2.1查找和替换20012.2.2批处理200【上机指导】202【本章小结】203【习题】203【实验】204第 13 章Flash 快速入门20513.1认识工作界面20513.1.1认识工作界面20513.1.2使用舞台20613.1.3使用时间轴20713.1.4使用帧和关键帧20713.1.5使用层20813.1.6工具栏20913.1.7使用工具面板20913.1.8使用网格、辅助线和标尺20913.1.9使用
18、面板及属性面板21013.1.10设置 Flash 的首选参数21013.2创建第一个应用程序21113.2.1创建新文档21113.2.2添加媒体内容21113.2.3添加导航控件21213.2.4添加动画和基本的交互性21313.2.5测试应用程序21313.2.6发布和查看应用程序214【本章小结】214【习题】214【实验】214第 14 章绘图工具的使用21514.1铅笔工具的使用21514.2线条工具的使用21514.3选择工具的使用21514.4套索工具的使用21614.5钢笔工具的使用21714.6部分选取工具21714.7椭圆工具的使用21714.8矩形工具的使用21814.
19、9任意变形工具21814.10刷子工具的使用21814.11橡皮擦工具的使用21914.12墨水瓶工具的使用22014.13颜料桶工具的使用22014.14滴管工具的使用22014.15填充变形工具的使用220【上机指导】221【本章小结】222【习题】222【实验】223第 15 章动画制作基础22415.1元件和实例22415.1.1元件的分类22415.1.2元件的使用22515.1.3创建图形或影片剪辑元件22515.1.4创建按钮元件22515.1.5修改元件22615.1.6重制和修改元件的实例22615.1.7实例22615.2帧22615.2.1帧的基本概念22715.2.2帧
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 制作 实例教程