
1.1 认识网页和网站
在创建网站之前,首先需要认识什么是网页、什么是网站,以及网站的种类与特点。本节就来认识一下网页和网站,了解它们的相关概念。
1.1.1 什么是网页
网页是Internet中最基本的信息单位,是把文字、图形、声音及动画等各种多媒体信息相互链接起来而构成的一种信息表达方式。
通常情况下,网页中有文字和图像等基本信息,有些网页中还有声音、动画和视频等多媒体内容。
网页一般由站标、导航栏、广告栏、信息区和版权区等部分组成,如图1-1所示。

图1-1 网站的网页
在访问一个网站时,首先看到的网页一般称为该网站的首页。有些网站的首页具有欢迎访问者的作用。
首页只是网站的开场页,单击页面上的文字或图片链接,即可打开网站主页,如图1-2所示,而首页也随之关闭。

图1-2 网站的主页
网站主页与首页的区别在于:主页设有网站的导航栏,是所有网页的链接中心。但多数网站的首页与主页通常合为一个页面,即省略了首页,而直接显示主页,在这种情况下,它们指的是同一个页面,如图1-3所示。

图1-3 新浪网站的首页
1.1.2 什么是网站
网站就是在Internet上通过超级链接的形式构成的相关网页的集合。
简单地说,网站是一种通信工具,人们可以通过网页浏览器来访问网站,获取自己需要的资源,或享受网络提供的服务。
例如,可以通过淘宝网网站查找自己需要的信息,如图1-4所示。

图1-4 淘宝网网站
1.1.3 网站的种类和特点
按照内容和形式的不同,网站可以分为门户网站、职能网站、专业网站和个人网站。
1.门户网站
门户网站是指涉及领域非常广泛的综合性网站,如国内著名的三大门户网站:网易、搜狐和新浪。如图1-5所示为网易网站的首页。

图1-5 门户网站(网易网站的首页)
2.职能网站
职能网站是指一些公司为展示其产品或对其所提供的售后服务进行说明而建立的网站。如图1-6所示为联想集团的中文官方网站。

图1-6 职能网站(联想集团的中文官方网站)
3.专业网站
专业网站指的是专门以某个主题为内容而建立的网站,这种网站都是以某一题材作为网站内容的。如图1-7所示为赶集网网站,该网站主要为用户提供租房、二手货交易等同城相关的服务。

图1-7 专业网站(赶集网网站)
4.个人网站
个人网站是由个人开发建立的网站,在内容和形式上具有很强的个性化特征,通常用来宣传自己或展示个人的兴趣爱好。如现在比较流行的淘宝网,在淘宝网上注册一个账户,开家自己的小店,在一定程度上就宣传和展示了个人兴趣及爱好,如图1-8所示。

图1-8 个人网站(淘宝网上的个人小店)