任务一 制作网站首页 教学设计 (1)

任务一 制作网站首页 教学设计
一、教学目标??
1．知识与技能??
（1）掌握简单网页的新建方法。??
（2）能够在网页中插入、排版文字，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框，设置网页属性，如背景、背景音乐。??
（3）掌握保存网页的方法，了解网页保存与普通文档保存的不同点。2．过程与方法??
（1）任务驱动、自助探究，动手设计网站的实践活动，建立对象属性设置的思维方法和操作方法，为学生今后学习其它软件奠定基础。?? 21·cn·jy·com
（2）小组合作，培养学生自助、协作学习的能力。??
3．情感态度与价值观?? 能够在对比学习中，让学生体验软件学习的一般方法及规律，提高其学习信息技术的信心。????2·1·c·n·j·y
二、教学重难点??
1．教学重点??
（1）站点的建立。??
（2）简单网页设计方法，如文字、图片以及水平线的插入与编辑等。??
（3）设置网页属性的一般方法。??
2．教学难点??
（1）站点的作用和存储路径。??
（2）网页的保存。三、教学方法??
任务驱动教学法和自助探究和合作学习法，??
四、教学准备??
教学内容准备：整理、归类相关素材，并分发到学生电脑桌面上的“老师文件”文件夹中。??
上课地点：多媒体机房??
五、教学过程??
1．情境导入? 展示《中国青少年教育网http://www.zcgqt.gov.cn/》网站，讲解网站展示的内容，激发学生创建网站的学习兴趣。?? www.21-cn-jy.com
设计意图：由学生生活实际入手，自然过渡，激发兴趣，活跃气氛。??
2．新课教学??
（1）建立站点??
由于我们的网站需要制作多个网页文件以及相关图片、声音文件等，所以网站建设初期就要做好管理准备，我们以站点的形式来管理网站内部文件。?? 21·世纪*教育网
任务1?把站点建立在Ｄ盘，名为“dilitd”（输入格式为：”d:dilitd”）。教师活动：指导学生对照书本进行学习（P18）；学生操作期间教师巡视课堂，做个别辅导；?? 【来源：21·世纪·教育·网】
针对学生中普遍存在的问题，教师可做详细讲解。??
学生活动：明确教师要求后，阅读教材，开展对照着教材的自学活动。??
设计意图：对照教材操作步骤自学软件的相关操作。（自学为主）提问思考：在文件夹列表中看到了什么？?? 21世纪教育网版权所有
分析多出的文件夹列表栏，多了一个文件夹(d:dilttd)，里面有两个子文件夹(“images”和”_private”)，images用来存放在图片文件，_private用在存放浏览者看不到的的文件上。设计意图：了解站点的作用，强调站点的管理。3）制作首页网站首页一般有鲜明的标题，网站标志，网站宗旨等。??任务2??新建首页，要求首页中有如下对象：网站的图片标志和标题。（标志：执行“插入”－“图片”－“来自文件” —选择图片文件、标题要求：“地理知识天地”，字体“华文琥珀”，字号“36磅”颜色“深蓝色”，居中对齐）水平线（起分隔作用）。（标题下方执行“插入”－“水平线”，双击水平线，弹出水平线属性，设置为宽度100%，高度为3像素，颜色为蓝色，对齐方为居中）网站的建立主旨（文字介绍）。（执行“表格”－“绘制表格”命令，用手绘表格方式在水平线下方居中位置绘制一个单元格，字号14磅，颜色蓝色。链接到下一页的标记（可为文字，也可为图片）。?? www-2-1-cnjy-com
教师活动：指导学生示范，讲解如何插入图片（来自文件）、插入水平线等。（注意各对象“插入点”的选择）?? 学生活动：按要求小组合作完成任务。?? 21cnjy.com
设计意图：类比Word中对象的插入方法，使学生学会知识迁移。并在完成基本任务的前提下，鼓励学生创新。（类比学习法、知识迁移学习法）?? 2-1-c-n-j-y
（3）设置网页属性??
提出具体编辑要求，引导学生设置相关对象的属性。??
任务3????
在网页中，图片、文字包括网页本身都是对像，常常需要修改对像的属性，如网页名，网页背景颜色，图片大小，文字颜色等。?? 21教育网
教师活动：指导学生示范，讲解如何设置网页标题，背景音乐，背景图片。①、“文件”－“属性”，②、用鼠标右键单击网页，在弹出的快捷菜单中，选择“网页属性”，弹出“网页属性”对话框，“常规”选项卡，在标题输入“首页”。背景音乐设置，单击“浏览”选择音乐文件（不支持ＭＰ３格式）。单击“格式”选项卡，设置背景图片，单击“浏览”选择背景文件上。设置图片属性，双击图片文件。学生活动：按要求小组合作完成任务。?? 21*cnjy*com
（强调：必须在“普通”窗口下编辑，网页背景图片的像素符合要求）。设计意图：通过小组交流学习，培养学生自助、协作学习的能力，激发学生探究创 新的学习精神。?? 【来源：21cnj*y.co*m】
（5）保存网页??
教师活动：深入讲解示范。??
学生活动：认真听讲，按要求保存自己的网页。??
（强调：选择一个其他文件的文件夹分类保存图片等素材）??
３．总结与评价??
（1）引导学生填写P23对象属性设置表格，相互检查作业。??
（2）对照本堂课的学习情况进行总结设计意图：加强总结反馈，鼓励学生互帮互助??