八年级下学期网页制作教学设计
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
[讲解]任务视图列出了站点中要完成的任务。
〈总结〉
本节只是简单介绍一下个视图方式的作用和功能，它们的具体作用我们在以后的网页制作过程中再加以介绍。
至于退出FrontPage2000，和我们关闭其它应用程序的窗口一样，只要单击“关闭”按钮就可以了。
⒊FrontPage2000的退出
作业：
熟悉FrontPage2000网页制作工具环境。
信息技术教学设计
授课时间
2．23——2.28
课题ຫໍສະໝຸດ Baidu
网页入门
课型
新授
教学方法
讲练
教具
教学目的：1、认识网页的基本工作界面。
2、学会如何创建站点，网页及如何保存网页。
教学重点、难点：学会如何创建站点，网页及如何保存网页。
教学步骤
一、导入
上过网的同学们一定浏览过许多站点，那些图文并茂的网页一定让你流连忘返。你知道那些网页是怎么制作出来的吗？你也想学会制作网页吗？那就让我们从制作一个简单的“悉尼奥运”网页开始吧。制作网页的工具很多，这里咱们介绍FrontPage2000。
接下来我们来看看如何进入FrontPage 2000。
⒈FrontPage 2000的启动
[演示]
单击“开始”按钮，将指针依次指向“程序”/“Microsoft FrontPage”单击即可。
[提问]请同学们观察一下它的窗口，看看和我们刚学过的Word窗口比较一下。
(上课时，教师先提出一些与教学内容有关的实际问题，让学生想想如何解决，以任务激发
(计算机是一门实践性很强的学科，只有通过上机实践，才能发现问题，才能更准确地理解计算机、更灵活地应用计算机。同时，在实践的过程中，老师可以了解学生的掌握程度，发现学生中普遍存在的问题，合理布置学习任务。实践中，特别是对于一些动手能力差的学生，要鼓励他们不怕犯错误。)
教学回顾：
1、掌握FrontPage 2000软件的启动和退出方法；
2、了解什么是网页以及它所包含的主要元素；
3、了解FrontPage 2000中的几种视图方式及其功能。
教学重点、难点：掌握FrontPage 2000软件的启动和退出方法；
教学步骤
〈导入新课〉
在上面的课程中我们已经学会了通过浏览网页方便地获取信息。然而，有的同学会问，我们自己能不能设计、制作出自己的网页，并在网上发布呢？
工具栏、状态栏和编辑区组成的，只是，在FrontPage 2000窗口的左边出现了几种视图方式。他们分别是：网页、文件夹、报表、导航、超链接和任务这六种。
接下来我们来分别介绍这六种视图方式和他们的功能。
2. FrontPage 2000的视图方式
（1）网页
[讲解]它是我们制作网页时最常使用的视图方式，可以用来创建、编辑和预览网页，既有所见即所得的特性。
当然可以了，接下来我们就来学习如何制作网页。我们这里主要介绍采用FrontPage这一网页制作软件来进行网页制作。
首先我们来了解以下有关网页制作的基础知识。
一、网页及其组成
[提问]
首先，同学们，你们认为什么叫网页呢？
(教师先提出一些与教学内容有关的实际问题，让学生想想如何解决，以任务激发学知识的主动性。)
（2）文件夹
[讲解]它是显示站点内容的组织方式，用于管理站点中的文件和文件夹。跟Windows资源管理器相似，在“文件夹”视图中可以创建、删除与移动文件和文件夹。
“文件夹”视图将工作区分为左右两部分，左侧显示网站中所有文件夹，单击任一文件夹，右侧的工作区将显示该文件夹下的内容。
（3）报表
[讲解]用来分析站点内容。如计算站点中的所有文件大小、显示出哪个文件没有链接到其它任一文件、指出慢速或过期的网页、以工作或是它们被分配的人和其他等方式来把文件分组。
[学生回答]
在网上看到的一些画面。
[总结]
对了，我们把通过浏览器在WWW上看到的每一幅画面都称为网页（Web page）。网页是全球广域网上的基本文档，用HTML语言编写。
我们也看到了，有的网页上只有文字，有的有图片，有的还有动画。那么，我们要做的网页上包含的元素主要就有：文字、图片、声音、动画、影像以及链接等。通过这些的有机组合，就形成了包含各种信息的网页。
学知识的主动性。带着这一问题听讲更能激起他们的学习热情。通过设置一些悬念，再让学生用计算机去解决，他们会觉得学习计算机确实管用，能够解决实际中的问题，从而也提高了学习的积极性。)
[学生回答]窗口的左边多了几种视图方式。
[讲解]对了，FrontPage 2000的窗口和我们学过的Word窗口基本相似，都是由菜单栏、
二、新授
1、启动FrontPage2000.
开始\程序\MicrosoftFrontPage2000.
2、工作界面介绍
菜单栏工具栏编辑区视图栏网页察看方式状态栏
重点讲解：文件夹列表的功能。
3、个人站点的创建
A、看教学光盘
B、生练习
C、巩固练习（师要求学生按要求做：新建一个“个人站点”）
D、学生探讨：如何新建网页？（1、在文件“菜单”中新建2、在工具栏中的新建按钮。）
（4）导航
[讲解]用来创建、显示、打印和更改网站导航结构的视图。在这个视图中可以清晰地看到整个网站的组织结构和文件组成，拖曳水平分割线可以改变上下窗口的相对大小。
（5）超链接
[讲解]显示来自站点的每一个超链接。该视图方式以图形的方式显示网站中个文件之间的链接情况，网页之间的链接通过箭头来标志。
（6）任务
E、谈话：如何保存网页呢？
讲解：“文件”\“保存”在出现的对话框按要求进行设置即可。
三、练习
四、小结
教学回顾：
这节课对于学生来说，相对比较简单，但也比较重要，因为是入门，通过这节课的观察，学生的效果还是不错的。
信息技术教学设计
授课时间
3.2——3.6
课题
网页入门详解
课型
新授
教学方法
讲练
教具
教学目的：
最初，人们用HTML语言在文本编辑中制作网页。
二、常用的网页制作工具
HTML语言是超文本标记语言（Hypertext Markup Language）的英文缩写，只有熟练掌握HTLM语言的专业人员才能用它制作网
页。
FrontPage系列软件的问世，将人们从HTML代码中解放出来，
用它来制作网页就像在文字处理软件中编排多媒体文档一样，非常直观。目前使用较多的网页制作软件除了FrontPage外，还有Flash、Dreamweaver等。
〈总结〉
本节只是简单介绍一下个视图方式的作用和功能，它们的具体作用我们在以后的网页制作过程中再加以介绍。
至于退出FrontPage2000，和我们关闭其它应用程序的窗口一样，只要单击“关闭”按钮就可以了。
⒊FrontPage2000的退出
作业：
熟悉FrontPage2000网页制作工具环境。
信息技术教学设计
授课时间
2．23——2.28
课题ຫໍສະໝຸດ Baidu
网页入门
课型
新授
教学方法
讲练
教具
教学目的：1、认识网页的基本工作界面。
2、学会如何创建站点，网页及如何保存网页。
教学重点、难点：学会如何创建站点，网页及如何保存网页。
教学步骤
一、导入
上过网的同学们一定浏览过许多站点，那些图文并茂的网页一定让你流连忘返。你知道那些网页是怎么制作出来的吗？你也想学会制作网页吗？那就让我们从制作一个简单的“悉尼奥运”网页开始吧。制作网页的工具很多，这里咱们介绍FrontPage2000。
接下来我们来看看如何进入FrontPage 2000。
⒈FrontPage 2000的启动
[演示]
单击“开始”按钮，将指针依次指向“程序”/“Microsoft FrontPage”单击即可。
[提问]请同学们观察一下它的窗口，看看和我们刚学过的Word窗口比较一下。
(上课时，教师先提出一些与教学内容有关的实际问题，让学生想想如何解决，以任务激发
(计算机是一门实践性很强的学科，只有通过上机实践，才能发现问题，才能更准确地理解计算机、更灵活地应用计算机。同时，在实践的过程中，老师可以了解学生的掌握程度，发现学生中普遍存在的问题，合理布置学习任务。实践中，特别是对于一些动手能力差的学生，要鼓励他们不怕犯错误。)
教学回顾：
1、掌握FrontPage 2000软件的启动和退出方法；
2、了解什么是网页以及它所包含的主要元素；
3、了解FrontPage 2000中的几种视图方式及其功能。
教学重点、难点：掌握FrontPage 2000软件的启动和退出方法；
教学步骤
〈导入新课〉
在上面的课程中我们已经学会了通过浏览网页方便地获取信息。然而，有的同学会问，我们自己能不能设计、制作出自己的网页，并在网上发布呢？
工具栏、状态栏和编辑区组成的，只是，在FrontPage 2000窗口的左边出现了几种视图方式。他们分别是：网页、文件夹、报表、导航、超链接和任务这六种。
接下来我们来分别介绍这六种视图方式和他们的功能。
2. FrontPage 2000的视图方式
（1）网页
[讲解]它是我们制作网页时最常使用的视图方式，可以用来创建、编辑和预览网页，既有所见即所得的特性。
当然可以了，接下来我们就来学习如何制作网页。我们这里主要介绍采用FrontPage这一网页制作软件来进行网页制作。
首先我们来了解以下有关网页制作的基础知识。
一、网页及其组成
[提问]
首先，同学们，你们认为什么叫网页呢？
(教师先提出一些与教学内容有关的实际问题，让学生想想如何解决，以任务激发学知识的主动性。)
（2）文件夹
[讲解]它是显示站点内容的组织方式，用于管理站点中的文件和文件夹。跟Windows资源管理器相似，在“文件夹”视图中可以创建、删除与移动文件和文件夹。
“文件夹”视图将工作区分为左右两部分，左侧显示网站中所有文件夹，单击任一文件夹，右侧的工作区将显示该文件夹下的内容。
（3）报表
[讲解]用来分析站点内容。如计算站点中的所有文件大小、显示出哪个文件没有链接到其它任一文件、指出慢速或过期的网页、以工作或是它们被分配的人和其他等方式来把文件分组。
[学生回答]
在网上看到的一些画面。
[总结]
对了，我们把通过浏览器在WWW上看到的每一幅画面都称为网页（Web page）。网页是全球广域网上的基本文档，用HTML语言编写。
我们也看到了，有的网页上只有文字，有的有图片，有的还有动画。那么，我们要做的网页上包含的元素主要就有：文字、图片、声音、动画、影像以及链接等。通过这些的有机组合，就形成了包含各种信息的网页。
学知识的主动性。带着这一问题听讲更能激起他们的学习热情。通过设置一些悬念，再让学生用计算机去解决，他们会觉得学习计算机确实管用，能够解决实际中的问题，从而也提高了学习的积极性。)
[学生回答]窗口的左边多了几种视图方式。
[讲解]对了，FrontPage 2000的窗口和我们学过的Word窗口基本相似，都是由菜单栏、
二、新授
1、启动FrontPage2000.
开始\程序\MicrosoftFrontPage2000.
2、工作界面介绍
菜单栏工具栏编辑区视图栏网页察看方式状态栏
重点讲解：文件夹列表的功能。
3、个人站点的创建
A、看教学光盘
B、生练习
C、巩固练习（师要求学生按要求做：新建一个“个人站点”）
D、学生探讨：如何新建网页？（1、在文件“菜单”中新建2、在工具栏中的新建按钮。）
（4）导航
[讲解]用来创建、显示、打印和更改网站导航结构的视图。在这个视图中可以清晰地看到整个网站的组织结构和文件组成，拖曳水平分割线可以改变上下窗口的相对大小。
（5）超链接
[讲解]显示来自站点的每一个超链接。该视图方式以图形的方式显示网站中个文件之间的链接情况，网页之间的链接通过箭头来标志。
（6）任务
E、谈话：如何保存网页呢？
讲解：“文件”\“保存”在出现的对话框按要求进行设置即可。
三、练习
四、小结
教学回顾：
这节课对于学生来说，相对比较简单，但也比较重要，因为是入门，通过这节课的观察，学生的效果还是不错的。
信息技术教学设计
授课时间
3.2——3.6
课题
网页入门详解
课型
新授
教学方法
讲练
教具
教学目的：
最初，人们用HTML语言在文本编辑中制作网页。
二、常用的网页制作工具
HTML语言是超文本标记语言（Hypertext Markup Language）的英文缩写，只有熟练掌握HTLM语言的专业人员才能用它制作网
页。
FrontPage系列软件的问世，将人们从HTML代码中解放出来，
用它来制作网页就像在文字处理软件中编排多媒体文档一样，非常直观。目前使用较多的网页制作软件除了FrontPage外，还有Flash、Dreamweaver等。