教学后记（网页制作基础知识）

1、中学教师教学后记材料专用纸教师姓名撰写后记日期2005年3月9日后记课题第二节 网页的建立教 学 后 记 内 容本节的主要任务是制作一个简单网页，让学生熟悉网页中的各种元素及其制作方法，对网页制作过程有初步的了解。在教学过程中，可以先展示制作好的网页，然后从头开始，将制作过程演示出来。因为学生在word2000中已学会了图文混排，所以在本节的教学中应侧重于网页编排与word文档编排的不同之处。虽然启动frontpage2000后，进入网页视图就可以直接制作网页，但是这样制作出来的网页文件存在一些问题，最突出的问题就是网页中所插入的图片、动画、声音等文件的路径使用的是绝对路径，在这种情况下，如果

2、网站位置发生迁移，所有图片、动画、声音文件的路径必须修改为服务器可以搜索到的位置，否则在图片出现的位置将无法显示图片本身，而显示为一个图标，因此建议在启动frontpage2000后，先创建一个网站，再对页面进行编辑，这样在网站文件夹内，使用相对路径进行文件的引用，即使整个网站发生迁移，网站内部的相对位置却保持不变。（1）文字输入文字方面的不同之处主要是字体的运用。（2）图片frontpage 2000支持gif、jpg、png三种图片格式，它们都属于压缩的图片，文件长度较小，因此适合网络传输。（3）动画在网页中可以使用gif动画和flash动画。这节课的内容很简单，学生都能够很好地掌握。说明

3、：（1）教学后记应主要写出自己对这节课的反思，找出成功所在和教学环节中还存在的有待于改进的地方，做到言之有物；（2）每篇应在500字左右；（3）各位教师每周教学后记统一于周五下午交年级主任处，年级主任汇总后、再送交教务处。中学教师教学后记材料专用纸教师姓名撰写后记日期2005年3月2日后记课题第一节 网页制作基础知识教 学 后 记 内 容本节是新学期第一节课，主要介绍网页制作基础知识和frontpage 2000的启动和退出，目的在于让学生了解什么是网页，可以使用哪些工具制作网页，应该把学生的兴趣提起来，为后面的章节做铺垫。在基础知识部分，有必要让学生搞清以下概念。（1）什么是网站？（2）什么

4、是网页？（3）什么是主页？使用浏览器访问网站时，网站中第一个被执行的文件称为主页，4）什么是 html？html (超文本标记语言)是一种用于全球广域网上文档中的标准标记语言。制作网页的工具很多，如microsoft frontpage、flash、dreamweaver等，这些工具是以“所见即所得”的用户界面为特征的。使用frontpage 2000制作网页，可以将主要精力放在内容的组织和版面的设计上，无须用户输入难记的html代码，由frontpage自动在幕后生成所有的html代码。为了充分发挥frontpage 2000的网站管理功能，制作网页时，最好先创建一个网站，然后在此网站中进行

5、各网页的制作。本节的例题1就是练习这一内容的。在frontpage 2000中，有六种视图方式，每一种视图提供关于网站的不同信息，可以用来有效地管理网站。其中：网页视图：可以用来创建、编辑、和预览网页，具有所见即所得的特性。说明：（1）教学后记应主要写出自己对这节课的反思，找出成功所在和教学环节中还存在的有待于改进的地方，做到言之有物；（2）每篇应在500字左右；（3）各位教师每周教学后记统一于周五下午交年级主任处，年级主任汇总后、再送交教务处。中学教师教学后记材料专用纸教师姓名撰写后记日期2005年3月25日后记课题第三节 网页图片处理教 学 后 记 内 容本节主要介绍网页中的图片处理方法，

