什么是HTML
HTML是一种规范、一种标准,它通过标签符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标签符,可以告诉浏览器如何显示其中的内容(如显示文本信息、处理图像、播放动画,以及网页中显示的样式等)。
网页(Web Page)是网站中的一个页面,通常是HTML格式(文件扩展名为.html、.htm、.asp、
.aspx、.php或者.jsp等)。
1.网页构成
网页是由各种版块构成的。Internet中的网页内容各异。然而多数网页都是由一些基本的版块组成的,包括Logo图标、导航条、Banner、内容版块、版尾版权等。
l Logo图标
Logo图标是企业或网站的标志。例如,新浪网的Logo图标。
l 导航条
导航条是网站的重要组成标签。合理安排的导航条可以帮助浏览者迅速查找需要的信息。例如,新浪网的导航条。
Banner
Banner的中文直译为旗帜、网幅或横幅,意译则为网页中的广告。多数Banner都以JavaScript技术或Flash技术制作,通过一些动画效果,展示更多的内容,并吸引用户观看。
内容版块
网页的内容版块通常是网页的主体部分。这一版块可以包含各种文本、图像、动画、超链接等。
l 版尾版块
版尾版块是网页页面最底端的版块,通常放置网站的版权信息。
2.设计网页标准结构
在网页标准化结构的规范体系下,整个网页就是一个数据文档,通过HTML的代码存储网页中需要显示的各种文本、图像信息。
在XHTML时代,主要分为文档类型声明、XHTML代码等部分。在HTML代码的标签中,应先定义XHTML代码的命名空间,然后再定义网页的头部标签和主体标签等内容。
3.编写CSS样式表
编写完成HTML的代码后,网页仍然只是一个没有样式及格式的网页。因为HTML语言并不具备描述各种标签的位置、大小、颜色的功能
这里说的动态网页,与网页上的各种动画、滚动字幕等视觉上的“动态效果”没有直接关系,动态网页也可以是纯文字内容的,也可以是包含各种动画的内容,这些只是网页具体内容的表现形式,无论网页是否具有动态效果,采用动态网站技术生成的网页都称为动态网页。
动态网页在于可以根据先前所制定好的程序页面,根据用户的不同请求从而返回其相应的 数据。动态页面常见的扩展名有:.asp、.php、.jsp、
.cgi等。
动态页面的优点是效率高、更新快、移植性强,从而快速地达到即见即所得的目的。但是它的优点同样也是它的缺点。
动态页面通常可以通过网站后台管理系统对网站的内容进行更新管理,而前端显示的内容可以随着后台数据更改而改变,如发布新闻、发布公司产品、交流互动、博客、学校网等。
下面就常见几种动态网技术来做个简单的 介绍。
l ASP技术
ASP(Active Server Pages,动态服务网页)是微软公司开发的一种由VBScript脚本语言或JavaScript脚本语言调用FSO(File System Object,文件系统对象)组件实现的动态网页技术。
ASP技术必须通过Windows的ODBC与后台数据库
l ASP.NET技术
ASP.NET是由微软公司开发的ASP后续技术,其可由C#、VB.NET、Perl及Python等编程语言编写,通过调用System.Web命名空间实现各种网页信息处理工作。
ASP.NET技术主要应用于Windows NT系统中,需要IIS及.NET Framework的支持。通过Mono平台,ASP.NET也可以运行于其他非Windows系统中。
l JSP技术
JSP(JavaServer Pages,Java服务网页)是由太阳计算机系统公司开发的,以Java编写、动态生成HTML、XML或其他格式文档的技术。
JSP技术可应用于多种平台,包括Windows、Linux、Unix及Solaris。
JSP技术的特点在于,如果客户端第1次访问JSP页面,服务器将现解释源程序的Java代码,然后执行页面的内容,因此速度较慢。
而如果客户端是第2次访问,则服务器将直接调用Servlet,无需再对代码进行解析,因此速度 较快。
l PHP技术
PHP(Personal Home Page,个人主页)也是一种跨平台的网页后台技术,最早由丹麦人Rasmus Lerdorf开发,并由PHP Group和开放源代码社群维护,是一种免费的网页脚本语言。
PHP是一种应用广泛的语言,其多在服务器端执行,通过PHP代码产生网页并提供对数据库的读取。
浏览器在网页浏览、网站和客户端占着比较重要的工作。假设如果没有浏览器,那Internet将失去它的本色,也就失去它的意义了。
1.浏览器的构成
一般在打开浏览器后,将显示一个网站的页面,以及浏览器中一些操作。而浏览器从编程结构来讲,分为以下几个方面。
l 用户界面 包括地址栏、后退/前进按钮、书签目录等,也就是你所看到的除了用来显示你所请求页面的主窗口之外的其他部分。
l 浏览器引擎 用来查询及操作渲染引擎的接口。
l 浏览器内核(渲染引擎) 用来显示请求的内容,如请求内容为HTML,它负责解析HTML及CSS,并将解析后的结果显示出来。
l 网络 用来完成网络调用,如HTTP请求,它具有平台无关的接口,可以在不同平台上工作。
l UI后端 用来绘制类似组合选择框及对话框等基本组件,具有不特定于某个平台的通用接口,底层使用操作系统的用户接口。
l JS解释器 用来解释执行JS代码。
l 数据存储 属于持久层,浏览器需要在硬盘中保存类似Cookie的各种数据,HTML 5定义了Web Database技术,这是一种轻量级完整的客户端存储技术。
2.浏览器的工作原理
通过对浏览器结构的了解,用户可以想一下,如何使用浏览器浏览网页呢?
WWW是一种采用B/S(Browser/Server)的结构,即浏览器和服务器结构。在这种结构下,用户工作界面是通过WWW浏览器来实现的,主要事务逻辑在服务器端(Server)实现,很少部分事务逻辑在前端(Browser)实现。这样的好处是大大简化了客户端的计算机载荷,减轻了系统维护与升级的成本和工作量,降低了用户的总体成本。
因此,用户只需要安装浏览器即可浏览页面,不需要知道服务器端使用什么操作系统或服务器端怎么处理浏览器发出的请求,可以方便查看自己想看到的内容。
浏览器的工作原理可以分以下几步来理解。
l 浏览器通过HTML表单或超链接请求指向一个应用程序的URL。
l 服务器收发到用户的请求。
l 服务器执行已接受创建的指定应用程序。
l 应用程序通常是基于用户输入的内容,执行所需要的操作。
l 应用程序把结果格式化为网络服务器和 浏览器能够理解的文档,即所说的HTML网页。
l 网络服务器最后将结果返回到浏览器中。
从上图中可以看出当一个从用户在浏览器输入网址到浏览器显示页面的工作过程。WWW的基础是HTTP协议,Web浏览器就是用于通过URL来获取并显示Web网页的一种软件工具。URL用于指定要取得的Internet上资源的位置与方式。
……