2023年制作网页 教学设计（精选多篇）.docx

《2023年制作网页 教学设计（精选多篇）.docx》由会员分享，可在线阅读，更多相关《2023年制作网页 教学设计（精选多篇）.docx（118页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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

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

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

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

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

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

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

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

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

10、好地认识自己的作品，从而更好的掌握某些知识技能的应用】 （六） 课堂小结（2） 本节课主要介绍了制作网页的一般步骤，如何设计主页与分页以及他们之间的超链接，如何在网页中插入各种元素以及如何设置元素的属性让网页看起来更和谐，更美观。 设计意图：巩固本节课所学的知识，并引导学生学以致用】 评委会点评 优点：各教学设计环节清晰，描述恰当，分析合理。教学过程的设计符合新课程理念，突出学生的主体地位。 缺点：知识与技术目标缺少程度描述，教学过程设计较理想化。 推荐第2篇：网页制作教学设计 网页制作教学设计 阜新市第十八中学 彭勇 一、教材依据 辽宁师范大学出版社 初中信息技术八年级上册，第二单元网站设计

11、与制作，活动1“创建个人网站”以及活动2中的关于部分FrontPage2000的内容。 二、设计思想 【教学指导思想】 信息技术课是一门实践性很强、极富创造性、具有明显时代发展性特点的课程。而现代教育理论提倡以学生为中心，强调学生“学”的主动性，学生是信息加工的主体，教师的作用体现在组织、指导、帮助和促进学生的学习、充分发挥学生的主动性、积极性和创造性，从而使学生最有效地进行学习，达到最优的教学效果。 因此本课题遵循“教师主导，学生主体”的设计理念，让学生在教师的引导下，对所学的内容进行探索、分析、研究，在实践操作中培养学生科学的态度和价值观，同时培养学生的学习兴趣。 【教学对象分析】 .学生

12、的知识能力 教学对象是八年级的学生，这一阶段的学生正处在抽象逻辑思维逐步形成的过程中，但形象思维仍是获取知识的重要思维方式。而本节课中涉及到的HTML语言有其枯燥难懂的一面，学生在理解上存在着一定的难度，所以教师在教学设计中希望能通过学生自己的双眼、双手以及思考来发现新知识，从而减轻他们对新知识的畏惧、降低理解的难度。 .学生心理特点分析 初中学生活泼好动、好奇心强、求知欲旺、视野广泛，对信息技术充满兴趣，大部分学生都能熟练使用浏览器浏览网页，他们对上网和网页有着极大的兴趣。所以在本课题中教师利用学生的这种心理设计了一个趣味导入，从趣味引入学生感兴趣的网页，使学生在课堂中保持着较高的学习积极性

13、。 【教学内容分析】 本节课是新授课且是第二单元网站设计与制作的第一节课，教师将这节课的重心放在了“启下”上，目的是激发学生的学习兴趣和他们的求知欲，为顺利开展以后的教学活动打好基础、做好铺垫。本节课的教学内容有两个方面，一是初识HTML语言，二是初识FrontPage2000的窗口组成。教师设计的重点并不是让学生充分理解HTML语言的结构，而是通过HTML语言能够有效地引出制作网页的软件FrontPage2000，继而使学生能顺其自然产生使用FrontPage2000制作网页的兴趣。 教学内容的整合：课本上将初识HTML语言和FrontPage2000的窗口组成分在了两个活动中，考虑到信息技

14、术课一星期一个班只有一节课，如果第一节课只讲HTML语言，不涉及制作网页的软件FrontPage2000，会令学生感到枯燥，同时这种枯燥感很可能会维持一个星期直到下节课，这样学生对制作网页的兴趣就远不如将两个教学内容结合起来的高，也不利于今后的教学活动开展。所以教师将本节课的重心放在让学生理解HTML语言与FrontPage2000之间的联系上。 三、教学目标 【知识与技能】 （）了解网页与网站的有关知识； （）了解HTML标识性语言的功能及结构； （）认识构成网页的基本元素； （）了解常用的制作网页的软件； （）了解网站策划与定位的重要性，掌握网站的规划流程； （）了解网站设计软件Front

