资源简介

用表格进行版面布局
教学设计
1教学目标
1、知识与技能
(1)了解网页中一般有哪些组成元素。
(2)能够用表格进行版面布局。
2、过程与方法
(1)经历网站首页的制作过程,初步掌握版面布局的基本技术方法。
(2)学会根据网站主题和风格选取合适的素材。
3、情感态度和价值观
(1)培养探究创新、展现个性创意的能力与意识。
(2)培养学生的健康的审美观。
2学情分析
1、八年级的学生,已经具备了计算机和软件使用的基础,对于软件的操作过程会比较感兴趣。
2、教材提供了十分详细的操作步骤图示,因此学生操作起来困难不大。
3、学生在学习过程中往往会把注意力仅仅停留在技术实现的层面上,缺乏全局眼光。
3重点难点
1、版面的布局规划与网页元素的协调组织。
2、如何合理规划网页,特别是首页的版面。
3、能否达到界面友好,可读性强。
4、如何使版面结构严谨有序,让网页元素各就其位。
4教学过程
活动1【导入】好的网站首页应该是怎样的？
1、回忆上一节课,《创建网站站点》之筹划班级网站。
2、让学生观看范例——“班级网站”
活动2【讲授】用表格进行版面布局
1、范例——“班级网站”中,包含了若干网页元素。
答:文字、图片、视频等
2、网页元素是如何整齐有序地分布在网页中的
答:网格化
3、用什么可以分割网页的版面布局
答:用表格可以实现
4、如何用表格实现划分版面布局
(1)一级网页版面布局草图
(2)在自己的网站首页中设置表格
活动3【活动】学生动手用表格进行版面布局
1、学生观察范例——“班级网站”的结构
2、学生开展讨论,完善“一级网页版面布局草图”
3、学生阅读教材,为网站首页进行版面分割。
活动4【练习】学生设置表格
1、设置表格设置面板中的几个常用设置选项
2、对表格进行拆分、合并等操作
3、表格的嵌套
活动5【测试】总结归纳
1、网页中一般包含那几个网页元素
2、制作网页时,一般用什么来设计、分割页面。
3、用表格划分版面有什么好处
活动6【作业】复习巩固
1、学生回家会自己制作班级网站首页
2、用表格划分版面布局,要求各具特色。

展开更多......

收起↑