6、通过这些处理，不但使网页更美观，还应使网页更实用。在教学过程中应讲明各种操作的目的和方法，让学生理解为什么要进行这些图片处理，并在实际制作中灵活运用。1、图文布局 在网页中，图片与文本的对齐方式有十种，分别是：左对齐、右对齐、顶边对齐、文本上方等。2、图片定位和图层 这一知识点可以通过设问的方法，先在新建网页中插入一幅图片，然后要求学生改变图片位置，当学生无法完成任务时，引入绝对定位的概念，同时介绍图片工具栏。当网页中插入若干图片时，这些图片可以重叠起来，形成特殊效果。在系统默认的情况下，后插入的图片将重叠在已有图片之上，这样就形成了图层。3、透明 所谓透明，是指将图片中的一种颜色擦除（通常是

7、背景色），这样页面的背景颜色就可以透过来。4、 动缩略图当网页中采用大型图片时，可能需要花很长时间来下载（取决于访问者的系统），这时，则可以通过缩略图来解决。缩略图是能快速下载的图片的缩小版本。使用 frontpage 2000自动缩略图功能可以自动创建缩略图，且缩略图具有指向原始图片的超链接，访问者单击它即可通过超链接看到原来的图片。 经过这样处理过的网页就会更加美观，大方。在图层的练习中，学生掌握情况不是太好，其他做的不错。说明：（1）教学后记应主要写出自己对这节课的反思，找出成功所在和教学环节中还存在的有待于改进的地方，做到言之有物；（2）每篇应在500字左右；（3）各位教师每周教学后记

8、统一于周五下午交年级主任处，年级主任汇总后、再送交教务处。中学教师教学后记材料专用纸教师姓名撰写后记日期2005年4月20日后记课题第五节 网页表格教 学 后 记 内 容本节主要通过主页页面的设计和编排，介绍网页表格的制作和编辑。在网页制作中，可以先设计版面，然后利用表格功能将页面划分成若干单元格，每一单元格填充相应文字或图片，再对表格进行美化后，即可产生所需网页。frontpage具有增强的表格制作功能，可以使用制表工具，直接在网页上画出任意形状和大小的表格，使用鼠标更可以自由改变表格的大小和宽度，因此，在frontpage中制作网页，设计者可以将更多的精力放在版面设计上。在网页中建立表格的

9、方法与word相同，所以该部分可以安排学生自己完成。但因为内容和版面的需要，网页中的表格一般都较复杂，所以，大多采用“手动制表”方法。在frontpage中可以对表格进行的行列操作很多，如表格中的单元格可以再进行拆分或合并等。也可以将表格转换成文本，甚至可以将现有的文本转变为表格。已绘制好的表格，可以在单元格中插入文字、图片、表单字段甚至另一表格。通过“表格属性”和“单元格属性”的设置，定义表格的大小、背景、边框等参数，使之更美观。最后提醒学生为避免因访问者浏览器设置的不同而产生不同的效果，在设计表格时，最好采用相对大小和相对位置的设置（按百分比）。 学生们充分发挥自己的想象，制作出了很多漂亮

10、的表格，这也说明大家掌握很好。说明：（1）教学后记应主要写出自己对这节课的反思，找出成功所在和教学环节中还存在的有待于改进的地方，做到言之有物；（2）每篇应在500字左右；（3）各位教师每周教学后记统一于周五下午交年级主任处，年级主任汇总后、再送交教务处。中学教师教学后记材料专用纸教师姓名撰写后记日期2005年4月30日后记课题第五节 网页表格教 学 后 记 内 容在本节课的教学过程中，应首先通过框架网页与其他网页的对比，引导学生理解框架的含义：框架是一种独特的结构，可以将一个页面分割成几个不同的组成部分，每一部分都是一个单独的整体，可以显示一个网页，这样，在浏览器的一个窗口中可以同时浏览多个

11、网页。然后再演示两种不同框架结构网页，一种框架设计结构一目了然，让人轻松穿梭其间；另一种框架设计却将窗口分割得乱七八遭，让人越看越乱。通过对比，让学生知道设计框架的目的，并深化为哪些网页的内容可以使用框架、如何使用框架。通常在以下几种情况下使用框架较为理想：(1) 目录表：在页面中使用一个具有链接的目录表，将目录放在一个固定的框架中，通过另一框架观看每一目录所链接的各个页面。如将窗口分为上下两个框架，上面显示产品目录，下面显示每种产品的型号、价格等详细信息。(2) 固定的页面内容：如页面大标题。(3) 更好的表单和效果：可以在一个框架中建立表单，在另一个框架中显示表单统计结果，这样更为直观和迅

