网页设计教案锦集七篇。

教案课件既关系到教学步骤，也关系到教学的课程标准，不过教案课件里知识点要设计好。要知道一份优秀的教案课件应当与时俱进，还需包含各个知识点。有没有值得借鉴的优秀教案课件素材？小编经过搜集和处理，为你提供网页设计教案锦集七篇，更多相关内容请继续关注本网站。

网页设计教案【篇1】

[关键字]高职计算机专业 专业转型 教学改革

引言

近十余年时间里，我国的高等职业教育无论是在办学规模、招生数量和人才培养质量等方面均取得了一定的成绩，但是高等职业教育的发展现状与其应该扮演的角色之间还存在着很大的反差，重重困境，生源危机、毕业生就业错位、缺乏吸引力等问题成为制约高等职业教育发展的瓶颈。在贯彻落实教育部《关于推进高等职业教育改革创新，引领职业教育科学发展的若干意见》（教职成[2011]12号）等有关政策文件精神的基础上，针对高等职业教育的发展现状以及面临的困境，教育研究者和高等职业教育工作者研究了一系列改革方案，并在实施中取得了一定的效果，但还需要进一步探讨解决现实中诸多问题的思路。本研究将以高职计算机专业为例，深入探讨该专业的专业转型和教育教学改革的思路，为更有效地培养合格的专业技术人才提供参考。

一、形势与现状

近十几年我国计算机技术不断发展，技术应用迅速普及，高职计算机专业也针对性培养了大量的应用技术人才，极大地促进了现代信息社会的经济发展。为了适应当前的国家经济转型，社会人才市场上还需要大量计算机技能应用型人才。

1.现状

针对高职计算机专业的毕业生普遍存在就业难和就业的专业相关率低的问题，高职教育工作者也提出和实施了“产教结合”、“工学结合”、“做中读”、“半工半读”、“工读交替”等人才培养思路，但实施效果不理想，导致这门曾经是非常热门的专业现在变成红牌专业了。

2.原因分析

学校非常希望通过校企合作达到培养满足社会需求的合格技术型人才的目的，企业也希望通过这种合作创造更多的效益。所以学校和企业其实都希望有良好的校企合作。然而为什么企业却不愿意给毕业班的学生提供实习岗位，不愿意录用高职计算机专业毕业生，造成学生就业的专业相关率低的现象呢？原因主要是高职计算机专业教育教学方面出了问题，使学生的知识技能有些跟不上时代的发展，学生的主动学习热情也不高。

学生一般都是去中小型企业工作，中小型企业的特点是人数较少，而且为了提高效益和效率，普遍采用较时尚先进的相关岗位技术，因此经常要求员工一岗多能，并具有先进时尚的知识技能，而且不愿意花人力和时间从零开始培训实习生。而当前高职计算机专业学生掌握的技能跟不上时代要求，知识面较窄，达不到中小企业对岗位技术人才的要求。

因此现在只有及时进行高职计算机专业转型和教育教学改革，才能培养出满足企业需求的合格人才，提高学生就业率及就业的专业相关率。

二、计算机应用方向的市场调查

高职计算机专业是IT方向很老的专业，现在IT行业技术分类越来越细化，应用技术更新越来越快，计算机应用型人才应该具备的知识技术也应该快速跟上时代的步伐。

计算机专业一直希望顺应时代的发展，培养满足社会技术需求的人才，曾经着重进行计算机软硬件安装与维护方向、网站建设与维护方向、网页设计制作的方向、多媒体制作等方面的教学。计算机应用岗位需求量曾经非常巨大，高职学生的就业也曾经很好，但近年调查数据显示，这些技术方向相关的岗位已经有了大量成熟的岗位人才，岗位人才的需求量明显减少，同时大量本科计算机毕业生也在与高职计算机毕业生进行岗位竞争，本专业的高职毕业生从事专业相关岗位工作的人数比例低于30%。随着移动互联网的迅速普及应用，中小企业现在对移动互联网技术方面的岗位技术人才的需求直线上升。因此为了尽快提高学生的就业率和就业质量，高职计算机专业转型和教学改革刻不容缓。

三、高职计算机专业课程体系及教学改革

高职计算机专业的教师需要经常到相关企业一线挂职实习锻炼，及时感知行业技术新技术动向和企业相关岗位技术的需求，然后尽快将这些技术融入到教学内容中，同时改革教学方法，以便更好的培养满足企业岗位技术需求的人才。

当前IT行业的新技术动向为移动互联网、智能楼宇和物联网，高职计算机专业改革理应从这几个新技术中选择一个。对中小型企业人才需求的调查结果表明，目前人才需求最多的是移动互联网方向，而且该方向的课程可以高效利用已有的教学资源，资金投入相对较少，比较适合高职计算机专业当前的专业转型，而且移动互联网方向的移动应用开发技术（Android）和WEB前端技术和移动服务器技术等要求的编程较少或比较容易，高职计算机专业学生比较容易理解和掌握。所以高职计算机专业转型到移动互联网技术是现实可取的。

1.专业转型后的课程体系特点

高职计算机专业转型后，为了体现专业新技术特点，课程体系首先应该确定多门主要专业课程和专业基础课程，比如移动互联网概论、移动应用开发、WEB前端技术应用技术、移动服务器技术、移动互联网营销等课程和一些列专业基础课；第二，按企业需求动态开设专业选修课；第三，为开设的各门课程合理分配课时量，使学生更好的吸收和掌握这些知识技能。另外还要强调课程之间的互联性，课程中和性、完善性。