15、Page2000的窗口组成； （）学会设计有意义的网站主题，收集网站相关资料，画出网站的结构图。 【过程与方法】 （）趣味导入新课的内容，极大地发挥学生主体、教师主导的作用； （）适时引导学生产生新的问题，再通过教师的讲解与演示、对比和学生的自主学习来解决问题。 【情感态度与价值观】 （）强烈的求知欲激发学生的学习兴趣和学习积极性； （）了解信息技术的前沿知识后，学生会对信息技术课保持新鲜感和兴趣感； （）学生在不断实现自己主体地位的同时，也获得了新知识，更从中体会到了学习的快乐。 四、教学重点和难点 重点： 1、认识构成网页内容的基本元素，理解网页布局的特点； 2、了解HTML标识性语言的功

16、能及结构； 3、学会启动FrontPage2000，了解网站设计软件FrontPage2000的窗口组成，理解各组成部分的功能； 4、网站主题的确立，规划网站结构图，学会创建新站点的基本方法。 难点： 1、理解HTML标识性语言的结构及应用HTML语言编写简单网页； 2、网站如何定位； 3、如何收集网站的相关信息； 4、在导航视图模式下建立网站结构。 五、教学准备 搜集常用的网页制作软件的相关信息； 打开多媒体电脑教室的教师机和学生机，保证电脑教室的广播系统工作正常； 共享班级文件夹； 示例的班级网站及网页。 六、教学模式选择 “学生主体，教师主导”的教学模式。 七、教学过程 1.情境引入：

17、向学生展示一组优秀网站、网页，激发学生创作自己个人网站的兴趣和欲望。学生在观看，欣赏网站时，受到激励产生想制作一个网页的冲动。在师生欣赏网页作品时复习回顾已学并已淡忘的基础知识。问题：网页的构成元素及布局？教师分析案例，与学生共同回顾文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等相关知识。让学生在案例中回顾基础，激发灵感。并引入本节主题，自己动手制作网页。 2.展示模板： 教师向学生展示本节课要完成的网页。要求学生会模仿制作出该网页模板，并能够自己创作出新的网页模板。 3.本节任务： 1）网页与网站有什么区别？ 2）一个网页由哪些元素组成？对照给出的网页分析网页的组成元素标题

18、图片，标题栏，水平线，滚动字幕，图片，文字及背景等等。 3)用Photoshop 处理素材，达到给出网页中图片标题，并设计出突出自己主题的网站标题。 拓展：用photoshop软件，画图软件，或flash软件设计自己需要的网页图片。 4）要求学生会模仿制作出该网页模板，并能够根据自己确立的主题制作一个网页模板。 学生自主完成模板仿制，并自主探究设计一个复合自己设计主题的网页模板。小组内成员可相互交流，教师巡视，随时解决学生在学习过程中遇到的问题，并注意收集有共性的问题，并适时给以学生以点拨。尤其关注一下学困生。 5）小组选出最佳模板，探究完善此模板，然后以此模板设计网页。 4.评价展示： 作品

19、完成，提交给教师机，自我评价，小组互评，选出小组最佳作品提交展示，师生共同赏析评价，挖掘作品优点，并指出改进之处。培养大家的审美能力，并挖掘大家的创新能力。 5.课堂小结 师生共同回顾这节课的基础知识与基本技能，并加强网络道德意识，注意版权。 八、教学反思 在信息技术教学中，必须以新的教学理念和教学理论为指导，根据新的课程标准，探索适合信息技术课堂教学的教与学的新策略和新模式来挖掘学生潜能，提高学生素质。 以前我总认为信息技术课就是教会学生如何操作，课堂中总是采用“教师讲，学生听”的传统模式，是“学”跟着“教”走，只要“我说你做”就可以了。现在我尝试着做一些改进，在本课题中围绕“学生主体、教师

