高中信息技术：《网页制作》(说课)

《6.2 网页制作》--好客青岛欢迎您1教学内容分析本节内容是浙教版《信息技术基础》第6 章第2 节内容，是本章的重点。

本章教学任务完成与否，要看学生能否通过小组合作的学习方式来完成一个主题网页的设计和制作。

通过本节内容的学习，学生将切实掌握网页的设计与制作方法，体验小组合作学习的乐趣和积极作用，同时，也是一次美育与德育（发现家乡的美，热爱家乡的美，宣传家乡的美）的过程。

2教学目标①知识与技能：了解网页策划和设计的基本过程。

②过程与方法：学会设计和制作简单网页。

③情感态度与价值观：体验小组合作学习的乐趣，感受家乡人文的魅力。

3教学重点图文混排和设置超链接、网页布局及网页元素的科学合理运用4教学难点图文混排和设置超链接5教学课时安排本小节理论上分4 课时进行。

1.①第1 课时“网站的策划和构思”（课余完成）：学生完成分工，明确本组及个人任务，初步完成网站的总体构思，并给出了手绘版的网页设计图。

②第2 课时“素材的收集与整理”（课余完成）：学生查找和收集素材，进行了初步处理。

③第3 课时，学生了解FrontPage2003 的基本操作方法，初步掌握了网页制作的简单技巧。

④第4 课时，学生分组完成主题明确的网页的制作。

（本次授课内容）6教学过程 1 学时教学活动1【活动】课前准备1. 将收集整理的素材发送到学生电脑。

2. 将学案发到学生手中。

3. 每组设定一个共享文件夹。

要求负责本组的主页制作的同学就坐于有共享文件夹的电脑前。

2【导入】课程导入好客山东视频播放网络时代如何更好的宣传自己美丽的家乡？从而导出本节课的主题-网页制作！3 玩游戏，识布局1、通过拼图游戏，让学生认识到网页布局的重要性。

盖楼——设计图纸网页——布局图2、了解常见的网页布局样式：封面型、国字型、拐角型、标题正文型等4【练习】活动一：制作简单的网页。

要求：1. 每组须完成：1 个主页,至少1 个子网页。

并在学案上画出网页布局2. 主页要有链接到子网页的文字。

高中信息技术《网页制作》教案课程概述本课程是高中信息技术课程中的一门重要课程，主要介绍网页制作的相关知识。

通过学习本课程，学生可以掌握网页制作的基本概念、HTML语言的基本语法、CSS样式表的应用等内容，从而能够独立制作简单的网页。

教学目标1.理解网页制作的基本概念和相关术语；2.掌握HTML语言的基本语法，能够编写简单的HTML网页；3.掌握CSS样式表的应用，能够为网页添加样式；4.能够使用Dreamweaver等工具制作简单的网页；5.具备较强的团队协作、沟通、解决问题的能力。

教学内容第一章网页制作基础1.网页制作的概念和历史；2.网页标准和规范；3.常用网页制作工具介绍。

第二章 HTML语言1.HTML语言的基本语法；2.HTML文档的基本结构；3.HTML文本标记；4.HTML图像标记；5.HTML超链接标记。

第三章 CSS样式表1.CSS样式表的基本语法；2.CSS的基本选择器；3.CSS的颜色和背景；4.CSS的文本和字体；5.CSS的盒子模型。

第四章网页制作实践1.使用Dreamweaver制作简单的网页；2.制作个人主页；3.制作校园网站。

教学方法1.授课讲解：讲解基本概念和相关知识点，帮助学生形成完整的知识体系；2.实验训练：通过实验帮助学生掌握具体的技能和方法；3.课堂互动：通过各种活动形式，调动学生的兴趣和积极性；4.作业实践：通过作业帮助学生巩固所学知识和技能。

评价方式1.学生平时成绩（课堂表现、作业完成情况、实验成绩）占30%；2.学生期末考试占70%。

教学进度章节内容讲解时间第一章网页制作基础1课时第二章HTML语言4课时第三章CSS样式表4课时第四章网页制作实践6课时参考资料1.《网页制作入门教程》；2.《HTML与CSS基础教程》；3.《Dreamweaver教程》；4.网上相关教程和视频。

《网页制作》(说课)一、说教材《网页制作》是普通高中课程标准实验教材必修模块《网络技术应用》的第4章《网站实现》的内容，该内容分为四个课时，我今天要说的是第二课时的内容。

