预览加载中,请您耐心等待几秒...
1/3
2/3
3/3

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

第十三课《制作网站页面》【课时安排】1课时【教学目标】:1、知识与技能:进一步熟练掌握网页文字、图片的插入和格式设置能根据创意制作内容较为丰富的个人网站首页;进一步掌握网页制作软件的表格、字幕等功能。2、过程与方法:任务驱动让学生根据自己的网站规划参考教科书以探究的方式掌握知识与技能实现网站其他页面的制作。3、情感、态度、价值观:培养学生的审美能力和创造能力在小组协作学习中培养学生的团队精神。【教学重点】:1、根据网站规划独立设计网站的各子页面;2、学习FrontPage2019制作网页的技巧:字幕、表格、图片阴影。【教学难点】:1、字幕的设计和表格的使用;2、文本和图片格式的更多设置。【教学准备】:大屏幕投影、多媒体网络教室、相关图片及文档素材【教学过程】:一、创设情景引入课题:同学们上节课已经在FrontPage中制作出了网站的首页但一个网站一般都有许多页(展示两个例子)大家看除首页外其它各页面都有些什么特点?(有滚动字幕、有图片有排列整齐的表格等)个人主页“小星之家”(http://www.ksez.com/xstd/xstd_xszy/zhaoqian/index.htm)个人主页“风采图片社”教师引入:在一个网站中除首页外还应当有更多的子页面详细表达各栏目的具体内容这些页面一般比首页内容简练但也可以加入一些滚动字幕绘制表格以便排列图片和数据等。这节课我们就在FrontPage中试试这些功能。二、新课教学任务一:制作第一个子页面并添上滚动字幕1、学生探究:用以上节课学过的方法根据自己的网站规划新建一个空白网页输入标题正文再添加图片等使页面内容丰富。2、教师提示学生在插入菜单中有“组件”子菜单请大家试用其中的“字幕”功能看看它有什么用途。3、小组内交流试探结果教师选两名学生通过网络广播(或大屏幕)示范插入滚动文字的步骤和效果。4、保存网页提醒学生要用英文字为文件命名。教师提醒学生要记住关闭已编辑并保存的网页。任务二:制作其他子网页根据需要插入表格1、师:有时候我们需要将文字或图片按行列排整齐最好的方法就是先插入一个表格(展示“卡通动物欣赏”网页实例)然后在表格内输入文字或者插入图片这样就很容易排列整齐了。卡通动物欣赏你的哪一个网页需要使用表格呢?试试看根据在word中学过的方法参考课本“吃在四川”子网页的设计方法为自己的网页也插入一个表格再向单元格里添加文字或图片。2、学生上机操作新建一个空白网页输入本页应有的标题及正文文字然后插入一个表格并在表格内插入图片将图片大小调至合适大小。小组内交流:插入表格时你是怎样设置表格参数的为什么这样做?能改变单元格的大小和背景效果吗?你是怎样找到动态图片的?又是怎样把它们的尺寸设置成一样的呢?3、讨论后学生继续操作并保存新制作的网页。然后制作自己所规划网站的其他子网页。任务三:进一步美化各网页。师:为了使我们的网页更漂亮我们可采用改变背景、使用动画或滚动字幕改变文字或图片的格式等方法美化网页。多数功能都可以通过“格式”工具栏或“插入——组件”菜单来实现。综合实践:1、选择漂亮的图片作为子网页的背景。2、尝试利用格式菜单为网页的文本加上边框。3、从网上找一些与网页内容相关的gif动画插入到自己的网页中。4、为图片加上凹凸或冲蚀效果。谈谈探究学习的收获:以上效果你实现了哪几种?你是怎样做的?四、拓展练习运用所学的表格布局技巧制作一个“可爱的卡通形象”网页要求网页内有多个卡通形象每个卡通的大小一致并在页面上方添加一行滚动文字“卡通乐园欢迎你!”。五、展示与小结:同学们已经基本完成了自己的网站各页并且还进行了美化请大家把自己的收获展示给小组同学吧。(小组同学之间互评已完成的网页)评价者签名网页数量25分网页布局25分动态文字25分图片效果25分总评100分平均得分同学们已经发现表格的妙用了它不仅可以让我们将表格数据整齐排列还可以用来规划网页布局将各网页元素摆放到合适的位置是网页规范化设计的常用途径。