网站制作初步

1、网站制作初步教学设计一、教材分析1本节课地位和作用本节课侧重培养信息表达的能力，对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。2教材处理使用网页视图方式建立网页，在课本中一笔带过，但是从知识的呈上启下来看，学生更易接受这个方案，缺点是网站中建立许多个网页时，若无网站的组织结构图，建立工作将陷入迷茫中，同时也对后续的超链接的学习就造成一定的困难，因此课本中不采纳这种方法建立网页。课改后信息技术课已不再是

2、单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。这节课的主要任务是使学生掌握在FrontPage用表格规划网页及在网页中插入图片、声音、水平线等相关知识与操作，并能合理、灵活地应用到网页制作中，美化自己的网页。二、教学目标1知识与技能（1）掌握打开站点的基本方法；（2）掌握新建网页的基本方法。（3）了解表格在网页设计中的作用，利用表格定位网页。（4）掌握网页中表格的制作方法、表格属性的设置方法以及单元格的修饰与编辑方法，表格嵌套的设计方法，并会添加网页元素。（5）使用模板的方法来制作风

3、格统一的网页。2过程与方法（1）利用对比学习，培养学生知识迁移的能力。（2）通过用表格结构设计网页，使学生进一步理解表格的作用、功能及网页设计方法的多样性，培养学生的发散思维能力。（3）通过自主探究，使学生掌握软件的使用规则，培养学生自主学习的能力。观察能力及解决问题的能力。3情感态度与价值观（1）通过运用表格布局网页对象活动，进一步掌握各种不同对象属性的设置方法和规律，体验创造的快乐。（2）在合作实践过程中，培养学生合作帮助、团结协作的良好品质。（3）培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。三、教学重点难点：1教学重点(1)网页名称应与网页中的信息一致是重点（2）表

4、格在网页设计中的重要作用。（3）利用表格定位网页。（4）保存使用模板。2教学难点 (1)在使用导航栏建立网页时，网页的命名是难点（2）表格的嵌套在网页设计中的应用。（3）使用模板的方法来制作风格统一的网站。四、学情分析 高中学生具备了一定的自学能力，通过上几节的学习，对自己要制作的网站进行了实际规划和设计，准备好了制作网站的基本素材，兴致很高。FrontPage2000与Word等其他Office软件相类似的图形操作界面，学生已经学过了Word字处理软件。因此，对FrontPage2000的使用会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。五、教法学法分析 1先学后教，“

5、兵”教“兵”先学，就是让学生自学，尝试独立操作；后教，是根据学生自学效果，教师进行精讲、点评，并尽量让学生去“教”；“兵”教“兵”，就是让学生充当小教师的角色，自学得较好的学生操作给其他学生看，通过示范，在学生间起到相互促进，相互影响的作用，达到共同进步。 2任务驱动，小组竞赛法 根据学生不同的学习能力、知识储备、兴趣爱好，依据自愿组成原则，将全班分为6 8 人的小组。通过网页教学课件的辅助，在教师的引导下，各小组按照自己规划出的网页设计方案，以任务驱动和分工合作形式制作网页。并通过自我评价、小组评价、师生互评相结合的评价方式使学生自主完成作业，由学生自己担任评委，评选出优秀网页，通过展示学生

6、的优秀作品来激发学生对网页制作的兴趣。进行小组竞赛学习，让学生看一看、想一想、练一练，以练为主，亲自实践、积极动脑动手学习新的知识，掌握重点难点。由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。整节课教师只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性、协助性，培养他们合作、创新的能力。3提问引导法 根据学生已有的知识结构体系，采用提问的方式引出每个教学目标，中间穿插比较、观察的方式加深学生的印象，培养学生的观察能力。让学生自觉主动地去分析问题、解决问题，学生在操作过程中不断“发现问题解决问题

7、”，变学生“学会”为“会学”。六、教学过程教学内容教师活动学生活动设计意图一、导入部分（第一课）上节课我们建立了“我的家乡”站点，大家能使用“我的电脑”或“资源管理器”找到他们吗？找到后请大家打开站点并预览自己所编辑的主页信息。问：大家看看自己编辑的主页信息中有没有错误？有错了，该如何修改？问：一个网站中一张网页不能够表达一个站点的所有信息，那就需要许多个网页，我如何增加网页呢？我们这一节课就来解决这些问题。从计算机中查找自己的站点学生观察发现问题学生思考（1）使学生确认自己站点所在的位置，复习上节课预览网页的知识便于后面知识的学习。（2）通过学生的观察，发现问题，激发学生解决问题的兴趣。（3