专业课程体系中，第一学期为了让新生初步具体感知专业方向，需要设置移动互联网概论课程，从第二学期到第四学期学习各门专业课和专业拓展课，第四学期课堂教学的最后两周可以开设专业综合实训，锻炼学生综合动手能力，尽量能使学生零距离上岗，更好地达到企业的人才需求。移动互联网概论课程内容很广，涵盖后面学习移动通用页面设计与制作、移动客户端应用软件开发、移动服务器端建站、移动产品网络营销、数据库等多门课程的案例分析及设计制作环境的介绍，为学生深入学习后面各门专业课程起到铺垫作用。专业综合实训是让学生运用学到的各门专业课程的实践技巧，综合设计和制作一个具体的移动互联网技术与应用相关的作品。

2.教育教学的改革措施

高职生主要来源是三校生和普高生，虽然他们都使用过移动互联网产品，但专业理论基础和技术基础却有很大差异，为了达到更好的教学效果，针对不同的生源应该采用不同的教学方法。三校生的专业课教学是突出知识技术水平在以前的基础上进一步提高，而普高生的专业课教学需要从课程的理论和技术基础开始，循序渐进，所以给他们上同一门课的老师，虽然课名和教材一样，但教学进度和内容不一定相同，需要制定不同的教案。

专业课程内容应该减少课程内容中过于理论的内容，增加新技术及其应用技能方向的实践内容。实验分为校内和校外。校内课程实验和实训应继续坚持校内的“产教结合”模式和案例教学，但是课程实验教学的方法还需要改革。传统的课堂教学模式是老师先讲理论，再做相关实验演示，然后学生被动模仿。现实工作中都要求员工具有主动学习思考的能力，所以培养学生主动学习的能力很重要。专业课程教学方法可以进行以下尝试。课程的早期实验可以先按传统教学模式进行，中期阶段随着学生知识的积累，可以指导学生先做实验，教师解释实验中理论依据，课程后期教师可以先指导学生自己做实验，让学生主动搜索查找相关的理论依据，以这种渐进的方式激发和培养学生学习的主动性。校外实训应该提高“工学结合”的有效性。“工学结合”要求作为校外实训基地的企业提供充足的专业相关性实习岗位，鼓励企业对实习生进行岗位培训，而不是把学生当廉价劳动力在企业做于专业不相关的简单打杂事务。另外还应该培养学生较宽的技能范围。中小型企业要求员工不仅具有应用时尚技术的能力，一职多能，所以还需要鼓励学生根据自己的职业规划学习更多的跨专业的选修课。

教师的专业培训和业务水平与教学质量有很大关系，与学生的就业也密切相关。因此学校应该尽量多的给教师提供针对性的培训机会，教师自己也应该有意识的自己更新拓展相关知识，到企业一线进行实际锻炼，学习掌握新技术，并将学到的新技术尽快融入教学中，及时传授给学生，使企业愿意接收高职计算机毕业生，真正达到为社会培养合格人才的目的，提高学生的就业率和就业专业相关性。

四、结语

我校新计算机专业课程体系已经建成，招收了专业新方向的新生。去年开始针对大二的学生中途进行该方向的课程教学实践，这些学生在今年顶岗实习的单位受到普遍欢迎，说明这个专业方向选择的正确性和教育教学改革的有效性。虽然专业改革取得了良好的效果，但是还需要与时具进，不断完善，争取更好地为社会培养合格人才。

[参考文献]

[1]董发勤，张广兵。应用型人才培养的多向参与机制[J].职教论坛，2012（3）.

[2]曹凤。高职高专院校的科研工作及对教学的促进作用[J].教育与职业，2010（7下）.

[3]教育部。关于全面提高高等职业教育教学质量的若干意见（教高[2006]16号）[Z].

[4]陈伟珍，邓岐杏。基于工作过程实施项目化教学的研究与实践[J].职业技术，2011，126（02）.

网页设计教案【篇2】

摘要在当前高校教育过程中，多媒体网页设计课程是十分重要的组成部分，同时也是网页设计专业的必修课程，对提高学生网页设计能力具有十分重要的帮助作用。在现代网页设计课程教学过程中，为能够课程教学效果得到提高，促进学生网页设计能力进一步发展，应当进行UI界面设计教学，从而对学生设计能力进行更好培养。本文就多媒体网页设计课程教学中的UI界面设计教学进行分析。

关键词网页设计；UI界面设计；教学分析

随着现代网络技术不断发展，社会上对网页设计人才也有着越来越大的需求，因此在高校教育过程中加强网页设计课程教学，对网页设计专业人才进行培养具有十分重要的作用及意义。就当前网页设计课程教学实际情况而言，UI界面设计教学已经成为十分重要的一项内容，可在很大程度上提高学生设计能力，促进网页设计教学进一步发展。作为网页设计课程教师，应当充分认识UI界面设计教学的重要性，并且要通过有效方法及策略加强UI界面设计教学，使其得到理想效果。

1网页设计课程中UI界面设计教学的重要性分析

