教案01 WEB基础知识

《教案01 WEB基础知识》由会员分享，可在线阅读，更多相关《教案01 WEB基础知识（7页珍藏版）》请在金锄头文库上搜索。

1、教 案 1章节： 9.1 课题： WEB 基础知识 教学目的： 了解 WEB 的发展 掌握 HTTP 协议的工作原理 了解基本的网站开发技术 本课重点： HTTP 协议的工作原理 网站开发技术简介 难点： 网站开发技术 直观和辅助教具 黑板 时间分配：2 复 问 内 容 学 生 姓 名 成 绩无作 业 及 预 习 要 求时间分配：简述 HTTP 协议的工作原理预习 HTML 标记语言教案编号 第 2 页 共 7 页I、 组织教学网络已成为人们工作生活学习中不可或缺的有利工具，而网络中最主要的信息传递形式就是网页。网页开发与网站的维护需要大量的技术人员。本课程的学习帮助大家掌握网页开发的基本技术

2、以及动态网站的开发技术。 II、 复习提问III、新授课9.1 WEB 基础知识一WWW 的发展Web 服务是目前 Internet 上很重要也是用户最多的一项服务。Web 服务最初是由日内瓦欧洲核物理研究中心（CERN）开发的一个科研项目，1990 年底研制成功并投入使用。1993 年初，美国国家超级计算机应用中心（NCSA）开发的基于图形用户界面的MOSAIC 浏览器问世，使得 Web 服务得以突飞猛进地发展。二网站与网页 （Hypertext）是一种文件格式，是一种对信息的描述方法，这种描述方法不受系统平台的限制，可以在不同的平台上使用，用户也可以在各种操作系统上浏览这些超文本文件。在每

3、一个页面上，可以有一些词、语句或图片等作为“链接点（Link） ”，通过这些链接点可以快速地跳转到本网站的其它页面或其它网站上的页面。这种“链接点”方式称为超链接。存放这些页面的服务器称为网站。 三WWW 的工作原理1. WWW 中的信息资源主要由一篇篇的 Web 文档，或称 Web 页为基本元素构成。这些 Web 页采用超级文本（Hyper Text）的格式，即可以含有指向其他 Web 页或其本身内部特定位置的超级链接，或简称链接。可以将链接理解为指向其它 Web 页的“指针” 。链接使得 Web 页交织为网状。这样，如果 Internet 上的 Web 页和链接非常多的话，就构成了一个巨大

4、的信息网。当用户从 WWW 服务器取到一个文件后，用户需要在自己的屏幕上将它正确无误地显示出来。由于将文件放入 WWW 服务器的人并不知道将来阅读这个文件的人到底会使用哪一种类型的计算机或终端，要保证每个人在屏幕上都能读到正确显示的文件，必须以某种各类型的计算机或终端都能“看懂”的方式来描述文件，于是就产生了 HTML -超文本语言。2. WWW 的核心HTTPHTTP 简介：由于 HTTP 协议是基于请求/响应范式的(相当于客户机/服务器)。一个客户机与服务器建立连接后，发送一个请求给服务器，请求方式的格式为：统一资源标识符(URL)、协议版本号，后边是 MIME 信息包括请求修饰符、客户机

5、信息和可能的内容。服务器接到请求后，给予相应的响应信息，其格式为一个状态行，包括信息的协议版本号、一个成功或错误的代码，后边是 MIME 信息包括服务器信息、实体信息和可能的内容。HTTP 的工作原理：许多 HTTP 通讯是由一个用户代理初始化的并且包括一个申请在源服务器上资源的请求。最简单的情况可能是在用户代理和服务器之间通过一个单独的连接来完成。在 Internet 上， HTTP 通讯通常发生在 TCP/IP 连接之上。缺省端口是 TCP80，但其它的端口也是可用的。但这并不预示着 HTTP 协议在 Internet 或其它网络的其它协议之上才能完成。HTTP 只预示着一个可靠的传输。五

6、 HTML 简介教案编号 第 3 页 共 7 页HTML 语言是由一个世界性的标准化组织 W3C（World Wide Web Consortium）制定出来的。该语言自 1990 年问世以来，迄今为止已经发行了 4 个版本。现在最新的是 HTML4.0 版本，通过浏览“http:/www.w3.org/pub/www/”站点，可以了解 HTML 标准的最新动态。 HTML 文件本身是一个 ASCII 文件，在任何文本编辑器中都可以进行编辑，当一个HTML 文件编辑好后，必须用扩展名 “.htm”或“.html” 来存储，以表示该文件是 HTML 文档。一个 HTML 文件是由内容和标记构成的

