网页制作使用教程第1章.ppt

网页制作实用教程 新世纪计算机基础教育丛书 主编 谭浩强 总 目 录 第1篇 基础知识 第1章 概述 第2章 HTML简介 第2篇 网页制作 第3章 Dreamweaver使用基础 第4章 建立基本的网页 第5章 超 链 接 第6章 图 像 第7章 表 格 第8章 框 架 第9章 表 单 第10章 层、行为和时间线 第11章 管理站点 第3篇 图像处理 第12章 Fireworks的基本操作 第13章 编辑图像 第14章 设置图像的综合效果 第15章 Web图像处理 第4篇 动画制作 第16章 Flash的工作环境 第17章 绘制图像 第18章 制作动画 第19章 动画的交互与声音 第20章 动画的导出和发布 第1篇 基础知识 第1章 概 述 1.1 网页的基本概念 因特网（Internet）是一个世界范围的计算机互联网络，由各种不同类型和规模的独立运行和管理的计算机网络组成。 网页是能够被浏览器软件识别的文件，有时也把用浏览器看到的网页文件的内容叫做网页或页面。网页制作就是编写网页文件。网页文件的编辑需要使用一种称为HTML（hypertext markup language，超文本标记语言）的语言。 浏览器是专门用于浏览网页的软件，如Microsoft的IE、Netscape的Navigator等。当连通Internet，启动计算机中的浏览器后，浏览器就会按照地址栏中的地址找到网页文件并显示在屏幕上。 浏览网页时，移动鼠标，光标会在某些文字或图像上显示为手的形状，这就是超链接，也叫热点或热区，表示单击该处，可以链接到该提示所指的网页。要在Internet上查找信息，可以通过用鼠标单击网页中的超链接链接到存放在世界各地计算机中的一个个页面。 一个网页上不仅包含文字信息，如字、词等，还包含有图像、音频、视频等多媒体信息，以及可链接到其他地方的超链接，允许用户在读文档时，从文档的一个地方跳到另一个地方而不必按部就班地一行行进行。这种形式的文本就称为超文本。 网页就是用HTML语言编写的超文本。 1.2 网页制作的一般过程 制作网页如同泼墨作画，首先要进行构思，然后再加以实现。构思阶段需要考虑以下内容。 页面主题： 本页面中心问题是什么。 页面内容： 用什么内容反映主题，如文字、图片、声音、动画等。 结构布局： 将什么内容放在什么地方。 色彩搭配： 彩色页面如同五彩缤纷的大自然，能给人美的享受，然而色彩搭配必须得当。 概括起来只有两个原则：一是为读者提供有用的信息，二是要美观。如何把反映主题的内容按照设计的形式表现给读者呢？这要借助于一种称为超文本标记语言的规则加以实现。 超文本标记语言是一种简单的代码系统，利用特定的标记来产生各种特定的效果，比如控制超文本显示的字体、字号、颜色、位置，加入表格，插入图像、声音、超链接等。然而由于直接使用HTML制作网页比较繁琐，故许多公司开发出许多软件来帮助用户快速编制HTML文档，如微软的Frontpage、Macromedia的Dreamweaver等。这些软件和HTML统称为网页制作工具。 1.3 网页制作工具 HTML作为最基本的网页编辑语言，能制作出网页的各种效果。然而只有用浏览器打开含有HTML标记的网页文件时，才能看到设计的效果，而且，它毕竟是一种代码，网页制作人员必须记住一些标记。因此，为了使设计网页更加简单方便，产生了许多专用的网页编辑工具，主要分为三大类。 1. HTML代码编辑工具 这种软件把各种HTML的标记以按钮或菜单的形式提供给用户，当需要加入某种标记时，只需单击相应的按钮或菜单，标记就会自动加入到文件中，设计人员只需在标记中间加入自己的文字、图像、声音等内容。典型的有HomeSite、HotDogProfessional、HTMLedPro、WebEditPRO等，使用这种工具虽然省去了输入标记的时间，但设计人员仍然必须对各种标记的格式和功能非常熟悉，即使这样，编辑复杂页面仍然会显得繁杂。 2. 所见即所得工具 所谓所见即所得，就是在编辑网页时看到的效果与使用浏览器时看到的效果基本一致，最终保存为HTML型文件，这可给网页设计人员带来极大的方便。如果希望建立一个美观而又不复杂的站点，这种工具比较合适，可以很轻松地制作想要的效果，典型的软件是Drumbeat和NetObjectFusion。但这种软件有时并不能完全控制设计效果，也就是说在设计阶段看到的与最终在浏览器中看到的效果可能不完全一样，有时即使经过多次调试也不理想，这时还需要对它生成的HTML