1.2 网页中需要包含的要素

在互联网中，网页是一个文件，存储在某一台与互联网相连的计算机或服务器中，经由统一资源定位器来识别与存取。本节就来介绍网页中需要包含的要素。

1.2.1 需要HTML文件

HTML（Hypertext Marked Language，超文本标记语言）是一种用来制作超文本文档的简单标记语言，是一种应用非常广泛的网页格式，也是被用来显示Web页面的语言之一。

网页当中所有定义的色彩、文字、表格，甚至是视频等元素的网页相关代码，都是编写在HTML文件中的，可以说HTML就是网站展示声音、图片、文字等元素的平台。如图1-5所示，该网页的源代码就是HTML相关代码。

1.2.2 需要DIV层

<div>标记是一个区块容器标记，在<div></div>标记中可以放置其他一些HTML元素，例如段落<p>、标题<h1>、表格<table>、图片<img>和表单等。使用CSS3相关属性将div容器标记中的元素作为一个独立对象进行修饰，这样就不会影响其他HTML元素。

形象地讲，在HTML网页文件中，DIV就相当于一个“圈地者”，它将网页分成若干个小区域，每一个DIV在网页上占据了一定的位置，而在这个位置上用户可以放置特定的内容。如图1-6所示的“手机数码”区域，就是先用DIV来圈出一块地方，然后在上面放置“手机数码”的分类信息，其他区域也是这样来放置网页元素的，最后放在一起就整合出了一个完美的网页。

1.2.3 需要CSS定义网页样式

在网页中，设计者将元素都放置好后，要想给浏览者呈现出一个丰富多彩的网页效果，还需要利用CSS来定义网页样式。

在设计网页的过程中，CSS扮演了一个“美术家”的角色，利用CSS可以定义网页文字、图片以及视频等元素的显示方式，如网页的文字以怎样的颜色、大小、字体来显示等。另外，通过CSS还可以将网页中指定的DIV部分变成我们所需要的风格、样式，使其能够更贴切地接近我们的要求。如图1-7所示，在该网页中就使用了CSS来定义网页样式。

提示

CSS样式一般是作用在DIV上的，它需要与DIV一起构成网页上的一个模块，而网页又由多个DIV构成，因此，从狭义上讲，HTML+DIV+CSS就能构成一个网站。

1.2.4 需要JavaScript设置网页动画

JavaScript是一种为了使网页能够具有交互性、包含更多活跃的元素而嵌入在网页中的技术。它使网页能够表现的内容更加生动，使网页的效果更加醒目。

JavaScript作为一种可以给网页增加交互性的脚本语言，拥有近二十年的发展历史。它的简单、易学易用特性，使其立于不败之地。使用JavaScript可以轻易地制作出很多网页动画效果，如漂亮的时钟、广告效果的跑马灯等。如图1-8所示，网页中的广告图片会自动地切换，而且单击图片左右两侧的箭头形状，广告也会切换。

1.2.5 需要域名与服务器空间

一个网站开发完成后，要想运营，需要给网站申请一个域名。申请域名的方法很多，用户可以登录域名服务商的网站，根据提示申请域名。域名有免费域名和收费域名两种，用户可以根据实际需要进行选择。

域名注册成功之后，就需要申请网站空间，应根据不同的网站类型选择不同的空间。网站空间有免费空间和收费空间两种。对于个人网站的用户来说，可以先申请免费空间使用。免费空间只需向空间的提供服务器提出申请，在得到答复后，按照说明上传主页即可，主页的域名和空间都不用设置。对于商业网站而言，用户需要考虑空间容量和安全性等因素，为此可以选择收费网站。

注意

使用免费空间美中不足的是：网站的空间有限，提供的服务一般，空间的性能不是非常稳定，域名不能随心所欲设置。

域名与网站是一一对应的关系，用户只需要在浏览器里输入某个域名，就能进入到对应的站点里。如图1-9所示，在浏览器的地址栏中输入“www.baidu.com”这个域名，就能进入到百度的网站。