网页制作概述

《网页制作概述》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、9第1章网页制作概述第1章网页制作概述本章要点如今，上网冲浪已经成为一种时尚，构成了现代人生活中一道独特而又亮丽的风景线。当在网上漫游之际，一定会对那漂亮的网页羡慕不已。其实，用户也可以制作自己的个人网页，然后在网上发布。为了能够使用户对网页有一个总体的认识，本章将首先介绍网页的组成元素和一些常用的网页设计软件，然后通过一个简单实用的网页制作实例来介绍网页的制作过程，从而为以后设计更复杂的网页打下良好的基础。本章内容包括：网页包括的元素常用的网页制作工具制作自己的第1个网页9第1章网页制作概述1.1网页包括的元素无论是

2、初次领略Internet风光的新手，还是经常上网冲浪的老手，在初次设计网页之前，都必须先认识(或重新认识)构成网页的基本元素。只有这样，才能在真正的设计工作中得心应手，才能根据需要合理地组织和安排网页的内容，从而达到期望的目标。设计网页的目的主要是发布信息，因此，作为信息主要载体的文本和图像也就成了网页的基本组成部分。超级链接是Web的核心，是它将万维网中无数的网页链接在一起的，如果没有它，Web就无从谈起。此外，表格、动画、音乐和交互式表单等信息的组织、表现，以及交互元素在网页中也具有举足轻重的地位。图1.1所示是新

3、浪网的首页，在这个网页中，包含了多种网页元素(当然不可能是全部)。下面将详细介绍网页中包含的元素及其在网页中的作用。站点的徽标，即网页中的图像网页通常使用表格来定位和安排内容以列表形式组织的文本超级链接广告，一般为GIF动画或Flash动画，是典型的图像超级链接搜索表单，是表单的一种形式，可根据浏览者输入的关键字在站点内搜索相关内容导航栏，使浏览者迅速访问站点中的主要网页图1.1网页元素概览1.1.1文本文本一直是人类最重要的信息载体与交流工具，网页中的信息也以文本为主。与图像相比，文字虽然不如图像那样能够很快引起浏览

4、者的注意，但却能准确地表达信息的内容和含义。为了克服文字固有的缺点，人们赋予了网页中的文本更多的属性，如字体、字号、颜色、底纹和边框等。通过不同格式的区别，突出显示重要的内容。此外，还可以在网页中设计各种各样的文字列表，以清楚地表达一系列的项目。以上这些功能的运用都给网页中的文本赋予了新的生命力。9第1章网页制作概述1.1.2图像和动画图像在网页中具有提供信息、展示作品、装饰网页、表达个人情调和风格的作用。可以在网页中使用GIF、JPEG(JPG)、PNG三种图像文件格式，其中使用最广泛的是GIF和JPEG两种格式。提

5、示：当使用“所见即所得”的网页设计软件在网页上添加其他非GIF、JPEG或PNG格式的图片并保存时，这些软件通常会自动将少于8位颜色的图片转换为GIF格式，或将多于8位颜色的图片转换为JPEG格式，PNG格式图片为Fireworks专用。注意：图像虽然在网页中起着非常重要的作用，但如果网页上加入的图片过多，不仅会影响网页整体的视觉效果，而且下载速度也将明显下降，可能会导致浏览者因失去耐心而离开网站。在网页中使用动画可以有效地引起浏览者的注意，毕竟活动的东西比静止的东西更有吸引力，因此，许多网站的广告都做成了动画形式。图

6、1.2中的两幅图像即为动画中的两幅画面。另外，使用动画还可以输出更多的内容。图1.2使用动画的广告1.1.3声音和视频声音是多媒体网页的一个重要组成部分。当前存在着一些不同类型的声音文件，可使用多种不同的方法将这些声音添加到网页中。在决定添加的声音文件的格式和添加方式之前，需要考虑的因素包括需添加声音的用途、格式、文件大小、品质，以及浏览器差别等。不同的浏览器对声音文件的处理方法是非常不同的，彼此之间很可能不兼容。用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等，设计者在使用这些格式的文件时，

7、需要加以区别。很多浏览器不用插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。9第1章网页制作概述一般来说，不要使用声音文件作为背景音乐，因为那样会影响网页下载的速度。可以在网页中添加一个打开声音文件的链接，让播放音乐变得可以控制。视频文件的格式也非常多，常见的有RealPlayer、MPEG、AVI和DivX等。视频文件的采用让网页变得非常精彩而且有动感，网络上的许多插件也使向网页中插入视频文件的操作变得非常简单。图1.3中中部的图像表示的就是一段正在播放的视频文件

8、。图1.3在网页中播放视频1.1.4超级链接超级链接技术可以说是万维网流行起来的最主要的原因。超级链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，但也可以是一幅图片、一个电子邮件地址、一个文件(如多媒体文件、文档或其他任意文件)、一个程序或者本网页中的其他位置。其载体通常是文本、图片或图片中的区域，也可以是一些