20、主导”的设计理念去设计每个教学环节，积极体现学生的主体作用，努力提高学生的学习效果。 实践证明我的想法是好的，但是在实践中难免有疏忽和做的不够细的地方。比如：由于我的观察不全面，忽略了个别学生学习中的心理障碍，有些学生的畏难情绪影响到他的整个学习效果；课堂学习气氛热烈但不够和谐。这些都说明了一个问题：我仅仅注重了学生整体主体的体现，而忽略了个体。经过思考，我认为在这节课的教学设计中可以多增加个体展示的机会，特别是那些学习有困难的学生，我应该多关注他们的动态，多帮助他们。 本课的教学目标是掌握使用FrontPage制作网页的基本方法；重点是掌握在网页中插入文字和图片的方法；难点在于插入表格规划网

21、页的结构。 备课时，发现教材以一个标题，一张图片以及一篇文章的简单结构示例，如果完全依照教材进行授课，势必无法突破难点。于是设计了一个将学生前期制作的环保报刊，利用FrontPage软件制成网页的环节来帮助学生突破难点。并取学生环保报刊中具典型结构的五份。制作出引导学生分析结构，规划框架的演示片备用。 课堂以自主探究的模式展开，同学们在以往的学习中已掌握了在Word中插入表格、图片等方法，在FrontPage中他们很顺利地完成了教材呈现的目标。基本掌握了单张网页的制作方法。 接下来就是突破难点的训练。面对演示片呈现出的任务及教材相关提示。此时，问题集中到如何插入一个布局表格来实现规划好的结构。

22、而教材上完全没有提示学生探究FrontPage “表格”与Word “表格” 功能的异同。少数同学开始试着插入适合自己网页结构的框架表格，而大部分的同学则完全没有考虑结构问题，做起直接的搬移，将FrontPage当成Word来用。直到出现无法将图片，文字放置到设想位置时，才意识到教材中“FrontPage通常用表格来安排网页中各种内容（文章、图形等）的版面位置。”这问话的含义是否明确。急着寻求解决的办法。我便让哪些意识到要先插入适当结构框架表的学生来说说他们的想法。并及时出示与学生思维一致的演示片，将探究FrontPage “表格”功能的提示呈现给他们。同时利用极域教室的功能，向全体同学展示同

23、伴的探究结果，让学生不同的思绪方式及智慧产生碰撞，相互启示，顺利突破教学难点。 推荐第3篇：网页制作的教学设计 网页制作的教学设计 一、教学目标 1、知道站点、主页的概念，能在指定位置建立只有一个网页的站点； 2、认识 FRONTPAGE 的界面； 3、掌握在主页中插入文字、图片、水平线； 4、掌握页面文件与图片的保存。 二、教学重点 1、能在指定位置建立只有一个网页的站点（难点） 2、能在页面中插入文字、图片、水平线 3、掌握页面文件与图片的保存（难点） 三、学情分析 学生已经学习了 WORD、POWERPOINT 与上网浏览信息，对计算机的基本操作（ WORD 中文档的编辑，网页的浏览等）

24、比较熟练。这使得学生主动探索、自主学习成为可能。每位学生必须完成基本任务，有能力的学生还可以完成提高篇的学习，以充分发挥学生的积极性与自主性。 四、教学方法 在教学中，一方面采用比较教学的方法，促进学生知识的迁移；另一方面，提供学生一个导学课件，让学生根据这个网络环境下的课件自己探索学习，以满足不同层次学生的需求。 五、教学过程设计 教师活动： 1、引入课题：（激发兴趣，活跃气氛） 同学们喜不喜欢上网？经常上新浪、西祠胡同等，有没有同学知道新浪、西祠胡同称做什么？（网站） 浏览新浪网站，浏览的第一个页面称为什么？（主页） 我们还可以浏览其它的页面，点击超链接浏览，当鼠标变成手指的形状时有超链接

