《八年级下学期网页制作教学设计》由会员分享，可在线阅读，更多相关《八年级下学期网页制作教学设计（14页珍藏版）》请在金锄头文库上搜索。
1、精品文档信息技术教学设计授课时间课型2232.28新授教学方法课题讲练教具网页入门教学目的：1、认识网页的基本工作界面。2、学会如何创建站点，网页及如何保存网页。教学重点、难点：学会如何创建站点，网页及如何保存网页。教学步骤一、导入上过网的同学们一定浏览过许多站点，那些图文并茂的网页一定让你流连忘返。你知道那些网页是怎么制作出来的吗？你也想学会制作网页吗？那就让我们从制作一个简单的“悉尼奥运”网页开始吧。制作网页的工具很多，这里咱们介绍FrontPage2000。二、新授1、启动FrontPage2000.开始程序MicrosoftFrontPage2000.2、工作界面介绍菜单栏工具栏编辑区
2、视图栏网页察看方式状态栏重点讲解：文件夹列表的功能。3、个人站点的创建A、看教学光盘B、生练习C、巩固练习（师要求学生按要求做：新建一个“个人站点”）D、学生探讨：如何新建网页？（1、在文件“菜单”中新建2、在工具栏中的新建按钮。）E、谈话：如何保存网页呢？讲解：“文件”“保存”在出现的对话框按要求进行设置即可。三、练习四、小结教学回顾：这节课对于学生来说，相对比较简单，但也比较重要，因为是入门，通过这节课的观察，学生的效果还是不错的。精品文档精品文档信息技术教学设计授课时间课型3.23.6新授教学方法课题讲练网页入门详解教具教学目的：1、掌握FrontPage2000软件的启动和退出方法；2
3、、了解什么是网页以及它所包含的主要元素；3、了解FrontPage2000中的几种视图方式及其功能。教学重点、难点：掌握FrontPage2000软件的启动和退出方法；教学步骤导入新课在上面的课程中我们已经学会了通过浏览网页方便地获取信息。然而，有的同学会问，我们自己能不能设计、制作出自己的网页，并在网上发布呢？当然可以了，接下来我们就来学习如何制作网页。我们这里主要介绍采用FrontPage这一网页制作软件来进行网页制作。首先我们来了解以下有关网页制作的基础知识。一、网页及其组成提问首先，同学们，你们认为什么叫网页呢？(教师先提出一些与教学内容有关的实际问题，让学生想想如何解决，以任务激发学
4、知识的主动性。)学生回答在网上看到的一些画面。总结对了，我们把通过浏览器在WWW上看到的每一幅画面都称为网页（Webpage）。网页是全球广域网上的基本文档，用HTML语言编写。我们也看到了，有的网页上只有文字，有的有图片，有的还有动画。那么，我们要做的网页上包含的元素主要就有：文字、图片、声音、动画、影像以及链接等。通过这些的有机组合，就形成了包含各种信息的网页。最初，人们用HTML语言在文本编辑中制作网页。二、常用的网页制作工具HTML语言是超文本标记语言（HypertextMarkupLanguage）的英文缩写，只有熟练掌握HTLM语言的专业人员才能用它制作网页。FrontPage系列
5、软件的问世，将人们从HTML代码中解放出来，用它来制作网页就像在文字处理软件中编排多媒体文档一样，非常直观。目前使用较多的网页制作软件除了FrontPage外，还有Flash、Dreamweaver等。接下来我们来看看如何进入FrontPage2000。FrontPage2000的启动演示单击“开始”按钮，将指针依次指向“程序”/“MicrosoftFrontPage”单击即可。提问请同学们观察一下它的窗口，看看和我们刚学过的Word窗口比较一下。(上课时，教师先提出一些与教学内容有关的实际问题，让学生想想如何解决，以任务激发精品文档精品文档学知识的主动性。带着这一问题听讲更能激起他们的学习热
6、情。通过设置一些悬念，再让学生用计算机去解决，他们会觉得学习计算机确实管用，能够解决实际中的问题，从而也提高了学习的积极性。)学生回答窗口的左边多了几种视图方式。讲解对了，FrontPage2000的窗口和我们学过的Word窗口基本相似，都是由菜单栏、工具栏、状态栏和编辑区组成的，只是，在FrontPage2000窗口的左边出现了几种视图方式。他们分别是：网页、文件夹、报表、导航、超链接和任务这六种。接下来我们来分别介绍这六种视图方式和他们的功能。2.FrontPage2000的视图方式（1）网页讲解它是我们制作网页时最常使用的视图方式，可以用来创建、编辑和预览网页，既有所见即所得的特性。（2
7、）文件夹讲解它是显示站点内容的组织方式，用于管理站点中的文件和文件夹。跟Windows资源管理器相似，在“文件夹”视图中可以创建、删除与移动文件和文件夹。“文件夹”视图将工作区分为左右两部分，左侧显示网站中所有文件夹，单击任一文件夹，右侧的工作区将显示该文件夹下的内容。（3）报表讲解用来分析站点内容。如计算站点中的所有文件大小、显示出哪个文件没有链接到其它任一文件、指出慢速或过期的网页、以工作或是它们被分配的人和其他等方式来把文件分组。（4）导航讲解用来创建、显示、打印和更改网站导航结构的视图。在这个视图中可以清晰地看到整个网站的组织结构和文件组成，拖曳水平分割线可以改变上下窗口的相对大小。（
8、5）超链接讲解显示来自站点的每一个超链接。该视图方式以图形的方式显示网站中个文件之间的链接情况，网页之间的链接通过箭头来标志。（6）任务讲解任务视图列出了站点中要完成的任务。总结本节只是简单介绍一下个视图方式的作用和功能，它们的具体作用我们在以后的网页制作过程中再加以介绍。至于退出FrontPage2000，和我们关闭其它应用程序的窗口一样，只要单击“关闭”按钮就可以了。FrontPage2000的退出作业：熟悉FrontPage2000网页制作工具环境。(计算机是一门实践性很强的学科，只有通过上机实践，才能发现问题，才能更准确地理解计算机、更灵活地应用计算机。同时，在实践的过程中，老师可以了
9、解学生的掌握程度，发现学生中普遍存在的问题，合理布置学习任务。实践中，特别是对于一些动手能力差的学生，要鼓励他们不怕犯错误。)教学回顾：学生能基本掌握所学知识！精品文档精品文档信息技术教学设计授课时间课型3.93.13新授教学方法课题合作、探讨教具网页制作教学目的：1、通过学生相互间的合作来获取新知。如：设置网页背景，超链接等2、培养学生间的相互合作关系。教学重点、难点：培养学生间的相互合作关系教学步骤一、生互相探讨1、启动FrontPage2、创建空白网页|。单击菜单栏“文件”“新建”|“站点”，选择“新建”模板中的“空站点”3、插入文本文件单击菜单栏“插入”|“文件”，利用打开的“选择文件
10、”对话框选择教学光盘实例库第五章中“悉尼奥运”文件插入。4、修饰文字设定字体、字号、颜色，页末输入“华夏风流”。5、设定背景颜色在编辑区单击鼠标右键，打开“网页属性”|“背景”选项卡，单击颜色列表框的箭头，设定背景颜色。6、预览单击“预览”，进行预览；若不满意，可再单击“普通”进行修饰。7、保存单击“文件”|“另存为”命令，在打开的“另存为”对话框中输入文件名，保存类型为“Web”页，单击“更改”按钮，在打开的“设置网页标题”对话框中输入“27届奥运”，单击“确定”。试一试：创建第二个网页“华夏风流”，方法同上。8、创建超链接。要求：把第一个网页链接到第二个网页，第二个网页又能链回到第一个网页
11、。9、预览单击“预览”，观察用鼠标单击“华夏风流”时，能否跳到该网页；单击“返回上页”时能否返回“27届奥运”网页。试一试：新建两个空白网页，文件名分别为“page_3”和“page_4”，网页标题分别为“历史见证”和“奥运历史”并把其相应的文件插入其中，然后建立网页间的超链接。二、小结你学到了什么？（生自己说）教学回顾：这节课完全是放给学生来做的，目的是想让他们通过自己的学习来发现新知，一节课下来，发现学生的自学能力不是太强。精品文档精品文档信息技术教学设计授课时间课型3.163.20新授教学方法课题讲练插入图片及修饰图片教具教学目的：1、学会在网页插入图片。2、学会设置图片属性，图片边框等
12、操作。3、学会制作与设置图片缩约图。教学重点、难点：制作与设置图片缩约图教学步骤一、复习回顾二、新课1、插入图片（A、讲解：其实在FrontPage中插入图片与在Word中插入图片一样，操作）“插入图片来自文件”。B、生练习操作。2、设置图片属性A、讲解：在所插入图片上右击键选择图片属性，会出现设置图片属性窗口，在其出现的窗口中有三个选项卡：常规、视频、外观。可根据不同的需要的来设置。B、生自己试着来做C、生按师要求来设置图片要求：1、边框粗细为2。2、转化为GIF格式。3、图片工具栏的使用A、重点讲解：文本工具、绝对定位工具、自动缩约图工具B、了解热点工具。C、学生自己做D、学生按教师的要求
13、来做要求：1、把图片制作成自动缩略图。2、把图片绝对定位拖到最右边。三、巩固练习四、小结本节主要讲解了图片的设置，在这节里你应该重点学会设置图片属性，图片边框等操作；学会制作与设置图片缩略图。教学回顾：这节课大部分时间是通过教师讲解的，但一节课下来，效果不是太明显的，可能是由于速度太快了吧。精品文档精品文档信息技术教学设计授课时间3.233.27课题创建超链接课型新授教学方法讲练教具教学目的：学会怎样进行超链接（1、学会怎样链接到网页2、学会怎样链接到计算机中的某一个文件）教学重点、难点：超链接的方法教学步骤一、复习回顾1、新建站点2、保存网页（并更改标题）3、对图片的修饰及设置（要求：插入一副图片，并将其边框粗细设置为2，将其绝对定位，并在其上添加文字）二、新课1、生自己做（要求：新建一个空站点，并在其站点下新建至少两个网页，在新网页中插入文字和图片。）2、谈话：在前面咱们