首先，UI设计教学使网页设计实践中视觉传达设计理论的不适性得以有效解决。对于传统视觉设计理论而言，其研究对象主要为静止媒介中相关视觉现象及规律，其代表主要就是形式、色彩以及图形与文字等一些基础理论课程，其视觉对象大部分都属于二维空间，其基础为视觉感官刺激，是一种信息传递设计。相比于传统视觉传达设计而言，网页设计的承载媒介与其存在本质差异，与静止媒介相比较而言，网络媒介在形式上具备光影效果强化，同时还具备运动现象参与以及交互行为主导，在网页设计过程中以静止形态为基础的版式和视觉流程原理两者之间有严重不适情况出现，网页设计涉及到听觉、视觉及触觉等多种感觉渠道，因此在网页设计实践过程中单独利用传统视觉设计理论很难对其进行指导，而UI设计理念的应用能够使这一情况得以很好解决。其次，UI设计教学使网页设计方法及设计效果具有更加明确的验证方式。对于设计类课程而言，其核心内容就是通过对学生进行启发，使其对设计进行思考及实践，这样才能够使设计教育产生更加实际的价值。在UI设计理论体系中，其核心目标为用户，也就是对用户进行研究，从而对设计更好服务于用户进行研究，在学生将网站项目作为互联网产品实行设计训练情况下，课堂教学中的各个方面均将会更加明确，并且在实行设计实践过程中，也就能够在情感上对所选择设计方法合理性更加容易理解。在UI设计过程中提出信息架构有关理论，这一理论使网站信息结构设计具有更加可靠方法，并且在设计网站导航系统、标识系统以及检索系统与组织系统过程中，可使设计人员责任及实施方法更加明晰。另外，在UI设计中引入用户测试，在检验网页设计方案使用方面具有更加系统的方法，根据具有较强代表性的.客户对方案的最终可行性设计进行测试，也就是对其最终目标进行测试。第三，UI设计教学能够使网页设计课程更好应用于网页设计教学。对于UI设计理论教学而言，其对网页技术课程和网页技术课程两者之间界定进行明确，可使设计人员对设计更加专注地进行思考及实践，而不必对程序进行考虑，同时随着当前网页制作工具逐渐向集成化及人性化发展，在面对设计对象中，通过复杂功能可使设计过程更加简单化。在课堂实际教学过程中，应当使学生对当前网页制作技术能够达到的效果有所了解，并且要了解一些基础操作代码，这在实际教学过程中对不同层次学生分配不同任务十分有利，可使因材施教得以真正实现，并且对于课程中的主要任务，可将其定位于教学设计方法，可对设计任务的驱动性及设计实践参与进一步强调，可使学生了解设计并非仅仅为简单制作。①②

2当前网页设计课程中UI设计教学现状分析

就当前实际情况而言，UI设计课程仍属于前沿学科，由于当前UI设计专业就业形势比较良好，很多高校均开设UI设计专业课程，从而使UI设计课程教学得到良好发展。然而，当前我国UI设计产业仍不够完善，当前很多人对UI设计认识仍处于较浅层次，因而当前高校内UI设计教学仍缺乏完善系统，其具体体现主要表现在以下方面：第一，UI设计课程与网页设计课程结合程度比较低。对于UI设计课程而言，其中包含很多网页设计方面的相关知识点，然而很多高校在对UI设计课程进行设计时与其它课程之间出现脱节情况，其所导致结果就是学生无法对该课程知识较好地进行系统性学习。第二，UI设计课程设置缺乏实践性。对于UI设计课程而言，其实践性比较强，然而当前很多院校在实际教学过程中往往存在定位不清楚情况，其所造成结果及时学生未能够对相关专业知识进行较系统学习，导致其在今后社会就业过程中缺乏应有技能。第三，教师素质比较低。在UI设计教学过程中，教师素质会对其产生直接影响，然而在当前高校UI设计教学过程中，很多教师都缺乏专业素质，学历比较低，并且实践能力比较差，未能够较好把握课程教学，导致实际教学效果不理想。②③

3网页设计教学过程中UI设计教学的有效策略分析

3.1进一步完善课程教学大纲

在当前网页设计教学过程中，UI设计课程教学已经成为必须内容，其与其它课程之间具有十分密切的联系，所以在设置课程方面应当对课程教学大纲进一步进行完善。首先，应当对当前教学目标明确。对于UI界面设计课程教学目标而言，一方面是要求学生将各种相关网页设计实践操作方法掌握，并且对各种网页设计规范及标准熟知；另一方面而言，就是要使学生将网页设计相关流程掌握，对于用户设计理念应当准确领悟，并且应当对相关流程熟知。其次，对课时行合理分配。由于UI设计课程内容具有较强连贯性，该课程开始应当安排在二年级或者三年级开设，从而使学生能够将必要基础知识掌握，之所以对课时进行这样的设计，主要目的就是使学生先对相关系统理论知识进行一年时间学习，使其能够将相关基础理论知识掌握，在此基础上对该课程进行深入进一步学习。另外，还能够为学生今后就业划分提供能力进行学习，可使学生依据今后就业岗位对相关学习能力进行锻炼。第三，对设置课程原则明确。在对课程进行具体设置过程中，应当注意遵循相关原则，主要包括人性化原则、反馈原则以及灵活性原则，此外还包括安全性原则与易用性原则。

3.2明确培养人才方案

人才培养方案能够对教学活动进行指导，同时也是教学活动得以开展的依据，人才培养方案对具体教学内容及具体课程设置结构进行规定，在制定人才培养方面为不断进行变化的，人才培养的制定应当以深入社会调研为基础，同时应当与学生实际特点相结合。通过调查UI设计专业人员实际就业情况及社会对学生能力要求，其结果显示当前学生就业能力，尤其学生实践能力仍有一定缺陷。因此，在当前实际教学过程中应当对人才培养方案进行积极探讨，从而将明确人才培养方案制定出来，以便能够对人才培养方向进行合理定位。对于UI设计课程而言，其是以地区产业升级需求为基础，为社会培养实用型高素质人才的一门课程，所以其课程定位应当为确定一体化项目课程。所以，通过进行课程学习，所培养的学生应当具备的技能主要包括以下方面：其一，应当具备牢固理论基础。对于UI界面设计而言，其理论性比较强，若缺乏牢固理论基础，则在今后结业过程中学生也就无法对相关知识点进行熟练运用，所以学生对该课程进行学习的前提就是应当将相关理论知识掌握。其二，应当具备较强的实践操作能力。学生在毕业之后都是要直接进入就业岗位的，所以学生必须要具备较强就业实践能力。其三，应当具备较高综合素质。随着当前社会就业压力越来越大，人才竞争也越来越激烈，学生为能够使自身竞争力得以有效提高，必须要具备良好人文素质及职业道德，同时还应当具备较高的思想政治素质。