8、）留给学生思考的问题，让学生带着问题学习新知。 二、新课部分1新建网页2保存网页及网页重命名（任务一）大家已经打开网站，看看“文件”菜单中有没有添加网页的命令，自己动手试试给自己的站点增加两个网页，同时结合课本将相应的网页的文字内容录入到网页中。大家可以互相交流。教师进行辅导（任务二）大家刚才建立了网页，并为网页添加了文字，因此需要大家及时将自己的网页保存在网站中。大家动手实践教师进行辅导（1）在大家保存时应正确选择自己的站点，输入网页名称即可保存。（2）在此过程中，有的同学未能输入网页名称，就点击保存了，出现一个现象：网页全部都是new-page_1(2，3，4)html的形式，多

9、了自己也被迷糊了。出现这种情况时大家可以使用文件夹列表窗体来重新给网页命名。具体操作：选中你的网页文件，使用右键的快捷菜单完成，它的操作类似于“资源管理器”中的命令操作。一定要注意命名时不能将网页的属性html丢弃了，若已经丢弃，请将它加上。（3）保存完成后，若还想给网页增加信息，一定要在文件夹列表窗体中双击网页的名称，当你看到你所双击的网页名称与编辑窗口中的名称一致时，在输入信息，完成后随时保存信息。学生动手实践学生动手实践学生动手实践学生改正自己错误学生已经在新建站点中看到过新建网页，很容易接受，同时通过交流达到共同进步。引导学生保存自己的网页。学生在动手过程中就会引出重命名操作。将本节课

10、的难点集中展示出来，并纠正出错的原因三、合理安排网页元素的具体位置，使网页更加合理美观，方便访问者访问 （第二课）提问学生都为他们的主页准备了哪些内容和素材（如文本、图片、动画、音频、视频）？ 学生自主回答提问引导：你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？学生思考打开学生常去的网站，腾讯QQ网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构观察思考引出本课教学目标一：利用表格定位网页对比展示两张素材相同布局不同的网页。一个使用表格布局，但表格边框隐藏，其页面工整，文本、图片摆放对称，具有一定的规律；另一个页面凌乱，图文混杂

11、，摆放杂乱根据上节课设计好的版面，利用已学过的知识动手在网页中插入表格，调整表格的结构，使插入的表格结构与设计的版面尽量吻合，组长负责记录表格结构是否合理，并注明理由让学生认识用表格布局的优点；使学生能合理的安排和组织表格结构，为以下的制作创造有利的条件提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加合理  教师引导，并安排操作熟练的学生进行演示学生动手操作培养学生知识迁移的能力和动手能力。 引出表格的嵌套提出问题：如何才能让表格不显示在我们的网页中呢学生思考并动手操作引出表格属性的设置，让学生通过表格属性的设置来设置表格的边框、颜色等1.添加网页元

12、素把事先准备好的各种网页元素（如文本、图片、动画、音频、视频）添加到主页，也可使用教师机的共享资源库的素材；把学生用到的技能要点发到学习网站上；解决学生提出的疑难问题学生自主实践引导学生掌握添加网页元素的方法 2.使用模板制作其他页面打开榕树下这个网站的主页和其他子页面学生欣赏并观察这些页面的风格是否一致结合FrontPage模板功能引出目标三：使用模板制作其他页面。提示学生，一个网站的风格一般是由主页和子页来共同体现，因此其他页面应和主页面的风格保持一致，那我们接下要做的其他页面的风格也应和主页风格保持一致提问学生是否还是象做主页一样从头开始一个页面一个页面制作？还是有更方便的方法

13、，减少重复相同的操作提示学生把风格一致的部分保留下来，删除其他部分，并当作模板保存下来，以供其他页面使用，以后准备制作网页时可从模板列表中选取并在此基础上进行编辑学生自己动手为他们的网站制作模板四、作品共评下课前8分钟，展示学生作品，评价打分各小组把做好的主页和模板上传到FTP服务器，组长记录整个制作过程中的难点，心得体会，以备下次点评既可以提高学生的自信心，也可通过评价提高学生的鉴赏审美能力。为下一节课的学习提供基础每组推荐一个相对优秀的学生作品，共同评价七、教学评价本节课采用以学生自己实践、自主学习为主，老师巧妙引导，适时指点为辅，让学生通过合作协调、构思创新的方式完成两节课学习的方法，极大调