1.2.1 任务与目的
1.任务
打开任何一网站,如www.sina.com.cn,观察整个网站的组成元素及网页的布局等。
2.目的
了解网站所涉及的基本知识,如网页与网站的关系、IP地址等。
1.2.2 相关概念介绍
1.网页
网页(Web Page)是网站的某一个页面。它是一个纯文本文件,以超文本和超媒体为技术,采用 HTML、CSS、XML 等语言来描述组成页面的各种元素,通过浏览器向浏览者呈现网页的各种内容。网页存放在Internet中的某台计算机中,通常的扩展名有.htm、.html、.jsp、.asp、.aspx等。
2.网站
网站(WebSite)是指在互联网上,根据一定规则所组织的一组具有共同内容的网页文件集合,访问某个网站(或站点)实际上访问的是提供这种服务的一台或多台计算机。网站的网页文件以文件夹的形式存储在服务器中,如图1-8为某个网站对应的文件夹,文件夹中包括网站所需的各种文件。
3.HTML与XHTML
HTML(HyperText Mark-up Language)也称超文本标记语言,它是构成网页文档的主要语言。通过HTML标签,可以将文字、图形、动画、声音、表格、链接等组织在网页里。单击浏览器的“查看”菜单的“查看源文件”命令可查看该页面的HTML代码,如图1-9所示,左边窗口是页面的最终效果,右边是利用记事本显示的页面对应的HTML代码。
XHTML(Extensible HyperText Markup Language)也称为可扩展超文本标记语言。HTML是一种基本的Web网页设计语言,但由于它的可扩展性和灵活性差,可能无法适应未来网络应用的更多需求,而XHTML是在HTML的基础上进行优化和改进的语言。XHTML 相对于HTML更严谨,它是基于XML的标记语言,同时它在实现HTML向XML过渡时期中扮演着重要的角色。
4.浏览器的作用
浏览器是Web服务的客户端程序,常用的浏览器有IE、Firefox、Opera、360浏览器、腾讯TT等。浏览器主要通过HTTP协议与网页服务器交互并获取网页,浏览器负责解释网页中HTML代码等,然后将内容显示给浏览者。
5.IP、域名及DNS、URL
[图片]IP
尽管互联网上连接了无数的服务器和计算机,但每一个主机都有唯一的地址,作为该主机在互联网上的唯一标志,通常称之为IP地址。
IP地址通常用4个十进制数表示,每个数字的大小范围在0~255之间,数字之间用“.”分隔,如新浪服务器其中的一个IP地址为66.77.9.79。
[图片]域名及DNS
域名(Domain)的作用是为了摆脱 IP 数字的单调和难记的缺点,通过形象的文字来代表该主机,这些形象的文字就是主机的域名。域名用“.”将各级域名分隔,如百度的域名www.baidu.com,其中com是其顶级域名,baidu是其二级域名,www是其三级域名。
DNS(Domain Name System)也称为域名系统。它是一个命名系统,包括按命名规则产生的域名管理和域名与IP地址的对应方法。在Internet上几乎每个子域都存在域名服务器,该服务器会包含该子域的全体域名和IP信息,通过DNS系统,能将该子域中所定义的域名与所包含的IP地址进行有效的转换。
[图片]URL
Internet上所有的资源都有一个唯一的URL地址,一般将URL地址称为网址。URL的完整格式如下:协议://主机名(或IP地址):端口号/路径名/文件名,如http://tieba.baidu.com/i/198484445。
协议:指定在Internet上使用的传输协议,最常用的是HTTP协议,它也是目前WWW中应用最广的协议。
主机名:是指存放资源的服务器的域名或 IP 地址。特别地,某些服务器主机需要用户名与密码才能访问。
端口号:它是一个整数,如果端口省略表示采用默认端口,否则需要增加端口号。所有的传输协议都有默认的端口号,如HTTP的默认端口为80。
路径名:由零个或多个“/”符号隔开的字符串,一般用来表示主机上的文件地址。
文件名:表示访问的文件名称。
6.网站分类
目前,常见的网页有静态网页和动态网页两种。静态网页指基本上全部使用HTML语言制作的网页,通常以.htm、.html、.shtml、.xml等形式为后缀。这类页面的内容是固定不变的,页面的交互性差,功能受到很大的限制,而且后期维护比较困难。动态网页采用动态网页技术与HTML进行有机的结合,使静态的HTML网页变成动态。动态网页具有更好的交互性等特点,文件的扩展名通常为.aspx、.jsp、.php等。
而网站根据用途的不同,又可以分为以下几种:
[图片]门户网站
这类网站是一种综合性网站,涉及的内容包含文学、音乐、影视、体育、新闻和娱乐等方方面面的内容,具有论坛、搜索等功能。国内较著名的门户网站有搜狐(www.sohu.com)、网易(www.163.com)等。
[图片]个人网站
个人网站具有较强个性化特征,是以个人名义开发创建的网站,其内容、样式、风格等都是非常有个性的,如博客等。
[图片]专业网站
这类网站具有很强的专业性,通常只涉及某一个领域,内容专业。如榕树下网站(www.rongshuxia.com)即是一个专业文学网站。
[图片]职能网站
职能网站具有专门的功能,如政府职能网站等。电子商务网站也属于这类网站,如阿里巴巴(china.alibaba.com)、当当网(www.dangdang.com)等。