制作网站首页
【教学目的】
让学生掌握怎么去制作一个网站的首页。
【教学对象】
八年级学生
【课标要求】
借助表格对数据进行检索，揭示事物在不同条件下的变化规律。
【教学目标和要求】
1、知识与技能
（1）了解网页中一般有哪些组成元素
（2）能够用表格进行版面布局
（3）掌握在网页中添加文字、图片和动画等操作
（4）学会设置超级链接，掌握网页的一般制作步骤
2、过程与方法
（1）经过网站首页的制作过程。初步掌握版面布局、添加网页元素和设置两种超链接的基本技术和方法。
（2）学会根据网站的主题和风格选取合适的素材，把信息合理恰当地呈现在网页中，并为浏览者提供方便的访问。
3、情感态度与价值观
（1）培养探究创新、展现个性创意的能力与意识
（2）培养学生健康的审美观。
【教材处理】
本节课以广东省教学教材研究室编的《信息技术》第二册（下）第二章《动手创建自己网站》的第三节作为基本教学内容，课时为一节。
本节以“制作网站首页”的任务为线索，通过展示范例，让学生了解网页中的一般要素有哪些，首页应该设置什么内容。通过详细的操作步骤讲解和图示介绍了在设计网站首页时如何把需要表达的信息以恰当的方式组织并呈现在网页中。包括有，用表格来布局版面、添加元素、设置超级链接，这三者联系起来，也正是网页的制作的一般步骤。
【教学重点、难点】
教学重点：运用表格规划版面布局的方法，网页元素的选用与设置。
教学难点：运用超级链接技术实现网站导航功能的方法。
【教学策略】
根据本节课中各个知识点的联系，采用了“主题任务”的教学模式，通过任务驱动法，创造情境层层递进引导学生主动进行探索，将学生的探索和练习的环节相结合，同时提高课堂知识的容量和时间的利用率。
【教学媒体】
多媒体课件、与网页相关的素材、网络教室系统。
【教学过程】
教学内容 | 教师活动 | 学生活动 | 设计意图 | ||||||||||||||||||||||||||||||||
问题呈现，明确任务 | 引入：继网站策划之后我们就要着手来进行网页的设计了，第一个要进行的当然是首页的制作了。首页也是网站的“脸面”，怎么样设计一个好看的网页让网站第一时间抢占浏览者的眼球呢？ 这节课我们将要学习：用表格规划首页版面、添加网页元素、设置网页导航功能等网页设计基本技术，然后由各个小组完成自己的网站首页。 | 明确任务。 打开光盘中“班级网站”的首页仔细观察该网页特点。 | 通过讲解和范例让学生了解首页对于整个网站的重要性 | ||||||||||||||||||||||||||||||||
问题分析，探究交流 | 指导学生使用FrontPage打开范例“班级网站”的首页，让学生进行小组交流，回答一下问题： 1、该网页包含了很多元素，他们是如何整齐有序地分布在网页中的呢？用什么可以分割网页的版面布局？ 2、该网页都包含了哪些元素？他们是否能很好地表现主题呢？结合小组收集到的素材，你认为在自己的网站首页中可以添加哪些网页元素？ 3、导航栏是网站的“地图”，少了它，浏览者就迷路了。单击常用工具栏中的超级链接按钮，发现什么呢？ | 观察、探究、交流，在回到老师的问题、同时明确自己要开展的工作 | 提出问题隐含了接下来学生要解决的问题，通过拆分范例，分析问题，能帮助他们更好地理解与解决问题 | ||||||||||||||||||||||||||||||||
新课学习完成任务 | 1、用表格进行版面布局 （1）以前我们用表格来表示数据的信息，但在这里，表格还可以用来对网页版面实现分割。 “细化网页版面布局草图”如下图
（备注：外层表格：3*1，三字形；班级，天蓝边框；班级简介，） （2）在自己的网站首页中设置表格。 教师简单演示： A、添加表格； B、表格属性设置面板中的几个常用设置选项说明。 （3）引导学生阅读教材，然后动手实践。 | 小组成员在观摩优秀范例后开展讨论，完善“网站筹划书”中制定的“一级网页版面布局草图”，最终确定网站首页的版面布局 观看教师演示，阅读教材，并参照草图，为网站首页进行版面分割 | 借助“网站筹划书”进行版面布局，可以让工作更具有条理性和方向性 | ||||||||||||||||||||||||||||||||
2、添加网页元素 分割好网页版面后，我们就可以让网页元素各就其位了。 （1）我们之前可能收集了不少素材，但这些素材并非都要用到网页中，运用恰当的素材作为网页元素，可以使网页更具有表现力，在选择时可以参照以下原则：更贴近主题的素材更好，综合使用不同类型素材。 （2）教师演示添加网页元素的操作 A、插入文字，修改文字属性 B、插入图片，设置单元格 C、通过插件，添加Flash动画和滚动字幕。 鼓励学生多做探究与尝试，为自己作品增。 （3）鼓励学生不断美化网页 在设计网页时还可以留意风格的设计，它是一个网页给人的总体感受。风格包括彩的搭配、字体的样式、网站标志设计等等。 | 对之前收集到的素材进行选用，观看教师演示并阅读教材，为首页添加网页元素 给网页添加图片、视频、音频等 | 恰当的方法讲授能让学生更好的掌握 鼓励学生进行发现和尝试、提高他们的动手能力 强调对作品进行优化的重要性 | |||||||||||||||||||||||||||||||||
2、设置超级链接 再美的景点如果缺少了地图的向导，也会降低它的游客量，因为游客在其中会很容易迷失方向，同样的，要让浏览者对你的网站留恋，良好的导航功能是必不可少的。 参照课本进行超级链接的设置。 | 动手尝试 设置超级链接 | 采用学习自我探究的方法，提高学生解决问题的能力 | |||||||||||||||||||||||||||||||||
归纳总结 | 制作网页的一般步骤是：用表格布局版面，添加网页元素，设置超级链接。在本节课中，我们通过制作网站首页，亲历了网页制作的一般过程，同时我们也看到，让网站具有较强的表现力和感染力，设置合理的版面布局选用恰当的网页素材和设置良好的导航功能是必不可少的。 | 填写“知识检查表”和“网站进度表” 归纳总结今天的知识 | 帮助学生梳理知识 | ||||||||||||||||||||||||||||||||
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论