网站设计跟Web应用开发技术ch03.pptVIP

第3章 HTTP协议及其开发与HTML语言基础 教学目标 教学重点 教学过程 教学目标 理解HTTP的基本原理及运行机制 了解HTTP应用开发的基本方法 掌握HTML的标签、文档结构和基本语法 教学重点 HTTP的运行机制 HTML的基本用法 教学过程 HTTP协议 HTML基础 HTML的基本语法 HTML实例 * 网站设计与Web应用开发技术 清华大学出版社 网站设计与Web应用开发技术 清华大学出版社 * 3.1 HTTP协议 我们在浏览器的地址栏里输入的网站地址叫做URL(Uniform Resource Locator，统一资源定位符） 当你在浏览器的地址框中输入一个URL或是单击一个超级链接时，URL就确定了要浏览的地址。浏览器通过超文本传输协议(HTTP)，将Web服务器上站点的网页代码提取出来，并翻译成漂亮的网页 URL的含义 /china/index.htm 1.http://：代表超文本传输协议，通知某台服务器显示Web页，通常不用输入 2.www：代表一个Web(万维网)服务器 3.M/：这是装有Web服务器的域名，或站点服务器的名称 4.China/：为该服务器上的子目录，就好像个人电脑上的文件夹 5.Index.htm：index.htm是上述文件夹中的一个HTML文件(网页) HTTP HTTP协议(Hypertext　Transfer　 Protocol ) ，即超文本传输协议 它用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效，使网络传输减少 它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等 3.1.2 HTTP的宏观工作原理 客户机 （IE） 服务器 【server】 请求 响应 统一资源标识符(URL) 协议版本号 MIME信息（请求修饰符、客户机信息和可能的内容） 状态行（信息的协议版本号、一个成功或错误的代码） MIME信息（ 服务器信息、实体信息和可能的内容） 客户机 【IE】 服务器 【server】 代理 网关 隧道 响应 请求 请求 响应 3.1.2 HTTP的宏观工作原理 1.建立连接 2.发送请求 3.发送响应 4.关闭连接 客户机 【IE】 服务器 【server】 请求建立连接 发送响应 发送请求 关闭连接 如果，采用是带有代理的交互过程，则在此过程中需要增加一个中介，完成请求和响应时的中转工作 3.1.3 HTTP协议基础 3.1.4 HTTP应用开发方法 HTML的基本用法 HTTP协议从通信的角度贯穿了应用开发的多个层次，包括了：HTTP客户程序、HTTP服务器程序、服务器端应用程序 3.2 HTML基础 HTML简介 超文本 超文本是一种信息管理方式，它的本质含义是非线性的文档组织形式；是采用了符合人脑思维模式的联想机制对庞大的信息资源进行索引的一种非线性结构 超媒体＝超文本＋多媒体 HTML 一种国际化标准语言，它用于在Web上发布超文本信息，是一种基于SGML，公开的资源描述格式 3.2 HTML基础 HTML标记语法及文档结构 HTML只是一个纯文本文件，由“显示内容”及“控制语句”两部分组成 规范的标记方法为： 标签 属性1=属性值 属性2=属性值 …受影响内容/标签 字符引用 为了解决与标签字符冲突的问题，分为：数值字符引用和字符实体引用 注释方法 !-- 注释内容 -- HTML文件的总体结构 html head title文件标题/title : /head body : : /body /html 表头区 主体区 以 html 开头 以 /html 结尾 3.2 HTML基础 3.2 HTML基础 HTML网页的编写和测试方法 编写HTML文件，保存为后缀为html的文件 双击打开该文件，即可在浏览器中查看 HTML HEAD TITLEMy first page/TITLE /HEAD BODY 我的第一个网页 /BODY /HTML 3.3 HTML的基本语法 标题和段落 标题文字标签 段落标签 强行换行标签BR、设置段落标签P 、显示预排格式标签PRE、分区显示标签DIV 文字标签FONT 文字的大小、字体 、字型、颜色 列表 无序列表、有序列表、定义列表、列表嵌套 3.3 HTML的基本语法 超级链接 锚点标签A A href=链接的目标地址 name=链接名称字符串 target=打开窗口方式浏览器中显示的热点/A 指向其他页面的链接 A href=目标地址的路径/目标文件名.html热点文本/A