3.3积极创新课堂教学手段

首先，应当积极丰富课堂教学方法，进一步激发学生学习热情。传统灌输式教学模式会对学生学习热情及创新思维产生抑制，所以，教师应当改变传统单一教学方法。在实际教学过程中，教师可选择多种方法相结合的教学方式，可使学生通过课堂融入社会，然后再回归课堂，并且可在课堂对自身所设计优秀作品进行展示，使学生在多样化训练过程中能够积极参与。其次，在课堂教学过程中可引入设计竞赛，从而使学生社会实践能力得以增强。在提高学生实践能力方面，设计竞赛属于十分重要的一种途径，所以在UI设计教学过程中可适当引入设计竞赛内容，从而使理论性及实践性实现有效结合，进而有效提高学生学习积极性。第三，可开展作品展示，加强学生之间学习交流。在实际课堂教学过程中，教师可选择课堂展览方式，可邀请同一专业学生共同进行欣赏，使学生能够在参观展览过程中加强交流讨论，从而使学生综合素养能够得以有效提高，促进学生进一步发展。③④

4结语

在当前多媒体网页设计实际教学过程中，UI设计教学是十分重要的一项内容，对网页设计教学进一步发展具有很大促进作用。因此，在实际教学过程中，教师应当充分认识UI设计教学重要性，并且应用了解当前教学现状，从而通过进一步完善课程教学大纲，明确培养人才方案，积极创新课堂教学手段等方式加强UI设计教学，从而使实际教学效果得以提升。

注释

①张军.网页设计课程中关于UI设计教学的探索体会[J].湖北美术学院学报,2009(4).

②张延玲,喻芸.网页设计课程中融入UI设计理念的教学探索[J].电脑知识与技术,2015(34).

③熊科军,黄琴,李平平.浅议网页设计课程中UI设计教学的重要性[J].大众文艺,2015(5).

④陆培培.浅析独立学院UI界面设计课程的教学改革[J].美术教育研究,2015(19).

网页设计教案【篇3】

同学们你们善于观察吗？老师先考考你们，我们一起来看一组图片，你们看看在那里看过呢？学校缓台的窗台上。你们的观察能力真的很强啊，对，这些都是我们学校美术的特色作口，盘画。其实，我们做过很多作品：有手工作品，语文课中的作文、书法等都是作品，这节课我们以绘画作口品为例，做一个学习园地网页，把我们的作品展示到自己的班级网站中，以便我们更好的努力学习。现在我们就一起来制作吧！

首先我们来打开上节课的班级网站，在这个网站中新建一个网页，并保存成“学习园地”。

2、插入表格：单击“表格”中的“插入表格”并对表格属性进行设置。如：行、列的操作，对齐方式等。同时讲解什么是行，什么是列，以及单元格的概念。

4、在学生学会插入表格的基础上，来设计网页，展示作品。并讲解在单元格中可以插入图片、文字。那我们就一起快快去做吧！插入图片，并在图片的上面或下面进行图片的注释。

5、进一步设置单元格的背景，来美化网页。

6、设置超链接：通过导航栏目，设置文字超链接。选中文字，点击右键选择超链接在列表中选择你要链接的网页，单击“确定”按钮。

7、学生在教师的讲解后，学生自己动手操作制作网页。教师进行指导。（伴随音乐）

1、生评：从网页设计上，美观程度上，知识落实上重点评价。

2、师评：对学生作品进行评价，并对其它学生的评价加以更完整的解释。

我们这节课主要是利用了表格来设计网页，以使来美化我们的网页，通过绘画作品的展示，学习更多的知识。

网页设计教案【篇4】

1、教学目标知识与技能：灵活运用添加超链接和在网页中插入表格方法，根据网页内容进行页面布局，完善网页,掌握网页布局的技能和技巧。

过程与方法：培养学生加工信息和应用信息的能力及培养学生思维能力，规划能力、创新能力、及合作能力。

情感与态度：使学生感受中国源远流长的历史文明，并通过网页传递给世界；帮助学生树立良好的信息道德意识；让学生享受成就感，树立自信心。

2、学生分析初中二年级学生感知能力较强,理解能力和抽象思维较弱;学生基本学会使用在网页中插入表格的方法，但分析信息、处理信息和应用信息能力较弱;对教学内容的了解程度较强。

3、内容分析

教学重点：利用表格对网页页面进行布局。

教学难点：怎样合理、美观地设计网页页面布局。

此部分教学内容在整个网页设计知识体系中处于综合处理信息的重要部分。

4、教学策略设计

（1）．教学方法设计

我根据教学主题及其教学目标确定的教学指导思想是以学生为主体，以学生自己的亲身体验展开探究式小组合作学习。本节课采用研究体验式教学法,建构主义模式下的任务驱动式教学法组织教学。首先设计“总任务”，再细分成若干“小任务”，实现教学目标。

（2）．教-学流程和教-学活动的设计思路

