维护维修,信息技术,教学设计,教学资源,电脑知识,初中课件,图片, 信息技术,教学设计,计算机维护维修,教学资源,电脑知识,初中课件,图片,
网站公告列表

  没有公告

加入收藏
设为首页
联系站长
您现在的位置: 信息技术教学资源网 >> 教学教研 >> 教学设计 >> 初 中 >> 正文
  用表格为网页布局           ★★★ 【字体:
用表格为网页布局
作者:佚名    文章来源:本站原创    点击数:    更新时间:2011-12-14    
    

1、教学目标

      知识目标:用表格排版主页使其达到页面整洁有序。

      技能目标:在网页中插入表格并更改表格的属性。

      情感目标:用表格排版网页解决了网页版面杂乱的问题,提示同学们凡是要有计划,做事要遵守规则,促进其做事的信心。

2、重点难点

重点:插入表格和更改表格属性。

难点:让学生灵活掌握排列表格和设置表格属性的方法。

师生活动

设计意图

一、情境导入

同学们好,今天站在前面给上课的不是你们的吕老师,而是换成了我,有些同学会纳闷了,那位老师是哪里来的呢?接下来老师带领同学们去游玩一下老师的家乡,看看同学们能不能猜出来,老师是来至哪里的?

图片欣赏(古堰画乡美景)

那里素有艺术之乡、浪漫之都、休闲胜地的美称,就是我们浙江绿谷的古堰画乡,每年都会吸引大量的人来这里写生,摄影,游玩,但是有很多人还并不了解,或是还不知道古堰画乡,同学们想想,有没有什么好的方法帮老师一起来宣传宣传我们的古堰画乡,让更多的人来了解,来游玩呢?

同学们回答:引出网站

复习:上节可同学们学会了可以利用frontpage 这个软件来可以制作网站,并且给网站安了个家——建立了站点文件夹,还有主页建立,教师演示操作

每一个网站都有自己的主页,而这个主页相当于是这个网站的门面,所以主页设计的是非得当直接对这个网站的访问量有关,所以设计一张好的主页至关重要

设计一张漂亮的主页

观察:主页上会有哪些基本的类容呢?

同学们回答:教室总结

标题栏、导航或是栏目、网页内容、网站版权说明

这么多的内容要如何才能对其进行有序的编排呢

试问:常见的网页构成图有哪几类?

实例展示:3个网站 书本实例,教师实例,花园中学网站实例。 同学们说出是哪类,并指出对应的内容

网页面布局的设计虽然没有规定的限制,但是要做到三点:简洁、有序、舒服。所以要在布局上下一番功夫。

接下来就要为我们的古堰画乡的网站设计一张漂亮的主页,

首先第一步就是要给网页做一个标题:

让学生试图把这个标题放在网页靠左的1/4处

引出可以利用表格布局对网页内容方便的定位

二、Frontpage 表格的绘制

回顾Word中表格的应用

把构图利用表格的形式在frontpage 进行绘制

插入、合并单元格,手动修改表格等等一些操作

学生操作:

教师巡回,个别辅导

学生演示自己的成果并展示绘制过程

拓展任务:

1、在表格里面输入相应的内容

三、发现并解决问题(隐藏表格线)

现在咱们预览一下效果,同学们发现了什么问题?

看看表格线能不能隐藏

阅读教材P61页:表格技巧运用两则 ,参考

四、作品展品

在这忙碌的时候里,时间过得总是非常快的

接下来大家已经把自己设计的网站主页保存好,接下来让我们大胆的把自己的作品秀出来吧!

1.       作品展示,相互欣赏

2.       学生评价,整体协调性,美观性

五、作品提交












情境导入





复习回顾





引出本节课的教学任务,设计一张漂亮的主页


学生观看回答









引出表格布局(重点)



利用Word中表格应用,牵引出Frontpage中表格的应用

学生明确任务及要求,指导后面的实践操作





同学们发现并解决问题

通过学生演示分析等形式,一方面解决部分学生在操作中遇到的问题,同时也让优秀的学生体会到成就感




学生喜欢被肯定,学生的生就感需要满足,展示同学作品,这是一个再次给肯定的过程,让他们感受到创作的乐趣、在评价提升审美情趣和技术水平

课堂小结

这节课同学们都非常认真,圆满的完成了对古堰画乡网站的主页的设计

学会了用表格为网页布局、插入表格和更改表格属性……



于开头呼应,营造情境的完整性

文章录入:admin    责任编辑:admin 
  • 上一篇文章:

  • 下一篇文章: 没有了
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    没有相关文章
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)
    冀ICP备08005730号 站长: