(第10节制作网页.docVIP

八年级信息技术 网站建设 本章教学目标： 1．理解主题网站的概念 2.掌握规划设计网站的过程 3.学会设计网站结构和网页布局 4.利用网页制作软件制作简单网页 5.进一步培养协作意识和创新能力 6.能客观地评价自己和他人的作品 网站巡礼——WEB技术与网站制作流程 【教学目标】： 1. 了解http、HTML、URL分别代表什么意思； 2. 了解Web技术的发展历程； 3. 了解开发网站需要经过的基本流程； 4. 进一步了解网页湾站的相关知识； 5. 了解一些常用的网站制作工具； 6. 增强对网络的认识。 【教学重点】:网站制作中的几个概念，通过概念理论化教学让学生能系统地知道互联网中网站的工作原理。 【教学难点】：学生能独立完成教材上的“试一试”。 【教学准备】：教师把教材上提到的一些概念，通过互联网搜索，把知识进一步深化。 【教学过程】： 一 、引言导入新课 本课题是“Web技术与网站制作流程”，要弄懂这节课的内容，我们首先要搞清以下几个概念。 二、网站制作与Web技术的几个概念 网页——只要我的计算机连接了互联网，启动浏览器候，计算机所呈现再我们面前的内容就是一个“网页”。它实际上是用特有的软件（网页编辑软件）和专门的超文本标示语言（HTML）编辑的一个文件,它是构成网站的基本元素。 网站（站点）——所谓网站(Website)，就是因特网上，根据一定的规则（http超文本传输协议），使用HTML等工具制作的相关网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网络服务。一般情况下，我们再浏览器地址栏中输入某个网站的地址，就会打开一个网页，通常我们把这个网页叫做该网站的主页（首页，它的文件名是Index.html或defauit.html）。 *教师列举自己一个制作了网站查看其主页，并将它发布出去，查看该网站。 超文本标记语言（Hypertext Markup Language）——是用来制作网页的一种标记语言。用它编写的文件是一个文本文件简称HTML文档（网页或Web文档），其扩展名是.html或.htm。我们平常在网页上看到的文字、图片、视频、动画，听到的音乐等，实际上用HTML标记语言表示出来的，这就形成了HTML代码。而我们看到的网页不是代码，是一个个完成的页面，这是因为计算机的浏览器把这些代码“翻译”出来，并按照定义号的格式呈现给我们的。 *教师列举网页，并通过“查看”—“源文件”，比较网页效果与代码。 浏览器——用来浏览网页的一种软件，它也必须遵循万维网的信息组织、发布和相关数据传输的规则、协议等。 什么是WEB？Web?是一种体系结构，通过它可以访问遍布于Internet主机上的链接文档。Web?是Internet提供的一种服务；是存储在全世界Internet计算机中的数量巨大的文档的集合；这些文档连接在一起的是超链接（Hyperlink）。?在因特网上，提供这种WEB服务，我们称之为全球信息浏览（world wide web）服务，简称web服务，这种结构的网络称之为“万维网”。 Web服务器——是用来专门为用户提供网页数据存储web服务的计算机。 网络的的网页不计其数，网站也数以千万计，当然WEB服务器也是数不胜数，那么我们怎样能很迅速的找到需要的信息呢？这就有一个网站统一资源定位器的概念。 统一资源定位器（Uniform Resource Locator）的工作原理：当用户再浏览器地址栏中输入需要的网站地址后，浏览器就会自动链接并指向该WEB服务器，WEB服务器接到请求后，将用户所需要的文件以HTML文本形式交给浏览器，浏览器再翻译过来呈现给用户。在传输过称中但是要遵守一个协议（超文本传输协议HTTP）。 从这一技术层面上看，WEB技术有三个关键技术：以HTML超文本标记语言为载体实现与WEB服务器的连接；用URI统一资源定位器实现全球信息精确定位；用超文本传输协议实现分布式信息共享。 *什么是静态网页与动态网页？由于受低版本HTML语言和旧式浏览器的制约，以前的网页只能呈现单纯的文本内容，如我们用WORD或记事本编写的网页，就是一种静态网页。这种方式编写的网页呆板，无法实现交互，后来人们将这种单机环境下编程技术与互联网、WEB技术相结合，形成了网络编程技术，实现了动态和个性交流与互动，这种方式编写出来的网页就是动态网页。采用了动态网页建立的网站可以实现用户注册、用户登录、在线调查、用户管理和订单管理等多交互的功能。如我们的QQ空间，就是一种动态网页。 *比如Blog（博客、网志）、TAG（网摘、网页书签）、SNS（社会网络）、RSS（站点摘要）、WIKI(百科全书)等这些网络服务技术都是以动态网页为基础建立起来的。 三、