25、。 问题 1 ：网站是不是就是网页？用自己的语言描述一下网站的概念（网站包含多个网页，通过超链接把不同的页面链接起来） 问题 2 ：网页是不是就是主页？ ( 第一个页面称为主页 , 网站设计者可以确定哪一个是主页 , 主页的文件名一般为： index.htm, 主页也是网页 ) 设计网站一般必须经过两个步骤，首先是在计算机里做好，然后发布在 internet 上，让所有的人访问浏览。 今天我们学习用 Frontpage 建立站点，制作一个主页。 先来研究一下没有发布的网站 , 打开教师做的网站 问：同学们看到了什么？（文件夹） 总结： 可以这样理解网站：在资源管理器里，网站表现为一个文件夹，里

26、面存放的是所有与网站相关的文件。 打开主页，浏览页面，这是老师做的一个导学课件，将帮助大家完成学习任务。 请学生浏览教师课件，了解学习任务 2、新建站点 FP 的启动 问：与 word 比较，有什么不同？ （增加了视图区，编辑区有三个窗口） 总结： 视图区：多种视图模式是为了方便网站的管理。制作网页时，必须在网页视图中编辑页面 普通窗口：鼠标在闪动，可编辑、修改页面，所见即所得的方式 预览窗口：浏览器中出现的效果，与 PowerPoint 中的 “ 放映幻灯片 ” 类似。 Html 窗口：编写 HTML （超文本标记语言，它是描述网页内容和外观的标准。） 打开导学软件，根据步骤，示范建立只有一

27、个网页的站点，强调新站点的位置、路径的正确输入，站点的名称。 （教会学生利用导学课件，根据导学软件完成任务） 任务 1 ：学生根据导学课件，在 d: 建立自己站点 教师巡视指导 请一位学生示范如何建立站点 , 教师总结 问：在文件夹列表中看到了什么？ 分析多出的文件夹列表栏，多了一个文件夹，里面有两个子文件夹和主页，图片存放在 images 文件夹中） 3、编辑主页与保存主页 看效果图，请学生分析主页中的元素 总结：鲜明的主题，如：我的世界、我的宠物等，有分割页面的水平线，与主题相关的图片，对网站的简单介绍 根据导学软件，学生完成任务 2 ：设计主页、保存主页与图片 教师巡视指导 4、总结反馈

28、 请学生示范，讲解如何插入图片（来自剪贴画与来自文件）、插入水平线，如何保存 总结：必须切换到 “ 普通 ” 窗口下编辑 主页的保存中存在问题： 单击 “ 文件 ”-“ 保存 ” 或工具栏的 “ 保存 ” 按扭，弹出一个对话框，保存嵌入式文件，改变文件夹，图片必须保存在本站点 images 文件夹中 , 便于站点的管理。 5、请学生继续完成自己的主页，有能力的同学完成提高篇 教师巡视指导 6、教师与学生共同评价总结 展示学生作品，教师与学生共同评价 请学生总结今天的学习内容：建立包含一个页面的站点，主页的设计与保存。 学生活动：学生回答问题、学观察鼠标指针、学生回答问题、学生观察网站的表现形式

29、、齐声回答、学生浏览课件，并了解本节课的学习任务、学生观察 FP 界面与 word 的不同、学生回答、学生观察教师演示不同编辑窗口的区别。学生上机操作，在指定位置建立自己站点、请先做好的学生当小老师，辅导其它学生。学生回答、学生操作，同桌互相帮助，并参考教师做的课件，利用网络环境下的课件自己探索学习，满足不同层次学生的需求、学生总结 注：课件中包含每一个操作过程的操作步骤及拓展的知识、基本任务与提高任务的效果图。 点评： 教学课题 “ 网页制作 ” 作为初中阶段的最后一部分内容，难度较大，教学的深度较难掌握。这就要教师在备教材的基础上，同时还要备学生，做到对学生的情况有较为深刻地了解，以便很好

