1、第章 电子政务网站建设2018/5/7 14.1 Web原理 4.1.1 C/S与 B/S工作模式 4.1.2 超链接与超文本标记语言 4.1.3 网站与网页 现在的 “互联网 ”包含了两个概念: 用一些规则(即协议,主要是 TCP/IP)联结了世界上的许多校园网、企业网、政府网、家庭网和计算机; 一个全世界的信息资源 “ 遍布全球的蜘蛛网 ”( World Wide Web,WWW, 3W),后来被称为环球信息网(环球网)、万维网、 Web网等。2018/5/7 24.1.1 C/S与 B/S工作模式 1. C/S工作模式 Web系统工作时采用的是一种客户机 /服务器(client/serv
2、er, C/S)工作模式。按照 C/S模式工作时,客户机在 “前台 ”( front-end)工作,服务器在 “后台 ”(back-end)工作。 服务请求客户机 服务器 服务程序处理请求 ,必要时连接其他服务器 处理结果 客户程序根据返回数据格式 ,形成用户界面 服务程序不断监听特定端口有无来自客户端的请求 ,2018/5/7 3 2. B/S工作模式B/S( Browser/Server,浏览器 /服务器)模式又称 B/S结构,是 C/S模式应用的扩展。在这种结构下,用户工作界面是通过浏览器来实现的。浏览器 HTTPLAN, WANWeb 服务器 接口 中间件 LAN, WANHTML/V
3、RML WWW服务器SQL应用数据库服务器2018/5/7 4 3. 浏览器 浏览器是安装在客户端的一个软件,作用是解释网页中的内容如何展现。当把一台连接到 Internet上的计算机打开,启动(双击)浏览器程序(现在多数为 Internet Explorer,IE),在计算机的屏幕上将显示一个浏览器的框架。标题栏菜 单栏工具 栏地址 栏内容区状 态栏2018/5/7 52018/5/7 64.1.2 超链接与超文本标记语言 1. 超文本链接2018/5/7 7 2. HTML 网页是采用一种特殊的语言 HTML ( Hypter Text Mark-up Language,超文本标记语言)书
4、写的。这种语言的用处就是对一个文档中各个有关部分加上标记符。 标题 HTML 文档举例 2018/5/7 8常用的 HTML标记标 记说 明 表明这是 HTML文档 定界页面首部 定界网页标题 定界网页主体 定界一个 n级题头 设置 为宽体 设置 为菜单插入一张图像,图像的文件名为 “ ”X 定义一个超链接,起点为 X,终点为“ ”2018/5/7 9HTML片段:本 书 是 “十一五 ”国家 级规 划教材 ,由人民 邮电 出版社出版。浏览 器接收到 这 段 HTML文档后,将其解 释为 如下 显 示:本 书 是 “十一五 ”国家 级规 划教材 ,由人民 邮电 出版社出版。2018/5/7 10