(课件)另建网页一句话(另建一个网页……) 师:
任务二:学生新建一个网页 生:(课件)下面学生齐读(网站是由……) 师:请同学回答网页是由两个最基本的元素构成?下面就进入编辑区进行文字输入(课件)
(三)在网页中输入文字
师:与在word中输入文字的操作一样,在新建好的空白网页里输入网页文字。
任务三:输入文字 (学生操作,教师巡视(制作好的表扬),并指导。)
(四)、在FrontPage中保存网页 师:同学们文字输好了吗? (课件)保存分四步 任务四:保存 师:同学们保存好了吗? (学生操作,教师巡视(制作好的表扬),并指导。)
(五)、作业 师:下面完成手中的评价表 任务五:自评 (学生操作,教师巡视(制作好的表扬),并指导。)
(六)、小结 同学们学的很好,
师:同学们,在这节课中我们认识了FrontPage,学习在网页中输入文字及保存。我们下一课的内容是规范网页,你们回家后到网上寻找其他小朋友的个人主页,看看他们各有什么特色。我相信,你们肯定会制作出漂亮的个人网站。
第 21 页
第11课时
教学内容:方法多多 网页美化 教学目标:
⑴在FrontPage2000中设置网页的背景和背景声音;
⑵在 FrontPage2000网页中插入图像和设置图像属性;教学重点:
在网页中设置网页的背景图像、背景声音及在网页中插入图像;
教学难点: 保存带图像的网页; 教学过程:
一、导入课题:
1展示上堂课学生动手制作的第一个网页。 2出示两至三个预先制作好的网页(设置了背景、背景音乐及插入了图片)。
3提问:更喜欢哪种网页?想不想做出这样丰富多彩的网页?
4导入课题——让网页丰富多彩。 二、思考:
1提问:为什么喜欢第二种网页,不同在哪里? 2出示本节课学习目标:学会在网页中设置背景、背景音乐及插入图片和设置图片属性。
三、讨论:
启动FrontPage,打开处于“E:\\网页”文件夹中的index.htm网页,完成1、为此网页设置背景颜色或者是背景图像(颜色、图像自定)2、为此网页设置背景音乐(背景音乐自定); ;
3、此网页中插入一个图像,调整其大小并让其居中显示(插入的图像自定);4、保存网页并预览网页效果。
注意:需要的素材位置:网上邻居——teacher3——素材文件夹——相应的文件夹中获取。
四、过程: (一)设置网页背景: 1、提问:如何设置网页标题(复习)?
2、示范操作设置网页标题——引入“网页属性”对话框——示范操作设置网页背景颜色或背景图案;
(二)设置网页背景音乐:
第 22 页
1、提出任务:如何在网页中设置背景音乐呢, 2、提问:在什么情况下可以看到设置的网页标题,听到设置的背景音乐?
3、小结:设置背景与背景音乐都必须首先打开“网页属性”的对话框,但需选择不同的选项卡,设置背景选择“背景”选项卡,设置背景音乐选择“常规”选项卡。
(三)插入图像与设置图像属性:
1、图像是区别于文字的另一种表达信息的形式,具有直观和形象化的特点。那怎样在网页中插入图像呢?
2、提问:前一段时间学习了在word2000中插入剪贴画或来自文件的图像,请位同学回答如何插入图像?
3、示范操作:在forntpage中插入剪贴画或来自文件的图像(方法相同)。
4、示范操作:改变图像大小及改变图像位置,设置图像的“绝对定位”及设置图像的透明色。
5、示范操作:保存带图像的网页。 6、小结操作。
第 23 页
第12课时
教学内容:随心所欲 超级链接
教学目标:让学生掌握网页超级链接的方法和网页过渡效果的设置。 教学重点:首页栏目和栏目所在网页超级链接的方法。
教学难点:网页返回按钮的设置
教学准备:学生制作了“我的栏目首页”、“我的老师”、“我的班级”
三张网页。
教学过程:
一、新课导入:1.同学门前几课我们讲了网页的基本编辑。那么
谁能介绍一下你做了几张网页,你都设置了什么栏目。
好!谁能来介绍一下自己的网页。(学生首先介绍他做了几张网页和在首页设置的栏目,然后一张一张的展示。)
2.大家看完他的演示之后发现了一个什么问题?
生:他的网页只能一张一张的演示,网页之间没有链接。
3.这节课我们就来学习一下网页的链接。(彩色贴字板书:网页的链接)
二、新课教学:1.大家看屏幕,我们先把保存过的网页在编辑状态下打开,然后选中老师要求大家设置的栏目我的班级,在选中的区域内点击右键超链接,再选择第二个按钮浏览找到内容为我的班级的网页,点击选中,最活确定。然后再把选项卡从普通状态,调整到预览状态。这时网页之间就能够进行链接了。
又多少同学做完了。谁来演示一下。
4.现在老师再想问你们一个问题如何从栏目内容返回到首页呢?大家自己先想一想,想好的同学举手,然后同桌之间先进行讨论。
生:只要设定一个返回按钮,使该网页连接到首页就可以了。好了,老师按照你们的方法操作一遍,大家看一看链接能不能成功。(具体操作)
5.好,按照大家的做法,我们成功了。大家自己操作一下。(教师巡视)
6.网页链接我们做好了,我们就可以在网页之间来回的切换了。在网页进行切换的时候,我们还可以设置一下网页进入或者离开时的
第 24 页
过渡效果。单击格式菜单下的“网页过渡”在事件选择上选择离开网页,然后再选择一下效果。比如:圆形放射。这时我们再到预览状态下,就可以看到网页在离开时的过渡效果了。
下面大家自己试一试,记住你采用了哪种过渡效果,一会我找同学来来演示。(学生演示给予鼓励性评价)
7.下面同学们就可以给自己的主页设置一些你喜欢的栏目了,并把他们链接到相应得网页内容。自己动手吧!有疑问问老师。
8.同学们,这节课你们学习到了什么?(网页链接的方法和网页过渡效果的设置)
9.你们掌握这两种方法了嘛?
希望同学门制作出更多精致美观得的网页。这节课我们就上到这。
第 25 页