section 1.1 认识网页
导读
网页是构成网站的基本元素，也是网站信息发布的一种最常见的表现形式，主要由文字、图片、动画、音频、视频等内容组成。在学习制作网页之前，首先要了解网页的基础知识。
1.1.1 网页的基本要素
微课堂 00分09秒
网页的基本要素包括Logo、Banner、导航栏、文本、图像、Flash动画等，下面详细介绍每个要素的相关知识。
1 Logo
Logo是代表企业形象或栏目内容的标志性图片，一般位于网页的左上角，通常有3种尺寸：88像素×31像素、120像素×60像素和120像素×9像素。
Logo是一个站点的象征，也是一个站点是否正规的标志之一。好的Logo应能体现该网站的特色、内容及其内在的文化内涵和理念，有着独特的形象标识，并在网站推广和宣传中可以起到事半功倍的效果，如图1-1和图1-2所示。
图1-1
图1-2
2 Banner
Banner是一种网络广告形式，是用于宣传网站内某个栏目或活动的广告，一般要求制作成动画形式。动画能够吸引更多的注意力，在用户浏览网页信息的同时将介绍性的内容简练地加在其中，吸引用户对于广告信息的关注，达到宣传的效果。
Banner一般位于网页的顶部或底部，有一些小型的广告还会被适当地放在网页的两侧。网站Banner广告有多种规格和形式，其中最常用的尺寸是480像素×60像素或233像素×30像素的标准广告，这种标准广告有多种不同的称呼，如横幅广告、全幅广告、条幅广告和旗帜广告等。
网站Banner广告通常使用GIF、JPG等格式的图像文件或Flash文件，既可以使用静态图形，也可以使用动画图像，如图1-3所示。
图1-3
3 导航栏
导航栏就是一组用来方便地浏览站点的超链接，用于网站各部分内容之间相互链接的指引。导航栏是网页的重要组成元素。
导航栏的形式多样，可以是简单的文字链接，也可以是设计精美的图片或是丰富多彩的按钮，还可以是下拉菜单导航，如图1-4所示。
图1-4
导航栏是网页设计中的重要部分，又是整个网页设计中较独立的部分。一般来说，网站中的导航栏在各个页面中出现的位置是比较固定的，而且风格也较为一致。导航栏的位置对网站的结构与各个页面的整体布局起着举足轻重的作用。导航栏的位置一般有4种：在页面的左侧、右侧、顶部和底部。
4 文本
网页中的信息主要是以文本为主的，良好的文本格式可以创建出别具特色的网页，激发用户的兴趣。在网页中可以通过字体、大小、颜色、底纹、边框等来设计文本的属性，通过不同格式的区别，突出显示重要的内容，如图1-5所示。
图1-5
5 图像
图像在网页中具有提供信息、展示形象、装饰网页、表达个人情趣和风格的作用。图像是文本的说明和解释，在网页适当位置放置一些图像，不仅可以使文本清晰易读，而且使网页更加有吸引力。
现在几乎所有的网站都使用图像来增加网页的吸引力，网页设计者可以在网页中使用GIF、JPEG和PNG等多种图像格式，其中使用最广泛的是GIF和JPEG两种格式，如图1-6所示。
图1-6
6 Flash动画
随着网络技术的发展，网页上已经出现了越来越多的Flash动画。Flash动画已经成为当今网站必不可少的部分，美观的动画能够为网页增色不少，从而吸引更多的用户。
制作Flash动画不仅需要对动画制作软件非常熟悉，更重要的是设计者要有独特的创意。随着Action Script动态脚本编程语言的发展，Flash已经不再局限于简单的交互式动画，通过复杂的动态脚本编程，可以制作出各种各样有趣、精彩的Flash动画，如图1-7所示。
图1-7
1.1.2 网页的基本术语
微课堂 01分30秒
关于网站制作有很多相关术语，本节将详细介绍一些常用的网页基本术语。
1 因特网
因特网(Internet)是一组全球信息资源的总汇。因特网以相互交流信息资源为目的，基于一些共同的协议，并通过许多路由器和公共互联网组成，它是一个信息资源和资源共享的集合。一台计算机在连接上网的一瞬间，就已经是因特网的一部分了。网络是没有国界的，通过因特网，用户随时可以传递文件信息到世界上因特网所能覆盖的任何角落，同时也可以接收来自世界各地的实时信息。
2 超级文本
超级文本与普通文本不同，它是一种用户与计算机之间进行交流的文本显示技术，通过对关键词或图片的索引链接，可以使这些带有链接的词语或图片指向相关的文件或者文本中的相关段落。超级文本类似于普通书本中的目录，我们要看某一个章节，就要用手翻到相关的页面；在网页中，网页浏览者用鼠标单击相关的链接(相当于书本中的目录)，就能打开相关的页面或内容。
通常当鼠标指针指向带有超链接的时候，鼠标指针从原来的箭头形状变为手指
的形状，文本的下方也会出现下划线或者作出颜色的改变，这是软件默认的超级文本的链接形式，根据设计制作者的不同选择，会出现不同的显示。
3 浏览器
浏览器是安装在计算机上用来查看万维网中超级文本的一种工具。每一个万维网的用户都要在计算机上安装浏览器来阅读网页中的信息，这是使用万维网的最基本条件，就好像我们要用电视机来收看电视节目一样。目前大家所用的Windows操作系统中已经内置了浏览器。
4 IP地址
IP地址是分配给计算机的一组由32位二进制数值组成的编号，用来对网络中的计算机进行标识。为了方便记忆地址，采用了十进制标记法，每个数值小于等于225，数值中间用“.”隔开。一个IP地址对应一台计算机并且是唯一的，这里提醒大家注意的是，所谓的唯一是指在某一时间内唯一，如果我们使用动态IP，那么每一次分配给我们的IP地址是不同的，在我们使用网络的这一时段内，这个IP是唯一指向我们正在使用的计算机的；另一种是静态IP，它是固定将这个IP地址分配给某计算机使用的。网络中的服务器使用的就是静态IP。
5 URL
URL是Universal Resource Locater的缩写，翻译成中文为“全球资源定位器”。URL是网页在因特网中的地址，如果要访问某网站，需要使用其URL才能够找到。
6 HTTP
HTTP是Hypertext Transfer Protocol的缩写，翻译成中文为“超文本传输协议”，是一种最常用的网络通信协议。如果想链接到某一特定的网页，必须通过HTTP协议，不论使用哪一种网页编辑软件，在网页中加入什么资料，或是使用哪一种浏览器，利用HTTP协议都可以看到正确的网页效果。
7 FTP
FTP是File Transfer Protocol的缩写，翻译成中文为“文件传输协议”，是快速、高效、可靠的信息传输方式。这个协议能把文件从一台计算机传输到另外一台计算机中，而不必管这两台计算机位置在何处，也不用管这两台计算机使用什么操作系统和使用何种网络，只要它们都遵循FTP协议，并且能够通过网络互联即可。
由于FTP是一个交互式的会话系统，因此两台计算机可以作为一个客户端和一个服务器端来看待，它们之间要建立双重连接，一个用于控制，一个用于数据传输。这是制作网页所要使用的重要技术之一。
8 域名
IP地址是一组数字，记忆起来不够方便，因此人们给每个计算机赋予了一个具有代表性的名字，这就是主机名，主机名由英文字母或数字组成。将主机名和IP对应起来，这就是域名。
域名和IP地址是可以交替使用的，但一般域名还是要通过转换成IP地址才能找到相应的主机，这就是我们上网的时候经常用到的DNS(域名解析服务)。
1.1.3 静态网页和动态网页
微课堂 00分37秒
在网站设计中，纯粹HTML格式的网页通常被称为静态网页，早期的网站一般都是由静态网页组成的，一般以．htm、.html、.shtml、.xml等为后缀。在HTML格式的网页中，可以出现各种动态效果，如GIF格式的动画、Flash动画、滚动字幕等，如图1-8所示。
图1-8
动态网页是指网页文件里包含了程序代码，通过后台数据库与Web服务器的信息交互，由后台数据库提供实时数据更新和数据查询服务的网页。动态网页的URL以．aspx、.asp、.jsp、.php、.perl、.cgi等形式为后缀。动态网页可以是纯文字内容的，也可以是包含各种动画的内容，如图1-9所示。
图1-9
从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。
知识拓展
静态网页与动态网页的区别：静态网页并不是网页中的元素都是静止不动的，而是指浏览器与服务器端不发生交互的网页；动态网页除了包括静态网页中的元素外，还包括一些应用程序，这些应用程序需要浏览器与服务器之间发生交互行为。