整个教学活动，尤其是学习活动，我采用探究式学习法，又称研究性学习，我强调的是学生在教师指导下，根据各自的兴趣、爱好和条件，再结合与自己有相同或相近的兴趣、爱好的同学组成合作伙伴，共同选择西安不同的旅游景点，确定研究课题，借助“表格布局”功能规划七天的旅游行程，独立自主结合小组合作开展研究，进行合理的网页布局设计，达到从中培养创新精神和创造能力及审美能力的一种学习方式，实现“双赢”。建构主义学习理论认为，学习过程不是学习者被动地接受知识，而是积极地建构知识的过程，把学过的网页设计知识综合应用起来，由于建构主义学习活动是以学习者为中心，而且是真实的，并且以完成特定的任务为动力，因而学习者就更具有兴趣和动机，能够鼓励学习者进行批判型思维，能够更易于提供个体的学习风格，展现自己的独特思维，不受现有网页模式的拘束。基于构建主义的探究性学习模式，我的设想是整个教学过程是动态的，学生是学习的主体，教师是学生学习环境的创设者、学习动力的激发者、学习过程的指引者和学生学习的协作者。

（3）．应用信息技术的依据或考虑

信息技术在本次教-学活动有不可替代的功能。利用信息技术中计算机技术进行网页设计，实现教学目标，完成让世界各地的人实现“网上游古都”。在教学中计划通过探究式教学方式，小组合作学习方式和“任务驱动式”教学策略，自主设计网页，发布网页，运用网络使信息技术的这些潜在优势发挥作用并真正促进学生能够结合实际应用，通过自主实践，完成“网上游古都”任务，并同时完成了学习任务，进一步建构了自己的知识体系，并实时地享受到巨大的成就感。

（三）、教与学的过程

1．教与学的过程

活动内容

教师活动

学生活动

设计意图

创设情境

激发兴趣

［创设情境］

“要想了解中国上下五千年文明历史，请到西安来！”近几年，越来越多的外地游客涌向西安。“十一黄金周”即将来临，大家想不想用网页形式向外地游客介绍宣传西安，让更多的人来西安，领略其古老的魅力！我们上节课把利用搜索引擎找到的有关西安的历史文物古迹的文字信息和图片信息整理制作成有关不同景点的网页，但信息是否显得很零散？怎样把景点信息整合规划，让人们先在网上一饱眼福，轻松网上游古都？

设计一个含有指向各旅游景点网页的超链接的主页。

提供信息活条件，激发起学生的兴趣。

［导语］

我们可在主页中制作一个西安旅游景点导航栏，但怎样合理规划各旅游景点，并且使页面布局美观，整洁，分类清晰？

利用“表格”。

为细化任务埋下伏笔;并且激发学生的认知冲突。

［出示课题］

今天我们就围绕“西安七日游”，在主页中利用表格规划设计旅游行程，本节课的课题是《“黄金周”—规划网上西安七日游》

学生明确本节课课题，初步了解任务。

出示课题，介绍总任务。

［分组方法］

根据对各旅游景点的兴趣及当初搜索信息的分工情况及本节课任务分工，四人一小组。

学生进行分组

为细化任务做准备

出示任务

明确分工

［出示总任务］

每个组围绕主题，利用表格规划设计旅游行程，并建立好超链接，利用主页展示出来。

学生明确任务

明确总任务

［作品形式及分工参考］

形式：创建并完善主页，并展示整个网站。

分工参考：

内容版式规划

整理七个旅游景点网页

超链接的建立与维护

作品演示解说

学生明确汇报形式，分工参考。

使学生明确各自任务后，通过研究，探讨，操作，通过电脑媒体来完成任务。

活动内容

教师活动

学生活动

设计意图

出示任务

明确分工

[角色分工]

学生自由分组后,共同研究选组长，组长进行给组员分配任务。

学生共同研究选组长,并协调分配好任务.

锻炼学生自主协调分工能力。

［出示作品评价标准］

教师出示作品评价标准：

作品内容：设计含有七个链接网页的主页，资料丰富，内容准确。

技术表现：页面布局设计合理，颜色搭配和谐，主题突出，作品演示运行正常，操作熟练。

创新特色：作品布局规划有独特之处，有新意。

提示学生有三条帮助热线：

1、组长2、邻座学习伙伴3、教师4、自学课件

学生明确要求。

培养学生的创新能力，规划能力，思维能力和合作能力。

学生研究探索合作交流创作作品

［创作作品］

播放舒缓音乐，为学生营造自由和谐气氛。

（提示学生利用网上邻居把各组员的作品组合在一起，共同完成此任务。）

学生根据角色分工，按小组形式开始完善网站。

学生体会了超链接的作用，练习了超链接的使用，理解了表格强大的页面布局功能；培养学生处理信息和应用信息的能力；通过学生间交流合作，老师及时点拨与指导，培养学生发现问题和解决问题的能力。

［展示作品］

下面请各组派代表，到教师机前展示以下你们的旅游行程。其他同学观察后，可提意见或建议。

由小组代表展示组内作品，并详细说明旅游景点规划的呈现形式，内容选择及整体构思。

锻炼学生口语表达能力和分析说明问题能力。

合作成功展示作品成果汇报交流探讨

［交流探讨］

教师引导学生探讨页面布局的方法和技巧；谈看完作品后，对其改进意见；进行组间互评和组内自评。

评出“最受欢迎奖”（即如果此网站上传到网上，点击率最高），“最具创意奖”“最佳布局奖”作品。

学生间相互交流探讨。

培养学生合作交流能力。

［教师点评及检测］

教师从页面布局，整体规划合理性，创意等几方面进行点评。

学生思考，怎样完善作品。

教师鼓励学生发展创新思维，页面布局规划能力，逻辑思维能力及合作能力。

教师或其他同学提问页面布局的方法。

学生代表演示

及时检测学生对表格的掌握情况。

你受到的最大启示和收到的最大收获？成功经验和失败教训？

学生回答

巩固知识，培养情感

[完成旅游规划，培养情感]

同学们已熟练掌握表格的使用方法，并且加工和应用信息的能力增强。

