网页制作教学设计.docx

精品名师归纳总结一. 教材分析网页制作是浙教版信息技术基础第六章其次节的内容，它以“北京故宫”网站为例，介绍了网页制作的一般步骤。本文设计了两个实践体验“设计制作网站主页”和“设置超链接”，而这恰好是制作网站最重要的两个环节。网页制作这一部分的内容不仅在会考仍是高考都是一个专题模块， 因此这部分学问在整本书中占有举足轻重的位置二. 学情分析高中的同学只要在中学上过信息课，他们都曾接触过制作网页制作的简洁操作，而且大部分都上过网，对网页的布局、设计和制作带来了 便利。教材中采纳的网页制作软件是FrontPage2000 ，由于FrontPage2000 采纳了与 Word 等其他 Office软件相类似的图形操作界面。在第三章，同学已经学过了Word 字处理软件。因此，同学对FrontPage2000 的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种学问的迁移对后续的学习特别有利。三. 教学目标（一）学问与技能1、FrontPage2000 的启动2、新建与储存网页3、主页命名与设置网页标题4、文字与图片的插入及属性的设置（如文字大小、字体、颜色等，图片大小、格式转换、围绕样式等）可编辑资料 - - - 欢迎下载精品名师归纳总结5、表格的插入及边框粗细的设置6、单元格的合并于拆分7、超链接的制作（二）过程与方法1、通过简洁网站的制作，熟悉网站的结构2、通过网页的制作，把握设计网页的一般步骤3、观赏别人的网站，学会规划与设计网页的才能（三）情感态度与价值观1、通过自行制作的网站，体验制造的乐趣和胜利的欢乐2、通过观赏和评判优秀的网站，激发同学创作欲望和学习爱好四. 教学重点和难点重点：1、文字与图片的插入2、表格的应用3、超链接的设置难点：1、如何支配文字与图片的位置关系，使页面更和谐2、如何拆分与合并单元格，使表格的布局更为合理五. 教法与学法指导教法：任务驱动法演示法学法：小组合作法探究法六. 教学预备可编辑资料 - - - 欢迎下载精品名师归纳总结本节课的学习是在机房中进行的，除了需要连成局域网的机子外，仍需带广播功能的软件，如极域软件等。 老师预备一个优秀的网站及一些制作网站的素材七. 教学策略与总思路 或总环节框架 同学是学习的主体，应把握学习的主动权。本节课的设计，以提升 同学的自主探究才能以及分析问题、解决问题等才能为目标。本节课刚开头通过名人并且是制作优秀的个人网站展现，让同学分析网站中的元素，然后通过任务驱动的方式，让同学自主探究如何制作这些元素，接着通过小组合作的方式来制作他们宠爱的站，最终来沟通和评判他们的作品。八. 教学过程（一）情形创设（ 2）展现“姚明”的个人网站，同学不仅看到了他们的偶像，更重要的 是被精致的网页所吸引。接着要求同学通过阅读课本，提问1：网页中所包含的元素有哪些？提问2：这些元素是如何制作的？【设计意图： 通过观赏“姚明” 的个人网站， 吸引同学们的留意力，激发他们的学习爱好。同时为引出下面的学问做好铺垫】（二）新课讲授（ 2）1、文字的插入：复制粘贴2、文字属性的设置：选中文字，再按要求在文字工具栏上选中相应的值3、图片的插入：插入图片来自文件可编辑资料 - - - 欢迎下载精品名师归纳总结4、图片格式的转换：右击图片图片属性常规类型5、图片的围绕样式：右击图片图片属性常规样式格式定位6、表格边框粗细的设置：右击表格表格属性边框粗细7、单元格的合并与拆分：选中要合并的单元格或要拆分的单元格，再右击8、超链接的对象：既可以是文字也可以是图片9、常见超链接的类型：链接到网址链接到本的网页文件链接到电子邮件【设计意图：这个环节老师只花2 分钟的时间，点到即止，告知学 生遇到问题可以在操作提示中去查找帮忙（由于之前同学学过word，所以有些操作才能比较强的同学可以不借助于提示），并不做具体的操作演示。由于它包含在下面操作任务的提示中，目的在于培育同学自主探究才能】（三）实践体验任务一：将“ shouye.htm ”另存为“ index.htm” , 并设置网页的标题为“ 2021 年上海世博会”（ 2）【设计意图：让同学把握网页的主页一般命名为“index.htm”，同时把握网页标题的设置】任务二：在单元格5 中插入素材文件夹中“wenzi.txt”文字，并设置字体为 4 号、宋体、黄色。在单元格8 中插入素材文件夹中 “ logo.bmp ”图片 , 要求图片与文字为左围绕样式，同时将bmp格式转可编辑资料 - - - 欢迎下载精品名师归纳总结换为 jpg格式（ 3）【设计意图：让同学把握文字与图片的插入，文字属性的设置和图片格式的转换以及图文混排（围绕样式）】任务三： 让同学制作和下面一样表格的网页首页，不需要插入真正 的图片和文字，仿照即可，但在预览时表格的边框是看不到的。（5）图片超链接 1超链接 2超链接 3超链接 4超链接 5图片 +文字图片 +文字图片+文字图片 +文字图片+文字版权【设计意图：让同学把握表格的插入，边框粗细的设置及单元格的合并或拆分，这里仅仅是仿照，为以后的创新打基础】任务四：给其中的一个超链接（超链接1 5 中的任何一个）设置为有效的超链接，链接到素材文件夹中的“fenguan.htm ” （4）【设计意图：让同学把握超链接的设置】【设计意图：实践体验这个环节全部的操作均有操作提示，同学可直接上 FTP去下载， 当然有才能的同学可省去这个步骤。这个环节纯粹是为了练兵， 把握本节课的学问点，并没有根据同学的意愿去设计他们的作品】（四）作品制作（ 20）4 个同学一组去设计他们感爱好的网站，这个网站至少要有一张主页，一张分页，有才能的同学当然可以多设计几张分页。全部素材都有可编辑资料 - - - 欢迎下载精品名师归纳总结老师供应。 具体分工为： 1 人收集素材， 2 人制作网页， 1 人负责解说他们设计的网站【设计意图：假如说“实践体验”那个环节束缚了同学思维的话， 那么这个环节同学可以充分发挥他们的想象，可以综合运用所学的学问去设计自己想要的作品。这个环节不仅可以起到巩固学问的作用，同时同学们也可以体验通过小组合作胜利设计出他们自己作品所带来的喜悦。】（五）沟通评判（ 5）评判的依据：、网站中是否至少有一张主页，一张分页，主页是否命名为 index.htm、网页中是否有文字与图片要素 、超链接是否有效、文字与图片混排是否和谐 、网页布局是否合理（表格是否用得恰当） 、作品内容是否有意义，积极向上、网站的整体感觉是否给人“美”的享受【设计意图：这个环节不仅能够培育同学们的解说与观赏才能，同 时通过作品的比较与沟通，可以起到查漏补缺的作用，让同学们更好的熟悉自己的作品，从而更好的把握某些学问技能的应用】（六）课堂小结（ 2）本节课主要介绍了制作网页的一般步骤，如何设计主页与分页以及可编辑资料 - - - 欢迎下载精品名师归纳总结他们之间的超链接， 如何在网页中插入各种元素以及如何设置元素的属性让网页看起来更和谐，更美观。设计意图：巩固本节课所学的学问，并引导同学学以致用】评委会点评优点：各教学设计环节清楚，描述恰当，分析合理。教学过程的设计符合新课程理念，突出同学的主体位置。缺点：学问与技术目标缺少程度描述，教学过程设计较抱负化。可编辑资料 - - - 欢迎下载