制作网页-教学设计2021

《制作网页-教学设计2021》由会员分享，可在线阅读，更多相关《制作网页-教学设计2021（17页珍藏版）》请在金锄头文库上搜索。

1、制作网页,教学设计2021 网页制作教学设计 一.教材分析 网页制作是浙教版信息技术基础第六章第二节的内容，它以“北京故宫”网站为例，介绍了网页制作的一般步骤。本文设计了两个实践体验“设计制作网站主页”和“设置超链接”，而这恰好是制作网站最重要的两个环节。网页制作这一部分的内容不仅在会考还是高考都是一个专题模块，因此这部分知识在整本书中占有举足轻重的地位二.学情分析 高中的学生只要在初中上过信息课，他们都曾接触过制作网页制作的简单操作，而且大部分都上过网，对网页的布局、设计和制作带来了方便。教材中采用的网页制作软件是FrontPage2021，由于FrontPage2021采用了与Word等其

2、他Office软件相类似的图形操作界面。在第三章，学生已经学过了Word字处理软件。因此，学生对FrontPage2021的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识的迁移对后续的学习非常有利。 三.教学目标 （一）知识与技能 1、FrontPage2021的启动 2、新建与保存网页 3、主页命名与设置网页标题 4、文字与图片的插入及属性的设置（如文字大小、字体、颜色等，图片大小、格式转换、环绕样式等） 5、表格的插入及边框粗细的设置 6、单元格的合并于拆分 7、超链接的制作 （二）过程与方法 1、通过简单网站的制作，认识网站的结构 2、通过网页的制作，掌握设计

3、网页的一般步骤 3、欣赏别人的网站，学会规划与设计网页的能力 （三）情感态度与价值观 1、通过自行制作的网站，体验创造的乐趣和成功的喜悦 2、通过欣赏和评价优秀的网站，激发学生创作欲望和学习兴趣四.教学重点和难点 重点： 1、文字与图片的插入 2、表格的应用 3、超链接的设置 难点： 1、如何安排文字与图片的位置关系，使页面更和谐 2、如何拆分与合并单元格，使表格的布局更为合理五.教法与学法指导 教法：任务驱动法演示法 学法：小组合作法探究法六.教学准备 本节课的学习是在机房中进行的，除了需要连成局域网的机子外，还需带广播功能的软件，如极域软件等。教师准备一个优秀的网站及一些制作网站的素材七.

4、教学策略与总思路(或总环节框架) 学生是学习的主体，应掌握学习的主动权。本节课的设计，以提升学生的自主探究能力以及分析问题、解决问题等能力为目标。本节课刚开始通过名人并且是制作优秀的个人网站展示，让学生分析网站中的元素，然后通过任务驱动的方式，让学生自主探究如何制作这些元素，接着通过小组合作的方式来制作他们喜爱的站，最后来交流和评价他们的作品。 八.教学过程 （一）情景创设（2） 展示“姚明”的个人网站，学生不仅看到了他们的偶像，更重要的是被精美的网页所吸引。接着要求学生通过阅读课本，提问1：网页中所包含的元素有哪些？提问2：这些元素是如何制作的？ 【设计意图：通过欣赏“姚明”的个人网站，吸引

5、学生们的注意力，激发他们的学习兴趣。同时为引出下面的知识做好铺垫】 （二）新课讲授（2） 1、文字的插入：复制粘贴 2、文字属性的设置：选中文字，再按要求在文字工具栏上选中相应的值 3、图片的插入：插入图片来自文件 4、图片格式的转换：右击图片图片属性常规类型 5、图片的环绕样式：右击图片图片属性常规样式格式定位 6、表格边框粗细的设置：右击表格表格属性边框粗细 7、单元格的合并与拆分：选中要合并的单元格或要拆分的单元格，再右击 8、超链接的对象：既可以是文字也可以是图片 9、常见超链接的类型：链接到网址链接到本地网页文件链接到电子邮件 【设计意图：这个环节老师只花2分钟的时间，点到即止，告诉

6、学生碰到问题可以在操作提示中去寻找帮助（由于之前学生学过word，所以有些操作能力比较强的学生可以不借助于提示），并不做详细的操作演示。因为它包含在下面操作任务的提示中，目的在于培养学生自主探究能力】 （三）实践体验 任务一：将“shouye.htm”另存为“index.htm”,并设置网页的标题为“2021年上海世博会”（2） 【设计意图：让学生掌握网页的主页一般命名为“index.htm”，同时掌握网页标题的设置】 任务二：在单元格5中插入素材文件夹中“wenzi.txt”文字，并设置字体为4号、宋体、黄色； 在单元格8中插入素材文件夹中“logo.bmp”图片,要求图片与文字为左环绕样式

7、，同时将bmp格式转换为jpg格式（3） 【设计意图：让学生掌握文字与图片的插入，文字属性的设置和图片格式的转换以及图文混排（环绕样式）】 任务三：让学生制作和下面一样表格的网页首页，不需要插入真正的图片和文字，模仿即可，但在预览时表格的边框是看不到的。（5） 图片 超链接1超链接2超链接3超链接4超链接5 图片+文字图片+文字图片+文字图片+文字图片+文字 版权 【设计意图：让学生掌握表格的插入，边框粗细的设置及单元格的合并或拆分，这里仅仅是模仿，为以后的创新打基础】 任务四：给其中的一个超链接（超链接15中的任何一个）设置为有效的超链接，链接到素材文件夹中的“fenguan.htm”（4）

