网页第十三课《制作网站页面》学案

第十三课《制作网站页面》学案

【课时安排】

1课时

【教学目标】 

1 、知识与技能进一步熟练掌握网页文字、 图片的插入和格式设置能根据创意制作内容较为丰富的个人网站首页进一步掌握网页制作软件的表格、字幕等功能。

2、过程与方法任务驱动让学生根据自己的网站规划参考教科书 以探究的方式掌握知识与技能实现网站其他页面的制作。

3、情感、态度、价值观培养学生的审美能力和创造能力在小组协作学习中培养学生的团队精神。

【教学重点】 

1 、根据网站规划独立设计网站的各子页面

2、学习 FrontPageXX制作网页的技巧字幕、表格、图片阴影。

【教学难点】 

1 、字幕的设计和表格的使用

2、文本和图片格式的更多设置。

【教学准备】 

大屏幕投影、多媒体网络教室、相关图片及文档素材

【教学过程】 

一、创设情景 引入课题

同学们上节课已经在FrontPage中制作出了网站的首页但一个网站一般都有许多页 展示两个例子大家看除首页外其它各页面都有些什么特点

有滚动字幕、有图片有排列整齐的表格等

教师引入在一个网站中除首页外还应当有更多的子页面详细表达各栏目的具体内容这些页面一般比首页内容简练但也可以加入一些滚动字幕绘制表格以便排列图

片和数据等。这节课我们就在FrontPage中试试这些功能。二、

新课教学

任务一制作第一个子页面并添上滚动字幕

1 、学生探究用以上节课学过的方法根据自己的网站规划新建一个空白网页输入标题正文再添加图片等使页面内容丰富。

2、教师提示学生在插入菜单中有“组件”子菜单请大家试用其中的“字幕”功能看看它有什么用途。

3、小组内交流试探结果教师选两名学生通过网络广播或大屏幕示范插入滚动文字的步骤和效果。

4、保存网页提醒学生要用英文字为文件命名。

教师提醒学生要记住关闭已编辑并保存的网页。

任务二制作其他子网页根据需要插入表格

1 、师有时候 我们需要将文字或图片按行列排整齐

最好的方法就是先插入一个表格展示“卡通动物欣赏”网页实例 然后在表格内输入文字或者插入图片这样就很容易排列整齐了。

卡通动物欣赏

你的哪一个网页需要使用表格呢试试看 根据在w o rd中学过的方法参考课本“吃在四川”子网页的设计方法为自己的网页也插入一个表格再向单元格里添加文字或图片。

2、学生上机操作新建一个空白网页输入本页应有的标题及正文文字然后插入一个表格并在表格内插入图片将图片大小调至合适大小。小组内交流插入表格时你是怎样设置表格参数的为什么这样做能改变单元格的大小和背景效果吗你是怎样找到动态图片的又是怎样

把它们的尺寸设置成一样的呢 3、讨论后学生继续操作并保存新制作的网页。然后制作自己所规划网站的其他子网页。

任务三进一步美化各网页。

师为了使我们的网页更漂亮我们可采用改变背景、使用动画或滚动字幕改变文字或图片的格式等方法美化网页。多数功能都可以通过 “格式” 工具栏或 “插入——组件”菜单来实现。

综合实践

1 、选择漂亮的图片作为子网页的背景。

2、尝试利用格式菜单为网页的文本加上边框。

3、从网上找一些与网页内容相关的 gif 动画插入到自己的网页中。

4、为图片加上凹凸或冲蚀效果。 谈谈探究学习的收获以上效果你实现了哪几种你是怎样做的四、拓展练习

运用所学的表格布局技巧 制作一个 “可爱的卡通形象”网页要求网页内有多个卡通形象每个卡通的大小一致并在页面上方添加一行滚动文字“卡通乐园欢迎你 ” 。

五、展示与小结

同学们已经基本完成了自己的网站各页并且还进行了美化请大家把自己的收获展示给小组同学吧。 小组同学之间互评已完成的网页

同学们已经发现表格的妙用了它不仅可以让我们将表格数据整齐排列还可以用来规划网页布局将各网页元素摆放到合适的位置是网页规范化设计的常用途径。

本课的基本任务是制作其他几个子网页该教案使用任务驱动让学生通过尝试、交流 自主完成子网页设计。既注重教材所推介的知识点也注意诱导学生试探和自学软件的功能发展学生的探究能力。

建议能够创造性的所有教材让学生打开现有的word文档转换成网页文件。 w o rd虽然能制作出网页但它的功

能非常有限要想制作更好、更专业的网页最好用一些专业的网也制作工具软件如 offi ce 家族的另一个成员 ---简单又实用的 ForntPage。一方面把准备好的素材通过学生熟悉的 word文档转换成网页文件 了解网页的相关知识这样知识过渡自然易于学生的理解。另一方面提出了专业工具的问题认识了新的制作网站的工具水到渠成学生对该软件不会产生畏惧情绪。