网页教案,针对初学者的教案

2020-03-22 19:24:26

字体：大中小

来源：转载

供稿：网友

了解网页、主页、网站的基本概念以及它们之间的关系，理解静态网页和动态网页的概念，了解静态网页和动态网页的技术，能解释其工作过程

凡是接触过因特网的同学，都应该访问过网站、看到过网页。大家所看到的网页，一般都有一些固定的格式的，比如说标题、网站标志等，而就网页的分类来说，一般来说可以分为两类，一类是不随用户的操作而变化的，叫做静态网页，另一类是随着用户的操作而变化的，这类网页叫动态网页。
今天我就来讨论一下关于网页的问题。
二、教学内容：
通过搜索引擎搜索一些典型的网站，展示给学生。
1．网站、网页、主页的概念及三者关系
当今人们访问的国际互联网，是由一个个的网站组成的，而网站是由一张张具体的网页组成的，主页则相当于网站的起始页，起着引导连接作用，一般来说，用户可以通过主页访问到网站的大部分网页。

设问：什么是网站？什么是网页？什么是主页？
活动：教师讲解网站、网页、主页的含义及三者间的关系。

2．网页页面结构
常见网站的页面结构一般由页面标题、网站标志（LOGO）、页眉区、导航栏、登录区、搜索区、推荐热点区、主要内容区、页脚区等组成。

3．静态网页的概念
静态网页是在服务器上以文件形式存放并以相同格式发送给客户的网页。
静态网页是用超文本标记语言写的文件。

设问：我们平常在因特网上看到的网页是由什么组成的?
活动：教师讲解静态网页的组成，超文本标记语言（HTML）的特点。
探索：学生操作，浏览一张网页时查看网页的源文件。

4．静态网页显示在浏览器中的原理
静态网页从服务器上以相同格式发送给客户的文件，但这个文件在到达浏览器后，浏览器需要查找文件中的HTML代码，然后将特定的HTML代码用特定的形式显示出来，形成用户所看到的网页。

设问：静态网页是如何显示在浏览器中的？
活动：教师讲解浏览器对超文本标记语言的解释过程和效果。

5、动态网页的概念
动态网页是指在用户用户浏览过程中由计算机系统自动创建的网页，通常用于显示实时信息或按照用户交互显示特定的内容。
动态网页的特点：交互性、可自动更新、因地因时因人而变
动态网页的常见形式：计数器、聊天室、讨论区、BBS、校友录等。
构成动态网页的常见的两种情况：纯客户端方式构成的动态网页与客户端服务器模式构成的动态网页

设问：那些有交互操作的网页是由什么组成的？
活动：教师讲解，常见的构成动态网页的两种情况，纯客户端方式构成的动态网页与浏览器/服务器模式构成的动态网页各自的组成方式与特点。
交流：如何利用系统调色板精确调色

6、动态网页显示的原理
纯客户端方式构成的动态网页：这种方式不需要与服务器交互，通常采用JAVA小程序和脚本语言形式直接嵌在网页中。它的动态表现在：用户通过各种由比如javascript、javaapplet等技术支持的操作网页的显示内容或形式。

1．输入如下的一段动态网页的源代码，在浏览器上观察并体验该代码段生成的网页动态效果。
html
head
meta http-equiv= Content-Type content= text/html; charset=gb2312
title 一个文字的动态效果 /title
/head
body
marquee his.stop() onMouseOut=this.start() scrollamount=1 scrolldelay=50 direction=up height=116 width=188 border=1 bgcolor=Olive 鼠标移上时将停止，移开时继续移动，不妨试一下 /marquee
/body
/html
2．描述以上代码所能实现的动态效果：

3．实际运用：根据表格中的要求，分别对代码中不同的属性值进行分析、修改，并通过浏览器观察个性的效果，比较修改前后的变化，根据自己的观察结果把表格填完整。html教程

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

上一篇：提高用户体验与新窗口打开网页的关系

下一篇：网页注释在IE中产生文字溢出