《网站制作初步》学案

1、网站制作初步学案一、教材分析.本节课地位和作用本节课是普通高中课程标准实验教材选修模块网络技 术应用的第 4 4 章第二课时的内容，是继网站规划、网站设 计后进行网站实现的关键一节。本节课侧重培养信息表达的 能力，对于加强学生的信息意识，提高信息处理的能力有着 重要的作用；网页的设计也给学生提供了展示个性、自主创 新的机会，促使他们主动地学、创造性地学；网页的评价则 能使学生了解内容编排的原则，页面布局的种类，色彩搭配 的风格等，提高他们的艺术修养和审美情趣。.教材处理课改后信息技术课已不再是单纯的计算机技能课，它强 调以培养信息素养为目标，以任务驱动为模式，以应用软件 为载体。只有在实际教学

2、中突破以往的教学模式，才能培养 出适应信息社会发展的有用人才。这节课的主要任务是使学 生掌握在 FrontpageFrontpage 用表格规划网页及在网页中插入图片、声音、 水平线等相关知识与操作，并能合理、灵活地应用到 网页制作中，美化自己的网页。二、教学目标.知识与技能了解表格在网页设计中的作用，利用表格定位网页。 掌握网页中表格的制作方法、表格属性的设置方法以及 单元格的修饰与编辑方法，表格嵌套的设计方法，并会添加 网页元素。使用模板的方法来制作风格统一的网页。.过程与方法利用对比学习，培养学生知识迁移的能力。通过用表格结构设计网页，使学生进一步理解表格的作 用、功能及网页设计方法的多

3、样性，培养学生的发散思维能 力。通过自主探究，使学生掌握软件的使用规则，培养学生 自主学习的能力。观察能力及解决问题的能力。.情感态度与价值观通过运用表格布局网页对象活动，进一步掌握各种不同 对象属性的设置方法和规律，体验创造的快乐。在合作实践过程中，培养学生合作帮助、团结协作的良 好品质。培养学生大胆构思、自我创新的精神，培养学生的美感 及创作后的成就感。三、教学重点难点：.教学重点表格在网页设计中的重要作用。利用表格定位网页。保存使用模板。.教学难点表格的嵌套在网页设计中的应用。使用模板的方法来制作风格统一的网站。四、 学情分析高中学生具备了一定的自学能力，通过上几节的学习， 对自己要制作

4、的网站进行了实际规划和设计，准备好了制作 网站的基本素材，兴致很高。FrontPageXXFrontPageXX 与 ordord 等其他officeoffice 软件相类似的图形操作界面，学生已经学过了 ordord 字处理软件。因此，对 FrontPageXXFrontPageXX 的使用会有一种似曾相识 的感觉，这种知识迁移对后续的学习非常有利。五、 教法学法分析.先学后教，“兵”教“兵”先学，就是让学生自学，尝试独立操作；后教，是根据 学生自学效果，教师进行精讲、点评，并尽量让学生去“教”；“兵”教“兵”，就是让学生充当小教师的角色，自学得较 好的学生操作给其他学生看，通过示范，在学生

5、间起到相互 促进，相互影响的作用，达到共同进步。.任务驱动，小组竞赛法根据学生不同的学习能力、知识储备、兴趣爱好，依据 自愿组成原则，将全班分为6 68 8 人的小组。通过网页教学 的辅助，在教师的引导下，各小组按照自己规划出的网页设 计方案，以任务驱动和分工合作形式制作网页。并通过自我 评价、小组评价、师生互评相结合的评价方式使学生自主完 成作业，由学生自己担任评委，评选出优秀网页，通过展示 学生的优秀作品来激发学生对网页制作的兴趣。进行小组竞赛学习，让学生看一看、想一想、练一练，以练为主，亲自实践、积极动脑动手学习新的知识，掌握重 点难点。由操作能力强的学生充当组长，带动其他成员完成网页

6、制作，一来培养他们合作互助的关系，二来培养学生之间、 师生之间的感情。整节课教师只扮演一个组织者和提示者的角色，一步步 引导学生完成本课的目标， 让学生充分发挥自主性、 协助性， 培养他们合作、创新的能力。.提问引导法根据学生已有的知识结构体系，采用提问的方式引出每 个教学目标，中间穿插比较、观察的方式加深学生的印象， 培养学生的观察能力。让学生自觉主动地去分析问题、解决 问题，学生在操作过程中不断“发现问题一一解决问题”， 变学生“学会”为“会学”。六、教学过程教学内容教师活动学生活动设计意图合理安排网页元素的具体位置，使网页更加合理美观，方便访问者访问提问学生都为他们的主页准备了哪些内容和

7、素材？学 生自主回答提问引导：你打算怎样安排它们的具体位置才能使网页 更加合理美观，方便访问者访问？学生思考打开学生常去的网站，腾讯QQQQ 网站，让学生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页 上只留下一个空表格结构观察思考引出本课教学目标一：利 用表格定位网页对比展示两张素材相同布局不同的网页。一个使用表格 布局，但表格边框隐藏，其页面工整，文本、图片摆放对称， 具有一定的规律；另一个页面凌乱，图文混杂，摆放杂乱根 据上节课设计好的版面， 利用已学过的知识动手在网页中插 入表格， 调整表格的结构，使插入的表格结构与设计的版面 尽量吻合，组长负责记录表格结构是否合理，并注

8、明理由让 学生认识用表格布局的优点；使学生能合理的安排和组织表格结构，为以下的制作创 造有利的条提醒学生要在编辑窗口和预窗口之间切换观察，使表格 结构调整得更加合理教师引导，并安排操作熟练的学生进行演示学生动手操作培养学生知识迁移的能力和动手能力。引出表格的嵌套提出问题：如何才能让表格不显示在我们的网页中呢学 生思考并动手操作引出表格属性的设置，让学生通过表格属 性的设置来设置表格的边框、颜色等添加网页元素把事先准备好的各种网页元素添加到主页，也可使用教 师机的共享资源库的素材；把学生用到的技能要点发到学习网站上；解决学生提出的疑难问题学生自主实践引导学生掌握 添加网页元素的方法使用模板制作其

9、他页面打开榕树下这个网站的主页和其他子页面学生欣赏并 观察这些页面的风格是否一致结合FrontpageFrontpage 模板功能引出目标三：使用模板制作其他页面。提示学生，一个网站的风格一般是由主页和子页来共同 体现，因此其他页面应和主页面的风格保持一致，那我们接 下要做的其他页面的风格也应和主页风格保持一致提问学生是否还是象做主页一样从头开始一个页面一 个页面制作？还是有更方便的方法，减少重复相同的操作提示学生把风格一致的部分保留下来，删除其他部分， 并当作模板保存下来，以供其他页面使用，以后准备制作网 页时可从模板列表中选取并在此基础上进行编辑学生自己 动手为他们的网站制作模板作品共评下课前5 5 分钟，展示学生作品，评价打分各小组把做好的主页和模板上传到FTPFTP 服务器，组长记录整个制作过程中的难点，心得体会，以备下 次点评既可以提高学生的自信心，也可通过评价提高学生的 鉴赏审美能力。为下一节课的学习提供基础每组推荐一个相对优秀的学生作品，共同评价七、教学反思本节课采用以学生自己实践、自主学习为