当前位置:首页 >> 其它课程 >> 《网页制作》教案

《网页制作》教案


《信息技术》第三册

新课程标准教案

制作第一个网页(网页诞生了)
[教学目的] 的学习兴趣。 2.熟练掌握启动 Frontpage 2000,熟悉 Frontpage2000 文件 菜单和常用工具的 的意义. 3. 网页的基本步骤, 了解创建网页的过程学会在网页中输入 文字、编辑文字、插入图片的方法,培养学生搜集、处理信息的

能力。 4.作网页,培养学生学习制作网页的兴趣 [教学重点] [教学难点] [教法设计] [导入新课] <讲述>在因特网上,我们可以用 IE 浏览器获取万维网中各 种有价值的信息。同时看到许多 组织机构甚至个人都在万维网 上拥有自己的网页。 让学生打开“网上邻居”的“网页”文件夹,浏览从网上下 载的几个精彩网页。 <归纳> 你们有没有想过自己制作一个网页呢?把自己想要 表述的内容, 自己喜欢的作文、图片通过网页展示给同学或更 多的朋友观看、欣赏、浏览。 [讲授新课] <布置任务> 制作第一个网页 创建网站的过程,制作、编辑网页的基本方法。 保存网页文件的方法,创建网站的意义 演示、练习、讲授、启发引导、任务驱动 Frontpage2000 的窗口组成, 使用方法,新建“只有一个网页的站点” 的操作步骤,从中认识 Frontpage2000 的主界面,理解创建网站 1.通过浏览几个精彩网页,激发学生制作网页

<提问> 网页制作不是一件简单的事情,而是按一定的顺序 一步步进行的。请同学们回忆制作网页前应作哪些准备工作? <归纳> 现在开始创建网页.我们选用功能强大,操作简单 的工具 Frontpage 2000 来制作。 一.启动 Frontpage 2000 <讨论> 进入到 Frontpage 2000 界面后,比比看,这个软件 与以前学过的 Word 2000 与 Excel2000 有什么相同与不同之处呢? (展示两软件界面的图片) <归纳> 相同之处是:窗口相似,都有常见的标题栏、菜单 栏和工具栏。 不同的是: 多了一个如教材的图 2—2—2 所示: 1. 编 辑模式标签卡 2.视图框。 二.建立只有一个网页的站点 <思考> 为什么不新建一个网页,而要新建一个站点呢? <演示> 新建 FrontPage 2000 中“个人站点”来启发引导. <小结> 一般来讲,网页文件总是存放在特定的站点中便于 管理。因此,第一次制作网页之前需建立一个存放网页文件的专 用站点。 <学生练习>教材 P76 试试看 对于初学者,通常选用“只有一个网页的站点” ,今后根据需 要可以向网站中添加新的网页。 <提问> 看书 P76 页图 2-2-6,仔细观察文件夹列表中唯一 的一个网页名称是什么?(它是什么文件?) <归纳> index.htm 被命名为主页,即进入网站时看到的第 一个网页。 三.在主页面编辑模式下插入文字,插入图片。 <讲授> 我们知道文字, 图片, 动画是网页组成的基本元素。
教案设计:陡埠中学 彭荣兵

《信息技术》第三册

新课程标准教案

今天我们就在空白的主页中加入文字和图片,制作一个简单的网 页。 <老师演示启动 Frontpage 2000,新建“一个网页的站点”直 至打开 INDEK.HTM 主页的整个步骤) <布置任务) 打开主页文件,在右边主页页面编辑窗,中完成如下任 务: 1. 将准备好的介绍班集体的文字(主题和正文)插入(复制, 粘 贴)到页面中。 2.从计算机 E 盘里找到存储的“集体照”图片插入到网页 中。 复习 WORD 中学过的文字编辑、排版,插入图片的方法。 <部分学生演示插入图片的方法,教师重复演示并加以补充> <宣布比赛开始> <学生操作,教师指导> <对在操作的过程中遇到的共性问题给予指导> 问题: 大小. <解决方法> 生相互讨论。 四.预览网页 <讲授> 编辑工作完成后就能观看制作的效果了.可以保存 之后在 IB 浏览器中观看,也可以直接通过预览模式标签卡预览、 浏览.请同学们参考教材的图示切换“预览”标签卡,预览制作 的网页。 <展示几个学生的优秀作品,师生共同评价> 1.老师引导,讲解;2.学生演示;3.学 学生插入图片后将其移动到合适的位置及调整图片