这是一节实践操作课，应以学生自己实践为主，老师只需指出注意的要点，让学生通过合作协调构思创新的方式完成整节课的内容1、教学目标：1）、利用表格定位网页2）、添加网页元素3）、使用模板制作其他页面教学重点：利用表格定位网页教学难点：使用模板制作其他页面2、能力目标通过学生自主探究学习，培养学生的实践能力，观察能力及解决问题的能力，以及对知识的迁移能力。

3、情感目标：通过本课的学习，培养学生合作帮助、团结协作的良好品质，在合作实践过程中，培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。

二、说教法根据学生已有的知识结构体系，我主要是采用提问的方式引出每个教学目标，中间穿插比较、观察的方式加深学生的印象，培养学生的观察能力。

并以小组形式进行，每个小组记录整个制作过程的情感体验。

三、说教学过程由于学生在必修模块里已接触过网站的组建，对如何建立网站已有了一定的经验，而且学生也撑握了字处理软件如word 工具的基本功能，学会了对文字图片及表格的基本处理。

基于学生现有的知识技能，我决定让学生以小组形式组合成5个小组，由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。

我在整节课里只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性，协助性，培养他们合作、创新的能力。

对此，我设定了以下几个环节：环节一前面讲了网页的规划与设计，学生对将要建立的网站已有了一定的准备，如何让他们动手把他们构想中的网站有条理的组建起来。

我会先提问学生都为他们的主页准备了哪些内容和素材（如文本、图片、动画、音频、视频）？你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？让学生带着问题思考。

高中信息技术课程教案网页设计与制作高中信息技术课程教案：网页设计与制作第一节：前言信息技术已经成为当今社会中不可或缺的一部分。

为了帮助学生掌握网页设计与制作的基本技能，本教案将介绍一套完整而系统的教学方案。

通过本课程的学习，学生将能够理解网页设计的原理，掌握网页制作的基本技术，并能够独立设计并制作符合规范的网页。

第二节：课程目标与要求2.1 课程目标本课程的目标是帮助学生掌握网页设计的基本原理和制作技术，具备设计和制作一个简单网页的能力。

通过课程学习，学生将能够了解网页设计与制作的流程，掌握常用的网页设计软件和HTML/CSS等网页制作语言的基本知识，熟练运用所学知识设计与制作符合需求的网页。

2.2 课程要求学生需要具备一定的计算机基础知识和操作技能，了解常用的操作系统和办公软件的使用方法。

学生应具备良好的团队合作能力和问题解决能力，能够主动思考和学习。

第三节：教学计划3.1 教学内容本课程将包括以下几个方面的内容：3.1.1 网页设计与用户体验- 了解网页设计的基本原则- 学习用户体验设计的基本概念- 掌握网页设计中常用的配色、布局和排版技巧3.1.2 网页制作技术- 学习HTML语言的基本结构和标签- 掌握CSS样式表的基本使用方法- 学习JavaScript脚本语言的基础知识3.1.3 网页设计软件的使用- 了解常用的网页设计软件，如Dreamweaver、Photoshop等- 学习使用设计软件进行网页布局和编辑3.2 教学步骤为了确保教学的系统性和连贯性，本课程将按以下步骤进行：3.2.1 理论学习- 通过课堂讲解、案例分析等方式，向学生介绍网页设计与制作的基本理论知识。

- 引导学生思考网页设计的目的和重要性，激发学生的学习兴趣。

3.2.2 实践操作- 学生将进行实践操作，使用网页设计软件和编程语言进行网页设计与制作。

- 指导学生按照设计思路和流程进行网页设计，培养学生的创造力和实践能力。

教案精选：高中信息技术《网页制作》教学设计教案精选：高中信息技术《网页制作》教学设计1、任务驱动本单元的学习通过完成网页作品来实现。

班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。

这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。

在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。

2、小组协作制作班级网页是个大任务，具有一定的开放性和综合性。

因此采取小组协作学习的方式是非常必要的。

小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。

每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。

最后，各小组作品集中评比，选出优秀作品，上传到校园网上公布。

基于资源要培养学生的信息能力，就必须为他们提供大量处理信息的机会。

基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。

笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。

网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。

三、学习目标本单元的认知、情感和动作技能三种目标分述如下：认知目标1、能简要陈述FrontPage2000主要功能，熟悉其操作界面2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接3、能主动获取、收集班级信息，并加以分类和整理4、能客观评价网页的内容和风格，具备一定的审美能力情感目标1、具有集体荣誉感，愿意为班级的网页建设出谋划策2、具有乐于助人、团结协作的精神3、能尊重他人的劳动成果，有保护知识产权的意识动作技能目标1、能熟练地建立、打开、保存、浏览网页文件2、能按照需要建立框架网页，设置各框架中的初始网页3、能在网页中熟练地插入文字、图片、动画、水平线4、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐5、能选择合适的网页背景图案和背景音乐6、能根据实际需要使用不同的超链接，合理地组织网页7、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感8、能够插入简单的表单，使网页具有初步的动态交互功能四、学习资源设计在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的建构和技能的提高。