12、捷。说明：（1）教学后记应主要写出自己对这节课的反思，找出成功所在和教学环节中还存在的有待于改进的地方，做到言之有物；（2）每篇应在500字左右；（3）各位教师每周教学后记统一于周五下午交年级主任处，年级主任汇总后、再送交教务处。中学教师教学后记材料专用纸教师姓名撰写后记日期2005年5月9日后记课题第六节 表单的制作教 学 后 记 内 容本节介绍表单的建立和表单资料的收集，在教学过程中，首先要让学生理解表单的作用。通常情况下，访问者浏览页面是为了阅读文章、查找信息，他们所做的仅仅是在不同的链接之间进行简单的浏览和单击，因此这是一种单方面的对话。如果网站设计者想统计访问者信息，了解他们的意见和

13、建议，则必须通过表单进行在搜索表单部分，应让学生搞清它的功能仅限于在本网站内部进行搜索，帮助访问者迅速查找所需主题，而不是web上的搜索引擎。搜索表单的建立方法比较简单，但在创建时应注意以下几个问题：(1) 应向访问者说明如何使用搜索表单，并将搜索表单紧接在解释文本之后。(2) 搜索表单不会对大约300个一般的英语单词进行搜索，例如“a”、“the” 等等。(3) 在站点中保存网页的时候，frontpage 将会把所有新单词添加到站点的文本索引中。文本索引是不断增加的：新的单词会被加入到索引中，但旧的不会被删除。要创建新的文本索引并去除过时的单词，须依次单击菜单“工具”、“重新计算超链接”。注

14、意：如果有很多外部超链接，这个过程可能会用几分钟时间，因为 frontpage 必须连接并检查每个超链接。 如果站点是基于服务器的，并且服务器运行 microsoft frontpage 服务器扩展，则frontpage 会根据包含在网站所有网页中的单字自动创建文本索引。创建搜索表单来让站点访问者对指定单字或短语搜索您的站点。当访问者提交搜索表单， frontpage 检索文本索引，并且按匹配程度显示指向包含搜索文本的网页的超链接列表。说明：（1）教学后记应主要写出自己对这节课的反思，找出成功所在和教学环节中还存在的有待于改进的地方，做到言之有物；（2）每篇应在500字左右；（3）各位教师每周

15、教学后记统一于周五下午交年级主任处，年级主任汇总后、再送交教务处。中学教师教学后记材料专用纸教师姓名撰写后记日期2005年5月16日后记课题第七节 创建超链接教 学 后 记 内 容在学习图像映射时，教师先作如下提示：如果将图片作为链接源，一张图片只能建立一个链接。如果要在一个图片中建立几个链接，则要运用图像映射技术，先在图片中设置几个热区，然后分别建立链接，注意热区不能重叠。只要让学生理解图像映射的含义以及绘制热区的方法，学生就可以轻松完成这种链接，但教师应该补充说明：图像映射一定要运用得当，否则访问者可能看不出该图片中的多重链接，从而抹杀了网站的设计意图。在课时允许的情况下，适当补充介绍如何

16、修改超链接的外观，使网页更美观。如果超链接源是文本，该文本就以下划线和蓝色（默认色）来显示，实际上超链接文本有三种颜色：超链接即未被选中的超链接；当前超链接单击了某超链接后该链接所变成的颜色；已访问过的超链接当访问者观察了超链接后返回页面时该链接所变成的颜色，即已经被浏览过的超链接。web 浏览器根据一个具体的时间周期来决定超链接是否已经被访问。例如在 microsoft internet explorer 中，这个时间周期就是指定的保留历史记录的时间，默认值为20天。如果20天内浏览过这些网页，超链接状态将会变成“已访问过的超链接”。如果20天内没有访问这些网页，或者清除了历史记录，则超链接

