全方位网页制作教程
2009-2
北京航空航天大学出版社
欧阳开翠，潭渊 主编
341
随着计算机技术、计算机通信和计算机控制技术的迅猛发展，特别是互联网的普及和发展，使得信息的交换，资源的共享更加广泛，网页制作的技术也随之不断提高，网页设计也从最初的代码设计发展到了今天的所见即所得。 目前，有很多的网页制作软件相继问世，Dreamweaver 8.0则是最优秀的网页制作和网站建设的软件之一，它是Macromedia继Dreamweaver MX 2004后推出的一个新版本的网页制作软件，也是目前流行的功能最强大的可视化网页制作工具。它集HTML代码编辑器、网页页面可视化视图窗口为一体，实现了所见即所得；具有浮动面板、浮动窗口，并可跨窗口、跨平台、跨浏览器进行浏览网页；还具有强大的网站管理功能，可以对远程站点实现管理，可以实现在线的上传和下载。 作为业界领先的网页制作软件，Dreamweaver 8.0除了增加许多精巧的改进、工作流程更加先进之外，在新功能中还加入了经过重新设计的CSS工具、速度更快的后台FTP，以及用于将XML文件转换为设计完美且更友好地支持浏览器的文档的工具。 与网页设计软件Dreamweaver 8.0一起称为网页设计三剑客的是Fireworks和Flash软件，这三者是当今网站开发的必备工具。 Fireworks 8.0是与Dreamweaver 8.0捆绑在一起的图像处理软件，专门为网页图形编辑而设计。用于矢量图形制作和图像处理，尤其是对网页上常用的.jpg和.gif图像的制作和处理，最为突出的功能是可以将多种格式的图像直接导出成为网页文件，同时Fireworks 8.0还能辨识矢量文件中绝大部分标识和Photoshop文件中的图层。其卓越的切割和优化功能使得用户可以直观简便地找到图像质量与下载速度之间的最佳平衡点；支持更多文件格式，比如QuickTime图像、MacPaint、SGI及JPEG 2000； 优化了批量处理流程，可使用户成批地重命名文件、在批量缩放文件的过程中检查文件大小；此外还新增了状态栏和日志文件，用于显示批处理状态信息和记录批处理的详细情况； 可以识别ActionScript颜色值，提供了可仿真移动设备实体模型的移动设备界面组件，为路径与文本对象添加阴影等。 同样，Flash 8.0与Dreamweaver 8.0捆绑在一起，是一个优秀的矢量绘图与动画制作软件。它秉承了矢量绘图软件的所有优点，能够制作出声色俱佳、互动性强的动画效果；特别由它制作出的动画文件非常小，在追求速度的网络上非常灵活，因此倍受网络界和动画界的喜爱。 1. 本书的读者对象 本书以浅显易懂、细腻流畅的语言对Dreamweaver 8.0、Fireworks 8.0和Flash 8.0的功能和基本操作方法进行了详细的介绍，并提供大量的实例以使读者能够尽快地掌握网页制作的方法和技巧，在课后还提供了一定量的练习，使读者能活学活用并对所学的知识进行彻底的掌握。 本书是一本适合高等院校的学生学习网页制作的基础教材，也可以作为广大网页制作爱好者的自学、入门书籍；而对于有一定基础的中级以上用户还可作为提高自身网页制作水平书籍，还适合初步掌握Fireworks等设计工具的网页美工设计人员、网页设计爱好者和动画爱好者的借鉴和阅读；而对于网站开发者的用户来说，本书非常具有参考价值。 2. 本书的安排 本书内容共分为14章。第1章主要介绍了HTML基础知识。第2章－第11章以循序渐进的方式全面介绍Dreamweaver 8.0中文版的基本功能，剖析了网页设计技巧，并以实例来加深对基本功能的理解和掌握；其中，第2－4章，为网页制作基本工具以及网站设计的基本方法；第5－10章分别讲述文本、图像、超级链接、多媒体、表格、框架、层、表单、CSS样式的制作方法和使用技巧；第10和11章详细讲述了行为、库和模板的概念和使用方法。第12章介绍了Fireworks 8.0基本功能、操作方法和技巧。第13章介绍了Flash动画制作软件的基本功能、操作方法和技巧。第14章简单介绍动态网页的基本概念、创建动态网页的脚本知识和网站发布的基本方法。本书的章节安排合理、层次清晰、内容翔实，丰富的例子和全新的图解方式易学易懂，使读者能在最短的时间内轻松地精通Dreamweaver 8.0的精髓，学会图像处理和动画制作的基本方法。 3. 本书的作者 本书由欧阳开翠、谭渊、郑建标和陈珊珊共同执笔编写，其中第3、6－11章由欧阳开翠编写，第2、4、5章由谭渊编写，第1、14章由郑建标编写，第12、13章由陈珊珊编写。谢安俊、乔韡韡、廖雪峰等老师也对本教材的编写提供了很大的帮助。此外，温州大学瓯江学院领导对本教材的编写和出版也给予了大力的支持和帮助。在此一并向他们致以最诚挚的感谢。 编者们都是来自教学战线的老师，他们在编写教材的过程中加入了大量的实际经验和体会，希望能对读者有所帮助。同时，由于作者的水平有限，对本书中存在的不足之处，恳请广大读者提出宝贵意见及建议。
本书着重讲述了在Dreamweaver 8.0环境下网页设计的基本方法和技巧，详细介绍了如何在网页中使用各种网页元素和如何利用网页元素进行网页布局。由于在网页中合理使用图像和动画会使网页增色不少，因此，本书还以较大篇幅介绍了图像处理软件Fireworks 8.0和动画制作软件Flash 8.0的基本功能、操作方法和技巧，最后还介绍了创建动态网页的脚本知识和网站发布的基本方法，并设计了丰富的实例来加深读者对各章节内容的理解和掌握。 本书可作为高等院校网页制作的基础教材，也可作为广大网页制作爱好者的参考工具。
第1章 HTML基础 1.1 HTML的基本概念 1.1.1 关于HTML文件 1.1.2 HTML文件的结构 1.2 常用标签介绍 1.2.1 公共属性与知识 1.2.2 HTML基本框架 1.2.3 排版控制 1.2.4 字体标签 1.2.5 清单标签 1.2.6 表格标签 1.2.7 图形与超链标签 1.2.8 表单标签 1.2.9 滚动字幕 1.2.10 标签一览表 1.3 特殊字符 1.4 XHTML简介 1.4.1 XHTML概况 1.4.2 XHTML的语法规定 1.4.3 关于XHTML的讨论 1.5 CSS样式简介 本章小结 练习与思考第2章 Dreamweaver 8.0简介 2.1 Dreamweaver 8.0的功能 2.2 Dreamweaver 8.0的启动 2.3 工作区布局 2.4 起始页 2.5 Dreamweaver 8.0的工作界面 2.6 Dreamweaver 8.0文档的基本操作 2.6.1 Dreamweaver和常见的文件类型 2.6.2 创建新文档 2.6.3 保存新文档 2.6.4 打开已有文档 2.7 常用快捷键介绍 本章小结 练习与思考第3章 网站制作流程、站点的创建与管理 3.1 网站建设流程 3.2 站点的创建与管理 本章小结 练习与思考第4章 网页的整体效果制作 4.1 网页的文件头设置 4.1.1 制作标题 4.1.2 插入META 4.1.3 插入关键字 4.1.4 插入说明 4.1.5 插入刷新 4.2 设置页面属性 4.2.1 制作外观 4.2.2 创建链接 4.2.3 制作标题 4.2.4 制作标题/编码 4.2.5 制作跟踪图像 4.3 辅助设计 4.3.1 设置页面尺寸 4.3.2 使用标尺、网格和辅助线 本章小结 练习与思考第5章 网页中的文本、图像和超链接 5.1 网页中的文本 5.1.1 网页中文本输入 5.1.2 设置汉字的字体列表 5.1.3 输入空格 5.1.4 输入特殊字符 5.1.5 文本换行 5.1.6 文本属性设置 5.1.7 插入水平线 5.2 网页中的图像 5.2.1 网页图像格式简介 5.2.2 插入图像 5.2.3 图像的属性设置 5.2.4 映射图像 5.2.5 插入图像占位符 ……第6章 网页的布局——表格、层和框架第7章 制作网页表单第8章 网页中的多媒体第9章 CSS样式表第10章 资源、模板和库第11章 在网页中使用行为第12章 Fireworks 8.0基础知识第13章 Flash 8.0基础知识第14章 ASP简介与网站的发布参考文献
第1章 HTML基础 HTML标记语言是网页制作的基础，所有的网页都是由HTML标签及各种文本内容所组成的。从理论上来讲，如果一个人掌握了所有的HTML标签及其使用方法，那么他就可以不使用任何网页制作软件，而只需使用文本编辑器记事本即可制作各种复杂的网页了。 当然随着FrontPage、Dreamweaver等网页制作软件的出现，使得记事本制作网页的方法已逐渐过时。因此，HTML的基本概念以及一些常用的HTML标签的学习和掌握成为制作网页的基础。在掌握了HTML的相关知识后，至少可以做这样一些事情： ①即使机器中没任何网页制作软件，也可以用记事本进行简单的网页编写，或对已有网页进行简单的修改。 ②对于部分网页制作软件没有提供的功能，也可以用HTML直接编写出相应的功能。
