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

《网页制作》教案


《信息技术》第三册

新课程标准教案

制作第一个网页(网页诞生了)
[教学目的] 的学习兴趣。 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 开始,直至网页制作完成,老师只是 一步步的启发引导,起着主导的作用,大部分时间都是学生自己 动手动脑操作,整堂课课堂气氛活跃,收到了较好的教学效果。

教案设计:陡埠中学

彭荣兵


更多相关文档:

网页设计教案

网页设计教案_工学_高等教育_教育专区。《网页设计与制作》课程 网页设计与制作》 教 案 姓部 名门学分 总学时 2011 年 10 月 【课程概述】本课程主要是依据...

网页制作-教学设计

《网页制作》教学设计阜新市第十八中学 彭勇 一、教材依据 辽宁师范大学出版社 初中信息技术八年级上册,第二单元《网站设计与制作》 ,活动 1 “创建个人网站”以及...

《网页制作》项目式教案_图文

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

网页制作教案

《Java程序设计》实验大... 7页 1下载券 HTML网页设计教程 第8章... 46页...Dreamweaver cs3 授课教案授课班级:12 微机(2、3)班 授课教师:李敏 (一)学习...

HTML网页设计教案

《HTML 网页设计》教案 章节课题 列 1 号共 5 页 第一章 HTML 网页设计入门 2007 年 9 月 4 日 第一周 星期(二) 第 1~2 节 审阅者签名 授课日期 ...

网页设计与制作 教案_图文

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

网页设计与制作教案_图文

[参考资料] 《Dreamweaver CS5 网页设计与制作——DIV+CSS 版》 吴丰,丁欣 主编 清华大学出版社 《动态网页制作教程》 (第二版)刘梅彦 徐英慧 编著 [教学...

“网页的制作”教学设计

《网页制作》教学设计山东省昌乐二中 滕学梅 【学情分析】 1.在学习网页制作之前,学生进行了网站的规划与设计,还没有就网页制作真正着 手练习,对 Frontpage ...

《网页设计与制作》课程教学设计_图文

《网页设计制作》课程教学设计_职业技术培训_职业教育_教育专区。以实际案例为主线设计课程教学 “搜索引擎”网站首页的制作 教学设计 学 校: 网页设计与制作 ...

网页制作进行的教学设计

课例1:本例是无锡市第一中学夏燕萍老师对现行教材高一《信息技 术第五章网页制作进行的教学设计(获 2002 年度无锡市信息技术论文评 比一等奖) 中学信息技术课程...
更多相关标签:
网站地图

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