30、地完成教学任务，达到预期的教学效果。根据教材和中小学信息技术课程指导纲要（试行）中的精神，本课应以 “ 任务驱动 ” 的方式完成，一方面教会学生了解和熟悉具体软件的基本功能，另一方面又能主动地掌握并深入学习思考。寻着这个思路授课教师在课前作了大量的课前准备制作出了相应的教学课件 “ 网页制作 ” 。 一、调动学生的学习热情，变被动学习为主动学习 整个教学过 程张云 老师采取了 “ 引导加任务驱动 ” 的模式进行。首先教师进行导入，导入概念，强调概念；再引导学生学习课件的使用，引导他们读懂课件中的第一个任务：建立一个只有一页的网站，（此处若能引导学生，由学生来完成，减少老师的操作，效果会更好），

31、然后让学生模仿第一步的操作进行下面内容的学习，完成导学材料中给出的一个个任务。 二、突出重点，及时点评 张云 老师在引导学生进行学习、操作后，就主动地去观察和发现学生中出现的问题，甚至于课前对可能出现的问题，也进行有预见性地准备；发现问题及时点评。（点评分为个别点评和全班点评，点评不等于教师将操作过程演示一遍。 张云 老师在点评建成的网站时，重点若再突出些，介绍再清楚些，效果会更好。比如：站点中内容说明不够清楚等。） 三、发挥学生的协作学习精神 张云 老师在教学过程中，对有困难的学生进行个别辅导，同时还需发挥学生的协作学习的精神，充分调动学生学习的积极性，让学有余力的学生充当 “ 小老师 ”

32、，从而体会到学习的乐趣。（整个教学过程中，这点做地不够，没有充分地让师生互动起来） 四、重点突出、目标明确 最后， 张 老师在整个教学过程中，应再突出教学重点，明确本节课的任务。（课前的导入，最好给出教学目标，课后的小结应让学生总结他本堂课学习到哪些知识，所以感觉这节课重点不突出，内容分散。） 五、教学效果较好 由 于张云 老师在课前对本课作了大量的准备工作，课件制作效果较好，所以学生完成情况很好，教学任务完成情况较好。 推荐第4篇：“网页的制作”教学设计 网页的制作教学设计 山东省昌乐二中 滕学梅 【学情分析】 1.在学习网页制作之前，学生进行了网站的规划与设计，还没有就网页制作真正着手练习

33、，对Frontpage的使用比较陌生，但是已经有word等软件的操作基础，很多基本的操作可以迁移过来。并且，通过高一的学习与养成，学习小组的整体意识已经建立，组内合作、组间竞争的氛围已经形成，所以可以采用先进行自主练习，然后合作探究，通过各组推荐的作品展示进行评价，在展示的同时也提高了学生的技术水平。 2.学生操作基础不同，接受能力不同，可以充分发挥各小组“技术顾问”的作用，帮助指导组内其他成员，共同完成学习任务。【学习目标】 1.熟练掌握网页制作和美化的基本操作，提高操作和审美能力；2.大胆动手，积极实践，总结用网页表达主题的技巧和方法； 3.积极、热情地投入学习，体验网页制作的快乐。 【重

34、点难点】 1.重点：利用表格对网页进行布局；网页中的图文设置及超链接的使用。 2.难点：网页间超链接的建立。 【教学过程】 课前准备：提前做好小组座次安排，由学科班长组织大家按组入座。 一、展示导入，明确学习目标（3分钟） 1.展示精彩网页（如北京大学、清华大学网站首页），引导学生简单分析网页风格。2.明确本节课学习目标与主要任务。 二、指导与点拨（3分钟） 1.分析北京大学网站首页，观察其网页布局（如图），引导学生尝试使用表格对网页进行版面设计。2.对网页制作所用的基本操作进行点拨： （1）文字、图片的添加与调整 （2）网页背景的设置 （3）超链接的建立 三、基本功练习（10分钟） 1.任务

