HTML+CSS+JavaScript网页设计实用教程
上QQ阅读APP看书,第一时间看更新

1.2 网页与网站

作为上网的主要依托,网页由于人们频繁地使用网络而变得越来越重要,这使得网页设计也得到了发展。网页讲究的是排版布局,其目的就是提供一种布局更合理、功能更强大、使用更方便的形式给每一个浏览者,使他们能够愉快、轻松、快捷地了解网页所提供的信息。

1.2.1 网页与网站的关系

网页是Internet的基本信息单位,英文为Web Page。一般网页上都会有文本和图片等信息,而复杂一些的网页上还会有声音、视频、动画等多媒体内容。进入网站首先看到的是其主页,主页集成了指向二级页面以及其他网站的链接。浏览者进入主页后可以浏览相应的网页内容并找到感兴趣的主题链接,通过单击该链接可以跳转到其他网页,如图1-3所示腾讯网站首页面。

图1-3

提示:

在网页中,文本内容是最常见的,早期的网页就是全部由文本构成的。随着技术的发展,网页中逐步添加了图像、动画、音乐、视频等多媒体内容,从而使网页更加美观,更具有视觉冲击力。

网站,英文为Web Site。简单来说网站是多个网页的集合,其中包括一个首页和若干个分页。那什么是首页呢?首页即是访问这个网站时第一个打开的网页。除了首页,其他的网页即是分页了,图1-4所示为新浪网站“新闻中心”的一个分页。网站是多个网页的集合,但它又不是简单的集合,这要根据该网站的内容来决定,比如由多少个网页构成、如何分类等。当然一个网站也可以只有一个网页即首页,但是这种情况很少见,也不向大家推荐。

图1-4

1.2.2 静态网页与动态网页

静态网页是相对于动态网页而言的,并不是说网页中的元素都是静止不动的。静态网页是指浏览器与服务器端不发生交互的网页,网页中的GIF动画,Flash,以及Flash按钮等都会发生变化。

静态网页的执行过程大致如下。

1.浏览器向网络中的服务器发出请求,指向某个静态网页;

2.服务器接到请求后将指定的静态网页传输给浏览器,此时传送的只是文本文件;

3.浏览器接到服务器传来的文件后解析HTML标签,将结果显示出来。

动态网页除了静态网页中的元素外,还包括一些应用程序,这些程序需要浏览器与服务器之间发生交互行为,而且应用程序的执行需要服务器中的应用程序服务器才能完成。

动态网页可以是纯文本内容的,也可以是包含各种动画内容的,这些只是网页具体内容的表现形式。无论网页是否具有动态效果,采用动态网站技术生成的网页都成为动态网页。在动态网页网址中有一个标志性的符号——“? ”,如图1-5所示。

图1-5

提示:

动态网页是与静态网页相对应的,静态网页的URL后缀是以.htm、.html、.shtml、.xml等常见形式出现的。而动态网页的URL后缀是以.asp、jsp、php、perl、cgi等形式出现的。