17、状态将会变成“超链接”。表示链接状态的三种颜色可以在“网页属性”对话框中进行更改，但要注意色彩的协调。说明：（1）教学后记应主要写出自己对这节课的反思，找出成功所在和教学环节中还存在的有待于改进的地方，做到言之有物；（2）每篇应在500字左右；（3）各位教师每周教学后记统一于周五下午交年级主任处，年级主任汇总后、再送交教务处。中学教师教学后记材料专用纸教师姓名撰写后记日期2005年5月23日后记课题第八节 动态网页制作教 学 后 记 内 容本节的内容主要介绍frontpage的组件菜单，通过这些菜单的运用，能够使网页产生动态效果。过去，类似的动态效果只能通过在html代码中加入java app

18、let小程序或javascript程序来实现，现在在frontpage2000中可以通过菜单和对话框来创建，极大地方便了用户。当然，从网页的html代码可以看出，这些效果依然是通过java applet小程序或javascript程序实现的，只不过是由frontpage2000自动将这些程序插入到页面中的。本课内容生动活泼，学生学习兴趣高，所以建议以学生自主学习为主，教师适当加以提示和总结，引导学生除了掌握本书的制作技巧外，还要关注html语言的最新技术及其效果，增强网页制作能力。动态 html (dynamic html) 是microsoft 对 html 4.0 版的增强版，是一种加入特

19、殊标记的html语言，它可以创建出如逐字移出网页的文本、当指针移到文字时，文字变色和网页间旋转变换等各种动态效果。由于frontpage 2000和ie5.0同是微软的产品，因此用frontpage 2000制作出来的动态效果，在ie5.0中可以完全再现出来，而市场上使用人数较多的另一浏览器netscape4.5，则由于网景公司制定的dynamic html语法与微软不完全相同，所以无法再现某些动态效果。因此，在制作网页时，应尽量使用在两种浏览器中都可以正常显示的动态效果。要创建动态网页效果，只要依次单击菜单“格式（o）”、“动态html效果（e）”，在“动态html效果”工具栏中选择适当效果

20、即可。说明：（1）教学后记应主要写出自己对这节课的反思，找出成功所在和教学环节中还存在的有待于改进的地方，做到言之有物；（2）每篇应在500字左右；（3）各位教师每周教学后记统一于周五下午交年级主任处，年级主任汇总后、再送交教务处。中学教师教学后记材料专用纸教师姓名撰写后记日期2005年5月30日后记课题第一节 程序设计的基本方法教 学 后 记 内 容中小学程序设计教学的目的，是要求学生掌握程序设计的一般方法，发展他们的思维能力、分析问题和解决问题的能力。vb是一种面向对象的程序设计语言，visual意为“可视化的”，basic指的是 basic语言。在学习vb时，除了学习界面设计，更要学习灵

21、活运用vb实现各种算法。教学过程中，教师应注重算法的教学，通过阅读程序、编写和调试程序、使用程序，逐步培养学生的程序设计的能力。算法可以用以下几种方法描述：自然语言、传统流程图、n-s流程图、伪代码。算法的描述是学习程序设计的重点与难点。课本中的例6-1-1、例6-1-2、例6-1-3的算法就是用自然语言描述的，图6-1、图6-2、图6-3是其相应的流程图。本章后面各例的算法也是先用自然语言描述，然后再画出对应的流程图。尽管本节从学生学习和生活的实例出发，列举了一些典型的、常见的例子，但算法仍是学生较难理解和掌握的内容。本节只是开始，要求不能过高，随着学习的深入，积累的算法的增多，学生的理解会逐步加深。对此，教师应注意循序渐进，绝不可要求一蹴而就。说明：（1）教学后记应主要写出自己对这节课的反思，找出成功所在和教学环节中还存在的有待于改进的地方，做到言之有物；（2）每篇应在