Dreamweaver CS5完全实用手册
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

1.1 网页的基本概念

在具体学习网页的设计与制作之前,首先来认识一下什么是网页和网站,了解什么是静态网页和动态网页,为以后的学习打好基础。

1.1.1 什么是网页

网页是一种可以在互联网上传输,能被浏览器认识和翻译成页面并显示出来的文件,网页是网站的基本构成元素。一般网页上都会有文本和图片等信息,而复杂一些的网页上还会有声音、视频、动画等多媒体内容。网页通常分为动态网页和静态网页两种。如图1-1所示,就是一个网页。

图1-1 网页

1.1.2 什么是网站

网站也叫做站点,是提供各种信息和服务的基地。网站是有独立域名、独立存放空间的内容的集合,这些内容可能是网页,也可能是程序或其他文件,不一定要有很多网页,只要有独立域名和空间,哪怕只有一个页面也叫网站。

很多网页链接在一起就组成了一个网站。用户浏览一个网站时,看到的第一个页面叫做主页。从主页出发,可以访问本网站中的每一个页面,也可以链接到其他网站。如图1-2所示,就是一个网站的主页。

图1-2 网站的主页

1.1.3 什么是静态网页

在网站设计中,纯粹HTML格式的网页通常称为“静态网页”,早期的网站一般都是由静态网页制作的,也就是以.htm、.html、.shtml和.xml等作为后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如GIF格式的动画、Flash滚动字幕等,这些“动态效果”只是视觉上的,与下面将要介绍的动态网页是不同的概念。

静态网页的特点简要归纳如下:

➢ 静态网页的每个网页都有一个固定的URL,且网页URL以.htm、.html、.shtml等常见形式为后缀,不含有“? ”。

➢ 网页内容一经发布到网站服务器上,无论是否有用户访问,每个静态网页的内容都会保存在网站服务器上,也就是说,静态网页是实实在在地保存在服务器上的文件,每个网页都是一个独立的文件。

➢ 静态网页的内容相对稳定,因此容易被搜索引擎检索到。

➢ 静态网页没有数据库的支持,在网站制作和维护方面工作量较大,因此,当网站信息量很大时,完全依靠静态网页的制作方式就比较困难了。

➢ 静态网页的交互性较差,在功能方面有较大的限制。如图1-3所示,就是一个宣传介绍性的静态网页。

图1-3 静态网页

1.1.4 什么是动态网页

这里所说的动态网页,与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接的关系,动态网页可以是纯文字内容的,也可以是包含各种动画内容的网页,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,采用动态网页技术生成的网页都称为动态网页。如图1-4所示,为动态的新闻发布系统网页。

图1-4 动态的新闻发布系统网页

从网站浏览者的角度来看,无论是动态网页还是静态网页,都可以展示基本的文字和图片信息,但从网站开发、管理与维护的角度来看,就有很大的差别。动态网页的一般特点简要归纳如下:

➢ 动态网页以数据库技术为基础,可以大大降低网站维护的工作量。

➢ 采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等。

➢ 动态网页实际上并不是独立存在于服务器上的网页文件,只有当用户请求时,服务器才返回一个完整的网页。

➢ 动态网页中的“? ”对搜索引擎检索存在一定的问题,搜索引擎一般不可能从一个网站的数据库中访问全部网页,或者出于技术方面的考虑,搜索中不会去抓取网址中“? ”后面的内容,因此,采用动态网页的网站,在进行搜索引擎推广时,需要做一定的技术处理,才能适应搜索引擎的要求。