《网页制作教程》电子教案.pdf

第1章 网页制作初识 通过本章学习，应该掌握以下内容： 1. 认识网页 2. 构成网页的基本要素 3. 制作网页的基本工具 4. 美化网页的基本工具 5. 网页制作的基本步骤 1.1 一个校园网的制作示例 1.1.1 主要网页画面 1.1.2 网页的基本功能 1.2 网页的基本要素 1.2.1 文字 文字是网页发布信息所用的主要形式，由文字制作出的网 页占用空间小，因此，当用户浏览时，可以很快的展现在用户面 前。另外，文字性网页还可以利用浏览器中“文件”菜单下的“另存 为”功能将其下载，便于以后长期阅读，也可对其进行编辑打印。 但是没有编排点缀的纯文字网页，又会给人带来死板不活泼的感 觉，使得人们不愿意再往下浏览。所以，文字性网页一定要注意 编排，包括标题得字型字号，内容的层次样式，是否需要变换颜 色进行点缀等等。 1．标题 一个网页通常都有一个标题，表明本网页的主要内容。标题是 醒 目，是吸引浏览者能否注意的一个关键，因此对标题的设计是 很重要的。 2 ．字号 网页中的文字不能太大或太小。太大会使得一个网页信息量 变， 太小又使人们浏览时感到费劲。一个优秀网页中的文字，应统筹 规划，大小搭配适当，给人以生动活泼之感觉。 3 ．字型 在网页适当的位置采用不同的字体字型，也能使网页产生吸引 人的效果。应该注意的是在报刊上变换字体字型非常普遍，它可 以在不同的地方使用不同的字型。但在网页制作上却要慎重。因 为有些美丽的字型在制作网页的计算机上有，但将来别人浏览你 的网页时，浏览者的计算机上未必装有这种字体。这样浏览者就 无法得到你预想的浏览效果，甚至适得相反。 如果只是标题或少量的文字，可以将采用的特殊字体制作成图 形方式，就可避免其他浏览者看不到的尴尬局面了。 当文本内容较多时。可以利用表格形式来实现。 1.2.2 图形 这里的图形概念是广义的，它可以是普通的绘制图形，可以是 各种图像，还可以是动画。一幅优秀的网页除了有能吸引浏览者 的文字形式和内容外，图形的表现功能是不能低估的。网页上的 图形格式一般使用JPEG和GIF，这两种格式具有跨平台的特性，可 以在不同操作系统支持的浏览器上显示。图形在网页中通常有如 下应用。 1．菜单按钮 网页上的菜单按钮有一些是由图形制作，通常有横排和竖排两 种形式，由此可以转入不同的页面。 2 ．背景图形 为了加强视觉效果，有些网页在整个网页的底层放置了图形，称 作背景图。背景图可以使网页更加华丽，使人感到界面友好。但 由于这是一个比较大的图形，需要占据较大的空间，致使网页的 显示速度明显变慢，所以，近期的网页以及比较著名的访问量比 较大网站一般都不设置背景图形。 1.2.3 链接标志 链接是网页中一种非常重要的功能，是网页中最重要、最根 本的元素之一。通过链接可以从一个网页转到另一个网页，也可 以从一个网站转到另一个网站。链接的标志有文字和图形两种。 制作一些精美的图形作为链接按钮，使它和整个网页融为一体。 1.2.4 交互功能 Internet区别其他媒体的一个重要标志就是它的交互功能。 例如在商务网站的页面上，人们经过浏览，选择了某一个产品， 就需要将自己的决定通过Internet告诉这个网站，网站能够 自动 对该产品的数据库进行检索，及时回应有还是没有，数量、规格、 价格等信息。如果用户选择确定，那么网站能够返回确认信息。 像这种交互功能其他媒体是无法比拟的。 通常网页的交互功能都是利用表单来实现的。表单是网页中 站点服务器处理的一组数据输入域，当访问者单击按钮或图形来 提交表单后，数据就会传送到服务器上。 1.3 网页制作和美化工具 1.3.1网页制作工具 1．超文本标识语言 （HTML） HTML （Hypertext Markup）是一Language种专门用于Web页制 作的编程语言，用来描述超文本各个部分的内容，告诉浏览器如何 显示文本，怎样生成与别的文本或图像的链接点。 HTML文档由文本、格式化代码和导向其他文档的超链接组成。 2 ．FrontPage FrontPage是由Microsoft公司推出的新一代Web网页制作工具。 FrontPage使网页制作者能够更加方便、快