购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.3 网页中包含的要素

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

3.3.1 HTML文件

HTML(Hyper Text Markud Language),即超文本标记语言,是一种用来制作超文本文档的简单标记语言,是一种应用非常广泛的网页格式,也是被用来显示Web页面的语言之一。

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

图3-6 HTML相关代码

3.3.2 DIV层

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

图3-7 网页上的“手机数码”区域及其他区域

3.3.3 CSS定义网页样式

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

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

图3-8 使用CSS来定义网页样式

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

3.3.4 JavaScript设置网页动画

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

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

图3-9 网页中的广告图片效果

微视频

3.3.5 域名与服务器空间

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

域名注册成功之后,就需要申请网站空间,应根据不同的网站类型选择不同的空间。网站空间有免费空间和收费空间两种。对于个人网站的用户来说,可以先申请免费空间使用,免费空间需要到网站空间服务商的网站上申请。对于商业网站而言,用户需要考虑空间和安全性等因素,为此可以选择收费网站。

注意: 使用免费空间美中不足的是网站的空间有限,提供的服务一般,空间不是非常稳定,域名不能随心所欲。

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

图3-10 进入百度网站 0BXqpfJgQJo8t4Q9b2BL1T45kN5osoNlow0hUZf5g0l88gzgV8ycVYoCCLcal8qc

点击中间区域
呼出菜单
上一章
目录
下一章
×