4.3 网页的制作， 课题名称 用Frontpage 制作网页练习课 科目 信息技术 授课学校 宁阳一中班级26教师徐丽娜壱、教材内容分析： 《网页的制作》是粤教版网络技术应用第四章第三节的内容，涵盖了网页制作的基本过程；网页制作对提高学生的信息综合处理能力非常重要，是对必修部分信息的加工与表达内容的检验；网页制作也给学生提供了展示个性、自主、协作的机会，促使他们合作、主动、创造性学习。

二、学生特征分析本课的授课对象是高二年级学生，他们求知欲强，思维活跃，视野开阔，富有个性，他们的感知能力和思考能力较强，通过前一阶段的学习已掌握了网络技术知识和技能，他们渴望学到更多实用而有趣的网络技术知识。

FrontPage 是一个所见即所得的网页制作工具，易学易用，与Word 文字处理软件类似这种软件有利于树立学生制作网站的信心，对提高学生的信息综合处理能力作用较大。

同时又注重学生情感态度、价值观，在练习中体会信息技术带来的有利影响，提升信息素养。

三、教学目标（知识，技能，情感态度、价值观） 1、知识与技能：学习并掌握利用 frontpage2003 软件来制作网页的常用操作和技巧，能举一反三、融会贯通。

2、过程与方法：通过对调查网站的操作，网页形式答题的提交体会信息技术的广泛使用；通过对练习的操作，提高动手能力及小组合作能力。

3、情感态度与价值观：通过小组协作和问题研究活动，培养学生协作的意识和团队探索的精神，从而激 发创作热情。

四、教学重点与难点教学重点： 利用 FrontPage 新建网页并编辑；使用表格进行网页的页面布局；超链接有关内容及组件属性。

教学难点： 书签、热点超链接五、教学策略选择与设计1、采用情境教学的方式促进学生积极参与多媒体所创设情境下的建构知识活动，建立一定的探索情境，让学生观摩、思考、讨论，培养学生的观察、发现及思考的能力，激发学习兴趣。

2. 采用讲授、演示、问题启发式、任务驱动的方式，将教学重点、难点逐个攻破，并运用分层递进教学 法促进各层学生不断进步，开发学生潜能、发展个性、关注每位学生，全面提高学生的信息素养。

《网页制作》说课案各位领导、各位老师评委：很高兴有机会参加本次说课的活动，聆听各位评委的悉心指导。

我今天说的课程名称是《网页设计与制作》，使用的教材是高等教育出版社的《网页设计与制作》教材。

下面我分四个方面进行说课，请评委指正。

一、说课程信息1、本课的地位和作用：《网页设计与制作》是高职计算机专业必修的职业技能课，一共有六十课时，是理论实践一体化课程，前边学过《计算机应用基础》、《平面设计》、《动画设计》等课程，因此，学生已经具备了一定计算机素养，大部分同学对制作网页充满了兴趣，能自己设计制作一个网站是许多学生心中的梦想。

因此，在教学过程中，我们加以引导，理论够用为度，重点培养学生动手实践能力和自学能力,为后续的《ASP动态网页制作》打好基础。

2、课程目标本课程的教学目标是着力培养学生网页设计与制作的思维和创新能力。

本课程目标分为知识目标和能力目标。

（1）了解HTML语言中常见标记及其作用（2）熟练掌握dreamweaver的基本操作方法（3）理解表格、框架、层的作用，掌握属性的方法（4）理解CSS样式表的作用和意义，掌握定义CSS样式的方法（5）理解表单的作用，掌握设置表单元素的属性方法（6）理解模板和库的作用（7）初步了解动态网页设计方法3、课程特色该课程是一门新兴的课程，发展比较迅速，而且内容随着计算机技术的发展在不断的改变。

因此，我们要教给学生“万能钥匙”，充分发挥学生的主观能动性，确立学生在学习中的主体地位；以技能为本，倡导自主、合作、探究的学习方式，同时采用模块化教学、理论与实践相结合的特色。

4、学生情况分析通过第一学期计算机基础课程的学习，大部分同学会简单的计算机基础操作，对网络充满兴趣但是大部分学生对于网页设计制作陌生没有思考过如何制作网页。