35、：快速“克隆”示例网页。（素材发到桌面“基本功练习”文件夹中） 与word中的操作类似，注意迁移 2.要求：（1）先独立练习（参考导学案的“操作导航”）；尝试一遍后可与组内同学小声交流，解决疑难问题； （2）每组的“技术顾问”完成任务后可下座指导； （3）完成后相互检查超链接的效果。 四、制作主题网页（15分钟） 1.任务：从桌面“主题网页”文件夹给出的四个主题中选择一个，快速完成主题网页的制作； 2.具体要求参看导学案“实践探究”部分；可两人合作，有能力者最好独立完成； 五、作品推选、上传：每组推选一个作品参加组间评选，并将作品文件夹传至FTP。 六、精彩展示（10分钟）各组派一代表向全班展

36、示自己的作品，并简介操作要点。展示前，引导全体学生积极思考以下问题： 1.你从展示作品中学到了什么？有哪些可借鉴之处？ 2.你是否清楚各作品的效果是如何实现的？若有疑问，及时提出。3.能不能提出更好的修改建议？ 注：1.学生展示过程中，教师要引导大家规范操作，对于重点加以强调。 2.提醒学科班长记录参与展示和积极质疑、解答的同学，汇入评价。 七、完善提升：（5分钟） 1.借鉴所展示作品的优秀之处，进一步完善自己的作品；2.根据展示同学的演示，将新学到的操作尝试一遍。 八、总结： 1.网页制作要领：（1）灵活运用基本操作；（2）版面设计清晰、条理，或者有独特之处；（3）配色和谐，给人美感；（4）

37、超链接顺畅、自由，方便使用。 2.由学科班长公布本节课评价统计情况。 【教学反思】 1.在学生自主练习过程中，适时指导很重要，但教师一人肯定不能照顾全体学生，所以充分发挥学习小组的“技术顾问”的作用很关键。 2.在“制作主题网页”环节，给学生准备四个不同的主题素材是很有必要的，我们在进行教学设计时要考虑到学生个性、兴趣不同，并加以利用，促进教学。 3.对进行展示的同学要进行简单培训（或者对各组长进行培训，由组长传达到展示者），防止展示时只宣讲他们网页中的内容，而忽略技术，浪费宝贵的时间。4.课堂即时评价很重要。学生初次接触一个软件，要经常收获一点成就感才有进一步探索的欲望，这就需要我们教师注意

38、发现、及时鼓励。学科班长记录好大家的课堂参与情况，下课前公布，这项工作若坚持下来，对我们的教学会有很大促进。 推荐第5篇：网页制作软件 教学设计 网页制作软件 一、教材分析 本课是FRONTPAGE中一节基础内容课，也是FRONTPAGE以后知识学习的铺垫。本节课以制作一个简单网页为教学任务，学习目的明确，步骤清楚，希望完成任务而初步掌握简单制作步骤的指导思想。同时对学生网页的创作能力、网页布局和色彩搭配能力进行激发与培养。并为其以后进一步学习网页制作而打下良好的基础。本节课的重点是网页常用编辑器以及网页设计布局，难点是网页的设计及布局。教师重点在导，学生重点在实践与创新。为了合理利用上课时间

39、，将用已有部分拓展知识和演示范例利用网络下传至学生机，以利于学生上课的实践与创新。 二、学情分析 我校的大部分学生在小学就接受过系统的信息技术课程学习，具备了一定的计算机操作能力，加上初 一、初二也学完了word execl powerpoint的知识，应该说学生都具备了一定的基础。但也有部分学生基础没有打好，但基本的操作应该没有多大问题。因此，在教学过程中关于frontpage的打开与保存，这里我让学生自己去学习，教师只给予必要的提示。而关于HTML 和讲授网页布局的过程时，有必要要教师先演示一下，这也是本节课的重难点。 三、教学目标分析： 1、知识目标： 通过本节的教学，学生将了解常用的网

