网页设计学习计划范文1
中职学校网页设计课程的课时安排一般为每周两到三次教学，每次教学为80~100分钟的时间。课时安排不利于常规理解的项目在课堂中开展，这就要求教师将任务尽量细化设计，项目周期最长需要在一周的教学中完成。当然，项目设计一次教学就能完成更好。如果项目任务完成周期设置较长，学生的潜意识当中都习惯将一星期作为一个阶段，而两个星期之间会有较为明显的断层，不利于项目的连贯性。特别是中职学生，过长的项目周期可能会影响学习热情。项目周期设置过长，项目难度按正比增长，那么学习的成就感可能较难获得，学习的主动性和持续性都会降低。
网页设计的任务要结合教学目标而设计，将教学课时的目标用网页效果呈现。如掌握网页中插入表格，以及表格属性设置的技术，可设置完成企业年度报告的项目，项目中包含多个数据报表，即表格知识点的学习，也有对以前所学文字、段落等知识点的回顾。而不是简单地制作一个表格，进行几行几列、行高列宽的机械化设置。前者所用的情景创设在教学中对学生学习热情的提高起到了非常关键的作用。
二、项目教学法的课堂实施过程
项目教学法在网页设计课程中的运用必须秉承以学生为学习主体的形式，遵循项目教学法的基本流程。
1.资讯。教师学习任务，让学生明确课堂学习的主导方向或目的，然后围绕目的而展开自主学习。鉴于中职学生自主学习能力较弱的情况，教师需要适当对网页中的相关技术进行分解。如在模拟QQShow换衣服的类似项目中，通过任务目的展示特别强调鼠标的操作类型和AP中图片的表现形式。学生的自主学习必须围绕学习目标，教师可以为学生提供对应的纸质学习资料或者网络课件，提高学生学习的针对性。因为网页设计课程一般在计算机机房内学习，每个学生都有一台计算机。学生很方便就可以在计算机上实验自己正在学习的知识点，对信息的掌握能保证很高的准确性。
2.计划。课堂项目计划包含两个方面：步骤和方法。网页设计课程的任务往往是做一个网页，而网页基本上都是从上到下、从左到右这种符合阅读习惯的顺序进行设计，所以步骤计划在网页设计中表现得并不明显，那么重点放在方法的设计上。学生分小组讨论项目的技术要点。如在讨厌的陷阱网站项目中讨论关不掉的对话框和不停弹出的广告页面该用哪种方法，怎么操作才可以实现。
3.决策。学生的计划可能是不完备的，教师不能让学生基于一个不完备的计划去实施，这样可能导致项目失败。教师可以在学生实施项目计划时通过旁听等方式获取计划内容，也可以通过提问等方式了解学生的计划。在保证项目的最终正确效果和不影响教学目的的前提下，对学生的计划进行调整以形成实施方案。尽量保持学生方案的原创性，突出其主体地位。如网页的布局可以用表格，也可以用布局元素来进行定位，学生用什么方法其实都无所谓，因为既不是学习表格布局，也不是学习布局元素的使用。
4.实施—检查。因为网页设计基于所见即所得的开发工具，所以实施过程中的错误操作大部分能实时表现出来，学生自己就能马上发现并对错误操作进行调整。项目教学法中的实施与检查两个步骤在网页设计课程中以交替的形式同时进行。只有少数几种错误操作不会在设计过程中表现出来，如居中显示的表格中的AP如果不嵌套到单元格中，那么在浏览器预览时改变浏览器宽度会导致AP元素中的文字或图片漂移出预期位置等。如果项目中会使用到这种类型的操作，教师可在资讯部分提供检查方法。
5.评估。项目结果评价方法灵活多样，以鼓励学生为主；在项目内容讨论评价时，教师要尊重学生的成果，切记不要在学生面前评论谁对谁错，项目实施成功与否应看整个过程的开展情况。当然，在学生交流项目实施的结果时，教师也应该耐心听取，不能因为学生讲得不好而有任何不尊重学生的行为；否则，学生就会失去信心，项目实施就会失败。“教育的目的不是要你承诺记忆多少东西，甚或知道多少东西。而是要能区分你知道什么，不知道什么。”那么，我们的评价不应该仅仅判断学生做得好或坏，而是让学生在评价的过程中弥补不足，能够正确、客观地评价自己和别人。
三、项目教学法在教学中的思考
网页设计学习计划范文2
关键词： 引导文； 教学法； 网页布局； CSS
中图分类号：G642 文献标志码：A 文章编号：1006-8228（2012）03-48-03
Application of guidance teaching method in courses of webpage layout and CSS
Zheng Huijun, Peng Yong, Zhou Qin
（Department of Computer Engineering, Dongguan Professional Training College, Dongguan， Guangdong 523808， China）
Abstract： Guidance teaching method is a widely used teaching method in German professional training schools, because it emphasizes developing students' independent learning, planning, implementation and evaluation ability. The authors apply this method to webpage layout and CSS course, and introduce six steps of guidance teaching method for teaching design in this paper. It achieves good teaching effects.
Key words： guidance teaching； teaching method； webpage layout； CSS
0 引言
与传统教学法相比，引导文教学法充分尊重学生主体地位，借助引导文教学文件，引导学生掌握独立学习和工作的方法，能对一些复杂的工作流程进行策划和操作，可以独自制定计划，执行工作计划并对成果进行检查。这种教学方法的实质是，老师把原来要讲的内容用引导课文的形式编写出来，让学生学习使用，引导学生自行控制学习和工作。
引导文教学法是一种以学生为主体、教师为主导，以学生自学为主的教学方法， 通过“引导问题、制定计划、决策、实施计划、检查成果、评估”等六个步骤实施教学活动，有利于培养和提高学生的自学能力、分析问题和解决问题的能力，以及对环境变化的心理承受能力[1]。
CSS作为高等职业院校计算机专业的一门基础课程，在网页设计中起着至关重要的作用。本文把引导文教学法运用在网页布局与CSS的教学中，按照引导文法的实施步骤、教学过程、注意事项进行了教学设计。将工学结合的教育理念和引导文教学方法引入到该课程改革中, 有利于实现该课程的人才培养目标。
1 相关工作
引导文教学法是国外采用的教学方法，尤其是在德国职教领域广泛采用的一种教学法。80年代它与“双轨制”一同引入，但在我国未被推广使用。引导文教学法主要的内容是：在教学中，让学生从大量技术材料(如专业手册、软件的帮助文档、相关专业书籍以及网络)中独立获取所需要的专业信息，独立制定完成工作任务的计划，从而获得解决新的、未知问题的能力；系统地培养学生的“完整行为模式”，着重培养学生独立学习和工作的能力。在教学活动中，教师将需要解决的问题或需要完成的任务以引导文的形式交给学生，学生在引导实践过程中，理解和把握课程要求的知识和技能，体验创新的艰辛与乐趣，培养分析问题和解决问题的能力及团队合作能力等[2,3]。引导文教学法虽然未被我国推广采用，但还是有不少的应用案例。例如，边颖研究了行动导向教学法在AutoCAD辅助设计课程改革中的应用,按照引导文的方法和步骤进行了AutoCAD的课堂设计[4]；姜雪等研究了引导文教学法在高职创业教育课程中的运用[5]。
2 引导文教学法在网页布局与CSS课程中的应用
2.1 教学背景
网页布局是计算机专业的一门基础课程，主要内容是控制静态网页和动态网站的显示，美化网页，减少冗余代码，使网站整体风格一致。学生学习该课程应该有一定的HTML基础和实际操作能力。之所以在该课程中运用引导文教学法进行教学，旨在使学生利用已学的知识来解决问题，培养其借助媒介独立自主地获取信息的能力和自学能力，培养其创新思维能力。因为网页的设计和美化千变万化，不能总是按照一种规定的方式进行网页布局。
2.2 课程能力目标
我们对学生毕业后从事的UI设计师或网页设计师这一职业所需要的能力进行了能力目标分析，确定了本课程的能力目标。
⑴ 专业能力：熟悉最新的CSS版本的基本语法结构；掌握样式表的几种写法；熟练准确掌握和运用CS中的基本属性；熟练地利用CSS样式设计表格的样式；熟练地使用DIV+CSS进行网页布局，弄清相对定位和绝对定位的区别；能够熟练利用CSS制作丰富多样的菜单。
⑵ 方法能力：在教师教授的基础上，进行自主学习，学习新技术，新规范，新标准的能力；具有敏锐的观察能力和设计能力；将基础知识进行融会贯通、举一反三、发散思维和创新设计的能力；能够根据需求制定完整的实施计划；对完成的项目进行演讲、展示、分析、评估和总结的能力。
⑶ 社会能力：进行团队协作和分工的能力；具有严谨的工作态度，有较强的竞争意识。
2.3 教学设计
作为现代职业教育教学的一种方法，引导文是专门的教学文件，借助引导文，教师可就一项实际工作或来自工程实践的与教学内容密切相关的技术问题，指导学生的自学过程。以下是网页布局与CSS教学中的一个应用实例，教学主题为学生利用给定素材自选主题进行网页的布局。我们按照四节课的时间进行教学过程设计，过程如表1所示。
表1 教学过程设计
[[教学环节\&教师活动\&学生活动\&设计意图\&时间\&引言\&教师讲解\&学生听讲、讨论\&引出课堂主题\&5分钟\&网页的一般布局结构\&教师提问并总结\&学生合作回答问题\&让学生了解网页的一般结构\&5分钟\&网页布局中内容部分的布局\&教师提问并总结\&学生合作回答问题\&让学生了解网页内容部分的分栏方法\&4分钟\&讲解课程所给素材和课堂任务\&教师讲解\&学生听讲、讨论\&让学生弄清楚课堂任务\&6分钟\&引导性问题：根据某一主题设计一个完整的网站首页\&教师给出引导性
问题\&各组学生讨论、确定主题\&锻炼学生的快速决策
能力\&10分钟\&确定主题后制定工作计划\&教师指导\&各组学生共同讨论制定工作计划\&培养学生制定工作计划的能力\&15分钟\&作出决策\&教师指导\&各组学生共同讨论做出正确可行的决策\&学生围绕主题确定网页的主色调、网页布局\&10分钟\&实施\&教师指导\&各组学生分工协作完成工作计划内容\&锻炼学生的查找信息的能力和设计能力\&100分钟\&检查\&教师讲解检查标准\&各组学生按照标准互进行交叉检查\&锻炼学生独立的评价
能力\&15分钟\&评估\&教师点评\&学生接受老师提出的意见\&使学生总结工作过程中的不足\&10分钟\&]]
2.4 教学实施
2.4.1 提出引导问题
引导问题包含了为解决任务所需的所有信息。它引导学生独立获取所需信息，并对整个工作过程的执行提供帮助。本实例的引导问题如下：
⑴ 如何确定网站的主题；
⑵ 如何根据主题确定网站的主色调；
⑶ 如何进行网站布局的划分并利用DIV+CSS进行网页布局；
⑷ 如何通过设置UL和LI的样式来完成滑动门菜单的制作；
⑸ 如何设置网页超链接的属性和鼠标移上的效果；
⑹ 如何在页面中插入FLASH，（这在前面的知识点讲解中没有提到，需要学生自己考虑，自己去查阅相关参考资料来完成）；
⑺ 如何统一设置整个网页文字的属性；
⑻ 如何设置网页的背景颜色或背景图片。
设计引导问题要注意的是不要设计简单的是非性问题，即回答“是”或“不是”的问题；不要设计过于简单的问题；对于设计出来的问题学生必须借助于之前所学知识的综合运用或者通过网络查询才能解答；设计的问题应该针对相应的工作步骤，同时注意，问题不要过于空泛或者容易产生歧义；不要设计过于复杂或综合性太强的问题；在要避免问题中出现不容易理解的措辞，引导问题要符合学生的知识理解水平，太过复杂的问题会做学生在规定的时间内无法完成；设计的问题要包含学生所学知识，并在这个基础上进行加深；引导问题应该引导学生解决实际问题，学生通过解决引导问题来逐步完成教学安排的任务；不要设计跟完成相应工作步骤无关的，或者关联很少的问题。
2.4.2 工作计划
工作计划就是工作前的思考，要考虑所有的相关工作和步骤，考虑网页所必须的主题和内容、菜单设计、FLASH的插入、内容部分的分栏、页脚部分的设计，还要考虑到分工与协作，各任务的先后顺序和时间的安排。学生(以小组为单位)各自写好网页设计步骤和分工，然后以组为单位进行讨论。在引导文教学中，没有对与错，只有合适与不合适，这样，可大大提高同学们的团队合作能力和发言的积极性。下面是学生自己写的工作计划样本。
任务一：确定网站主题并搜索整理相关的内容；主题由讨论确定，内容由1人完成（时间不限）。
任务二：利用DIV+CSS进行网页总体布局的划分，由3人共同完成，完成时间为20分钟。
步骤 1.设计好网页的布局模式，计算好个模块的宽带和高度以及各模块间的间距；
步骤 2.在html页面上写好div框架；
步骤 3.利用CSS设置每个div的宽度、高度和背景图片等属性。
任务三：设置顶部滑动门菜单，由2人共同完成（20分钟）。
步骤 1. 利用UL和LI写好页面框架，使用超链接设置主菜单，写好菜单项的名称；
步骤 2. 利用CSS设置超链接和UL、LI的属性，达到预期的效果。
任务四：插入FLASH，网上查询插入FLASH的方法，由1人完成（10分钟）；
任务五：网页内容部分各栏目的内容填充和样式设置；
任务六：进行页面底部的设置，由2人完成（20分钟）；
任务七：网页各部分的合并，由2人共同完成（20分钟）。
2.4.3 决策
决策是前一步工作的延续，同样是各由小组讨论（团队合作）来完成，但指导老师会参与其中。教师与学生以谈话的方式一起进行交流讨论，听取讨论结果，帮助选择可行的工作计划或对目前的工作计划作出修订或者重新制定工作计划。因为各个学生的能力与水平会有差异，工作计划安排要视各个学生的情况进行调整。工作计划中还要考虑的一个主要的问题是如何把网页设计的任务分工、合并，以及各部分任务的先后顺序。
与学生的专业谈话中教师要对学生比较迷惑的问题加以引导，说明问题的难点。讨论作为一个学习的机会，其质量直接受到学生的热情程度、投入程度以及参与意愿的影响，要让每个学生都投入到项目的学习和实施当中。
这一过程中，应该要求每个人都对工作计划提出自己的意见和见解，充分发挥每个人的作用，每个人都安排一定的任务，避免总是由“较好”的学生完成任务的情况。
2.4.4 实施
计划的实施由学生按照工作计划进行分工协作的方式进行。整个实施阶段，教师不参与具体的实施过程，教师的作用是监督，适时地给学生指出工作中的错误，对遇到的困难给予帮助。如果遇到新的技能问题，指导教师可另外提供帮助，但不一定采用授课形式。如FLASH的插入、网页的布局，学生先说出应怎样设置，指导教师作出纠正和补充，然后演示给学生看。教师指出学生的错误，而不是马上就给出答案，答案应由小组成员共同寻找。当学生的实施发生严重错误时，指导教师就必须立即制止。
计划实施过程中可以检验方案的可行性。小组成员选择的方案可能在实施时遇到了问题(计划和实际操作的差距)学生将会相互对比，并发现问题，从而修正、完善计划，最终得出较为理想的实施计划。通过切身体会、结合实际思考得出的结论，比老师课堂传授更容易被掌握和应用。
2.4.5 检查
实施过程中的每个步骤都会检查表，如表2所示，学生能在表中了解到为了实现学习目标，要付出什么努力。在计划实施过程中不断进行检查和优化，可以达到最佳效果。一般情况下，检查过程是，首先由学生自己检查他们所完成的作品，然后由教师（或者其他学生）检查。各组之间也可以交换检查，这也是他们学习、交流经验和心得的机会。
表2 检查表
[[序号\&步骤\&检查项目\&学生评估\&教师评估\&1\&1\&网页内容（10%）\&\&\&2\&2\&网页布局划分，网页整体颜色搭配（20%）\&\&\&3\&3\&顶部滑动门导航菜单设计（20%）\&\&\&4\&4\&页面内容部分左边和右边的设置（40%）\&\&\&5\&5\&页脚的设置（10%）\&\&\&]]
2.4.6 评估
最后由教师点评，并与学生一起讨论、总结，并评出名次，对设计好的小组给出奖励，对设计相对差的给予鼓励，鼓励学生不断探索创造。教师的评价不是单纯给出成绩，很大程度上是解决出现的问题，提出后继学习中应该注意的问题；评估也是经验的交流评估的另外一个重要内容是，根据检查表对学生的网站首页设计进行质量评价。
3 结束语
总之，引入引导文教学法，不仅能教给学生专业知识和技能，更能培养他们的专业能力、方法能力和社会能力。引导文法是培养学生“关键能力”的一种卓有成效的方法。实践表明，将它应用到网页布局与CSS教学中，激发了学生的学习兴趣，提高了教学质量。
参考文献：
[1] 姜大源.职业教育学研究新论[M].教育科学出版社,2007.
[2] [德]Ernst Nausch.德国双元制职业技术教育[Z].同济大学职业技术教
育学院译,2006.
[3] [德]Frank Bünning 职业技术教育培训(TVET)中的行动导向教学法
导论[Z].同济大学职业技术教育学院译,2007.
[4] 边颖.行动导向教学法在《AutoCAD辅助设计》课程改革中的应用[J].
职业技术教育,2008.20:48~50
网页设计学习计划范文3
关键词：工学结合；网页设计；岗位能力
中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2013） 04-0228-01
在国家示范性职业学院的基础上，围绕计算机网络技术产业对技能型人才的需要，以校企共建为载体，实施“工学结合、校企互动”的人才培养模式。依托产业集群工作岗位标准，深化课程改革，探索了应用基于工作过程理实一体化教学的课程体系设计。
一、职业岗位分析
由行业、企业、专业骨干教师组建专业建设指导委员会，调研产业集群，对职业岗位技能需求情况进行分析，确定职业岗位核心能力，按照“产业集群职业岗位核心技能专业课程教学”的方式重构基于工作过程的课程模式。通过对招聘网站、国内大中城市的人才招聘信息进行分析，并对一些网站建设类企业的职业岗位调研，确定本课程职业岗位为网页设计与制作员、网站管理员。
二、确定职业岗位核心能力
分析完成职业岗位工作所需要的技能。对于网页设计与制作类职业岗位，要求了解网站的开发流程，熟练使用网页设计软件编辑与制作网页；能够合理布局网页。
三、课程教学目标
课程的教学目标，体现与职业岗位的无缝对接。改变知识点集合式的教学目标，结合职业岗位技能加入到教学目标中，将课程教学目标分解知识目标、操作技能目标和职业素质能力三个方面来培养学生的知识、技能和职业能力，以适应职业岗位的要求。
（一）知识目标。本课程以学生能够胜任网页制作与维护的实际工作能力为学习目标，使学生具备网页制作职业岗位所需要职业技能。掌握HTML标记的使用。熟练使用网页设计软件布局网页、插入并编辑网页元素；强化网页美化与修饰的技能，会使用行为和特效修饰网页；掌握CCS层叠样式表的使用；掌握网站新闻和图片的更新等日常管理与维护技巧。（二）操作技能目标。能够完成一个完整网站的整体规划与制作所需的操作技能。包括对用户的需求分析、页面栏目的规划、收集处理网页信息元素的技能；灵活运用所学网页制作工具的能力；对页面细节的调节技能；合理运用模板与库等工具，优化网页制作的过程；提高网页风格的策划能力、色彩搭配能力、页面布局能力和创造力；主动学习的能力。（三）职业素质目标。培养学生具有良好的职业道德与敬业精神；培养学生的沟通能力和团队协作精神，具有组织、计划、协调与协作能力；培养学具有良好的心理素质和克服困难的能力，具有分析问题、解决问题的能力，具有较强的沟通和交流能力。
四、课程教学内容
（一）课程内容设计原则。课程内容的设计以网页设计与制作职业岗位的任职需求为原则，参考权威的网页设计师职业资格认证的内容统筹设计教学内容。突出职业能力培养与取得职业资格证书相结合的教学内容设计，体现贴合职业岗位技能需求，模拟实际工作过程的课程设计理念，以企业真实网站设计项目为载体组织教学内容，采用基于工作过程的任务驱动教学方法和手段进行实施。（二）分析职业岗位确定课程内容。根据对职业岗位能力的需求调研分析，将网页制作这一工作岗位需要的技能总结为，用户需求分析、网页规划与设计、网页信息检索与处理、网页框架布局、网页元素的定位、图片的使用、超级链接的使用、网页的修饰和层叠样式表、行为、模板与库的使用等内容。（三）课程内容分解到工作过程。以训练学生网页制作实战技能、充分提高学生实践能力为目标。首先，选取知识技能覆盖面广，项目过程完整的企业项目。然后根据学生的认知过程，将网页制作职业岗位所需的技能进行分解，嵌入到网页制作的项目中。最后，将整个项目划分成教学任务。
五、课程的教学实施
（一）建立任务情境。教师首先布置本节课程要完成的教学任务，要求学生带着任务和问题去学习。《网页制作》是一门实用性、操作性很强的课程。在学习开始时，教师首先将完整的任务网站展示给学生，告知学生学习后能取得的成果，激发他们学习的热情，同时引导学生思考如何利用这样的平台制作自己的网页，由此确定课程的总体任务――建设一个完整网站。（二）分析任务提出问题。在每一教学单元之前，先提出本单元要完成的网页制作任务，提出之后，先让学生对任务进行仔细思考、分析和讨论，提出完成任务需要解决哪些问题。其中，一些问题较为浅显的问题，学生通过主动学习就能解决；另一些是任务中包含的新知识点中的难点，学生要通过认真的研究、分析才能解决，强化学生独立解决问题的能力，培养学生从新的角度去看旧问题，丰富学生的创造性和想象力。（三）学生完成任务。探索研究问题提出后，教师启发学生解决该问题的线索。调动学生的学习兴趣和主动性。学生结合已有知识，通过自主学习或者协作讨论完成任务。通过这样的过程掌握新知识，并将所学知识融会贯通。（四）任务评价与总结。在整个任务完成后，教师对学生的完成情况进行总结，强调普遍出现的问题或错误，演示正确完成任务的方法。教师在学生完成任务的过程中对学生教学过程中参与教学活动的态度，解决问题的能力和创造性的发挥以及获取的知识的情况进行监督，对于一些暂时不能适应这种教学模式或者学习能力较差的学生进行适当的指导，做到因材施教。
六、考核方法
主要从两个层次对学生的学习情况进行考核。一是考核学生对所学网页制作技能操作的掌握程度。二是指导和督促学生加强平时认真学习的习惯。本课程采用过程考核和期末考核相结合的方式进行考核。其中过程考核包括对各教学任务的完成情况，占总成绩的30%；以及在完成过程中的表现情况，占总成绩10%；期末考核采用笔试、上机操作与作品相结合的方式，每个部分各占总成绩的20%。
七、结束语
网页设计学习计划范文4
项目驱动教学模式就是在课程教学中，通过一系列具体的项目，让学生切实参与项目实施的全过程，从而完成既定的教学任务。项目驱动教学模式的实施应该满足以下条件：1)该过程中涉及到的教学内容应具有一定的应用价值。2)教学内容的理论知识能和实际技能结合起来。3)学生能独立制定计划，在一定时间范围内通过分组协作学习的方式展开学习。4)项目的选取应具有一定的难度，要求学生运用课程教学中新学习的知识、技能，解决过去从未遇到过的实际问题。因此，在项目教学中，学习过程成为一个人人参与的创造性实践教学活动，注重的不是最终的结果，而是完成项目的过程。学生在项目实践过程中，理解和把握课程要求的知识和技能，培养分析问题和解决问题的思想和方法。
2项目驱动模式在《网页设计与制作》中的具体实施方案
2.1项目的选取
项目实施对象是我院学前教育专业本科高年级学生，学生已经学过计算机基础等相关课程，掌握图形图像处理、数据库技术等基础知识。本课程所选择的项目是一个小型的幼儿园网站。
2.2项目的开展
实施项目教学法一般应按照以下四个教学阶段进行：项目设计，项目计划，项目实施，项目评价。
2.2.1相关知识点的学习
结合教材上的知识点，选择合适的小项目，并通过具体操作步骤来示范完成项目的过程。在本课程中，选择幼儿园网站这个小项目，让学生用网站制作软件Dreamweaver来实现各模块的功能。在学习过程中，学生通过独立思考，对相关知识点进行理解，通过实际操作来消化示范项目的解决要点（如网站的规划与创建、基本页面制作、表格布局、动态页面的网页的创建、网站内容的上传等），为后续的实际项目开发打下基础。
2.2.2协作学习
在本学期课程教学中，学生总数为30人，采用分组协作学习的方式将学生分成6个组，每组五名同学，设立组长一名，统筹协调组内成员分工情况。各小组根据各相关知识点的学习情况，开展交流、讨论，制定项目实施计划，通过组员分工协作，调试运行，完成项目。具体实施如下：1)网站需求的整理；2)网站策划（详细）或草图设计（粗略）；3)网站效果图设计；4)网站代码的编写与调试；5)上传网站到测试服务器并演示网站，交教师和同学集体评价。
2.2.3网站具体要求
1)以幼儿园网站为主题，自行确定网站的LOGO(图标)、自行设计各级网页的风格、网站的整体结构；2)文件命名规范，页面连接正确；文件和目录以英文命名.主页命名为index.html；页面设计中明确体现各功能区域的划分，布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁；3)页面设计中导航和超链接清晰，对象插入合理；4)网站必须有一张关于制作团队信息的网页，介绍各组成人员并详细说明其在项目实施过程中担任的职责和完成的任务；5)在网页中恰当的位置设计一个简单的登录表单；6)网站栏目在三个以上.每个栏目至少有两个页面，网站的网页总数量不少于10张，且网站中的相关信息列表及内容使用动态网页呈现。7)运用外部样式表定制网页风格，网站内风格统一。
2.2.4学习评价
学习评价包括过程性评价和总结性评价。评价的内容包括两个方面：一是学生参与活动各环节的表现，二是网站整体的完成质量。根据上述网站制作要求，客观公正地评价学生的学习效果。由于学生解决实际问题能力有限，在项目实施过程中，可能会存在一系列的问题，在小组互评中，各小组组长在汇报中要指出网站制作过程中出现的问题所在及其解决方法，使学生的各种能力在评价中得到提高。在评价方法上，主要评价学生是否达到项目既定的目标要求，关注学生在完成项目中的进步程度，这样有利于学生实践能力和创新能力的培养。在本课程中，每个学生学习的效果直接由完成网站的情况来衡量，包括四个部分：一是教师评价，由教师对各个小组项目完成情况进行评定，评价内容主要包括能否共同协作、是否实现预定功能等；二是小组间互评，由各小组组长在项目完成后给全班同学进行汇报，主要包括网站的设计思路、小组成员分工情况以及如何完成既定目标；三是小组内部各成员间互评，由各小组成员根据各组员对本小组项目贡献的情况进行互评；四是学生自评，由学生本人进行自评，通过学习是否有所提高。综合以上评定情况来确定每一名学生的学生总评成绩。
3总结
网页设计学习计划范文5
《网站设计与制作》也是计算机各专业学生学习后续课程的基础，比如学习基于网络编程的动态网页设计技术，学生毕业后可从事网络软件的设计与开发，进行商务网站的设计与制作，同时也可以考取网页设计师、网络软件工程师等相关国家职业资格证书。开设该课程是复合我校关于“高素质、技能型人才”培养目标的需求的，通过该课程的教学，可以培养出一批优秀的、能够在一线工作岗位上从事网页设计与制作、网站规划、管理与维护工作的专业人才。基于该课程的主要工作岗位有：网站管理与维护人员、网页设计与编辑人员、网站策划人员及网页美工人员等。
二、课程教学思路与教学方法改进
学生如果要很好得完成网站制作，所需的的知识体系非常庞杂，其中包括网络基础知识，网页制作技术，平面设计和动画制作等基本要素。具体涉及到网页制作软件，图像处理软件，动画软件，数据库知识，脚本语言动态服务器编程技术等。教学内容比较多，知识点比较分散，而学时仅为48个学时，学习内容多而课时少。经过多年的教学活动的开展和经验总结后，我们总结出一套适合高职学生教学方法，那就是使用任务驱动式的教学方法。我们以前的教学设计思路是：讲授知识点———设计任务———监督学生完成———验收，现在的教学设计思路是这样的：实际工作任务导向———任务驱动———相关知识讲授。老师在此教学思路中的角色：给学生布置一项工作（实际工作任务导向）———将工作转变为一个任务（任务驱动）———通过任务引出知识点（知识学习）。学生在此教学思路中的角色：通过老师的引导，理解相关任务要求，继而产生强烈的学习相关知识的兴趣，在下一步的知识学习中就能很好地学习，掌握了相关知识后，马上运用于实践，完成老师布置的任务。通过该课程的教学，使学生最终能够自主开发一个完整的网站，毕业后能够直接从事企事业单位网站的开发设计与管理维护等工作。
三、课程体系内容重构
本课程性质是计算机系的基础必修课，教学对象是全系各专业的大一学生，因此教学内容定位于静态网页的制作，以Dreamweaver软件为主线，介绍静态网页设计和制作的基本技术,目前很多网页教材是基于网页三剑客的即Dreamweaver、photoshop和flash，然而当前课时条件和时间条件下，根本做不到三个软件都讲到位，事实上每个软件分开都可成为一门课程，而网页设计课程只能以网页制作软件Dreamweaver为主，其他软件为辅，并且其他软件制作的作品要与网页密切相关为了解决内容多学时少的矛盾，有利于教学的开展和培养学生的动手能力，为此我们对教学内容重新进行了重构，围绕Dreamweaver软件讲解网页制作的方法和技巧，只有在制作图像缩略图、切片、按钮、LOGO图片等时候，才辅助其他软件加工素材或者制作动画。教学内容分为9个模块:模块一、网页设计基础；模块二、页面的基本操作；模块三、简单网页的制作；模块四、网页的样式设计；模块五、实用HTML布局页面；模块六、实用DIV+CSS布局页面；模块七、制作多媒体页面；模块八、网页交互设计；模块九、网站的测试与管理。
四、总结
网页设计学习计划范文6
【关键词】网页设计；教学改革；教学模式
1引言
随着网络的普及和发展，信息化程度的提高，网页已然成为当今网络世界信息传播的主要载体，网页的设计与制作普遍得到人们的重视。各高校基本上都开设了网页设计与制作课程，然而在其教学过程中，大多数学校还采用传统的教学模式，学习积极性不高，职业竞争力差。因此，《网页设计与制作》课程进行教学改革势在必行。
2课程现状和存在的问题
1)因为这门课程涉及内容较多,而且时间非常的分散,学生对就算对知识点有一定的了解,同时还可以做简单的案例了,但还是不能灵活运用，做到融会贯通,即使是最好的学生在解决实际问题时也会出现犯难的情况。
2)目前基本满足教学要求的教学内容,虽然课程的改革项目建设,提出了情境教学模式,然而由于社会需求更新,软硬件设施的不断升级,新知识和新技术层出不穷,导致过去教学过程中仍然存在实验教学和社会需求相脱节的问题。课程中实验案例也存在过时的问题,部分学生在学习过程中提不起兴趣,从而导致学生学不会用[1]。
3)网页设计与制作是一门交叉性、综合性非常强的课程，不但需要完整知识结构，而且需要学生具备相关技术的融会贯通、通力协作的能力。然而由于不同专业的学生学习的方向和重点不同,基本上都是采用单独教学,没有参与。因此,开展项目合作就基本谈不上。例如:软件专业基本不设计网站前台,导致设计出来的网站不漂亮；影像专业的学生不会进入网站后台进行编程设计,制作出来的网页是不合符实际[2]，从而导致项目的最终结果并不完美,甚至搁浅停止,不能为企业所用。
3教改思路
网页设计与制作课程改革的目标是将教学本位方向从知识传授转向能力培养为课程目标,并以项目教学为主线,以企业为中心，而且围绕企业岗位资质与课程目标相结合,进行课程内容的整合,研究本课程是否适合学生的教学模式,探索培养复合型人才的新方法。
1)首先对职业能力进行准确的定位，其次根据市场上的就业岗位对人才能力需求方向进行制定能力培养目标，最后，对学生的网页设计制作能力、创新能力、沟通能力、网站管理能力和团队合作能力等方面进行综合性培养。2)以人才知识结构的要求为依据来构建课程教学体系结构，根据社会对网页设计人才的就业岗位需求，进一步建立建全完整的教学体系，不断的完善教学内容，建立网页设计环节和教学评估环节的体系结构。
4教学改革措施与方法
4.1教学内容安排
教学内容的整个安排必须与实际应用相结合，并完成必要的知识讲授。学生可以积极的参与实际项目的研究内容，从项目规划、需求、开发、测试等方面来安排教学内容，从“因材施教”转变为“因需施教”，以此来充分调动学生学习的主动性和积极性。同时，按照项目应用实际需求，改变教条式的教学内容安排。在传统灌输式的教学模式下，学生根本无法全身心投入学习。为了让学生知道怎么学、学到什么以及知道学会了后具备什么能力，在教学内容安排上要以实际项目或目前应用中的项目为教学内容。
4.2课程教学方法
在进行实训教学过程中，可以选择合适的教学案例始终贯穿在整个教学过程中。在“因需施教”的教学内容安排中，不断的将“教”和“学“的传统教学模式进行提炼分析，尽量做到以“学生为中心”的教学模式。在这样的教学中，学生会不断地在教学案例的设计中获得成就感，这样就可以大大地激发他们的求知欲望，从而逐步形成一个实践能力培养的良性循环，同时还能培养学生们的独立探索、勇于开拓进取的自学能力。在进行实践课程的教学上，需要充分发挥学生们的主观能动性，教师基本上只是讲解基础知识点，不断的启发学生，鼓励学生在项目开发中积极应用学到的基础知识。例如，可以将《网页设计与制作》课程的总任务确定为开发一个企业的网站，同时根据涉及到的相关知识点，将课程总任务划分为若干个子任务，每个子任务再根据知识点划分为若干个由基本知识、基本操作构成的实验任务[2]。
4.3基于用户体验的教学网站建设
现阶段，网页制作课程在教学设计上学时量较少，然而，对这样的实践性要求高的课程，必须通过大量的课外练习才能达到较好的学习效果。由此可见，可以采用基于用户体验的教学网站设计，来达到快速吸引学生眼球、发挥课程网站对课程教学的作用。并且在教学网站内容安排上，既要有课堂教学内容，还必须结合课程安排大量有趣、巩固知识内容的课外练习。同时，这种用户体验式的教学网站也可以穿插一些基本的知识点。在课程网站教学的过程中，都基本上能能够体现网站采用的知识点，学生在通过课程网站学习的同时，也学习了网站的制作方法，从而增强课程网站对学生的吸引力。
4.4基于认证的课程培养模式
网页设计师不仅IT专业企业需要，广大的非IT企业也需要，就目前来看，社会对网页设计人才需求量是很大的。根据学生对网页设计课程的学习实际，努力培养学生能够从事网站开发、WEB技术等方面专业技能的IT高级专门人才。同时，可以根据目前网页设计认证方向为衔接点，鼓励学生参与考证，并且可以将ADOBE网页设计认证作内容作为培养方向，在实际的教学内容、网站设计中穿插一些网页认证的教学设计，起到以点带面、提高学生就业能力和水平的作用。通过对网页认证知识的学习，促使学生不仅能学到社会接轨的信息，还可以通过参加相关的认证考试，获得相应网页设计认证证书，从另一方面提高学生的专业技能和就业能力[3]。
4.5通过与企业的合作，增强学校办学活力
通过国际认可的专业认证制度,专业认证需要专业和职业有着非常密切的联系,在确保企业需求的前提下,可以确定人才培养的方向,并在这一过程中建立的专业认证标准,需要企业部门的专家的参与。
5结束语
经过多年以来对网页设计的教学，从中发现这门课程改革最重要特点是，一定要和社会需求相联系，同时培养的学生要适应社会就业需求，并且课程定位要明确与相关岗位技能全面接轨。同时，随着网页技术的发展和进步，网页设计与制作课程的教学也应当与时俱进，不断的改革和创新，还要加强与相关合作单位的实际交流，在整个教学过程中，教师也应不断的学习新的教学理论，不断更新自我的教学方法和教学手段，才能胜任专业课程的教学工作，为社会培养高素质的技术应用型人才。
参考文献
[1]李海燕.基于项目化的“网站规划与网页设计”课程教学改革初探[J].电脑知识与技术,2010(6).
[2]王愉,潘明明.响应式网页设计初探[J].北京印刷学院学报,2014(3).
