网页设计综合实践教程
上QQ阅读APP看书,第一时间看更新

1.2 了解网页与网站

在网络发达的现代社会,人们通过计算机、手机等各类手段在网上冲浪。大部分人在上网时都会打开网站,浏览网页。那么到底什么叫网页,什么是网站呢?下面就一起来了解网页和网站的概念。

1.2.1 网页

1.概念

网页是一个包含HTML标签的文本文件,构成网页的元素有文字、图片、表格、声音、动画等。在查看网页源文件时会发现,网页内容只有文字没有任何图片、动画等,那为什么我们在浏览网页时又能看到图片、动画这些多媒体信息呢?实际网页通过各式各样的标记对页面上的文字、图片、动画、声音等元素进行描述(例如字体、颜色、大小、图片的位置等),而浏览器则对这些标记进行解释并生成页面,最后得到在浏览器中所看到的页面。网页文件中并没有真正地存放有图片、动画等非文字素材,存放的只是图片、动画等的链接位置,图片、动画等多媒体文件与网页文件是互相独立存放的,甚至可以不在同一台计算机上。

网页就类似活页笔记本中的一页,每一页记载的内容是有限的,为了能展示更多的信息就会制作很多的网页,网页和网页之间用超链接的方式关联起来。

网页修改和编辑可以用记事本也可以用专门的网页编辑软件(如Dreamweaver等),查看网页效果则是通过浏览器来实现的。

2.分类

网页分为静态网页和动态网页两类。

1)静态网页

静态网页其内容是预先确定的,通常是纯HTML格式的网页文件,文件扩展名是.htm、.html、.xml等。静态网页是网站建设的基础,早期的网站一般都是由静态网页制作的,存储在Web服务器或者本地计算机/服务器中。静态网页相对更新起来比较麻烦,适用于一般更新较少的展示型网站。静态网页是相对于动态网页而言,是指没有后台数据库、不含程序和不可交互的网页,网页内容可以包含文本、图像、声音、Flash动画、客户端脚本和ActiveX控件及Java小程序等。出现各种动态的效果,如GIF格式的动画、Flash动画、滚动字幕等,但没有后台数据库的网页仍然是静态网页。

静态网页的特点是:制作简单,浏览速度快。内容相对稳定,通常由文本和图像组成,用于制作一些固定版式的页面或者子页面的内容介绍。静态网页没有数据库的支持不容易修改,更新比较费时费事,在网站制作和维护方面工作量较大,因此当网站信息量很大时完全依靠静态网页制作方式比较困难。由于静态网页相对比较简单,因此对服务器性能要求较低,但对存储压力相对较大。

2)动态网页

动态网页是基本的HTML语法规范与Java、VB、VC等高级程序设计语言、数据库编程等多种技术的融合,以期实现对网站内容和风格的高效、动态和交互式的管理。因此,从这个意义上来讲,凡是结合了HTML以外的高级程序设计语言和数据库技术进行的网页编程技术生成的网页都是动态网页。采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录、在线调查、用户管理、订单管理等。

所谓动态是指跟静态网页相对的一种网页编程技术。静态网页随着HTML代码的生成,页面的内容和显示效果就基本上不会发生变化了,除非修改了页面代码,网页的内容才会变化。而动态网页则不然,页面代码虽然没有变,但是显示的内容却是可以随着时间、环境或者数据库操作的结果而发生改变的。需要注意的是,网页是否有动态效果并不能决定网页是否为动态网页,能与后台数据库进行交互、数据传递的,常以.aspx、.asp、.jsp、.php、.perl、.cgi等作为文件后缀名的才是动态网页。例如百度的首页、淘宝的首页等就是常见的动态网页。

在制作网页时可以根据需要选择动态网页或者是静态网页,如果只是通过网页来发布一些不需要修改的信息,如公告之类的,可制作为静态网页。如果需要实现搜索、登录等交互式功能的网页则需要通过动态技术来完成,也就是要制作动态网页,并且需要数据库支持。网站可以采用动态网页和静态网页相结合的方式来制作不同需要的网页。

本书重点讲解静态网页的设计与制作。

1.2.2 网站

网站就是由多个相关的展示特定内容的网页组合在一起的集合。网站就类似一个活页笔记本,里面有很多网页,每一个网页都记载有不同的内容,可以删除无效的网页,也可以向网站中添加新的网页,网页和网页之间通过超链接来跳转。

网站由域名、网站空间、程序、模板等元素组成。在浏览器里输入域名地址打开网站时所看到的第一个网页叫作首页或者主页。首页就像网站的大门,往往会被编辑得易于了解该网站,并引导用户浏览网站其他部分的内容。这部分内容一般被认为是一个目录性质,网站有些什么内容,是否更新,都可以通过首页来告诉用户。通常作为首页的文件名是index、default、main或portal加上扩展名,如常见的静态网站首页名为index.html。

按照网站主体性质的不同分为个人网站、政府网站、企业类网站、商业网站、教育科研机构类网站、其他非盈利机构网站等。