二、说课程设计1.课程内容选取根据对职业岗位的知识、能力、素质结果分析，并体现针对性和适应性的特点，本课程以职业能力培养为目标，在内容选取上主要着眼于了解网页制作的基本原理和规则，熟练掌握一个优秀的网页制作工具，熟悉HTML语言、CSS样式以及熟悉网页布局、颜色搭配技巧等几个方面的知识和技能。

新修订高中阶段原创精品配套教材《网页制作》(说课)教材定制 / 提高课堂效率 /内容可修改"Webpage Production" (Speaking)教师：风老师风顺第二中学编订：FoonShion教育《网页制作》(说课)一、说教材《网页制作》是普通高中课程标准实验教材必修模块《网络技术应用》的第4章《网站实现》的内容，该内容分为四个课时，我今天要说的是第二课时的内容。

这是一节实践操作课，应以学生自己实践为主，老师只需指出注意的要点，让学生通过合作协调构思创新的方式完成整节课的内容1、教学目标：1）、利用表格定位网页2）、添加网页元素3）、使用模板制作其他页面教学重点：利用表格定位网页教学难点：使用模板制作其他页面2、能力目标通过学生自主探究学习，培养学生的实践能力，观察能力及解决问题的能力，以及对知识的迁移能力。

3、情感目标：通过本课的学习，培养学生合作帮助、团结协作的良好品质，在合作实践过程中，培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。

二、说教法根据学生已有的知识结构体系，我主要是采用提问的方式引出每个教学目标，中间穿插比较、观察的方式加深学生的印象，培养学生的观察能力。

并以小组形式进行，每个小组记录整个制作过程的情感体验。

三、说教学过程由于学生在必修模块里已接触过网站的组建，对如何建立网站已有了一定的经验，而且学生也撑握了字处理软件如word工具的基本功能，学会了对文字图片及表格的基本处理。

基于学生现有的知识技能，我决定让学生以小组形式组合成5个小组，由操作能力强的学生充当组长，带动其他成员完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。

我在整节课里只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性，协助性，培养他们合作、创新的能力。

对此，我设定了以下几个环节：环节一前面讲了网页的规划与设计，学生对将要建立的网站已有了一定的准备，如何让他们动手把他们构想中的网站有条理的组建起来。

高中信息技术新课程标准教材信息技术( 2019 — 2020学年度第二学期 )学校：年级：任课教师：信息技术教案 / 高中信息技术编订：XX文讯教育机构网页制作教材简介:本教材主要用途为学习本知识能够调动学生的激情与兴趣，对相关教师和学生创造力的开发有促进作用，对教学效果提升有着积极的影响，本教学设计资料适用于高中信息技术科目, 学习后学生能得到全面的发展和提高。

本内容是按照教材的内容进行的编写，可以放心修改调整或直接进行教学使用。

（一）教学要求1、掌握网站构思的一般方法。

2、学会收集、整理素材的基本方法。

3、掌握网页制作的基本方法。

4、掌握链接网页的各种方法。

（二）教学设计建议本节安排五个课时，是本章的重点，本章教学任务完成与否，要看学生能否通过小组合作的学习方式来完成一个主题网站的设计和制作。

本节教材中安排了三个实践探究活动，包括一个讨论交流活动和两个实践体验活动，并且给出了比较详细的操作示例。

教材通过让同学们组织一个小组来共同设计、制作一个有关世界遗产的主题网站，学习网站的构思、制作以及素材收集、整理的基本方法。

我国是一个有五千年历史的文明古国，并且有九百六十万平方公里的大好河山，同学们的家乡总有一些值得纪念的人文历史和自然风光，一方面以这个主题作为网站的内容，大家比较有亲切感也容易找到素材，另一方面，通过网站制作的过程，也是一次爱国主义教育过程。

当然，教师也可以结合学校所在地的具体情况，设计制作一些更有纪念意义的主题网站，也可以结合学校近期的工作重点，设计制作一些网站。

教师可以自行决定，只要是学生感兴趣的，健康的内容都可以作为网站的主题。

设计、制作一个网站仅靠一个人的力量很难在短时间内完成，需要几个人合作完成。

在本节中，要求通过小组合作学习的方式，在小组中既有分工又有合作，在完成一个网站的规划、制作的同时，让学生充分体验小组合作学习的乐趣、积极作用和深远的影响。

在本节的教学中，可将学生分成若干个小组，每个小组五至六人，小组中的同学相互协作，共同完成一个网站的制作。