7、。 HTML 不是编程语言，而是一种根据需要把相关信息链接起来的信息管理技术，是一种用于编写超文本的标记语言。html 文件主要由两个方面：1）文件的结构2）tag 单元，即 所构成的单元。tag 含有属性，通过 tag 可以在页面上产生各种可视元素，包括段落、输入框、表格等，而通过 tag 的属性产生对这些元素的修饰，如颜色、大小等。总类文件类型 （放在档案的开头与结尾）文件主题 （必须放在文头区块内） 文头 （描述性资料，像是 主题 ） 文体 （文件本体） 格式如下：标题部分 正文部分各标签含义如下：标签位于 HTML 文件最开头，告诉浏览器，这个文件是 HTML 文件，在文件尾，用结束，

8、提醒 HTML 文件结束。标签一般放在 标签后，用来标明文件的题目或定义部分。这对标签用来定义文件的标题，浏览器通常会将文件标题显示在浏览器窗口的左上角。这对标签一般用来指明 HTML 文档里主要内容，如：标题、段落、列表等。也可定义主页背景颜色。四HTML 介绍 1.HTML 文件是什么？HTML 表示超文本标记语言（ Hyper Text Markup Language） 。 HTML 文件是一个包含标记的文本文件。 这些标记保速浏览器怎样显示这个页面。 教案编号 第 4 页 共 7 页HTML 文件必须有 htm 或者 html 扩展名。 HTML 文件可以用一个简单的文本编辑器创建。

9、HTML 超文本文档分文档头和文档体两部分，在文档头里，对这个文档进行了一些必要的定义，文档体中才是要显示的各种文档信息。- 开始标签-一个简单的 HTML 示例 | 头部标签- -| 欢迎光临我的主页 | | 文件主体| 这是我第一次做主页 | | | - 结尾标签是 HTML 文档的头部标签, 在浏览器窗口中，头部信息是不被显示在正文中的,在此标签中可以插入其它标记, 用以说明文件的标题和整个文件的一些公公属性。若不需头部信息则可省略此标记，良好的习惯是不省略。和是嵌套在头部标签中的，标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。2.如何运行假如你运行的是 windows 系统，

10、打开记事本，在其中输入以下文本：Title of pageThis is my first homepage. This text is bold将此文件保存为“mypage.htm” 。启动浏览器。在文件菜单中选择“打开” （或者“打开页面” ） ，这时将出现一个对话框。选择“浏览” （或者“选择文件” ） ，定位到你刚才创建的 HTML 文件“mypage.htm” ，选择它，单击“打开” 。然后在对话框中，你将看到这个文件的地址，比如说：“C:MyDocumentsmypage.htm”。单击“确定” ，浏览器将显示此页面。教案编号 第 5 页 共 7 页3.例子解释HTML 文档中，第

11、一个标签是 。这个标签告诉浏览器这是 HTML 文档的开始。HTML文档的最后一个标签是，这个标签告诉浏览器这是 HTML 文档的终止。在和标签之间文本的是头信息。在浏览器窗口中，头信息是不被显示的。在和标签之间的文本是文档标题，它被显示在浏览器窗口的标题栏。在和标签之间的文本是正文，会被显示在浏览器中。在和 标签之间的文本会以加粗字体显示。4.关于 HTML 编辑器：用一些所见即所得的编辑器，比如 frontpage，dreamwaver，你可以很容易创建一个页面，而不需要在纯文本中编写代码。但是假如你想成为一名熟练的网络开发者，我们强烈推荐你用纯文本编辑器编写代码，这有助于学习 HTML

12、基础。五HTML 元素 HTML 文档是由 HTML 元素组成的文本文件。HTML 元素是预定义的正在使用的 HTML 标签。1.HTML 标签HTML 标签用来组成 HTML 元素。HTML 标签两端有两个包括字符： “”,这两个包括字符被称为角括号。HTML 标签通常成对出现，比如 和 。一对标签的前面一个是开始标签，第二个是结束标签,在开始和结束标签之间的文本是元素内容。HTML 标签是大小写无关的， 跟表示的意思是一样的。2.HTML 元素HTML 例子：Title of pageThis is my first homepage. This text is bold下面是一个 HTM

13、L 元素：This text is bold此 HTML 元素以开始标签起始， 内容是：This text is bold，以结束标签中止。标签的目的是定义一个需要被显示成粗体的 HTML 元素。下面也是一个 HTML 元素：This is my first homepage. This text is bold此 HTML 标签以开始标签起始，终止于结束标签。标签的目的是教案编号 第 6 页 共 7 页定义一个 HTML 元素，使其包含 HTML 文档的主体。W3C 在他们的 HTML4 建议中提倡使用小写标签， XHTML（下一代 HTML）也需要小写标签。3.标签属性标签可以拥有属性。属性能够为页面上的 HTML 元素提供附加信息。标签定义了 HTML 页面的主体元素。使用一个附加的 bgcolor 属性，你可以告诉浏览器：你页面的背景色是红色的，就像这样：标签定义了一个 HTML 表格。