40、页制作软件，掌握frontpage的操作界面，并能亲自尝试做出简单的网页作品。 2、过程与方法 学生将通过教师的引导，学会通过自主的研究探索，主动获取知识，并运用知识解决问题，逐步地培养自己的创新精神和实践能力。这对于学生以后的进一步学习很有帮助。具体过程：课题引入-教师提示-学生上机自主学习-问题反馈-教师演示-学生完成作品-优秀作品点评-教师小结-巩固练习-课后探究、实践。 3、情感、态度与价值观 活动教学激发学生学习frontpage的兴趣。 培养他们自主学习、互相协作的良好学习习惯以及自主创新精神。 4、重点、难点 重点：了解常用的网页制作软件，掌握frontpage的操作界面。 难点

41、：网页的合理布局和色彩搭配。 四、教法阐述 为了实现以上教学目标，结合教材特点，本课采用的主要教学方法有“任务驱动法”、“创设情境法”等。通过学生已经受过的美术教育和信息技术教育（课程整合），创设一个Inter网页在线的情境（创设情境法），设置一个个任务，让学生运用已学知识，自己动手，有机完成课堂设计的各种操作（任务驱动法）（包括：了解常用软件的概况，利用word对frontpage的操作界面熟练掌握，完成自己的第一个网页设计。）以任务驱动的方式查漏补缺，使教学内容合理流动，水到渠成。教学中，启发、诱导贯穿始终，充分调动学生的学习积极性，注意调节课堂教学气氛，使学生变被动学习为主动愉快的学习，

42、使课堂能在生动、有趣、高效中进行。 五、学法指导 本课教给学生的学法是“接受任务思考讨论合作操练”。 建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，巧妙设计，让学生带着一个个任务通过课堂讨论、相互合作、实际操作等方式，自我探索，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。 六、教学设计 1、收集资料，激发兴趣。 在这一环节中，教师利用课前准备好的前期省市获奖网页作品，并将之融合到课件中。教师结合初中学生特点和乡土教育，故利用屏幕广播播放我的家乡和思品斋，让学生共同欣赏，从而引导学生的创作欲望，激发其兴趣。 设计意图

43、：通过网页实例的导入，将课堂气氛调节得比较活跃，让学生更容易进入学习状态，为以下的学习做好铺垫。 2、初识网页制作软件。 在激发了学生学习兴趣后，教师趁势提出：你们也想制作这样的作品来表达自己的想法吗？顺势引出“三剑客”的概念，引导学生了解常见的html编辑器。 设计意图：通过学生感兴趣的问题设问，吸引学生的注意力，激发学生的学习兴趣。 3、层层攻关（任务驱动 逐步提高 分层教学） 欣赏过网页，教师就提出与学生共同制作简单的网页的想法。在授课中我安排了多次的动手制作活动，制作难度由浅入深，旨在通过学生自己动手动脑，形成自主探究进而创作的能力。 （1）第一关：基本任务：边学边做，牛刀小试 由于是初次制作，所以不易过难过复杂，所以选择了让学生自主进入frontpage的界面，因为有office前面知识做铺垫，学生进入操作界面并可以在较短的时间内熟悉基本的操作界面，又有助于形成学生内心的成就感，提高学生继续学习的积极性。后巡回辅导并观察哪些学生用的方法最快、最简便。 学生：自主学习、互相协作，也可以参考教师已下传上操作方法或正确样例。 设计意图：这是第一关任务，对于已有计算机操作基础的学生来说相对较简单。所以我这里给出提示与操作方法