第一篇：网页制作教学设计
《网页制作》教学设计
阜新市第十八中学
彭勇
一、教材依据
辽宁师范大学出版社 初中信息技术八年级上册，第二单元《网站设计与制作》，活动1“创建个人网站”以及活动2中的关于部分FrontPage2000的内容。
二、设计思想
【教学指导思想】
信息技术课是一门实践性很强、极富创造性、具有明显时代发展性特点的课程。而现代教育理论提倡以学生为中心，强调学生“学”的主动性，学生是信息加工的主体，教师的作用体现在组织、指导、帮助和促进学生的学习、充分发挥学生的主动性、积极性和创造性，从而使学生最有效地进行学习，达到最优的教学效果。 因此本课题遵循“教师主导，学生主体”的设计理念，让学生在教师的引导下，对所学的内容进行探索、分析、研究，在实践操作中培养学生科学的态度和价值观，同时培养学生的学习兴趣。
【教学对象分析】
.学生的知识能力
教学对象是八年级的学生，这一阶段的学生正处在抽象逻辑思维逐步形成的过程中，但形象思维仍是获取知识的重要思维方式。而本节课中涉及到的HTML语言有其枯燥难懂的一面，学生在理解上存在着一定的难度，所以教师在教学设计中希望能通过学生自己的双眼、双手以及思考来发现新知识，从而减轻他们对新知识的畏惧、降低理解的难度。
.学生心理特点分析
初中学生活泼好动、好奇心强、求知欲旺、视野广泛，对信息技术充满兴趣，大部分学生都能熟练使用浏览器浏览网页，他们对上网和网页有着极大的兴趣。所以在本课题中教师利用学生的这种心理设计了一个趣味导入，从趣味引入学生感兴趣的网页，使学生在课堂中保持着较高的学习积极性。
【教学内容分析】
本节课是新授课且是第二单元《网站设计与制作》的第一节课，教师将这节课的重心放在了“启下”上，目的是激发学生的学习兴趣和他们的求知欲，为顺利开展以后的教学活动打好基础、做好铺垫。本节课的教学内容有两个方面，一是初识HTML语言，二是初识FrontPage2000的窗口组成。教师设计的重点并不是让学生充分理解HTML语言的结构，而是通过HTML语言能够有效地引出制作网页的软件FrontPage2000，继而使学生能顺其自然产生使用FrontPage2000制作网页的兴趣。
教学内容的整合：课本上将初识HTML语言和FrontPage2000的窗口组成分在了两个活动中，考虑到信息技术课一星期一个班只有一节课，如果第一节课只讲HTML语言，不涉及制作网页的软件FrontPage2000，会令学生感到枯燥，同时这种枯燥感很可能会维持一个星期直到下节课，这样学生对制作网页的兴趣就远不如将两个教学内容结合起来的高，也不利于今后的教学活动开展。所以教师将本节课的重心放在让学生理解HTML语言与FrontPage2000之间的联系上。
三、教学目标
【知识与技能】
（１）了解网页与网站的有关知识；
（２）了解HTML标识性语言的功能及结构；
（３）认识构成网页的基本元素；
（４）了解常用的制作网页的软件； （５）了解网站策划与定位的重要性，掌握网站的规划流程；
（６）了解网站设计软件FrontPage2000的窗口组成；
（７）学会设计有意义的网站主题，收集网站相关资料，画出网站的结构图。 【过程与方法】
（１）趣味导入新课的内容，极大地发挥学生主体、教师主导的作用；
（２）适时引导学生产生新的问题，再通过教师的讲解与演示、对比和学生的自主学习来解决问题。
【情感态度与价值观】
（１）强烈的求知欲激发学生的学习兴趣和学习积极性；
（２）了解信息技术的前沿知识后，学生会对信息技术课保持新鲜感和兴趣感；
（３）学生在不断实现自己主体地位的同时，也获得了新知识，更从中体会到了学习的快乐。
四、教学重点和难点
重点：
1、认识构成网页内容的基本元素，理解网页布局的特点；
2、了解HTML标识性语言的功能及结构；
3、学会启动FrontPage2000，了解网站设计软件FrontPage2000的窗口组成，理解各组成部分的功能；
4、网站主题的确立，规划网站结构图，学会创建新站点的基本方法。
难点：
1、理解HTML标识性语言的结构及应用HTML语言编写简单网页；
2、网站如何定位；
3、如何收集网站的相关信息；
4、在导航视图模式下建立网站结构。
五、教学准备
①搜集常用的网页制作软件的相关信息；
②打开多媒体电脑教室的教师机和学生机，保证电脑教室的广播系统工作正常；
③共享班级文件夹；
④示例的班级网站及网页。
六、教学模式选择
“学生主体，教师主导”的教学模式。
七、教学过程
1.情境引入： 向学生展示一组优秀网站、网页，激发学生创作自己个人网站的兴趣和欲望。学生在观看，欣赏网站时，受到激励产生想制作一个网页的冲动。在师生欣赏网页作品时复习回顾已学并已淡忘的基础知识。问题：网页的构成元素及布局？教师分析案例，与学生共同回顾文字的插入、图片的插入和设置、动画的插入和设置、表格的相关操作等相关知识。让学生在案例中回顾基础，激发灵感。并引入本节主题，自己动手制作网页。
2.展示模板：
教师向学生展示本节课要完成的网页。要求学生会模仿制作出该网页模板，并能够自己创作出新的网页模板。
3.本节任务：
1）网页与网站有什么区别？
2）一个网页由哪些元素组成？对照给出的网页分析网页的组成元素—标题图片，标题栏，水平线，滚动字幕，图片，文字及背景等等。
3)用Photoshop 处理素材，达到给出网页中图片标题，并设计出突出自己主题的网站标题。 拓展：用photoshop软件，画图软件，或flash软件设计自己需要的网页图片。 4）要求学生会模仿制作出该网页模板，并能够根据自己确立的主题制作一个网页模板。 学生自主完成模板仿制，并自主探究设计一个复合自己设计主题的网页模板。小组内成员可相互交流，教师巡视，随时解决学生在学习过程中遇到的问题，并注意收集有共性的问题，并适时给以学生以点拨。尤其关注一下学困生。
5）小组选出最佳模板，探究完善此模板，然后以此模板设计网页。 4.评价展示：
作品完成，提交给教师机，自我评价，小组互评，选出小组最佳作品提交展示，师生共同赏析评价，挖掘作品优点，并指出改进之处。培养大家的审美能力，并挖掘大家的创新能力。
5.课堂小结
师生共同回顾这节课的基础知识与基本技能，并加强网络道德意识，注意版权。
八、教学反思
在信息技术教学中，必须以新的教学理念和教学理论为指导，根据新的课程标准，探索适合信息技术课堂教学的教与学的新策略和新模式来挖掘学生潜能，提高学生素质。
以前我总认为信息技术课就是教会学生如何操作，课堂中总是采用“教师讲，学生听”的传统模式，是“学”跟着“教”走，只要“我说你做”就可以了。现在我尝试着做一些改进，在本课题中围绕“学生主体、教师主导”的设计理念去设计每个教学环节，积极体现学生的主体作用，努力提高学生的学习效果。
实践证明我的想法是好的，但是在实践中难免有疏忽和做的不够细的地方。比如：由于我的观察不全面，忽略了个别学生学习中的心理障碍，有些学生的畏难情绪影响到他的整个学习效果；课堂学习气氛热烈但不够和谐。这些都说明了一个问题：我仅仅注重了学生整体主体的体现，而忽略了个体。经过思考，我认为在这节课的教学设计中可以多增加个体展示的机会，特别是那些学习有困难的学生，我应该多关注他们的动态，多帮助他们。
本课的教学目标是掌握使用FrontPage制作网页的基本方法；重点是掌握在网页中插入文字和图片的方法；难点在于插入表格规划网页的结构。
备课时，发现教材以一个标题，一张图片以及一篇文章的简单结构示例，如果完全依照教材进行授课，势必无法突破难点。于是设计了一个将学生前期制作的环保报刊，利用FrontPage软件制成网页的环节来帮助学生突破难点。并取学生环保报刊中具典型结构的五份。制作出引导学生分析结构，规划框架的演示片备用。
课堂以自主探究的模式展开，同学们在以往的学习中已掌握了在Word中插入表格、图片等方法，在FrontPage中他们很顺利地完成了教材呈现的目标。基本掌握了单张网页的制作方法。
接下来就是突破难点的训练。面对演示片呈现出的任务及教材相关提示。此时，问题集中到如何插入一个布局表格来实现规划好的结构。而教材上完全没有提示学生探究FrontPage “表格”与Word “表格” 功能的异同。少数同学开始试着插入适合自己网页结构的框架表格，而大部分的同学则完全没有考虑结构问题，做起直接的搬移，将FrontPage当成Word来用。直到出现无法将图片，文字放置到设想位置时，才意识到教材中“FrontPage通常用表格来安排网页中各种内容（文章、图形等）的版面位置。”这问话的含义是否明确。急着寻求解决的办法。我便让哪些意识到要先插入适当结构框架表的学生来说说他们的想法。并及时出示与学生思维一致的演示片，将探究FrontPage “表格”功能的提示呈现给他们。同时利用极域教室的功能，向全体同学展示同伴的探究结果，让学生不同的思绪方式及智慧产生碰撞，相互启示，顺利突破教学难点。
第二篇：网页制作软件 教学设计
网页制作软件
一、 教材分析
本课是FRONTPAGE中一节基础内容课，也是FRONTPAGE以后知识学习的铺垫。本节课以制作一个简单网页为教学任务，学习目的明确，步骤清楚，希望完成任务而初步掌握简单制作步骤的指导思想。同时对学生网页的创作能力、网页布局和色彩搭配能力进行激发与培养。并为其以后进一步学习网页制作而打下良好的基础。本节课的重点是网页常用编辑器以及网页设计布局，难点是网页的设计及布局。教师重点在导，学生重点在实践与创新。为了合理利用上课时间，将用已有部分拓展知识和演示范例利用网络下传至学生机，以利于学生上课的实践与创新。
二、 学情分析
我校的大部分学生在小学就接受过系统的信息技术课程学习，具备了一定的计算机操作能力，加上初
一、初二也学完了word execl powerpoint的知识，应该说学生都具备了一定的基础。但也有部分学生基础没有打好，但基本的操作应该没有多大问题。因此，在教学过程中关于frontpage的打开与保存，这里我让学生自己去学习，教师只给予必要的提示。而关于HTML 和讲授网页布局的过程时，有必要要教师先演示一下，这也是本节课的重难点。
三、教学目标分析：
1、知识目标：
通过本节的教学，学生将了解常用的网页制作软件，掌握frontpage的操作界面，并能亲自尝试做出简单的网页作品。
2、过程与方法
学生将通过教师的引导，学会通过自主的研究探索，主动获取知识，并运用知识解决问题，逐步地培养自己的创新精神和实践能力。这对于学生以后的进一步学习很有帮助。具体过程：课题引入-----教师提示------学生上机自主学习------问题反馈-----教师演示-----学生完成作品-----优秀作品点评-----教师小结-----巩固练习-----课后探究、实践。
3、情感、态度与价值观 ① 活动教学激发学生学习frontpage的兴趣。
② 培养他们自主学习、互相协作的良好学习习惯以及自主创新精神。
4、重点、难点
重点：了解常用的网页制作软件，掌握frontpage的操作界面。
难点：网页的合理布局和色彩搭配。
四、教法阐述
为了实现以上教学目标，结合教材特点，本课采用的主要教学方法有“任务驱动法”、“创设情境法”等。通过学生已经受过的美术教育和信息技术教育（课程整合），创设一个Inter网页在线的情境（创设情境法），设置一个个任务，让学生运用已学知识，自己动手，有机完成课堂设计的各种操作（任务驱动法）（包括：了解常用软件的概况，利用word对frontpage的操作界面熟练掌握，完成自己的第一个网页设计。）以任务驱动的方式查漏补缺，使教学内容合理流动，水到渠成。教学中，启发、诱导贯穿始终，充分调动学生的学习积极性，注意调节课堂教学气氛，使学生变被动学习为主动愉快的学习，使课堂能在生动、有趣、高效中进行。
五、学法指导
本课教给学生的学法是“接受任务——思考讨论——合作操练”。 建构主义学习理论强调以学生为中心，要求学生由知识的灌输对象转变为信息加工的主体。故此本课教学过程中，巧妙设计，让学生带着一个个任务通过课堂讨论、相互合作、实际操作等方式，自我探索，自主学习，使学生在完成任务的过程中不知不觉实现知识的传递、迁移和融合。
六、教学设计
1、收集资料，激发兴趣。
在这一环节中，教师利用课前准备好的前期省市获奖网页作品，并将之融合到课件中。教师结合初中学生特点和乡土教育，故利用屏幕广播播放《我的家乡》和《思品斋》，让学生共同欣赏，从而引导学生的创作欲望，激发其兴趣。
设计意图：通过网页实例的导入，将课堂气氛调节得比较活跃，让学生更容易进入学习状态，为以下的学习做好铺垫。
2、初识网页制作软件。 在激发了学生学习兴趣后，教师趁势提出：你们也想制作这样的作品来表达自己的想法吗？顺势引出“三剑客”的概念，引导学生了解常见的html编辑器。
设计意图：通过学生感兴趣的问题设问，吸引学生的注意力，激发学生的学习兴趣。
3、层层攻关（任务驱动 逐步提高 分层教学）
欣赏过网页，教师就提出与学生共同制作简单的网页的想法。在授课中我安排了多次的动手制作活动，制作难度由浅入深，旨在通过学生自己动手动脑，形成自主探究进而创作的能力。
（1）第一关：基本任务：边学边做，牛刀小试
由于是初次制作，所以不易过难过复杂，所以选择了让学生自主进入frontpage的界面，因为有office前面知识做铺垫，学生进入操作界面并可以在较短的时间内熟悉基本的操作界面，又有助于形成学生内心的成就感，提高学生继续学习的积极性。后巡回辅导并观察哪些学生用的方法最快、最简便。
学生：自主学习、互相协作，也可以参考教师已下传上操作方法或正确样例。 设计意图：这是第一关任务，对于已有计算机操作基础的学生来说相对较简单。所以我这里给出提示与操作方法后让学生自己去过这第一关。让学生学会操作，并尝试不同的操作方法来解决问题。 （2）第二关：进阶任务：由学到创，拓展提升
在学习完成第一个环节后，教师趁势提出html的概念，实例中字体、大小、颜色变化，引导学生观察普通、html、预览的不同，以及相关的操作方法。在此基础上，教师进一步设置了拓展问题，让学生设计自己的网页，并通过简单网页的制作体会html的具体含义。最后教师选择相关学生进行总结，教师注意点评。
学生：根据刚才学习的知识和教师提供的素材。先完成自己的作品并与同学进行交流和沟通。学生通过不断的实践，简单修改html的方法，并进行演示。
设计意图：这是第二关任务，其中html也是本节课的重难点，所以教师先用一种常用方法演示html的内容，而修改让学生自主学习完成。 同时让学生相互进行交流，有助于提高他们的学习积极性与成就感，又可以培养他们之间互相帮助学习的良好习惯。方法多样让学生学会用不同的操作方法来解决实际问题，但得让他们自己去实践，这有助于培养他们自主学习的良好习惯。 （3）第三关：挑战任务：展翅高飞，自由创作
在学习制作完第二个环节后，引导学生进入“网页达人”的环节，本环节主要讲解网页的布局等知识，由教师演示常见的网页布局格式，并简单的给学生进行点评和原理分析。在此基础上，引导学生结合自己的上网经历仔细对比异同，同时归纳适合个人网页的布局和颜色搭配方式。
设计意图：在第二关的基础上，对出现的问题，进行分析、演示。让学生在掌握操作技术的基础上对网页布局和颜色搭配有进一步的认识，在此基础上形成对学生审美观的培养。完成第三关操作任务即完成自己的作品。让学生能设计出有创意的作品，培养他们的创新精神。考虑到学生之间的差异，在这里只对背景和图片的接触和了解，让计算机基础好的一些学生能探索出新的知识操作。
4、评价作品 教师总结 评价作品
（1）学生互评：通过教师设置的共享文件夹了解其他学生作品，学生互相发表意见。
（2）学生自己推荐：认为自己作品好的学生可以举手向老师推荐。 （3）教师总结评价：教师对学生们评价出的优秀作品以及自己推荐的作品作评价并结合作品完成的时间前后评选出前5位优秀作品并进行表扬。
设计意图：培养学生评价他人作品的能力。互相欣赏作品可以让学生来检测自己的学习成果，知道彼此之间的差距。让学生有成就感，从而激发学生的学习积极性，进一步活跃了课堂气氛。
教师总结
教师结合学生作品和上课的具体情况总结本节课的主要内容，注意强调知识目标和情感态度价值观的总结。
5、知识竞答大比拼
教师演示准备好的一个知识竞答游戏，学生观看大屏幕，抢答题目。 设计意图：用游戏形式的巩固练习即让学生对本节课的知识学习得到反馈，进一步巩固所学知识，又可以活跃课堂气氛。
6、课后探究实践
教师给出提示，引导学生自主学习，充分挖掘他们的学习潜力
设计意图：让学生在课后有思考问题的空间，进一步激发他们学习frontpage的兴趣。培养他们自主学习计算机其他操作知识。
第三篇：网页制作教学设计与思考
[摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页制作”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。
[关键词]信息技术/网页制作/任务驱动
中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。
一、教材分析
我校目前使用的教材是江苏省中小学教学研究室编写的高一《信息技术》。网页制作是其中第五章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用;网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学;网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
教材中采用的网页制作软件是FrontPage2000。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在第三章，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。
二、设计思想
1、任务驱动
本单元的学习通过完成网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标 。
2、小组协作
制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。最后，各小组作品集中评比，选出优秀作品，上(转载自第一范文网http://，请保留此标记。)传到校园网上公布。
基于资源
要培养学生的信息能力，就必须为他们提供大量处理信息的机会。基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。
三、学习目标
本单元的认知、情感和动作技能三种目标分述如下：
认知目标
1、能简要陈述FrontPage2000主要功能，熟悉其操作界面
2、能用自己的话解释下列术语：HTML，URL，网页，主页，超链接
3、能主动获取、收集班级信息，并加以分类和整理
4、能客观评价网页的内容和风格，具备一定的审美能力
情感目标
1、具有集体荣誉感，愿意为班级的网页建设出谋划策
2、具有乐于助人、团结协作的精神
3、能尊重他人的劳动成果，有保护知识产权的意识
动作技能目标
1、能熟练地建立、打开、保存、浏览网页文件
2、能按照需要建立框架网页，设置各框架中的初始网页
3、能在网页中熟练地插入文字、图片、动画、水平线
4、能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐
5、能选择合适的网页背景图案和背景音乐
6、能根据实际需要使用不同的超链接，合理地组织网页
7、能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感
8、能够插入简单的表单，使网页具有初步的动态交互功能
四、学习资源设计
在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的建构和技能的提高。因此，学习资源的设计尤为重要。本单元需要的学习资源包括以下部分：
1、推荐给学生的网站地址链接，如门户网站、班级网站、搜索引擎、信息技术网站等
2、本单元学习的目标和任务，以及每课时的子目标和子任务
3、教师对班级网页栏目的划分建议，如同学档案、教师风采、学习园地、班级活动、休闲娱乐、班级留言板、酷站链接、站长信箱等等
4、根据每课时的学习目标制作的操作指导，包括操作界面的演示
5、网页设计所需的各种素材，如图片、动画、Midi音乐等等
6、拓展学习材料，如Photoshop、Flash、Asp、Access等技术资料
7、Frontpage2000的帮助系统和信息技术教材也是重要的学习资源
以上学习资源(第7项除外)都应公布在教学网站中，保证学生在需要时查找。学生也可以把自己找到的好素材上传到网上。
第四篇：“网页制作”教学设计与思考
[摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页制作”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。
[关键词]信息技术/网页制作/任务驱动
中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。
一、教材分析
我校目前使用的教材是江苏省中小学教学研究室编写的高一《信息技术》。网页制作是其中第五章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用;网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学;网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。
教材中采用的网页制作软件是FrontPage2000。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在第三章，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。
二、设计思想
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、能够插入简单的表单，使网页具有初步的动态交互功能
四、学习资源设计
在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的建构和技能的提高。因此，学习资源的设计尤为重要。本单元需要的学习资源包括以下部分：
1、推荐给学生的网站地址链接，如门户网站、班级网站、搜索引擎、信息技术网站等
2、本单元学习的目标和任务，以及每课时的子目标和子任务
3、教师对班级网页栏目的划分建议，如同学档案、教师风采、学习园地、班级活动、休闲娱乐、班级留言板、酷站链接、站长信箱等等
4、根据每课时的学习目标制作的操作指导，包括操作界面的演示
5、网页设计所需的各种素材，如图片、动画、Midi音乐等等
6、拓展学习材料，如Photoshop、Flash、Asp、Access等技术资料
7、Frontpage2000的帮助系统和信息技术教材也是重要的学习资源
以上学习资源(第7项除外)都应公布在教学网站中，保证学生在需要时查找。学生也可以把自己找到的好素材上传到网上。
五、教学过程
本单元的教学共需8课时，每节课教师都要求学生完成子任务。教学安排如下表：
课时
学习子任务
教师行为
学生行为
1 访问推荐网页
评价网页，确定标准
形成小组、讨论栏目，明确分工
推荐优秀网站
组织学生讨论网页内容和风格，分析网页框架和布局。
小结网页评价的标准
提出学习任务(班级网页制作)和原则(小组协作，网上讨论与学习)
提供网页栏目划分建议
(转载自第一范文网http://，请保留此标记。) 组织各小组讨论
浏览网页
仔细观察，区分优劣
了解评价网页的标准
明确任务及原则
选择小组，参与讨论，确定栏目及分工，推举组长
组长上报成员名单
课后收集整理信息
2 学会使用教学网站
熟悉Frontpage2000的操作界面，掌握网页文件的创建、打开、保存和关闭操作
输入文字信息并修饰
公布教学网站地址和访问方法，介绍网站栏目及功能，特别是个人空间的上传、下载方法
参与学生的网上讨论，回答学生提问，必要时进行集体讲解和演示
登陆教学网站，了解栏目功能，练习使用
创建网页文件，输入网页文字信息并保存
设置文本字体字号颜色，调整段落对齐方式和缩进格式
引用资料注明出处
在网页下方署名
3 学会插入图片、动画、水平线
设置背景和音乐
学习插入表格，并用表格实现页面布局
介绍素材库中各类素材
参与网上讨论、答疑
提醒学生网页上的图片和动画应少而精，以免影响浏览速度
介绍表格的嵌套
分析学生网页，用表格演示页面布局
选择合适的素材插入网页合适位置，
设置图片和动画的大小、对齐方式和边框
设置网页背景和音乐
在需要插入表格的网页中，设置表格、行、列及单元格的属性并进行编辑
用表格规划页面内容
4 学习框架网页的创建及保存，学会拆分和删除框架
小组合作，建立主页
建立页间链接，并学会通过预览功能测试链接
介绍框架网页的各种格式和创建、保存的方法
演示拆分、删除框架
参与网上讨论、答疑
分析学生操作错误原因，页间链接应使用相对路径
演示超级链接的建立、使用预览功能测试链接
小组讨论选择一种框架页面作为主页
设置框架属性，如框架名称、初始网页等
创建主页与其他页面间的超级链接，并用预览功能测试链接是否正确
学会使用相对路径
5 学会创建书签链接、邮件链接和图片链接
建立URL链接
初步学会创建图象的热区链接
对每个链接进行测试
分析一个主页，让学生找出不同的超级链接
讨论各种链接的应用场合，如页面内容较多则使用什么链接?酷站链接和站长信箱分别使用什么链接?学生回答
错误原因分析，URL链接使用绝对路径
选择内容较多的页面建立书签链接
在图片上练习图片链接和热区链接
为酷站链接和站长信箱建立正确的链接
加深URL地址的认识
对每个链接进行测试
6 学会插入滚动字幕
学会使用悬停按钮
学会插入站点计数器和横幅广告管理器
小组网页初步组合，上传到教学网站
逐个检查各小组网页的制作进展，并给出评估意见
参与网上讨论、答疑
讲解小组网页的组合方式，每个栏目一个文件夹，图片放一个文件夹，提示学生使用文件夹视图管理文件
在主页上插入滚动字幕，并设置其方向、速度、表现和对齐方式
在主页上插入计数器和横幅广告管理器
选择一个页面插入悬停按钮，并设置其颜色、效果和链接对象
设置网页的动态效果
小组网页组合上传
7 了解表单的交互性，学习表单的创建和设置
在表单中插入各种组件
设置表单的Email提交方法
各组网页定稿上传
介绍简单的留言板，论坛和聊天室，供学生选择
引导学有余力的学生学习ASP和数据库技术
参与网上讨论、答疑
创建留言板或其他形式的表单，如学习调查表等
在表单中插入文本框、按钮、单选按钮、复选框、列表框等组件
设置Email提交方法
小组网页定稿上传
8 各组网页演示、互评
网上投票推选优秀网页和网页制作高手
每位同学自评
由班内网页高手做班级网页管理员，负责提交、维护班级网页
组织小组网页互评
设计网上投票网页
设计网页设计评估表
为每个学生的作品打分
积极参加小组互评
投票推选优秀网页和网页制作高手
认真小结本人学习情况，并如实打分自评
六、教学评价
本单元的教学评价主要根据下面的网页作品评价量化表来进行，由学生自评和教师打分反映学生的学习状况。
评价指标
(分值) 具体指标
量化等级分值
自评
教师
优
良
中
差
网页内容
(40) 获得的信息准确且完整
5 4 3 2
信息的收集方法效率高
10 8 6 4
网页文字没有语法和拼写错误
10 8
6 4
能找到合适的网页素材并合理应用
10 8 6 4
引用他人作品，是否注明出处
5 4 3 2
技术处理
(35) 网页布局整齐、合理
10 8 6 4
网页色彩协调、风格鲜明
10 8 6 4
网页链接正确、快捷
10 8 6
具有较强的动态交互功能
5 4 3 2
【2011年七夕情人节祝福网页——带有你名字的个性祝福】
【推荐】下载第一范文网的快捷方式到桌面，以便下次使用。
下载本文
内容搜索范文推荐【工作总结】 班主任 教师 办公室 财务 销售 【工作计划】 班主任 学校 教学 德育 班级
【工作报告】述职 述廉 社会实践 实习 辞职 调查 【党团范文】入党申请书 入团 思想汇报 转正
【演 讲 稿】 技巧 竞聘 英语 节日 教师 爱岗敬业 上一篇：FOR/NEXT循环语句教学设计 下一篇：“做中学”科学教育理论在自然教学中的运用您可以将本页一键：
关于我们 | 收藏本站 | 友情连接 | 【欢迎投稿】 Copyright © 第一范文网 All Rights Reserved. 粤ICP备06060663号 | 贵宾统计
您可以访问第一范文网()查看更多与本文《“网页制作”教学设计与思考》相关的文章。
第五篇：《网页制作与设计》教学大纲
课程编号：
总学时数：36学时(其中讲授：20学时，实验：16学时)
一、课程性质、目的和要求
本课程是我系各专业必修专业课程之一。该课程以Dreamweaver和CSS为蓝本，全面介绍与网页设计制作有关的知识，向学生阐明Web基本工作机制，并使学生具有解决静态网页制作和设计等方面问题的能力。通过对WWW的基本概念、网页设计的基本原则、网页设计编程的基本技术与技巧的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解。
在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术，也是计算机专业学生的一门必修课，通过课程学习要求学生能够掌握静态网页的制作工具的使用以及HTML标记语言的运用，并基本掌握JavaScript脚本语言编程的常用方法与技巧。通过与前期课程的融会，运用掌握的Flash等其他制作工具软件，在具体的网页设计过程中要很好的将几者结合起来使用，从而能够生成功能强大、丰富多彩、生动活泼的高质量的网页。通过本门课程的学习，学生能够具备以下能力：网站建设、网络广告、多媒体课件、网络游戏、汇报材料，MTV等。同时培养学生以下素质：服务意识：能够为他人提供优质的服务;文明法制意识：网站内容应积极健康向上，不做违法的事;合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力;较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。
二、教学内容、要点和课时安排
第一章 Dreamweaver MX概述 1.Dreamweaver MX简介
2.Dreamweaver MX的工作界面介绍
3.窗口和面板
4.Dreamweaver MX的新特性
要求：熟悉Dreamweaver MX的操作界面，DreamweaverMX版本的最新特性，掌握如何自行设置具有独特的工作环境，对Dreamweaver MX的主界面认识透彻，便于以下课程的深度学习。
第二章 创建站点 1.站点的规划
2.创建本地站点 3.创建ASP站点 4.连接数据库
2学时
2学时 5.站点的管理与维护 6.发布站点 要求：了解站点的基本概念，熟悉掌握使用DreamweaverMX定义站点的方法，能根据自己的实际情况定义站点，定义ASP站点，掌握通过DreamweaverMX软件连接简单数据库的方法。
第三章 文本及其格式化 1.文本及其格式化概述 2.文本的输入 3.创建文本列表 4.CSS样式文件的创建
5.将文档中的样式导出为CSS样式文件 6.文本格式化综合实例
要求：学习如何插入文本、设置字体类型、大小、颜色和对齐属性，使用层叠样式表创建和应用自定义样式。通过学习掌握利用CSS样式格式文本，掌握导出和使用CSS样式文件的基本方法。
第四章 图像
2学时
2学时
1.常用图像文件格式 2.插入图像 3.设置图像的属性
要求：通过学习，学生必须完全掌握如何在DreamweaverMX软件中插入图像、修改图像的属性，利用外部图象处理软件编辑图像以及创建图像地图等方法。实现图像与文本的完美结合。
第五章 表格 1.概述
2.表格的基本操作 3.表格及其属性设置 4.表格排序
要求：掌握使用DreamweaverMX建立表格、设置表格以及使用表格对网页进行布局和美化。通过表格定位文本和图像在页面出现的位置。对表格的修改主要是添加内容、修改表格或单元格行/列属性，复制或者粘贴多个单元格等操作。
第六章 框架 1.创建框架
2.框架和框架页的基本操作
3.设置框架和框架页的属性、大小及背景色
2学时
2学时 4.框架及框架页综合实例
要求：掌握框架的创建、保存以及框架属性的设置，难点在于框架的链接设置，掌握框架结构的主要功能在于导航。注意框架和框架集的区别。
第七章 页面布局视图的使用
1.布局单元格和布局表格 2.绘制布局表格和布局单元格 3.布局表格和布局单元格的基本操作
4.设置布局宽度
要求：重点掌握如何创建布局表格和布局单元格，掌握布局视图的切换方法，掌握布局表格和布局单元格属性的设置和意义。
第八章 链接
3学时
3学时
1.链接、路径与锚
2.建立链接 3.建立特殊链接
要求：了解链接、路径与锚的使用条件、掌握链接的几种设置方法和他们的区别，学会使用特殊链接(书签、电子邮箱、网站URL),理解掌握链接目标的指定。
第九章 表单 1.表单概述 2.创建表单 3.表单对象 4.客户注册表单 5.网上调查表单
要求：掌握如何创建表单，以及如何在表单中添加表单对象，掌握常见的表单对象的功能和使用方法，理解表单处理的原理，能够完成基本的表单设计。
第十章 层
1.关于层
2.创建层
3.显示隐藏层实例
4.下列菜单实例 5.层综合应用实例
要求：让学生掌握层的概念和层的分类，掌握关于层的属性，掌握建立层的基本方法，掌握层的各种属
2学时
2学时 性的设置。
第十一章 行为
1.什么是行为
2.行为面板的用法
3.行为的基本操作
4.使用Dreamweaver自带的行为
5.行为应用实例
要求：重点掌握DreamweaverMX自带的行为的使用方法，掌握这些常用行为事件的设置，了解行为的意义以及行为面板的使用方法，能根据具体的行为设置对应的行为事件，能对所使用的行为事件进行修改。
第十二章 时间轴与动画
1.时间轴面板
2.使用时间轴创建动画
3.修改时间轴
4.创建录制路径动画 5.在时间轴中改变对象属性
6.在时间轴中使用行为
7.时间轴动画实例
要求：掌握如何使用时间轴创建时间线动画，重点掌握如何修改时间线及其对象的属性，添加和删除祯、修改动画的起始时间、修改动画路径的位置等。
第十三章 Dreamweaver MX程序设计
1.Dreamweaver MX程序设计基础 2.建立数据库连接 3.定义记录集
4.动态数据绑定 5.应用服务器行为
要求：掌握基本的术语和如何建立数据库连接，掌握如何建立记录集，以及记录集中数据的绑定，了解各类服务器行为的功能，重点掌握如何定义记录集和应用服务器行为，掌握WEB应用程序的构建。
第十四章 模板与库
1.什么是模板和库
2.创建模板
3.定义可编辑区域
2学时
2学时
2学时
2学时 4.应用模板建立网页 5.应用模板更新站点 6.库的使用
7.模板的创建与设置实例
要求：掌握模版和库的原理和优势，掌握掌握如何建立和使用模版，掌握库的使用和添加到库文件。 第十五章 代码片断
1.使用代码片断 2.代码片断的创建
3.代码片断的使用
4.代码片断的创建与使用综合实例
要求：理解代码片断的概念，掌握创建代码片断的方法，掌握如何使用代码片断。 第十六章 经典实例
1.个人网站 2.网站论坛
要求：了解页面的整体设计，掌握表格的高级应用技巧，了解交互网站的运行机制，掌握服务器行为的应用，学生通过锻炼，掌握创建网站的全部过程和机制，能够独立网站一个小型的全面的个人网站。
4学时
2学时
三、教学方法
要求：
1、结合DreamweaverMX软件使用的特点，以上机演示教学方法为主，辅之教学课件等方法进行教学。
2、结合本学科特点在教学过程中，使学生形成多动手、积极探究、勤于思考、学会学习等良好的学习习惯，培养学生搜集和整理素材的能力、理解实验能力、分析和解决程序设计中的问题的能力等。
四、成绩考核方法：
要求：
1、课后试验作业每周一次。
2、期末考试采取理论考试为主、大作业(完整的个人网站)为辅的形式。
3、平时成绩30%、期末成绩70%，期末考试(笔试70%，大作业30%)。
五、教材与主要参考书目
教材：
路甬祥：《DreamweaverMX职业技能培训教程》，电子科技大学出版社，2004年3月。 参考书：
5 位元文化：《CSS/HTML网页设计》，中国铁道铁道出版社，2002年2月。
刘洪武：《网页设计与制作(高职教材)》，大连理工大学出版社，2003年7月。 李卓玲：《java程序设计语言》，大连理工大学出版社，2003年8月。
执笔人： 审订人：