1、1 教材分析： “网页制作与发布”一章是教材中第四部分“信息的生成与发布”中的一个内容。这一部分学习内容的重点是：编辑属于自己的信息，发布具有自己特色的信息。主要涉及：文本信息的处理、信息素材的整理、对象的插入设置、网页效果的浏览及网页发布等相关方面的内容。这章是属于在综合运用以前所学知识的基础上进一步提高、学习。 网页制作入门这一节是本章的基础、入门课程。 2。学生分析： 学生通过前面各章节内容的学习，对文本、图形、图像、声音、动画等多媒体信息的处理技术有了一定的使用经验，掌握了一些信息的搜集、整理、加工等方面实际处理能力，特别是通过对 Internet 相关知识的介绍及大量网站的浏览，对网
2、页内容、结构、效果等设计的优劣都有了一定的感性认识，并且有了一定的分析、评判的能力，基本上完成了知识和能力的积累。 3。教学目标： 通过本章的教学，使学生获取、分析、处理、发布、应用等信息处理能力得到提高。特别注意培养学生通过网络发布信息的能力，培养学生的创新、探索精神和分工合作意识。结合这个总的教学目标制定本节的教学目标： 教养性目标： 知识目标：（1）熟悉 Dreamweaver 的界面环境； （2）了解 Dreamweaver 菜单、属性面板、对象面板、快速启动面板中主要功能及用法； （3）掌握超级链接的概念。 能力目标：（1）掌握文本网页的制作技术，会设置字体、字号、颜色及超级链接，
3、（2）提高对信息的处理能力， （3）培养学生自主学习的能力。 思想方法：观察法、发现法、类比法。 教育性目标： 培养学生做文明礼貌、诚实可信的人；发扬团结协作的学习精神。 发展性目标： （1）培养学生学习信息处理技术的学习兴趣， （2）培养学生探索新知识、新技术的求知欲望， （3）激发学生的创新意识。 4。教学重点和难点：文本属性面板的使用。 二、教学过程： 1。教学任务的设计： 总任务：设计一个内容文明健康、图文并茂、效果丰富的网页，有条件的进行发布。 由于学生在基础知识、认知能力；个人的兴趣、爱好、性格、动机等方面存在个体差异，要求学生完成同一个任务、达到相同的学习效果，既不现实也不科学，
4、反而会大大挫伤学生学习的积极性。所以在学生学习本章的所有内容之前，先让学生了解这一章的教学目标和最终所要完成的总的任务、达到的要求。在学生明确自己所面临的学习任务之后，以此拟定自己要设计的网页的主题、结构、内容；搜集并准备相关素材，然后在每节课开始向学生介绍本节课应达到的的教学目标及所要完成的任务，学生去完成阶段性的工作任务。 2。教学模式：“自学指导”式教学模式。 其流程为： 创设情境提出任务 自主学习积极探索 帮助指导完成任务 展示作品交流评议 创设情景、提出任务：通过对典型的网页作品的展示与回顾，激发学生的学习兴趣和求知欲，明确提出本节课的教学目标和任务。 自主学习、积极探索：根据要完成
5、的本节课的任务，选择学习资源中相关的学习内容，进行自主学习。从简单的模仿开始，大胆进行探索实践，通过多种渠道寻求问题的解决。 帮助指导、完成任务：对自主学习、探索问题解决过程中出现的问题，教师及时利用多媒体计算机系统的各种功能进行帮助、指导；鼓励学生开展协作学习拓展思路，使不同程度的学生都能向目标迈进。 展示作品、交流评议：选择学生制作的具有代表性作2 品进行展示，由师生共同参与点评，对学生中体现出来的好的制作经验和体会，给予肯定；对不足的地方提出指导性的意见，使学生的阶段性的作品逐步趋于完善。 3。教学策略：自主学习、协作学习、教师指导相结合。 三、教学手段： 在多媒体信息技术教室进行教学，
6、通过多媒体教学系统的播放、监控、反馈、讨论、传输等功能完成教学任务。一、 说教材网页制作是普通高中课程标准实验教材必修模块网络技术应用的第 4 章网站实现的内容，该内容分为四个课时，我今天要说的是第二课时的内容。这是一节实践操作课，应以学生自己实践为主，老师只需指出注意的要点，让学生通过合作协调构思创新的方式完成整节课的内容1、教学目标：1） 、利用表格定位网页2） 、添加网页元素3） 、使用模板制作其他页面教学重点：利用表格定位网页教学难点：使用模板制作其他页面2、能力目标通过学生自主探究学习，培养学生的实践能力，观察能力及解决问题的能力，以及对知识的迁移能力。3、情感目标：通过本课的学习，
7、培养学生合作帮助、团结协作的良好品质，在合作实践过程中，培养学生大胆构思、自我创新的精神，培养学生的美感及创作后的成就感。二、 说教法根据学生已有的知识结构体系，我主要是采用提问的方式引出每个教学目标，中间穿插比较、观察的方式加深学生的印象，培养学生的观察能力。并以小组形式进行，每个小组记录整个制作过程的情感体验。三、 说教学过程由于学生在必修模块里已接触过网站的组建，对如何建立网站已有了一定的经验，而且学生也撑握了字处理软件如 WORD 工具的基本功能，学会了对文字图片及表格的基本处理。基于学生现有的知识技能，我决定让学生以小组形式组合成 5 个小组，由操作能力强的学生充当组长，带动其他成员
8、完成网页制作，一来培养他们合作互助的关系，二来培养学生之间、师生之间的感情。我在整节课里只扮演一个组织者和提示者的角色，一步步引导学生完成本课的目标，让学生充分发挥自主性，协助性，培养他们合作、创新的能力。对此，我设定了以下几个环节：环节一前面讲了网页的规划与设计，学生对将要建立的网站已有了一定的准备，如何让他们动手把他们构想中的网站有条理的组建起来。我会先提问学生都为他们的主页准备了哪些内容和素材（如文本、图片、动画、音频、视频）？你打算怎样安排它们的具体位置才能使网页更加合理美观，方便访问者访问？让学生带着问题思考。我接着在 frontpage 中打开学生常去的网站：腾讯 QQ 网站，让学
9、生观察并提问他们发现了什么，再逐一把表格中的各元素删除，使网页上只留下一个空表格结构，从而引出目标一：利用表格定位网页。紧接着让学生根据上节课设计好的版面，利用已学过的知识动手在网页中插入表格，调整表格的结构，使插入的表格结构与设计的版面尽量吻合，组长负责记录表格结构是否合理，并注明理由，使学生能合理的安排和组织表格结构，为以下的制作创造有利的条件。我会提醒学生要在编辑窗口和预窗口之间切换观察，使表格结构调整得更加合理。学生在调整表格中会遇到这么一个问题（或者由我设定出这个问题）：A1A2A3想调 A3 单元格的列宽度， A1 单元格保持不变，不管学生怎样调整总是会带动 A1 的改变，在学生急
10、切想知道答案时我及时引出了表格的嵌套，学生恍然大悟，印象加深。接下来我会叫学生回想下以前浏览过的网页有没有看到表格的框架，如何才能让表格不显示在我们的网页中呢，从而引出表格属性的设置，让学生通过表格属性的设置来设置表格的边框、颜色等。根据课堂情况而定，可以再让学生尝试单元格属性的设定，能力好的学生可进一步尝试网页属性的设置，并比较三种属性之间的不同范围。环节二网页的框架搭好了，就象若大的房子已经想好了该在哪个位置摆放哪些家具和电器，往下一步就是要把这些实物摆放在相应的位置上来，你们接下来工作是为你们的网页添加各种素材到相应的单元格中，从而引出目标二：添加网页元素。学生动手把事先准备好的各种网页
11、元素（如文本、图片、动画、音频、视频）添加到主页，也可使用教师机的共享资源库的素材。提醒学生在插入图片时应选择 jpg 或 gif 格式，有利于提高网页浏览速度，注意把握网页素材的比例，文字过多就会造成网页的吸引力减弱，图片过多就会使网站内容空洞、浏览速度下降。最后提问学生还能为网页添加哪些元素（水平线、超链接、背景音乐等）扩展学生知识，使能力强的学生可以进一步提高。环节三在轻松快乐的气氛中各小组已完成了早已酝酿已久的主页，并保存。学生体验到了成就感，兴趣高昂。我这时趁热打铁,提问学生，一个内容丰富的网站应该是由多个页面组成，才能更加完善你所表达的思想，接下来就是制作其他页面。这时我打开榕树下
12、这个网站的主页和其他子页面，让学生欣赏并观察这些页面的风格是否一致，学生认可后我提示学生，一个网站的风格一般是由主页和子页来共同体现，因此其他页面应和主页面的风格保持一致，那我们接下要做的其他页面的风格也应和主页风格保持一致。提问学生是否还是象做主页一样从头开始一个页面一个页面制作？还是有更方便的方法，减少重复相同的操作，结合 frontpage 模板功能引出目标三：使用模板制作其他页面。提示学生把风格一致的部分保留下来，删除其他部分，并当作模板保存下来，以供其他页面使用，以后准备制作网页时可从模板列表中选取并在此基础上进行编辑。要求学生为他们的网站制作模板。最后，各小组把做好的主页和模板上传
13、到 FTP 服务器，组长记录整个制作过程中的难点，心得体会，以备下次点评。我还可以根据课堂情况提示一些能力强的学生上网找些网页特效的代码插入网页，增加网页的吸引力，也使这些学生有更高的发展空间和互相学习的动力在整个过程中为了避免一些学生产生低落情绪无法跟随整个操作，我会及时表扬或鼓励他们，增强他们的自信心。这就是我全部的说课内容，仅大家参考，并请各位评委和老师指正。评委点评：从教师说课中看到，本课教学目标设计比较恰当，教学过程各环节安排有合理之处，比如运用删除 QQ 网站网页元素，使用留下的空表格引出利用表格定位网页，提醒学生注意把握网页素材合理使用，使用模板制作网页等。但是，作为说课，缺少对
14、学生学习状态的分析和对教学内容重难点的分析等重要的教学设计依据，也没有看到教师进行教学设计的理论支撑和起码的原由，缺少课后对本课教学的反思，缺少说课时向同行和评委所作的必要的媒体呈现。这些都令评委感到遗憾。莲山课件 原文地址：http:/ blog 制作网页首页教案设计与反思syzxyrd 发表于 2010-12-28 17:11:00 0推 荐制作网页首页教案设计与反思沈毅中学 袁荣东一、教学目标：1、知识与技能：（1） 、认识 FrontPage 软件窗口结构，并与 Word 窗口进行比较。（2） 、了解站点与主页的概念，理解站点的意义，学会建立、删除站点。（3） 、掌握新建简单网页的方法
15、，能够在网页中插入文字并进行排版，掌握图片、水平线的插入方法及属性的设置方法，能够灵活应用“网页属性”对话框来设置网页属性，如背景图、背景音乐等。（4） 、掌握保存网页的方法，了解网页保存与普遍文档保存的不同点。2、过程与方法：（1） 、通过对比，使学生掌握软件的使用方法，达到举一反三的功效。（2） 、通过学生动手设计网站的实践活动，使学生掌握对象属性的设置方法，为学生今后学习其他软件奠定基础。3、情感态度与价值观：（1） 、通过对比，使学生了解软件学习的一般方法及规律，提高学生学习信息技术的信心。（2） 、通过创建网站和设计首页，掌握对象属性的设置方法，初步体验成功的快乐。（3） 、通过创建
16、“动物人类的朋友”网站，使学生树立人与动物和谐相处，真爱、善待和保护动物的观念。二、教学重点难点：1、教学重点：（1） 、认识 FrontPage 窗口结构及主要菜单的功能。（2） 、掌握建立、删除网站的基本方法。（3） 、掌握简单网页设计的基本方法，如文字、图片以及水平线的插入与编辑等。（4） 、掌握设置网页属性的一般方法。2、教学难点：（1） 、站点的作用和存储路径。（2） 、网页的保存。三、教学过程：1、创设情境、导入新课（1） 、教师将配套光盘上“动物”网站展示给学生看，并分析网站的基本结构和主题。（2） 、师生共同讨论对比 FrontPage 与 Word 的异同，进入教学主题 创建
17、网站站点与制作首页设计。设计意图：通过讨论对比，自然过渡，激发兴趣，活跃气氛。2、任务驱动、自主学习（1） 、教师启动 FrontPage，介绍各窗口组成，并与 office 中的其他软件作比较，分析有什么异同。学生打开软件，并结合教材仔细观察。（2） 、由于我们的网站需要多个网页文件以及相关图片、声音文件等，所以网站建设初期就要做好管理准备，我们以站点的形式来管理网站内容的文件。出示任务一：建立一个站点。（3） 、教师指导学生对照书本进行学习，学生明确教师要求后，阅读教材，进行自主学习。学生操作期间教师巡视课堂，做个别辅导。针对学生普遍存在的问题，教师做详细讲解。（4） 、进一步提问：在文件
18、夹列表中看到了什么？引导学生分析一般首页的组成情况，提出制作要求。出示任务二；设计首页。学生可脱离教材中各对象的具体摆放要求，构思自己网站首页中各对象的布局，但必要的元素不得缺少。（5） 、出示任务三：编辑主页。教师提出编辑要求，引导学生设置相关对象的属性。学生示范，讲解如何设置文字、图片、水平线以及网页属性等。教师强调必须切换到普通模式窗口下编辑。（6） 、出示任务四：保存网页。教师边示范边讲解。学生认真听讲，按要求保存自己的网页。设计意图：在完成基本任务的前提下，鼓励学生创新，培养学生自主学习合作学习能力。3、课堂小结、师生评价（1） 、教师引导学生进行总结，针对本节课的重点知识进行提问，了解学生对相关知识的掌握。（2） 、学生相互欣赏作品，推荐优秀作品在全班进行展示，师生共同评价，教师对完成情况好的学生和帮助他人的学生给与表扬。设计意图：引导学生对所学的知识进行梳理，并及时了解学生对教学内容的掌握情况，鼓励学生互帮互助。四、教学反思：1、学生可以自定主题，根据主题确定网站内容。在教学中，教师可以要求学生设计的网页内容不同，但网页设计的基本要求要与教师的教学要求一致，保证教学内容落实到位。2、由于课堂时间有限，若用大量时间让学生收集资料，则无法完成任务。为了使学生能有更多时间学习网页设计，教师可以事先多准备一些各种类型的素材，以方便学生查找和使用