评选出网页制作的“速度奖” 、 “设计奖” 、 “美观奖” 。 五、保存制作的网页 网页制作完成,需要将它保存下来.请同学们按照教材 P78 页上的操作步骤将网页文件分别存放在 images 和_private 文件夹 中。 <学生自行操作> < 归 纳 ) 在 创 建 网 站 的 同 时 系 统 自 动 地 创 建 了 images 和 _private 文件夹。其中 images 文件夹用来保存网页中使用的图像 文件,而 private 文件夹则保存一些参考文件和其他一些重要数 据.鉴于此,希望同学们以后要学会分门别类地存放数据、资料 和信息,养成整洁、条理的好习惯。 <课堂总结> 今天用网页制作工具 Frontpage 2000 创建了一 个只有一个网页的站点,在主页中加入了文字和图片,制作了一 个简单的网页.这只是网页制作的第一步,精彩的网页还要不断 地加工、美化和修饰,例如:配上美丽的背景,加上好看的花边 和配上动听的音乐,使之变得更完美。 <课后小记> 本着以学生为主体的原则,我在本课的教学中设计先让学生 浏览网上下载的精彩网页,借以激发他们学习制作网页的兴趣, 然后从启动 Frontpage 2000 开始,直至网页制作完成,老师只是 一步步的启发引导,起着主导的作用,大部分时间都是学生自己 动手动脑操作,整堂课课堂气氛活跃,收到了较好的教学效果。

教案设计:陡埠中学

彭荣兵


更多相关文档:

《网页设计与制作》教案

教学 板。 重点 教学难点:如何利用表格的布局模式以及框架进行布局,CSS 样式,行为,模 目的 要求 难点 《网页设计与制作》课程教案编制日期:2013 年 授课时间 授课...

《网页制作》项目式教案

《网页制作》项目式教案_中职中专_职业教育_教育专区 暂无评价|0人阅读|0次下载|举报文档《网页制作》项目式教案_中职中专_职业教育_教育专区。长汀职业中专学校 ...

Dreamweaver网页制作教案

Dreamweaver网页制作教案_文学_高等教育_教育专区。认识 Dreamweaver 一、学习目的 了解 Dreamweaver,学会利用 Dreamweaver 制作网页。 二、学习内容 Dreamweaver 的基本...

网页设计与制作 教案

主要参考 书目 赵喜清,崔海涛《网页设计与制作》哈尔滨工业大学出版社,2010.9 孙振业《网页设计与制作》高等教育出版社,2009.3 备注 第 1 页 课程教案(№:1...

HTML网页设计教案

《HTML 网页设计》教案 章节课题 列 1 号共 5 页 第一章 HTML 网页设计...品德目标:引发学生学习制作网页知识的兴趣,发展创新精神,培养实事求是,理论与实际...

网页设计教学教案

网页设计教学教案_中职中专_职业教育_教育专区。《Dreamweaver CS5 网页设计教程 配套教学教案第1讲课时内容 教学目标 Dreamweaver CS5 网 页制作基础 授课时间 ...

“网页的制作”教学设计

《网页制作》教学设计山东省昌乐二中 滕学梅 【学情分析】 1.在学习网页制作...网页制作教案 2页 免费 网页制作教学设计 4页 免费 制作网页教学设计 2页 ...

网页制作教案电子版

网页制作教案电子版_院校资料_高等教育_教育专区。校历 教学内容 第一章《网页与网站基础知识》 课时 课型网站的策划与创建原则 第 一 4 周 理论+实践 教学目标...

网页制作教案_静态部分

网页制作教案_静态部分_理学_高等教育_教育专区。网页制作教案_静态部分方法 教的方法: 采用循序渐进地比较系统地介绍网站建设与网页制作 的过程和方法,主要讲解环境...

网页制作公开课教案

公开课教案 教学科目 授课日期 节次 教学内容 网页制作 2013.05.20 上午第二...锻炼学生的表达能力和协 神 教学资源 本节是《网址制作 Dreamweaver 8》中层的...
更多相关标签:
网页制作电子教案 | 网页制作 教案 初中 | 网页设计与制作 教案 | 电子商务网页制作教案 | 中职网页制作教案 | 高中网页制作教案 | 网页的制作教案 | 静态网页制作教案 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com