《网页制作》教案_网页制作教案图文

2020-02-28 教案模板 下载本文

《网页制作》教案由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“网页制作教案图文”。

《信息技术》第三册

新课程标准教案

制作第一个网页(网页诞生了)

[教学目的]

1.通过浏览几个精彩网页,激发学生制作网页的学习兴趣。

2.熟练掌握启动Frontpage 2000,熟悉Frontpage2000文件菜单和常用工具的使用方法,新建“只有一个网页的站点”的操作步骤,从中认识Frontpage2000的主界面,理解创建网站的意义.

3.网页的基本步骤,了解创建网页的过程学会在网页中输入文字、编辑文字、插入图片的方法,培养学生搜集、处理信息的能力。

4.作网页,培养学生学习制作网页的兴趣

[教学重点]

创建网站的过程,制作、编辑网页的基本方法。Frontpage2000的窗口组成,[教学难点]

保存网页文件的方法,创建网站的意义

[教法设计]

演示、练习、讲授、启发引导、任务驱动

[导入新课]

在因特网上,我们可以用IE浏览器获取万维网中各种有价值的信息。同时看到许多

组织机构甚至个人都在万维网上拥有自己的网页。

让学生打开“网上邻居”的“网页”文件夹,浏览从网上下载的几个精彩网页。

你们有没有想过自己制作一个网页呢?把自己想要表述的内容,自己喜欢的作文、图片通过网页展示给同学或更多的朋友观看、欣赏、浏览。

[讲授新课]

制作第一个网页

网页制作不是一件简单的事情,而是按一定的顺序一步步进行的。请同学们回忆制作网页前应作哪些准备工作?

现在开始创建网页.我们选用功能强大,操作简单的工具Frontpage 2000来制作。

一.启动Frontpage 2000

进入到Frontpage 2000界面后,比比看,这个软件与以前学过的Word 2000与Excel2000有什么相同与不同之处呢?(展示两软件界面的图片)

相同之处是:窗口相似,都有常见的标题栏、菜单栏和工具栏。不同的是:多了一个如教材的图2—2—2所示:1.编辑模式标签卡2.视图框。

二.建立只有一个网页的站点

为什么不新建一个网页,而要新建一个站点呢?

新建FrontPage 2000中“个人站点”来启发引导.

一般来讲,网页文件总是存放在特定的站点中便于管理。因此,第一次制作网页之前需建立一个存放网页文件的专用站点。

教材P76试试看

对于初学者,通常选用“只有一个网页的站点”,今后根据需要可以向网站中添加新的网页。

看书P76页图2-2-6,仔细观察文件夹列表中唯一的一个网页名称是什么?(它是什么文件?)

index.htm被命名为主页,即进入网站时看到的第一个网页。

三.在主页面编辑模式下插入文字,插入图片。

我们知道文字,图片,动画是网页组成的基本元素。

教案设计:陡埠中学

彭荣兵

《信息技术》第三册

新课程标准教案

今天我们就在空白的主页中加入文字和图片,制作一个简单的网页。

打开主页文件,在右边主页页面编辑窗,中完成如下任务:

1.将准备好的介绍班集体的文字(主题和正文)插入(复制,粘贴)到页面中。

2.从计算机E盘里找到存储的“集体照”图片插入到网页中。

复习WORD中学过的文字编辑、排版,插入图片的方法。

问题:

学生插入图片后将其移动到合适的位置及调整图片大小.

1.老师引导,讲解;2.学生演示;3.学生相互讨论。

四.预览网页

编辑工作完成后就能观看制作的效果了.可以保存之后在IB浏览器中观看,也可以直接通过预览模式标签卡预览、浏览.请同学们参考教材的图示切换“预览”标签卡,预览制作的网页。

评选出网页制作的“速度奖”、“设计奖”、“美观奖”。

五、保存制作的网页

网页制作完成,需要将它保存下来.请同学们按照教材P78页上的操作步骤将网页文件分别存放在images和_private文件夹中。

今天用网页制作工具Frontpage 2000创建了一个只有一个网页的站点,在主页中加入了文字和图片,制作了一个简单的网页.这只是网页制作的第一步,精彩的网页还要不断地加工、美化和修饰,例如:配上美丽的背景,加上好看的花边和配上动听的音乐,使之变得更完美。

本着以学生为主体的原则,我在本课的教学中设计先让学生浏览网上下载的精彩网页,借以激发他们学习制作网页的兴趣,然后从启动Frontpage 2000开始,直至网页制作完成,老师只是一步步的启发引导,起着主导的作用,大部分时间都是学生自己动手动脑操作,整堂课课堂气氛活跃,收到了较好的教学效果。

教案设计:陡埠中学

彭荣兵

网页制作教案

HTML第一节课1.本课程主要目标使用DIV+CSS布局网页使用CSS美化网页制作精美的商业网站 2.整体课程内容3.本课程授课目标3.1了解HTML整体课程 3.2 会使用HTML标签3.3 了解并......

《网页制作》教案

《网页制作》教案潘有寅一、说教材:(一)教材分析:现在网络快速发展,广大的学生接触,使用INTERNET的机会也大大增加,学生在使用网络 获取信息时,更多的是通过浏览网页这一方式,我认......

网页制作教案

网页制作与设计教案第一讲 网页设计概述 ....................................................................................................................3 1.1W......

网页制作教案

第一节 制作简单的网页(一)教学对象分析学生在学习本内容前,已经学习了利用Word制作简单的网页,并且初步掌握了制作网页的一般流程及基本操作,具有进一步学习的能力。(二)教学目标1......

电脑网页制作教案

电脑网页制作教案教员:王晓燕课时:第一课时,一个半小时 教学目标: 1.知道如何启动和退出Dreamweaver8 2.掌握如何建立新站点,网页的打开和保存 3.掌握如何插入图像,动画,插件 4.掌......

《《网页制作》教案.docx》
将本文的Word文档下载,方便收藏和打印
推荐度:
《网页制作》教案
点击下载文档
相关专题 网页制作教案图文 网页制作 教案 网页制作教案图文 网页制作 教案
[教案模板]相关推荐
[教案模板]热门文章
下载全文