8、 【设计意图：让学生掌握超链接的设置】 【设计意图：实践体验这个环节所有的操作均有操作提示，学生可直接上FTP去下载，当然有能力的学生可省去这个步骤。这个环节纯粹是为了练兵，掌握本节课的知识点，并没有按照学生的意愿去设计他们的作品】 （四）作品制作（20） 4个学生一组去设计他们感兴趣的网站，这个网站至少要有一张主页，一张分页，有能力的同学当然可以多设计几张分页。所有素材都有教师提供。具体分工为：1人收集素材，2人制作网页，1人负责解说他们设计的网站 【设计意图：如果说“实践体验”那个环节束缚了学生思维的话，那么这个环节学生可以充分发挥他们的想象，可以综合运用所学的知识去设计自己想要的作品。这

9、个环节不仅可以起到巩固知识的作用，同时学生们也可以体验通过小组合作成功设计出他们自己作品所带来的喜悦。】 （五）交流评价（5） 评价的依据： 、网站中是否至少有一张主页，一张分页，主页是否命名为index.htm、网页中是否有文字与图片要素 、超链接是否有效 、文字与图片混排是否和谐 、网页布局是否合理（表格是否用得恰当） 、作品内容是否有意义，积极向上 、网站的整体感觉是否给人“美”的享受 【设计意图：这个环节不仅能够培养学生们的解说与欣赏能力，同时通过作品的比较与交流，可以起到查漏补缺的作用，让学生们更好地认识自己的作品，从而更好的掌握某些知识技能的应用】 （六）课堂小结（2） 本节课主要

10、介绍了制作网页的一般步骤，如何设计主页与分页以及他们之间的超链接，如何在网页中插入各种元素以及如何设置元素的属性让网页看起来更和谐，更美观。 设计意图：巩固本节课所学的知识，并引导学生学以致用】评委会点评 优点：各教学设计环节清晰，描述恰当，分析合理。教学过程的设计符合新课程理念，突出学生的主体地位。 缺点：知识与技术目标缺少程度描述，教学过程设计较理想化。 网页制作教学设计 阜新市第十八中学 彭勇 一、教材依据 辽宁师范大学出版社初中信息技术八年级上册，第二单元网站设计与制作，活动1“创建个人网站”以及活动2中的关于部分FrontPage2021的内容。 二、设计思想 【教学指导思想】 信息

11、技术课是一门实践性很强、极富创造性、具有明显时代发展性特点的课程。而现代教育理论提倡以学生为中心，强调学生“学”的主动性，学生是信息加工的主体，教师的作用体现在组织、指导、帮助和促进学生的学习、充分发挥学生的主动性、积极性和创造性，从而使学生最有效地进行学习，达到最优的教学效果。 因此本课题遵循“教师主导，学生主体”的设计理念，让学生在教师的引导下，对所学的内容进行探索、分析、研究，在实践操作中培养学生科学的态度和价值观，同时培养学生的学习兴趣。 【教学对象分析】 .学生的知识能力 教学对象是八年级的学生，这一阶段的学生正处在抽象逻辑思维逐步形成的过程中，但形象思维仍是获取知识的重要思维方式。

12、而本节课中涉及到的HTML语言有其枯燥难懂的一面，学生在理解上存在着一定的难度，所以教师在教学设计中希望能通过学生自己的双眼、双手以及思考来发现新知识，从而减轻他们对新知识的畏惧、降低理解的难度。 .学生心理特点分析 初中学生活泼好动、好奇心强、求知欲旺、视野广泛，对信息技术充满兴趣，大部分学生都能熟练使用浏览器浏览网页，他们对上网和网页有着极大的兴趣。所以在本课题中教师利用学生的这种心理设计了一个趣味导入，从趣味引入学生感兴趣的网页，使学生在课堂中保持着较高的学习积极性。 【教学内容分析】 本节课是新授课且是第二单元网站设计与制作的第一节课，教师将这节课的重心放在了“启下”上，目的是激发学生

13、的学习兴趣和他们的求知欲，为顺利开展以后的教学活动打好基础、做好铺垫。本节课的教学内容有两个方面，一是初识HTML语言，二是初识FrontPage2021的窗口组成。教师设计的重点并不是让学生充分理解HTML语言的结构，而是通过HTML语言能够有效地引出制作网页的软件FrontPage2021，继而使学生能顺其自然产生使用FrontPage2021制作网页的兴趣。 教学内容的整合：课本上将初识HTML语言和FrontPage2021的窗口组成分在了两个活动中，考虑到信息技术课一星期一个班只有一节课，如果第一节课只讲HTML语言，不涉及制作网页的软件FrontPage2021，会令学生感到枯燥，

14、同时这种枯燥感很可能会维持一个星期直到下节课，这样学生对制作网页的兴趣就远不如将两个教学内容结合起来的高，也不利于今后的教学活动开展。所以教师将本节课的重心放在让学生理解HTML语言与FrontPage2021之间的联系上。 三、教学目标 【知识与技能】 （）了解网页与网站的有关知识； （）了解HTML标识性语言的功能及结构； （）认识构成网页的基本元素； （）了解常用的制作网页的软件； （）了解网站策划与定位的重要性，掌握网站的规划流程； （）了解网站设计软件FrontPage2021的窗口组成； （）学会设计有意义的网站主题，收集网站相关资料，画出网站的结构图。 【过程与方法】 （）趣味导入新课的内容，极大地发挥学生主体、教师主导的作用； （）适时引导学生产生新的问题，再通过教师的讲解与演示、对比和学生的自主学习来解决问题。 【情感态度与价值观】 （）强烈的求知欲激发