发布时间：2023-10-16 16:02:02
序言：写作是分享个人见解和探索未知领域的桥梁，我们为您精选了8篇的网页的设计与制作样本，期待这些样本能够为您提供丰富的参考和启发，请尽情阅读。
关键词:网页制作 课程改革 项目教学 个性化教学
一、互联网行业的潜在需求
在互联网时代,新兴行业层出不穷,例如新媒体、电子商务等新型传播方式和商业交易模式,为经济发展注入了新的动力。而不少传统行业也逐渐淘汰落后产能,引进各种新型电子智能技术和设备,纷纷建设电子信息网络平台与管理系统,以实现高效便捷的管理,并且极大地提高了生产效率。
(一)网页设计与制作课程的发展现状
在以往的教学过程中,教师往往只是从课本知识入手,着重传授相关概念和理论,而对于软件的操作,采取“为教而教”的方式,对学生的培养重在使用,而非实用。如此教学的结果是,学生虽然掌握了基本的软件操作方法,却只是停留在“知其然而不知其所以然”的阶段,一旦面临企业或者用工单位指派的实际任务,就会陷入一筹莫展的境地。究其原因,仍然是老师的作用没有充分发挥,没有培养学生良好的设计和规划意识,致使学生没有建立起完整的作品概念,更不用说创新意识和能力的培养。因此,应当明确的是,课程内容的教授应是“设计”与“技术”并重,甚至将设计理念提到更加重要的位置,让学生真正意识到开发与设计的重要性,培养独立设计与制作的能力,达到作品所应有的功能和视觉效果。
(二)网页设计与制作课程的培养目标
新课程教学目标中明确规定,我们应该确立以学生为主体的意识,明确以培养学生的实际动手能力和操作技能为教学目标。这样才能保证教学的目的和意义的实现。
网页设计与制作课程的教学就是面向实际应用,解决实际问题的实践活动,在教学过程中,老师和学生都应该具备目标意识和创新意识,在软件和网络知识的运用过程中,在实际问题的解决和网页的设计操作中,提高学生的网页设计技能和综合素质。倡导运用不同方式和灵活运用各种工具、寻求最佳途径的轻松活泼的教学,让学生参与到教学活动中来,提高学生解决实际问题的能力,培养学生的创新能力、服务意识和团队合作精神。
三、新形势下课程改革的新思路
互联网行业是近年来发展最为迅速的行业,也是自身更迭和淘汰速度最快的行业。顺应知识爆炸时代的需求,互联网行业的特点就是新鲜、快速和海量信息,而作为互联网依托之一的网页自然也要跟随时代潮流而变。作为新时代的技能型行业,网页设计与制作要求将最新的知识和科技融汇进来,才能保证不被淘汰。
(一)项目开发教学
1.协调好理论课与实践课的关系
任何学科的教授都是理论与实践相统一的整体,任何一方都不可偏废。但是对于注重实际能力的设计与制作课程,可以将理论的传授更加实用化。
2.案例教学或项目式教学
以案例或项目开发为教学载体,既生动活泼,同时在潜意识中培养了学生解决问题的意识和能力。
(二)打造学生的展示平台
利用学校的资源优势,为学生打造一个成果展示平台,促进学生间的互动和交流。利用每堂课的任务教学或者教学实例,引导学生开动脑筋,去寻求最优解决方案,并且满足他们展示与交流的愿望,建立一个开放活跃的学术氛围。
四、结论
综上所述,网页的设计与制作本身就是生动而充满乐趣的课程,教学的目的就是要让学生真正在实践中运用相关的软件和技术知识,并且在运用和实践的过程中锻炼思维,提高解决实际问题的能力,从而顺利走上就业岗位,成为实用型的技术人才。
参考文献:
[1]杨森,刘潇潇.网页设计与制作课程教学改革的研究与探索[J].办公自动化杂志.2010.(03).
[2]磨曙明.网页设计与制作课程中项目教学法的运用[J].新课程.2010.(05).
[3]敖冰峰,乔阳.“项目教学法”在网页设计与制作中的应用[J].科技创新导报.2010.(17).
[4]蒋红,包松颖.高职网页设计与制作课程的教学思考[J].宁波教育学院学报.2010.(06).
在实际的教学中，主要从以下几个方面来进行。
1.选择适合的项目。项目的确定不是随便进行的。第一，所选择的项目要能够将大部分的知识点都包含在内，还有能够与较多的知识点相结合；第二，项目的难易程度的确定，要根据学生的实际水平来确定；第三，所选择的项目要能够被大多数的学生接受并且喜爱。因此，项目的选择是第一步，也是比较关键的一步。
2.项目的设计。对网页设计与制作专业的学生来说，他们主要的学习内容就是将网页进行美化以及实现网页的功能，要能够掌握基本的Html语言，要会使用Dreamweaver、Photoshop以及Flash等软件来进行美观并且实用的网页的设计。网站的建设可作为一个整体的项目，之下可以分出一些子项目。可以以“在线留言板”来作为课题。它包含了HTML、CSS以及VBScript这三个方面的内容，与学生的学习能力比较适宜，此外，它也是比较通用的，在很多的网站上都是不可或缺的，有应用价值。首先将学生分成小组，每一个组都要有一个组长，组长来进行项目任务的分配，每一个组员都要有专门的职责，并且要定期的进行会议的召开，来报告各自的工作进度。如果有哪一个人遇到了困难，小组之间要共同的解决。
3.项目信息的收集。在这个阶段，要使学生对项目进行熟悉。在教师将项目确定好之后每一个学生都要根据项目的要求以及自身的情况，来对相关的信息进行收集整理以及分析，然后确定工作的计划。
4.确定方案。学生经过分组讨论之后，要确定最佳的方案。将个人工作与小组工作相互结合，每个人要事先做好计划，小组间来进行讨论，小组的每一个成员都要提出自己的意见和看法，最终来确定最好的方案。在此过程中，教师要进行指导。
5.项目实施。计划方案确定之后，小组内的每一个学生都要按照计划方案来进行计划的实施。项目组长来将任务划分给每一个同学，每一个同学都负责不同的部分，并且要独立的完成任务。
6.教师检查项目。在项目完成之后，学生要对项目的结果进行检查，然后再由老师进行质量的检查。并且将其完成的作品进行公开的展示，让学生来找出优点以及缺点。要让学生进行自评以及互评。这样，可以使学生锻炼他们的责任心，提升他们的质量意识，并且可以学习评估的方法。教师不但要对内容检查，还要检查其实际的功能效果。
【关键词】网页设计与制作 教学理念 教学策略 考核方法
【中图分类号】G71 【文献标识码】A 【文章编号】2095-3089（2014）08-0228-01
随着信息技术的迅速发展，网络在人们的生活中扮演着越来越重要的角色，使人们的生活方式发生了翻天覆地的变化，上网已成为一种潮流。因此，网络成为信息革命的主导力量，它能承载巨大的信息量，是世界最大的资源宝库，由于网络可以实现资源共享，人们越来越习惯在互联网上搜索信息。而Dreamweaver网页设计与制作是现代计算机网络技术中最受欢迎的技术之一，自然而然《Dreamweaver网页设计与制作》课程也倍受学生的青睐。该课程具有自身的特点，它对学生的操作能力和实践能力要求比较高，主要是要求学生能够熟练掌握Dreamweaver制作简单的静态网页。通过使用Dreamweaver软件掌握基础网页设计与制作的基本方法，综合所学知识能够建立基本的静态网站，成为社会所需人才。因此，本文根据社会的需求，就如何使学生更好地掌握Dreamweaver网页设计与制作进行探析。
1.改变教学理念，激发学生的学习积极性
根据社会发展的要求对本课程的教学内容进行了一定地调整。课程教学内容的调整必定涉及到教学理念的改变。由于调整后的课程教学内容主要由当今实用的、流行的新技术几个部分组成，如Html和fireworks的使用，而这几个部分的内容具有较强的实用性、操作性。因此，教师讲授时应该抓住Dreamweaver这条主线，将课程内容融会贯通，整理思路，便于学生接受和掌握。
在讲授理论知识的时候学生会觉得Html语言很乏味，这种操作性强的内容如果不进行及时的实践操作，掌握起来很困难，一旦能让学生看到自己亲手操作后的效果就会有一种成就感，这样就能激发学生的积极性，强化所学内容，增强自己的动手操作能力。
众所皆知，兴趣是最好的老师。如果学生有浓厚的学习兴趣就会积极主动地学习，集中注意力，注重每一步操作的细节。因此，在教学的过程中，教师要激发学生的积极性，培养学习兴趣。如第一章介绍网页制作的基本内容和相关操作步骤时，教师就要结合具体的实例进行具体讲解，介绍有代表性网站的整体布局、网站风格等网站的相关内容。由此学生就能触类旁通，根据自己的想法制作和设计出意想中的网站风格，从而产生制作个人网站的欲望。这份欲望给了学生巨大的动力，也是学生学好网页制作的前提条件。
2.改进教学方法，提高学生的动手能力
《网页设计与制作》课程要求学生具有较强的动手实践能力[2]。不仅要求学生能够熟练使用Dreamweaver进行基本的网页制作，还要求学生能够根据所学知识解决具体问题，能够灵活运用到实际操作中。
《网页设计与制作》课程的教学要循序渐进，首先学习网页设计与制作的基础知识，然后要学习如何美化网页、使用各种工具进行操作，最后综合所学知识制作一个简单的网站，使所学知识能够融会贯通，灵活运用，这样就可以有效提高学生的整体性思维能力，增强学生的动手能力。
3.改革考核方法
考核是任何课程进行测试的一种方法，Dreamweaver网页设计与制作课程也不例外。改革考核方法一方面可以帮助教师改进教学方法，激发学生学习的积极性[3]。以前一些操作性和实践性较强的课程也习惯用笔试的方法进行考核，考核的内容都是一些理论知识，根本不能反映学生对所学课程的具体情况，这与该课程的要求相悖[4]。因此，在“网页设计与制作”课程中，要采用多种考核方式，把学生的成绩分为三部分，分别为平时考查成绩、综合作业、期末考试。
考查成绩主要是根据学生在上实践课时的表现来评定，此部分成绩占30%；综合成绩则以学生在规定的实时间内完成的设计方案来考查学生的动手实践能力，教师根据学生的设计方案评定学生的综合成绩，评价学生的专业技能，这部分成绩占30%；最后是期末上机考试的成绩，考试形式为开卷式，只对最终网页的制作效果提出要求。这样学生就能根据自己的想法设计出不同风格的、有自己个性的网站，提高学生的整体思维性能力，最终的考核质量作为学生的考试成绩，占总成绩的40%。
总之，改革Dreamweaver网页设计与制作课程的考核方法，有利于激发学生的学习积极性，培养学生的学习兴趣，提高学生的整体思维性能力，进一步提高学生的动手能力和实际操作能力，从而提高教学质量和水平。
4.结语
经过上述分析得出，在Dreamweaver网页设计与制作的教学过程中，不仅要改变教学理念，激发学生学习的积极性，还要改进教学方法，提高学生的动手能力。除此之外，考核方法的改革也是必要的，以此来提高教学质量和水平。
参考文献：
[1]黄学群.《网页设计与制作》课程的教学探讨[J].今日南国，2011，12（08）：105-106.
[2]陈风芹. Dreamweaver网页设计与制作教学探讨[J].教学园地，2012，25（12）：255-255.
【关键词】网页设计与制作；校企合作；岗位
1.调研目的
掌握行业发展动态，从理论发展、行业应用、等方面掌握第一手资料。
掌握行业新技术应用的情况，各种新技术的特点和发展前景。
掌握新技术应用带来的工作流程、岗位设置和岗位职责的变化。
掌握最新的行业职业标准。
掌握新技术应用对学生专业技能提出的新要求。
掌握行业对学生综合职业素质的要求。
了解行业内企业的基层组织形式、工作环境和企业文化。
2.调研对象
从两方面选择调研对象：一方面是北京地区与《网页设计与制作》课程相关岗位的成功企业；另一方面对58同城、赶集网、智联招聘、前程无忧四家招聘网站上与《网页设计与制作》课程相关的岗位进行网上调研。
3.调研方法
我们走访了北京地区做的比较成功的企业，同时我到北京优腾科技有限公司实习半年，北京优腾科技有限公司运营的望京网——都市生活新媒体社区服务网站，在北京市乃至全国都是优秀的社区网站，实习期间调研了该企业所需的岗位，及各个岗位的工作流程环节以及相关工作岗位的能力要求，了解最新行业动态和标准。
具体调研工作步骤如下：
1）与企业高管交流。了解行业目前的市场状况和发展趋势；了解行业的新动态、新技术以及未来的走势。
2）与部门经理交流。了解具体岗位的工作内容以及对学生的要求；了解所调研企业的部门和岗位设置、工作内容、技能和能力要求，并对调研结果进行客观地分析、对比和评价，为课程建设提供依据，深化理论与实践的结合。
3）与人力资源的主管沟通。了解从企业招聘的角度了解企业对学生的要求，教师与学生到企业实习的问题，企业兼职教师的聘请等方面的事宜。
4）与专业人员沟通。从员工的角度出发，了解做好自己的工作需要掌握哪些技能和知识。
5）与毕业生交流。通过座谈会的形式，了解学生在工作中遇到的问题和行业对学生综合职业素质的要求。
6）相关行业网站。从相关行业网站上搜集信息和资料，以便掌握最新行业动态和标准，了解相关政策法规等。
通过58同城、赶集网、智联招聘、前程无忧四家招聘网站对北京地区的人才招聘信息收集两万多份，将技能要求相似的岗位进行合并，从中筛选出与《网页设计与制作》课程相关的职业岗位200个，对这200个岗位进行分析。
4.调研结果
（1）与《网页设计与制作》课程相关的岗位
无论是走访企业，还是网上调查得出了一致的岗位有：网页设计与制作、网页美工、网站管理、网页编辑。
（2）岗位分布分析（见表1）
（3）相关职业岗位的知识要求（见表2）
（4）相关职业岗位使用软件的要求（见表3）
5.存在的主要问题
通过调研，发现我们实施《网页设计与制作》课程过程中存在着问题，主要有以下三方面：
我们采用的项目教学法，没有能真正体现企业的工作过程和工作环节的项目进行教学，所以需要对教学项目进行优化。
【关键词】任务驱动法；教学方法；网页制作
1.课程教学现状
网页设计与制作作为高职院校计算机技术专业的专业必修课，是一门知识性和实践性很强的课程。要求学生熟悉网页的基本理论知识和掌握网站设计与制作全过程。熟悉网页设计与制作的基本方法和常用技巧，能够熟练地使用网页制作软件Dreamweaver cs3制作出具有一定专业水平的综合型交互网站。高职教育的目标是培养技能型的应用人才，因此需要高职教师的教学要重点培养学生的操作技能，在教学设计中激发学生的学习兴趣，通过任务让学生明确本课程的知识目标和技能要求。
由于本课程涉及的知识点比较庞杂，技术技巧也比较多，学生要理解和掌握这些理论和技能，需要学生有主动学习的意识，在学习中要善于思考勤于实践，最终达到具有一定的应用能力。然而在教学实践中，教师使用传统的教学方法，以灌输式的方式逐一介绍软件的界面和菜单工具等，学生在练习中，往往会束手无策，虽然清楚软件的各种工具，但无法进行应用。没有操作的思路和方向。结果抑制了学生的积极性和创造性，从而降低了学习效果。概括起来有以下几个方面：（1）教学内容缺乏实践性、应用性不强，脱离了技术发展的步伐。（2）对教学对象特点分析不够，没有考虑学生的实际情况，忽视了学生的主体作用和职业素质要求。（3）教学方法过于陈旧，不适应现代高职教育的教学特点，对学生的积极性和创造性培养不够，职业特点不够明显。因此如何在教学中，激发学生的兴趣，让学生在“做”中“学”，在“做”中“会”。而把任务驱动法引入教学中是课程教学改革的有益方向。
2.任务驱动教学法
任务驱动教学法，是一种基于建构主义学习理论为基础的教学法。要求在教学过程中，教师巧妙的设计任务，把教学内容蕴含在任务之中，学生在具体的任务中，提出问题，并经过思考和教师的点拨，自己解决问题，从而完成任务。以培养学生的分析问题，解决问题的能力，激发了学生的积极性，掌握了技能，获取了能力。任务驱动教学法在应用中要注意几个原则：（1）任务要吸引学生。任务要贴近学生生活中关注的兴趣点，把实际问题设计成教学任务，从而激发学生的学习热情。学生通过学以致用，解决问题会产生一种成就感。比如让学生制作乐器、体育用品、明星达人等的图片展示的网站。或者制作一个招聘网站，具有注册、提交、岗位浏览、会员登录等功能。（2）任务设计要有知识的连贯性。学生在任务中能用学过的知识技能，分析问题并提出新问题。比如在制作相册的网站中，学生已经掌握了图片链接的知识，引导学生分析问题，进而提出如何布局网页，把图片嵌入到网页中，方便浏览。任务的设计要使得知识点前后呼应有连贯性，即巩固了已学过的知识，有学会了新知识。从而形成一个系统的知识建构。（3）任务设计要有层次感。由于学生的基础和掌握知识水平能力的差异，任务的难度要有一定的弹性。在任务要求中，既要满足教学目标的要求，又要注意提供知识的探索空间。保证大部分学生要完成指定的简单任务，又要让学有余力的学生可以有更多的收获，有效发挥学生的创造性和解决问题的能力。从而让不同层次的学生都有所收获，并体验到学习成功的喜悦，增强了学习的信心。
3.任务驱动法教学应用
任务驱动法教学模式要求，教师在备课中，把所要教授的知识点巧妙设计到任务中。然后在课堂教学中，教师要创设情境，引出任务，呈现整体任务。教师把目标要讲述清楚，让学生明确任务要求。在接受任务后，要引导学生要分析问题，分解任务，并制定详细的任务完成计划，通过自己的思考和教师的帮助来解决问题，从而完成任务。教师对任务进行展示，学生交流，最后给出评价和改进措施。在整个教学过程中，要以学生为主体，教师为主导，在师生的积极互动中完成教学目标。整个流程可分为创建情境引出任务、提出问题分析任务、教师引导完成任务和展示交流评价任务四个阶段。
以制作个人相册网站为例，具体教学流程如下：（1）提出任务。课上教师引出任务。比如任务是制作一个相册网站，基本功能有可以点击浏览具体信息（如拍摄时间地点人物等介绍）、支持分页浏览。扩展功能要求用户注册成功后，可上传图片，可浏览相册，单击每张图片可查看照片基本信息。（2）分析任务。首先对功能分析，用户注册成功可登陆网站。此功能需要什么方法实现？提示学生可以通过使用asp语言，编写代码实现判断用户是否可以登录。上传图片的功能如何实现，提示学生需要后台建立数据库，后台选择图片单击命令可实现把图片上传到指定文件夹。数据库是存放图片信息的载体，如何设计数据表？在分析任务过程就引出了新内容，其中基本要求是可浏览的相册，这个功能可以讲授在Dreamweaver中的相册生成功能。任务计划可以先准备素材，在建立网站，设计主页，然后演示Dreamweaver中的相册生成操作。对于能力较好的学生可鼓励学生通过ASP与Dreamweaver结合制作具有动态功能的相册，实现注册，上传图片和浏览相册的网站。教师可讲授ASP实现用户注册的代码，access数据库如何建立数据表，如何实现上传等扩展内容。（3）完成任务。教师要帮助学生分解任务，把大任务分解成一个个子任务，要有合理性和可执行性。比如此网站可分解为建立站点任务、注册登录模块任务，设计数据表任务、图片上传模块任务、主页制作任务、浏览模块任务等。学生在独立完成任务过程中，教师要适时给与帮助，监控整个过程的进展，给与需而生必要的点拨。学生在实验过程中，会提出别的方法和问题，教师要给与指导。任务的设计是有弹性的，所以完成标准也是有差异的，教师需要在教学过程结束前对任务扩展和细化，使得所有同学都能有所收获。（4）评价任务。当任务完成后，教师要展开对学习成果的展示、交流、讨论、分析和点评。及时反馈学生在学习中的问题，了解学生掌握情况，进一步激发学生学习动力和完善其知识的建构。学生在交流展示中，获得了成就感和自信感，教师的点评对学生强化知识理解有重要作用。对于评价可从多方面进行，学生自评、互评和教师评价结合，对于实践性很强的课程，不妨采用学生的作品评价为主，让小组互相打分，评出等级，作业的质量也反映了学生的利用知识处理问题的能力。
4.结束语
任务驱动法是当今高职教学中普遍采用的方法，但对于实施落实情况仍需要科学对待。没有万能的方法，只有最适用的方法，即使同一门课程，也是有的内容适合采用，有的并不适合。任务驱动法不可忽略基础知识和理论知识的学习，所以在实际应用中要灵活多样，真正做到理论实践相结合，科学使用任务驱动法，培养具有创新性的应用型人才。
参考文献：
[1]孙文新，杜玉红.任务驱动法在信息技术课程中任务的设计[J].深河职业技术学院学报，2008，7（2）.
[2]丁肖忠，倡导.以“任务驱动”组织信息技术科教学[J].中国信息技术教育，2010（6）.
【关键词】 三环双向 网页设计与制作 教学改革
【中图分类号】 G434 【文献标识码】 A 【文章编号】 1006-5962（2012）08（b）-0184-02
1 引言
网页设计与制作是一门综合性很强课程，涉及文字排版、图形图像处理、动画制作等多方面内容，它不仅对技术有较高要求，也是艺术的体现，因此要求学生具备一定的创新精神和综合实践能力。传统的网页课程教学，重知识、轻能力，重技术、轻艺术，忽略情感教育，学生处于一种被动接受知识的情境下，势必导致学习兴趣下降，创新精神受压抑，综合实践能力得不到明显提高。本文提出了一种三环双向的教学模式，并将这一教学模式运用于网页设计与制作课程中，使该课程的技术和艺术在教学中能很好结合。
2 三环双向教学模式的理论依据与功能目标
2.1 三环双向教学模式的理论依据
罗杰斯（C.R.Rgers）的人本主义学习理论中，学习的基本观点可以概括为以下两点：个人具有学习的潜能；意义学习是学习的本质[1]。这种意义既理解和记忆的过程，又包含价值、情绪的色彩。布鲁纳认为只有有结构、有系统的存储知识，才有助于提取知识，有助于增进学习中的迁移，激发学习动机或学习兴趣。而培养能力就是要提高知识与知识之间的联系的能力、生成的能力。为了提高能力，应积极主动地、有意识地增加知识之间的联系，让知识之间的联系多样化、深入化、全面化，并主动在知识联系的交叉点上生成新的知识。
2.2 三环双向教学模式的功能目标
该模式的功能目标是指运用三环双向教学模式所能产生的实际教学效能及其标准。以学生可直接观察的行为和其身心变化为依据，它具体反映了模式设计者对按该模式进行教学能在学生身心上造成何种变化的一种期望或要求，在一门课程完成之后，学生的专业知识、专业能力、专业情意全面提升，有较强的团队协作能力、综合实践能力和创新精神，实现知识、能力、素质目标的三位一体。
3 三环双向教学模式涵义
三环双向教学模式中的“三环”指情感态度、知识、能力，“双向”指这三者之间的相互关系和作用影响。情感态度是指兴趣、动机、自信、意志和合作精神等影响学习过程和学习效果的相关因素。知识，是人改造自然过程中所获得的认识和经验的积淀，分显性和隐性，前者具有可整理、编辑和传播的特点；后者只能通过内心感悟的过程中来认识。在学习过程中，记忆是对知识材料的输入和重组，使其与其他知识材料建立联系，形成主体的思想、方法和精神内容的创造性活动。一个人不能再现所学知识，便无法建构知识应用、操作能力。能力，指主体可胜任某种操作的本领，设计操作活动所须具备的主观条件和实施方式。能力虽为知识的前提，但获得知识并不自动等于拥有能力，因为知识只有外化为可产生某种效率效度的操作力，才被视为能力。三环双向教学模式如（图1）所示。
（图1）中情感态度是获取知识和培养能力的动力，反之又将升华情感。掌握知识是发展能力的基础，学生对知识理解掌握得越深刻，越有利于能力的发展。能力发展是掌握知识的重要前提，掌握知识快慢、难易、巩固的程度依赖于能力，没有一定的认知能力（如感知能力、记忆能力、思维能力等）就不能掌握知识。传授知识与培养能力是对立统一的，它们相互联系，相辅相成，两者都是教学的基本任务，都很重要；应是同时进行的，不能有先后之分。
4 三环双向教学模式在网页设计与制作课程中的运用
在网页设计和制作的课程教学中，应努力去处理好知识、能力与情感态度三者的关系，找准一个平衡点，既关注知识的传授，同时在这过程中又培养学生的能力和发展学生良好的情感和态度。
4.1 网页设计与制作课程教学模式
网页设计和制作课程是技术和艺术的结合，在学习该课程前，学生一般都已具备一定的文字排版、图形图像处理、动画制作等多方面能力，并且也浏览了为数不少的网页。情感是人对客观事物是否符合自己需要的态度的体验，事实表明，情感因素是影响教学质量的一个重要的因素。首先引导学生欣赏网页，包括网页的版式、色彩、文字、图形以及多媒体等网页特有视觉元素的鉴赏，使学生能够更好更有效的接受信息并产生对美的网页的愉悦心情。积极丰富的情感能调动学生的积极性和主动性，在此基础上，教师可根据学生的知识结构和认识水平对网页设计和制作课程教学内容进行的加工，使所传授的内容同学生原有的认知结构建立实质性的联系，激发学生积极主动的从自己原有的知识结构中提取有联系的旧知识来作为掌握新知识的基础。在教学过程中注意学科理论与实践的结合，掌握知识与培养能力的结合。通过教师的启发与总结，使学生实现科学知识和道德情感的内化，在设计和开发网页过程中陶冶情操。根据图1三环双向教学模式，对网页设计与制作课程教学模式具体情况描述如下（见图2）：
4.2 教学案例运用
现以网页的色彩为例，描述三环双向教学模式具体运用。
（表1）通常学生已具备一定的色彩知识和审美能力，基于此让他们描述对色彩的喜好。在教学中，通过对多项网页作品的欣赏和点评，引导学生进行网页色彩搭配设计，并且对一个网页搭配出多种风格的色彩组合，然后利用代码书写应用于网页制作中，一个网页的多种色彩搭配设计有利于提高学生的设计、创新等综合能力。作品设计完成，让学生对彼此作品色彩传达的心理作用描绘出作品表达的观念。这一案例的三环双向教学模式运用，实现了艺术和技术的结合，首先利用学生的审美等艺术素养调动他们的积极性，对作品进行艺术设计，接着以技术实现艺术设计作品，最后由完成的作品提升艺术素养陶冶情操。
5 结束语
网页设计的出现本身就是跨学科的结果，这种特性在未来的发展中会表现得更加明显，单纯的学习技术或者艺术，都无法满足网页设计开发。我们尝试采用三环双向教学模式进行教学，将技术和艺术很好结合在一起，学生的创新精神和综合实践能力都得到明显提高。
参考文献
[1] 向海英.罗杰斯人本主义学习论及对当前我国教育改革的启示[J].山东教育科研，2000：69-71.
[2] 朱峰.布鲁纳“发现学习论”对我国教育改革的启示[J].重庆科技学院学报（社会科学版），2008（6）：188-189.
[3] 李亦菲，朱小蔓.新课程三维目标整合的KAPO模型[J].天津师范大学学报（基础教育版），2010（1）：1-10.
关键词： 《网页设计与制作》 教学有效性 专业技能 提高
21世纪是网络、信息的时代，随着网络发展的日新月异，互联网给人们的生活带来了一系列根本性的变化。网络的迅速发展和普及也同时酝酿出一个全新的设计领域――网页设计。在目前的各种院校的计算机相关专业中，网页的制作与设计成了一个必须要掌握的专业技能。但事实上，很多计算机专业中职毕业生的计算机水平还只是停留在很低的层面上，再加上用人单位对计算机从业人员的要求越来越高，使他们很难能满足市场竞争的需要。造成这一结果的其中之一的因素就是我们现行的教学方式方法过于陈旧，提不起学生学习的兴趣，甚至是让学生产生厌学心理。作为一名工作在教学第一线的老师，我们有责任去思考如何提高教学的有效性。在此我根据自己这几年的教学实践，谈谈如何提高《网页设计与制作》教学的有效性。
一、确立正确合理的教学目标
网页制作这门课程对学生来说是个比较陌生而好奇的项目，他们都希望自己能通过这次课程的学习来获得一个新的技能，制作出漂亮的网页来。一直以来，我们对于《网页设计与制作》这门课程制定的教学目标都是：让学生熟练掌握网页制作技能和技巧，也就是能够跟着老师一步一步走下去。这样学完之后，我们从考核结果来看是不差。但是我们却忽略掉了一个很重要的能力，就是设计能力，网页除了制作能力之外，更应该重视的是设计能力。很多学生在学完课程之后，如果老师布置一任务，要求自己找资料，独立完成一个网页，这时候往往无从下手。所以新学期我制定的课程目标是：了解熟悉网站的开发流程，能够根据任务的不同来设计网页，学会网页制作的技巧，利用网页制作工具制作出自己设计的网页。
二、学习网页制作工具及美化工具并重
在工具软件的选择上，我们的原则是选择最流行的，因为流行的软件一般用户多、功能强、有生命力。网页制作一般需要网页制作软件、图像处理软件和网页动画制作软件的配合使用。
用于网页制作的最为常用的专业级的软件是FrontPage和Dreamweaver。这两个工具软件都提供了图形化的设计界面，FrontPage重视网页的开发效率、易学易用的引导过程，适合于网页设计的初学者；而Dreamweaver主攻的是网页高级设计市场，适合专业的制作人员使用。鉴于Dreamweaver在网站管理和网页编辑方面的卓越表现，我们采用它作为课程用软件。
三、教学过程中设计好实例
在本课程的学习中，任务驱动法是比较适合的。学生在完成一个一个的实例过程中，会获得成就感、满足感，也就有了继续学习的兴趣。选择和设计教学实例的目的是为了使学生掌握网页设计的理论知识，提高学生设计和制作网页的实践能力。网页实例的设计除了具有明确的目标外，还应遵循由浅入深、循序渐进的原则，同时考虑分散知识点中的重点与难点、知识的前后序关系等。一个教学实例的难度对教学效果影响也比较大，在实例设计过程中，我们要注重网页设计基础知识与基本技能的训练，应避免重点与难点过于集中而导致的学生兴趣下降和产生畏难情绪。比较妥当的实例难度是大部分学生能做出来，但又存在一点点疑问。同时实例的设计应尽量结合网页设计的实际应用，这样可使实例既有新鲜感、可操作性又具有趣味性。
因此，我们在选择和设计教学实例时应注意：（1）实例必须具有教学性：通过直观的网页实例可以形象生动地展示学习的目标，能使学生的明确所学知识的实用价值，从而提高学生学习的兴趣和积极性，这也是运用实例教学的主要目的。教师要根据教学内容及目标要求来确定每个网页实例，因此选择实例应紧扣教材和教学大纲，使其具有教学性，能为教学目标服务，更要符合教学的需要。（2）实例必须具有典型性：所选择的实例要能充分地考虑理论知识点和操作技能等学习目标，应遵循由简到繁，由易到难，循序渐进的原则。所选择和设计的网页教学实例要能突出重点，突破难点，真正起到帮助学生理解如何制作和设计网页的作用。（3）实例还必须具有针对性：选择和设计的教学实例应针对学生的实际兴趣和接受能力来选择。这样学生就会学得兴致盎然，轻松愉快，教师的点拨也易明易懂，事半功倍。
四、注重HTML语言教学
无论什么类型的网页，其基本结构都是HTML标记，所以认识、了解HTML标记的含义是非常重要的。认识HTML代码，在一些必须要修改HTML代码的情况下（如添加网页特效的Javascript代码、添加背景音乐时）就不会感到无从下手，也为动态网页的学习奠定基础。而往往教师认为学生对于计算机语言的学习不感兴趣，也没有一定的基础，所以对这一部分常常忽略掉，这其实是做网页中的大忌。本学期，在网页制作的讲解过程中，我将HTML语言带入到教学过程中，先教会学生如何来看懂HTML语言，然后让学生再根据原有的HTML依葫芦画瓢地自己编写HTML语言，最后达到能够自己编写简单的HTML语言的目的。
五、加强团队协作
在给学生实践操作过程中，教师可以使用学生独立完成任务与团队完成任务相结合的方法。对于一些比较简单的任务，我们可以要求每一位学生独立完成。而对于一些较大的任务，则采用学生互相帮助的方法。由学生自主选择为主，加上老师的一定的调剂，最终由2到3名学生组成一个小团队，教会他们分工组织的方法，让他们自己去设计网页，鼓励学生到网络上搜索素材或自行设计素材，最终完成各个页面。以前我在教学中，很少去开机房的网络，主要担心学生在网络上聊天、打游戏。但是本学期我在机房中将网络开下来之后，发现打游戏、聊天的情况甚少，主要是因为学生有事情可做了，他们团队之间会互相监督、互相帮助，而且不同的团队之间也会有比较、有竞争。这样可以大大提高学生学习的效率。学生在学习到技能的同时，也学会了怎样来与人交流、沟通。
六、设计合理的评价手段
传统的考试方式很难真正进行有效的考核。因此，我们进行了考核方法的改革，首先采用常规的笔试、上机操作，考核学生掌握基本知识、基本技能的情况，还采取口试，考核学生对整个项目开发的思路及开发方法，同时考查学生口头表达能力、与人沟通能力。最主要的考核是以项目最后实现的效果及每个人完成工作量的情况、完成工作的质量及效率进行评分，由项目小组与教师共同打分。采取的形式有学生相互评价，小组评价，通过学生在小组中的表现，完成任务的情况，在小组中的表现进行评价。我要求学生在交流评价的基础上对自己获得的材料和做出的作品进行检验，验证自己的观点。通过对比师生评价结果，找出造成结果差异的原因，让学生反思他们在探究实践中所运用的解决问题的策略。
通过这次教学实践和反思后，我感觉教学方式不能完全照搬以前传统的教学模式，在新时期下可以利用更为丰富的教学资源――网络来进行教学。在以大力培养中职学生动手能力的前提下，大胆对传统教学方式进行改革是可行的。世上没有最完美的教学法，只有不断完善的教学法；没有一成不变的教学策略，只有不断改进以切合学生学习实际的教学策略。多对自己的教学过程进行自我反省，以就业为导向，旨在解决问题，能够使教师成为动脑筋的教师。通过自我反省，我们能增进对课堂，教学问题的认识，从而改进教学方式，提高教学效率。
参考文献：
［1］张阁林.网页制作技能教程.北京：电子工业出版社，2007.
【关键词】 工作过程系统化；《网页设计与制作》；课程开发
【中图分类号】G642.421 【文献标识码】A 【文章编号】2095-3089（2013）17-00-01
基于工作过程系统化的课程开发强调对工作过程行知识和经验性知识的学习，培养高素质技能型人才的要求，职业教育课程开发的起点是职业分析，基于工作过程的课程对现代职业活动与工作过程相关的典型工作任务进行整体化的分析和描述[1][2]。
基于工作过程系统化的课程开发有以下步骤：
第一步：本地区及周边地区人才市场调研；
第二步：职业分析；
第三步：提炼本课程所设计的职业行动领域；
第四步：按照工作过程系统化对课程知识体系进行解构和重构；
第五步：精心设计教学内容和教学过程；
第六步：精心学习情境设计。
总结起来就是：工作任务分析行动领域归纳学习领域转换学习情境设计[3]。
一、工作任务分析、行动领域归纳
《网页设计与制作》相关的职业岗位有网页设计师和网页制作师。我们课程团队对珠江三角洲的一些企业走访调研，对已在相关岗位就业的毕业生进行回访。调研的范围主要涉及以下几方面：（1）工作具体的流程；（2）工作中常用的技术；（3）负责设计与制作的网站类型；（4）你认为学校的教育对你现在工作的影响等。对收集的调研资料，我们课程团队总结出网页设计师的主要工作任务：（1）负责网站项目的整体版式、风格设计（2）根据网站策划对网站整体框架的设计；（3）网页的具体设计制作；（4）协助网页制作师完成网页的制作。网页制作师的主要工作任务：根据网站说明书和网站设计图完成网页的制作。
二、学习领域
网页设计师这个岗位涉及到美工方面，我们网络系统管理专业相关的课程只有photoshop和《网页设计与制作》，美工方面的知识只能是学生根据自己的兴趣爱好自己补充，但是没有美工专业基础，还是有很多计算机专业的人从事这个职业。根据调研结果我们确定《网页设计与制作》的主要教学任务是让学生掌握网站设计开发的流程与方法，掌握DreamWeaver开发工具设计网站和制作网页，培养学生设计网站和制作网页的能力。
三、学习情境设计
根据行动领域的归纳和学习领域的转换，我们选择了个人主页、班级网站、商业企业网站、旅游网站、商业购物网站作为课程的教学项目，总结为三个学习情境：小型网站网页设计与制作、中型网站网页设计与制作和大型网站网页设计与制作。具体的学习情境设计如下表1：
其中拓展项目可根据校企合作的情况和学生兴趣小组进行补充和更改，每个学期每个班可以不一样。
参考文献
[1]姜大源，职业教育学研究新论[M]，北京：教育科学出版社，2007。