什么是网页?网页原理解析

2016-02-20 01:14 9 1 收藏

下面是个什么是网页?网页原理解析教程,撑握了其技术要点,学起来就简单多了。赶紧跟着图老师小编一起来看看吧!

【 tulaoshi.com - Web开发 】

网页是什么,平常我们所听说的新浪、搜狐、网易等,即是俗称的网站。而当我们访问这些网站的时候,最直接访问的就是网页了。这许许多多的网页则组成了整个站点,也就是网站。所以在这里,我们可以看到网页和网站之间的密切关系了。

网页是一种网络信息传递的载体。这种媒介的性质和我们日常的报纸、广播、电视等传统媒体是可以相提并论的。在网络上传递相关的信息,比如文字、图片甚至多媒体音影,都是存储在网页中,浏览者只需要通过浏览网页,就可以了解到相关信息了。

SO,网页的功能即是如上。当然,喜欢深究问题的人都会提出疑问:网页到底是由什么组成的呢?如何来制作一张网页?又如何能建立一个网站呢?况且还是需要来建立一个具有动态交互功能的站点。这里需要说明下所谓的动态交互功能,举个常见的应用,比如网站访问计数器、客户留言本等一些动态交互功能。

那么一个网页到底为何?您可以选择一个网站打开,即就可以看到一张网页了。当然首要一个条件就是:您的计算机已经连接了互联网,同时您的电脑需要具有网页浏览器,如果你的机器的操作系统是Windows操作系统,那么则在桌面上双击打开网页浏览器软件:Internet Explorer。

如图所示,在浏览器的地址栏中输入一个网址:http://www.adobe-dreamweaver.cn/,然后敲击回车键就打开一张网页。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

网页其实就是一个文件,可以称它为网页文件。其正如一个音乐文件,需要播放器收听一样。网页的显示也需要网页浏览器的支持,目前的主流网页浏览器有Microsoft Internet Explorer、Netscape、Mozilla Firefox以及Opera等。如果您想选择不同的浏览器来浏览网页,则您可以到互联网搜索并免费下载获得以上提及的这些网页浏览器。

您会发现,只要是网页浏览器打开的站点,显示的都是网页了。那么您还可以选择查看下它们的源代码。以Internet Explorer为例,如下图所示,在当前打开了网页的网页浏览器上,单击菜单,从下拉菜单中选择菜单命令。即打开了一个记事本文件,其里面都是属于网页的一些代码和内容。这些代码就是俗称的HTML标签,内容也就是网页内容了。下面分别简单介绍下:

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

如下图所示的即是一个网页的源代码,它由HTML标签和非标签内容组成。

 

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

其中的HTML标签起着定义网页标题(如title)、结构(如table表示表格)等各项网页显示时的相关属性。

而除了标签以外的则是网页显示的主要内容了,他们主要是文本内容。当然也不尽然,很多时候在网页中显示的内容还是需要HTML标签来定义的(比如网页中显示图像,则需要 img 标签的定义)。

总之,网页的代码就是由HTML标签和除标签外的内容组成的整合体。

普通常见的多为HTML标签,目前还有一些基于服务器端的网页代码,比如我们常闻的ASP即是。也可以这么说,ASP网页就是由ASP代码与HTML标签以及内容组成的整合体。

通过观察,其实网页就是一个张纸。这张纸和平时日常生活中看到的一张宣传画册、海报,没有什么多大的差别(这个差别是说其页面的设计版式和传递表达的信息内容),他们所不同的即是媒介载体的不同。所以,设计一个网页,如同在稿纸上画一幅画一样:使用什么颜色、采用什么结构、表现什么风格,传达什么内容网页,只是将稿纸上的内容搬到了电脑互联网的实现。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160220/1633520.html

延伸阅读
网页设计有为重要,无论是彩色搭配还是非彩色搭配,都应该注重。接下来我们开始对每一种颜色进行分析,我们先探索红色系在网页设计中的运用。 众所周知,红色是一种很强烈的情感色彩,能使人感到兴奋,故此我们中国也将红色认为是一种喜庆的颜色,会给人带来快乐。鲜明的红色往往能吸引到游客的目光,所以红色也是网页设计中常用到的一种颜色...
标签: Web开发
网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的,然而当 CSS 文件中包含有中文注释时就可能不尽如人意了!估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析,所以才会发生 CSS 在 IE6 下不起作用的情...
《刺客信条 枭雄》袖剑刺杀动作原理解析 在《刺客信条:枭雄》游戏中,很多玩家对于袖剑的刺杀原理不是很理解,今天图老师图老师小编给大家分享下《刺客信条:枭雄》袖剑刺杀动作原理解析,感兴趣的小伙伴一起来看看吧。 《刺客信条枭雄》袖剑刺杀动作原理详细分析: 袖剑杀人时到底是靠弹力捅进去杀死还是先把袖剑弹出来再用臂力捅进去,因...
标签: Web开发
设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的,你可以领会要点,举一反三。 版面指的是浏览器看到的完整的一个页面(可以包含框...
公司内训做的一些内容,当然和专业的UED相比,这样的视觉规范显得稚嫩,但对于新人,可以作为入门的参考材料。

经验教程

271

收藏

30
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部