《设计首页》教案

外国语实验学校“15经纬教学法”教师备课用纸

（2016～2017学年度第一学期主备人：朱一丹总课时：1）

课题设计首页课型新授课课时1

1.了解网站首页的概念、作用和制作方法。

教学

2.学会在网页中输入文字、插入图片和水平线。

目标

3.增强学习信息技术的信心和保护动物的观念。

教学

重点编辑网页的几种方法，掌握知识并学习致用。

难点

教具

多媒体、视频

准备

教法提要

教学过程学法指导

关键点拨

师:上节课，我们学习了建立网站，建立网站的第一步是干什么?

速

生:首先要建立站点。

移师:设计网站时,直接制作网页不可以吗?为什么要建立站点?

导生:方便网页的管理、浏览及发布,便于网站存储位置的移动和网站

维护。

入

这节课我们就来学习制作网站的首页。

合播放微课视频

任务一:新建网页

作

a.学生活动:学生自学课本或视频,创建新网页。

b.学生分组协作,自主探究,教师巡视指导,纠正错误。

探

c.教师随机查看学生的操作,检查操作是否准确。

疑设计意图:分组合作,让学生们在自主与同伴互助的学习中体会思

1

考、实践、协作的乐趣。

任务二:制作文字标题“动物——人类的朋友”

a.学生活动:插入文字,设置属性(字体、字号、颜色、对齐方式等),

可以自由选择,还可做其他的设置,要求不固定,只要美观。

b.作品展示,教师点评。

任务三:插入水平线,设置属性

学生自学课本,插入水平线并设置属性(高度和宽度、颜色)

任务四:插入图片

a.学生自学视频,插入图片并设置属性(高度和宽度、对齐方式)

图片:d:\素材\保护珍稀动物\logo1.gif

合

b.教师巡视指导。

作讨论:为什么要将图片存在站点根文件夹下?当将原图片的位置发生

变化时,网页中的图片能正常显示吗?

探讲解:如果不存在根文件夹下,站点发布,或原文件迁移时,可能不能

正常显示。最好,我们在站点下新建文件夹images专门用来存放图

疑片,便于网站管理和维护。

任务五:插入文字介绍,并进行文字排版。

a.学生自学视频,插入文字并排版(字体、字号、颜色、段落设置等)

文字:d:\素材\保护珍稀动物\保护野生动物文字介绍.doc

思考:粘贴与选择性粘贴有区别吗?

讲解:粘贴只复制文本,而选择性粘贴可以复制格式。

b.教师巡视,指导。

任务六：给网页设置适当的背景图片和背景音乐。

a.学生自学视频，插入背景图片和背景音乐。

b.教师巡视,指导。

任务七：插入链接到“下一页”的图标和文字。

a.学生自学视频，插入链接到“下一页”的图标和文字。

b.教师巡视,指导。

c．保存、F12浏览。

d.作品展示,学生自评,教师点评。

2

本节课的操作任务较多,而教师的演示只能观看一次,学生很容

易忘记一些步骤;书上的步骤讲解太多,学生大多不能认真阅读,影

响操作,较难完成任务。任务三、四、五安排学生自学微课视频,可

建

以随时暂停,边看边做,较难的操作可以随时反复的观看,每个学生

构

可以安排自己学习的进度,能帮助学生们准确掌握各个操作的步骤

生和方法,让每一个学生都能有所获,完成部分或全部的学习任务。而

成且在后面网页制作中,操作视频还能供学生反复使用。

以“我们的班级”设计一个网站首页。

作

业

布

置

板

书

设

计

在课堂教学中要体现以学习为中心的教与学的关系,教师起着“串”的作用。

网页制作需要认真学习页面中各个对象的插入及其属性的设置,虽然繁琐但并不

教

很难,我认为教师不要试图去控制学生,不要将他们束缚起来,那样学生会感觉单

学纯的操作很枯燥、乏味,失去学习的兴趣。我们给他们提供多种学习的方法,给更

反多的时间让他们自己去思考、设计和分析,属性的设置只要美观合适就可以,不需

要千篇一律。在学生自主学习时,给他们足够的时间和空间,但并不是放散马,放任

思

不管