悠久的历史积淀和丰富的人文资源，使西安居中国六大古都之首，是世界四大文明古都之一，著名的旅游中心城市。希望你们热爱中国博大精深的历史，感受西安古老的魅力！

学生感悟。

全课总结，培养道德情感。

全课总结知识延伸

［达到目标，知识延伸］

网站制作好了，怎样让世界各地的人都看到你们的网站呢？

想当我们的故乡—大庆的小导游吗？赶快制作一个“铁人故乡—大庆”的网站吧！

学生思考。

学生课后实践。

为激发下一节课内容（上传主页）的兴趣奠定基础。

让学生可把本课内容应用到实际生活中去。

培养学生自发探究能力。

2．关键环节提炼

利用信息技术创设情境，播放一段自拍的录像，内容大体是：一位外国友人，想要来中国四大古都之一“西安”旅游，但想要自助游，想借助因特网，先在网上了解一下西安，并参考一下旅游行程。通过此录像激发学生兴趣并利用信息技术呈现问题，使学生产生认知冲突，培养学生发现问题、分析问题、解决问题的能力。我通过学生利用信息技术完成此项任务，促进学生对基础知识、基本技能的学习。我利用信息技术，尤其是网络提供的有关“西安”丰富的旅游景点介绍资源，帮助和拓展学生的学习。让学生借助信息技术手段开展探索、总结并进行创作。我利用信息技术展示学生自评，学生互评，教师评价的评价表，为学生的学习提供评价、反馈和矫正。我利用网页自学课件和网络教室教学广播系统支持师生间、生生间的交流对话。

3.教学反思

本节课主题明确、集中，让学生分成小组，合作探究学习，给出特定的总任务，有利于学习效果评判的可比较性，也便于学生之间的广泛交流和良性竞争。通过利用信息技术规划规划网上西安七日游，对西安七个主要景点的介绍，让世界了解西安，每个学生在共同完成“网上游古都”网站作品后，让每个学生都有完成任务和宣传中国源远流长的文明历史的成就感，并感到自豪。

本节课，在小组合作学习过程中，学生之间互学互教，彼此交流探讨，经历了提出问题、分析问题和解决问题过程，每个学生都承担一定学习任务，防止滥竽充数，促进了学生的参与程度、认知深度，高质量地实现了课程的目标，增强学生的责任感。但个别学生没有认识到合作学习的重要意义，自主探究能力较弱，容易丧失信心。

教学实际实施过程，有学生提出：我对中国的少数民族文化感兴趣，能否制作一个宣传中国五十六个少数民族文化的特色网站？于是我了解到学生对中国的不同文化感兴趣，可在课外活动小组完成此任务或作为课外自主探究性学习课题来探究。

本节课让学生掌握了“表格”的妙用，还提高了加工信息和应用信息的能力，而且使学生感悟到了中国上下五千年的博大精深，对祖国更加热爱。

（四）、教学评析：

在新课程标准的理念中，明确提出要关注全体学生，建设有特色的信息技术课程。在教材因篇幅的限制，提供给学生感知的背景材料极其有限，“信息”且都处于“静止、储存”状态，不利于学生的感知和抽象概括。因此，允许教师在不改变教材内容、体系、结构的前提下，经教学法的加工，营造引入新课的“情境问题”的氛围。学生在积极的参与、体验、研究并在已有知识经验的支持下，自主能动地探索，实现知识的再创造。

教学活动在面向全体的同时更注重学生情感的交流协作意识与因材施教。更注重学生个性培养和创新智能的开发。

学生自主性学习，需要有一个适应的过程，开始阶段，布置任务要明确具体。

学生之间的交流和帮助比较少，自主学习的能力还要不断提高等。

附：学生学习过程及典型成果

另附：小组成员分工表

第________组组长________作品题目______________

小组成员

主要负责工作

网页设计教案【篇5】

 

[摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页制作”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。

[关键词]信息技术/网页制作/任务驱动

中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。

一、教材分析

我校目前使用的教材是江苏省中小学教学研究室编写的高一《信息技术》。网页制作是其中第五章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页制作单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。

教材中采用的网页制作软件是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

访问推荐网页

评价网页，确定标准

形成小组、讨论栏目，明确分工

推荐优秀网站

组织学生讨论网页内容和风格，分析网页框架和布局。

小结网页评价的标准

提出学习任务(班级网页制作)和原则(小组协作，网上讨论与学习)

提供网页栏目划分建议

组织各小组讨论

浏览网页

仔细观察，区分优劣

了解评价网页的标准

明确任务及原则

选择小组，参与讨论，确定栏目及分工，推举组长

组长上报成员名单

课后收集整理信息

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

4

 

 

具有较强的动态交互功能

5

4

3

2

 

网页设计教案【篇6】

关键词：探究式教学法；中职；网页设计制作课程；应用

分类号： TP311.1文献标识码：A文章编号：1007-9599 (2010) 05-0000-02

Application of Inquiry Teaching Method in the Production of Vocational Web Design Courses

Ouyang Xianghua

(Guilin Electronic Secondary Vocational College,Guilin541001,China)

Abstract:Website design is a design technology,resources, aesthetics,and design for an integrated curriculum.This paper describes the concept of inquiry teaching and the process of inquiry teaching structure of the steps followed by,in many ways on the level of inquiry teaching in the Web application design program to explore the same time, the use of inquiry teaching model several issues need to pay attention to his views and recommendations.

Keywords:Exploration method;Secondary vocationa;Website design courses;Application

网络在人们生活中发挥着越来越重要的作用，通过网页向外界宣传个人或单位形象，推广公司产品或开展公关活动已成为一种新的流行趋势。网页设计制作是一门集设计技术、资源、美学等为一体的综合设计课程。它依据网站设计目标，把各种页面元素、网页布局、色彩、风格等有机地统一在网页中。网页设计制作已经成为艺术设计中的一个重要分支，它涉及网络技术、平面设计、动画设计、程序设计等多种知识。认真设计教学方案，如何在有限的课时内，充分调动学生学习的积极性、主动性，提高学生的网页设计制作能力需深入探讨。探究式教学的实质是一种需要充分尊重学生个性，激发学生求知欲，并引导学生通过丰富多彩的形式展开“自主、合作”学习活动的一种全新的教学方法。本文就探究式教学法在中职网页设计制作课程中的应用进行探讨。

一、什么是探究式教学法

探究式教学法又称发现法、研究法，是指学生在学习概念和原理时，教师只是给他们一些事例和问题，让学生自己通过阅读、观察、实验、思考、讨论等去独立探究，自行发现并掌握相应的原理和结论的一种方法。它的指导思想是在教师的指导下，以学生为主体，让学生自觉地、主动地探索，研究客观事物的属性，发现事物发展的起因和事物内部的联系，从中找出规律，形成自己的概念。

二、探究式教学法在中职网页设计制作课程中的应用

(一)完善备课环节

备授课对象。根据教学对象的不同，安排相应的教学内容。分析学生的专业学习特点和目前的学习状况，制定“较好”、“一般”两个层次的教学目标和教学评价。

备教材。选用集成度好的Dream weaver作为网页开发环境。从教材、参考书以及网络中，归纳总结出具有代表性的典型案例，为课堂教学做好准备，精心制作多媒体课件。

备教学环境和教学模式。网页设计制作与制作是一门理论与实践紧密结合的课程。在机房安装投影仪和电子教室软件，学生每人一台计算机，教师使用一台教师机。通过多媒体课件讲授理论、电子教室软件展示与交流作品、计算机中进行目标训练，并借助教学网站拓宽知识、开阔视野。

(二)建立“以教师为主导，学生为主体”的教学模式，改变传统的“填鸭式”教学方法。

传统的方式学生处于被动地位，只是在被动接受新的知识，最终必然导致学生对学习失去兴趣。因此，需要改变传统教学模式，就应当建立“以教师为主导，学生为主体”的新教学理念。转变教师角色，由讲解者、传授者，转变为学习指导着、活动组织者；使学生由被动接受者变为学习活动的主体、参与者、探究者。学生才是真正的主角，在教师的指导下规划自己的学习活动。教师与学生的观念都应转变，教师应注重培养学生独立的学习能力和创新思维能力，转变教材作用，由作为学习对象，转变为学习者获得知识与技能，发展认知的一种学习资源；转变媒体功能，由知识展示工具转变为学习认知工具，即把信息技术作为学习资源获取工具、信息交流讨论工具、知识组织构建工具。使学生变被动学习为自主学习，为自己将来能较好地胜任工作而努力学习理论知识、训练操作技能。

(三)适时点拨，诱导探究的方向

在探究教学中，教师是引导者，基本任务是启发诱导，学生是探究者，其主要任务是通过自己的探究，发现新事物。因此，必须正确处理教师的“引”和学生的“探”的关系：那就是适当点拨。当学生在思维的转折处，或知识的重、难点处经过自身的努力，还感到无法解决时，根据学生的需要，教师一定要给予适当的点拨，给学生某种启发性启示，使学生能顺利进行探究。在学生探究时，教师应做到引中有探，探中有引。同时，还要把握“引”的度，步步深入地引导学生逼近结论。

合作学习，探究疑难。让学生对“交流成果”环节中所提出的问题以及普遍存在的模糊认识进行讨论，大胆质疑解疑。讨论的形式可以同桌互帮，四人小组研讨，全班辩论等，为学生充分表现、合作、竞争搭建舞台，使教师指导和学生自主探究相结合，传授知识和解决问题相结合，单一性思考和求异性思维相结合。在合作学习过程中，教师要善于诱导。如：“你认为他说得对吗？为什么？”“对他的回答你满意吗？你有什么不同的见解？”等等，把学生的思维推向高潮。讨论中，教师要做到：1.要密切关注讨论的进程和存在的问题，及时进行调整和引导；2.要发现多种结论，特别注意和自己备课时不一致的结论，变教案为学案；3.要充分调动学生讨论的积极性，及时发现优点，特别是善于捕捉后进生的“闪光点”,给予鼓励。激发学生的表现欲，促进创造思维的发展。

(四)帮助学生思想上树立“行”字

就是用表扬、奖励的途径使学生获得成功感。以培养和激发学生在课堂上的积极性和学生的创新思维。苏霍姆林斯基说：“儿童学习愿望的源泉，就是在于进行紧张的智力活动和体验得到胜利的快乐。”因此，我在课堂教学中，充分利用表扬和奖励的方法，针对不同的学生，选择适合他们各自能力的问题。从而激发学生的课堂积极性。在学生发表意见的过程中，我会用微笑、点头来鼓励学生，当学生回答问题后，我会根据实际情况做出点评，回答确实出色的，就说“你真行”或“太好了！”。 需要改进的，就说：“讲得不错，如果声音再响一些就更好了，你能再试一下吗？”对学生的鼓励，他们会产生满足感，从而表现出更高的学习欲望。只鼓励少数学生的课堂教学是不能激发大多数学生的，尤其是对于低成就和力求避免失败的学生，对他们来说，教师对他们表扬和奖励的吝啬与偏向只有副作用，这样他们将失去学习的动力。但值得―提的是，高年级的学生已有初步的判断能力，表扬和鼓励要有针对性。

四、运用探究式教学模式需要注意的几个问题

(一)探究式教学模式，在进行问题设计的时候，一定要结合学生的实际情况，利用学生身边熟悉的事例来引出问题，才容易让学生对知识有深刻的印象。

(二)由于学生个体存在差异性，在实施该教学法组织课堂教学时，一定要循序渐进。

(三)分组要得当，鼓励优差生合作和男女生合作，组员要经常更换，有利于培养学生的合作能力。

(四)充分调动学生的积极性，让学生主动参与。充分挖掘出每个人的潜能，而教师只需要在整个学习过程中对学生进行适当的引导与点拨。

(五)切忌生搬硬套探究式教学法。所谓“教学有法，教无定法”,应因材施教，不能滥用。不然该方法也将步灌输式的后尘，成为徒劳的形式。

参考文献：

[1]陈星园。项目教学法在《网页制作》课程教学中的运用[J].电脑知识与技术，2010,(06):1360-1361

[2]陆炜妮。探讨多媒体专业《网页设计制作与制作技术》课程的教学改革[J].科协论坛(下半月),2010,(01):178-179

[3]邱红艳。网页设计制作与制作。课程的教学探讨[J].科学咨询(决策管理),2010,(01):118

[4]周贤善，呙明辉，蒋世华。计算机基础课程建设与教学改革探索[J].长江大学学报(自然科学版)理工卷，2008,(04):145-148

以上就是为大家整理的6篇《网页设计制作教案范文》，希望对您的写作有所帮助。

网页设计教案【篇7】

教学目标：

1、知识与技能：

（1）理解框架的概念及用途。

（2）掌握框架网页的新建、制作、编辑与保存，了解框架的拆分方法。

（3）初步掌握将框架结构与表格布局结合使用来制作网页。

2、过程与方法：

（1）通过对表格网页的分析，体验新知识（框架结构网页）的优点，从而促进其学习新知识。

（2）理解框架的概念与组成，学会分析网站的结构。

3、情感态度与价值观：

（1）通过以"人与动物"为主题的框架结构网页制作活动，了解更多有关人与动物和谐相处的知识，通过故事趣闻，增强学生关注动物的兴趣和意识。

（2）能够将表格与框架结构网页结合使用，在创作中体验乐趣。

教学重、难点：

1、重点：框架的概念、用途，创建、编辑与保存框架网页的方法。

2、难点：框架的拆分。

教学方法：

对比教学法、探究学习法、模仿学习法。

教学准备：

整理、归类相关素材，并按要求摆放。

教学过程：

1、引入

老师展示一组利用表格制作的网页，要求学生仔细观察，找出它们的一个共同特点（学生答：网页上方和左侧内容都是相同的，仅右下部分内容不一样），并提问如何快捷地制作这种网页？（学生答：使用复制粘贴快捷地制作）

尽管复制、粘贴能为我们节省时间，但有没有更好的方法呢？相同的区域我们能否只做一遍呢？今天我们要学习的内容——框架网页制作，就能给我们带来更多便捷。（让学生明确框架网页使用的场合）

2、新授

（1）框架网页概念

由以上例子入手，再展示一个框架网页，教师引导学生理解框架网页的概念

（2）框架网页的新建与保存

教师要求学生先阅读教材中的操作步骤，再尝试进行探究操作。

任务1创建"横幅和目录"结构的框架网页，新建top和left页面，并学会保存。

框架结构中的每个框都是一个独立的选项文件，即网页文件，因此当框架确定之后，需要为每个框分别指定其网页文件的来源，可以通过每个框中的"新建网页"按钮和"设置初始网页"按钮进行选择。在top和left页面中，单击"保存"按钮，随即开始保存。

此处为教学难点，可先由框架的概念入手，再针对保存页面中的蓝色部分，教师进行讲解，教会学生注意观察。

学生要理解框架网页的概念，通过阅读教材中的内容，自学新建框架网页的操作，初步了解"新建网页"和"设置初始网页"两个按钮的不同，并认真聆听教师的讲解，注意观察，按要求模仿操作。

设计意图：培养学生自主

学习能力，课堂教学难点在教师的讲解后模仿操作，有效突破难点。

（3）相关页面的制作与设置

框架网页中相关页面的制作，需要结合表格来布局，插入文字、图片和交互式按钮。

任务2 top和left页面的制作。

要求：

○1top页面内插入1行2列的表格，左边单元格插入logo图片，右边单元格插入banner图片。

○2 left页面内插入5行1列的表格，在每个单元格内依次插入交互式按钮（共4个），交互式按钮文字为展示介绍的相关内容概括，在第5个单元格内插入一个邮箱指示的图片。

○3调整表格边框的粗细。

○4为main区域设置初始页面。（该网页由教师提供现成的）

学生制作相关页面，同时也是对前面所学内容的复习和回顾。老师反馈学生的操作情况，开展比一比、评一评活动，对表现好的学生给予表扬。

（4）框架网页属性的设置

创建好框架网页后，可以根据实际需要改变框架的属性。

任务3调整框架的大小、设置框架的边框、设置框架窗口中的滚动条等。

提高任务：框架的拆分。

学生自主探究学习，可向老师寻求帮助。完成设置后请同学示范操作，并说明自己设置的方法和原因。操作基础扎实的同学完成任务后可进行扩展学习。

3、 总结与评价

老师可以给出一些常见的框架结构应用界面，如Web邮箱页面等，引导学生总结本课内容，梳理课堂知识，并让学生分组，推荐一些优秀作品进行全班展示。

设计意图：开拓学生的视野，使学生了解框架的应用，教会学生要善于总结，要学会学习的方法。

以上就是《网页设计教案锦集七篇》的全部内容，想了解更多内容，请点击网页设计教案查看或关注本网站内容更新，感谢您的关注！

文章来源：http://m.jab88.com/j/166145.html

更多