初中任务一 制作网站首页教案

《制作网站首页》教学设计

一、教学目标 

1．知识与技能 

（1）掌握简单网页的新建方法。 

（2）能够在网页中插入、排版文字，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框，设置网页属性，如背景、背景音乐。 

（3）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。

 2．过程与方法 

（1）任务驱动、自助探究，动手设计网站的实践活动，建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定基础。 

（2）小组合作，培养学生自助、协作学习的能力。 

3．情感态度与价值观 

能够在对比学习中，让学生体验软件学习的一般方法及规律，提高其学习信息技术的信心。   

二、教学重难点 

1．教学重点 

（1）站点的建立。 

（2）简单网页设计方法，如文字、图片以及水平线的插入与编辑等。 

（3）设置网页属性的一般方法。 

2．教学难点 

（1）站点的作用和存储路径。 

（2）网页的保存。

三、教学方法 

任务驱动教学法和自助探究和合作学习法， 

四、教学准备 

教学内容准备：整理、归类相关素材，并分发到学生电脑桌面上的“老师文件”文件夹中。 

上课地点：多媒体机房 

五、教学过程 

1．情境导入 

展示《中国青少年教育网　http://www.zcgqt.gov.cn/》网站，讲解网站展示的内容，激发学生创建网站的学习兴趣。 

设计意图：由学生生活实际入手，自然过渡，激发兴趣，活跃气氛。 

2．新课教学 

（1）建立站点 

由于我们的网站需要制作多个网页文件以及相关图片、声音文件等，所以网站建设初期就要做好管理准备，我们以站点的形式来管理网站内部文件。 

任务1 把站点建立在Ｄ盘，名为“dilitd”（输入格式为：”d:\dilitd”）。

 教师活动：指导学生对照书本进行学习（P18）； 学生操作期间教师巡视课堂，做个别辅导； 

针对学生中普遍存在的问题，教师可做详细讲解。 

学生活动：明确教师要求后，阅读教材，开展对照着教材的自学活动。 

设计意图：对照教材操作步骤自学软件的相关操作。

（自学为主） 提问思考：在文件夹列表中看到了什么？ 

分析多出的文件夹列表栏，多了一个文件夹(d:\dilttd)，里面有两个子文件夹(“images”和”_private”)，images用来存放在 图片文件，_private用在存放浏览者看不到的的文件上。

设计意图：了解站点的作用，强调站点的管理。

3）制作首页

网站首页一般有鲜明的标题，网站标志，网站宗旨等。 

任务2  新建首页，要求首页中有如下对象：

 网站的图片标志和标题。（标志：执行“插入”－“图片”－“来自文件”—选择图片文件、标题要求：“地理知识天地”，字体“华文琥珀”，字号“36磅”颜色“深蓝色”，居中对齐）

 水平线（起分隔作用）。 （标题下方执行“插入”－“水平线”，双击水平线，弹出水平线属性，设置为宽度100%，高度为3像素，颜色为蓝色，对齐方为居中）

网站的建立主旨（文字介绍）。（执行“表格”－“绘制表格”命令，用手绘表格方式在水平线下方居中位置绘制一个单元格，字号14磅，颜色蓝色。

链接到下一页的标记（可为文字，也可为图片）。 

教师活动：指导学生示范，讲解如何插入图片（来自文件）、插入水平线等。（注意各对象“插入点”的选择） 

学生活动：按要求小组合作完成任务。 

设计意图：类比Word中对象的插入方法，使学生学会知识迁移。并在完成基本任务的前提下，鼓励学生创新。（类比学习法、知识迁移学习法） 

（3）设置网页属性 

提出具体编辑要求，引导学生设置相关对象的属性。 

任务3   

在网页中，图片、文字包括网页本身都是对像，常常需要修改对像的属性，如网页名，网页背景颜色，图片大小，文字颜色等。 

教师活动：指导学生示范，讲解如何设置网页标题，背景音乐，背景图片。

①、“文件”－“属性”，②、用鼠标右键单击网页，在弹出的快捷菜单中，选择“网页属性”，弹出“网页属性”对话框，“常规”选项卡，在标题输入“首页”。背景音乐设置，单击“浏览”选择音乐文件（不支持ＭＰ３格式） 。单击“格式”选项卡，设置背景图片，单击“浏览”选择背景文件上。设置图片属性，双击图片文件。

学生活动：按要求小组合作完成任务。 

（强调：必须在“普通” 窗口下编辑，网页背景图片的像素符合要求）。 设计意图：通过小组交流学习，培养学生自助、协作学习的能力，激发学生探究创新的学习精神。 

（5）保存网页 

教师活动：深入讲解示范。 

学生活动：认真听讲，按要求保存自己的网页。 

（强调：选择一个其他文件的文件夹分类保存图片等素材） 

３．总结与评价 

（1）引导学生填写P23对象属性设置表格，相互检查作业。 

（2）对照本堂课的学习情况进行总结

设计意图：加强总结反馈，鼓励学生互帮互助