第五，单击菜单“窗口”中的[框架]，显示[框架]面板，在[框架]面板中，选中“mainFrame”，在[属性]面板中将“滚动”设为“自动”。

　　第六，在顶部的框架中插入图像。在左侧的框架中插入一个7行1列的表格，在表格中输入文字。

　　这个例子用框架布局整个页面，但在框架里又嵌套了表格，这就实现了框架和表格有机结合，让页面布局更加灵活。

　　表格是用于划分页面区域的。使用表格布局页面的好处是：表格方便排列有规律、结构均匀；使用表格会使页面结构清晰、布局整齐；表格可被绝大部分的浏览器所支持，具有很好的兼容性。表格的缺点是容易产生垃圾代码，影响页面下载时间，灵活性不大，难于修改。

　　框架则是用于分割浏览器窗口的，框架可以将一个页面拓展为多个页面，每个页面都可以显示不同的网页。框架的优点是支持滚动条，方便导航。框架的缺点是：难以实现在不同框架中精确地对齐各个页面元素；保存时不方便，应用范围有限；兼容性不好，并不是所有浏览器都提供良好的框架支持。

　　使用表格和框架对网页进行布局，各有利弊。初学者要根据不同网页页面的要求做出良好判断。

　　互联网技术的推广与发展进程不断加快，对人们的日常生活与工作各方面都产生了重要影响。网页的设计与制作随着网络技术、科技水平的发展受到人们的高度重视，其主要是将网络作为主要载体，将各种信息以更加快捷、方便的形式传达给人们。根据相关数据统计显示，从事网页设计制作的人员达到了300万之多，但在网页设计发展过程中还存在诸多问题，因此应突破网页结构单一、空洞等问题才能将网页的设计与制作水平进一步提升[1]。

　　Web标准不仅仅作为标准，其主要是对一系列标准进行组合。一般的网页中主要由结构、行为、表现三部分共同组成，并与XML、XHTML相对应，表现对应的标准可以将其成为CSS。1.1.1结构在结构中主要的技术可包含拓展超文本标记语言与可拓展标记语言，在网站王者设计中主要将其应用在网页数据分类以及整合方面。在两个标准中，XML的表现形式为源语言，其主要是让用户字自身的语言进行标记与重新定义，具备较强的数据转换功能。1.1.2行为在Web标准的行为中，主要包含ECMAScript[2]与对象模型。其在网页设计与制作中主要可以应用在交互式的操作网页文档方面。其可以将界面上操作对象实施的交互操作有效实施，利用DOM可对对象有效定义与修改，还可将对象之间存在的各种关系有效处理。1.1.3表现其中最主要的技术便是CSS，通常人们将其成为层叠样式表，在网站网页设计中可应用改在控制浏览器的显示方面，其也是决定网页设计风格的主要因素。

　　在基于Web标准进行电子商务网站网页设计的过程中，主要包含内容分析、结构设计、方案设计三部分。在进行布局设计的过程中，可利用XHTML与CSS对页面进行合理布局，可实现网页布局的目标。在进行设局实际过程中，可利用CSS与美工设计元素互相结合，将设计方法转化为最终的网页。

　　网页设计作为视觉语言的主要表达方式，应进行合理的编排与布局，从而确保网页的布局更加清晰、合理、内容充实。在进行网页版面布局的过程中，应将网页设计的更加醒目，使用户在使用过程中对各项功能一目了然，其他部分的版面设计应与主页的风格保持一致。较为常见的布局模式包括国字型、厂字型等。本文将以汽车用品为主的销售网站作为案例分析，由于汽车商品类型多样[3]，在设计网页过程中，应将商品的导航以及产品展示作为重点。案例中采用的网页布局为框架型布局方式，可将页面分成各种模块。在网页左边为纵向的导航栏，右边则为商品的展示栏。在网页底部呈现了网站的基本信息与商家的联系方式等信息。在网页模板的顶部与底部都会出现在每一个网页的同一位置中。

　　在对汽车销售网站进行网页开发过程中，可将其乘坐为模板，将其抽象地分为不同区块，其中包含核心流程业务模块、展示功能模块等。在将模块开发完成后便可投入使用。在用户浏览、操作网页的过程中，程序员可通过后台进行可视化的管理与操作，用户可以将不同的模块进行拖放配置，构建个性化的网页布局设计，方便用户的使用与浏览。用户在操作汽车销售网页过程中，其中的框架作为页面的骨架，决定了页面的整体布局与模块摆放区域。框架通常采用的是HTML文件，其主要为了将页面进行区分，还会在适当的位置对模块进行放置，可用{widgets}代码进行表示，方便用户在使用过程中利用可视化编辑将模块进行合理配置。对于板块区来说，其能将汽车销售网站最为个性的地方进行呈现，可利用模块内容将网页的更新实现，在网页页面中的各个模块都有指定的ID，模块的区域能呈现竖向摆放的形式，或呈现多个商品内容。模块为独立形态，可对不同的边框进行切换，从而将呈现样式进行改变。在网页模块的顶部与底部都会出现在各个网页中的同一个位置，对于任何电子商务网站来说，应将网站顶部合理设计，才能拥有功能完善、结构清晰的网站顶部，从而提升网站的效益。

　　基于Web标准对电子商务网站网页进行设计与制作，可促进电子商务网站的运作效率，为用户提供巨大的便利，从而促进网站的使用效率与综合收益，还可提升电子商务网站的运行效率与性能。

　　[1]朱淑琴，魏威，张嘉萌.基于Web标准的电子商务网站网页设计与制作[J].计算机与现代化，2012，03：106~109.

　　项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。

　　在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。bob全网站(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。

　　在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单复杂综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，bob全网站从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。

　　在明确项目教学的内容后，教师集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。

　　项目教学的实施主要是引导学生为完成项目，而组织开展自主性的学习，以辅导学生依据项目学习中所需要的知识与技能，通过有效的学习方法来开展学习活动，激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后，进入具体“网页设计与制作”课程的学习中，一开始部分学生会感觉到制作一个网站，以我个人的能力，难以顺利完成教师布置的任务，又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力？针对这些问题，在进行教学时，教师需要将教学知识转变成学习任务，以学生合作的方式，然后详细讲解网页设计与制作的知识点，让学生结合参考目录和资料，来回答提出的学习问题：(1)什么是框架？有什么作用？(2)框架和网页之间的联系？框架的优缺点？(3)依据各网站主页布局，怎样合理地使用框架？这样学生不仅能够在合作的前提下，进行自主探究学习，还可快速找到问题的答案：在Web浏览器窗口中，HTML框架集文档显示的若干个独立的可滚动区域就是框架，框架集中每一个框架在Web浏览器窗口中，属于自己管辖区域内显示一个HTML文档，可使用选项内是否滚动和可调整大小来调整页面。

　　在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。

　　项目完成后的最后环节就是教师要进行及时客观的点评与总结，评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核，这种考核模式过于注重结果，忽略学生学习的过程，难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时，教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中，形成完善的课程考核评价体系，从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量，以了解学生掌握的技能，然后通过百分制的方式进行最后总评，依据40%的比例纳入到课程总评成绩中，实现评价的合理性[5]。

　　综上所述，项目教学在网页设计与制作中的应用，不仅能丰富课堂教学的内容，拓宽学生的知识面，实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核，将枯燥、乏味的文字变得更加生动有趣，让学生积极参与到项目活动中，充分发挥学生的主动性与潜力，进行自主性探究学习，以培养学生形成良好的学习习惯，从而促进学生全方面发展。

　　[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29)：139-140.

　　[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23)：113-113.

　　《网页设计与制作》是近年来计算机专业领域发展最快和应用最广泛的课程之一,社会的发展也急需计算机网页设计、面向不同应用层次的专业人才。但就是这样一门看似简单好学的技能课程,却往往得不到很好的教学效果。常常是在学生学过之后,不是不能独立地进行网站规划和页面设计,就是设计达不到应有的功能效果和视觉效果。为此,我在《网页设计与制作》课程的教学过程中,对教学内容、教学方法、教学手段等进行了长期的研究和实践,收到了非常好的效果。

　　《网页设计与制作》这门课是在学习了专业基础课之后的一门专业课,该课程的教学实践性较强,在教学中要极大的激发学生的参与性,锻炼学生的动手能力,培养学生的专业兴趣。注意引导学生学习理论与实践相结合,将理论应用于实践。这门课的典型特点是:易学易忘。所以在教材上我选用的是北京交通大学出版社出版的《网页设计与制作》。这本教材主要介绍利用Flash、Fireworks 、Dreamweaver制作网页元素并将网页元素制作成大型网站的过程。这本书深入浅出,图文并茂,采用大量直观、生动、实用的网页制作实例帮助学生理解。

　　网页制作技术不断地发展变化,新的技术、新的方法也在不断涌现,所以我们也需要将网页设计的最新、最实用的技术引用到课堂上去。课堂教学是传授知识的主要方式和场所,目的在于将书本知识转化为学生的知识和技能。为实现这一目的,我深入钻研教材,理清教材内容特点、编排次序和知识点之间的衔接关系,整理出一条条线索。如在上第一节课时,我会从网上下载一些经典的并具有代表性的网页给同学欣赏,在看的过程中一一的介绍并分解到书本的各个章节的知识点,提高学生们的兴趣与积极性。

　　教学过程是教师与学生之间信息传递及反馈的过程。“我认为教学的艺术不在于传授本领,而在于激励、唤醒、鼓舞。”因此,在学习过程中,给学生明确的思路,激励学生积极主动参与思考,运用任务驱动法、模块教学法,案例教学法和项目教学法等教学手段,引导他们在解决问题的过程中体验到学习带来的成功感和愉悦感,使学习兴趣长久地保持下去。

　　“任务驱动”教学法是一种以学生自主学习,教师加以引导的一种教学方法。它打破了传统教学方法中注重学习的循序渐进和积累的老套路,不再按照教学内容的从易到难的顺序,而是以完成一个“任务”作为驱动来进行教学,完成教学任务。在教学过程中,以若干个具体任务为中心,通过完成任务的过程,介绍和学习基本知识和技能,培养学生的自学能力、创新精神和合作意识。学生在上机实践时,我会布置与课程相关联的小任务,那么这些任务都是学生感兴趣的,要有浓烈的生活气息,让学生在密切联系学习、生活经验和社会实际的情境中去完成。

　　模块式教学(简称MES)是国际劳工组织在20世纪70年代开发出来的一种较为先进的培训模式。它是在深入分析每个职业(工种)和技能的基础上,严格按照工作标准(岗位规范),将教学大纲和教材开发成不同的教学模块,形成类似积木组合式的教学方式。

　　根据教材与教学的特点,将整个教学内容分为三个阶段,第一阶段使学生熟悉并熟练使用网页制作工具Dreamweaver8.0;第二阶段在网页制作过程中利用Flash制作动画;第三阶段在网页制作过程中利用Fireworks进行图片处理。每一阶段因材施教,分层次教学,提高模块化教学效果。每一阶段的教学内容完成后,在专业机房组织单元考核,以实现分阶段达标,最终使学生能独立设计小型WEB站点。

　　案例教学法,即在教师指导下,根据教学目标的内容的需要,采用案例组织学生进行学习、研究、锻炼能力的方法。案例教学法可分为案例导入、案例例证、案例讨论、案例结尾和案例练习等多种方法。

　　在课堂上我采用是案例例证法,通过精心挑选案例,明确提出需要掌握的知识点及操作技能,以案例带动知识点,贯穿整个教学过程。具体做法是通过具体案例提出任务,将任务分解到每次的课堂教学中实现,教学过程中为了调动学生的学习积极性,教学过程中常常采用互动方式,即老师提出一种解决问题的思路,然后让学生采用其他方式来解决同一个问题。

　　项目教学法是指通过实施一个完整的项目工作而进行的教学活动,采取小组讨论、协作学习的方式。

　　随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。

　　长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。

　　在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。

　　首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。

　　首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。

　　《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。

　　高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。

　　“网页设计与制作”从课程的名字看，我们要对网页设计与制作进行反思，它到底是艺术问题还是技术问题？

　　互联网已经与当今的我们息息相关，网页的设计与制作过程一直伴随着技术和艺术的争论。为此，我们有必要在开课前就让我们的学生明确：在网页设计与制作过程中，到底是技术重要还是艺术重要？还是两者都重要？

　　在教学过程中，我们要不断地提醒学生反思以下几个问题：（1） 网页设计与制作是为谁做的？（2） 谁会来看你的网站？（3） 网页设计仅仅是能看就行吗？（4） 如何考虑受众更多地和更有效率地接受网页上的信息？（5） 网页设计与网页制作有区别吗?（6） 技术和艺术如何更好地服务于网站？

　　作为课程的教学者和学习者，需要大家都可以作为一个技术和艺术的全能者，虽然我们每个人在各个方面都有所侧重，但只有很好地在设计与制作过程中，多些反思技术与艺术的问题，才能避免我们偏离网页设计与制作的初衷。

　　在教学过程中，教师要不断地提醒学生反思这个部分的技术在他的网站作品中是否用到？千万别因为让学生为了炫耀技术而采用多种风格的动画，添加少美感或与主题完全不相关的东西。别因为大量的技术使用加重了浏览器的负担，浏览器受带宽的限制，要学会为浏览器减负。

　　教师在讲课中也许会混用网站和网页，但是在设计与制作过程中，教师必须让学生对这两者有所共识：网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件，网页是网站的基本构成元素。网站也叫做站点，是提供各种服务和信息的基地。

　　学生可以深入区分开两者的异同之后，需要养成先建立站点，之后再在此基础上创建网站所需的相关文档的习惯。

　　网站的定位，对于网站的设计与制作有很大的影响，如何权衡网站的实用性和艺术性？也许我们要考量的有很多。网站的实用性和功能性固然重要，但不要忘记提升它的艺术高度。如何避免用教条的、形式化的方式设计网页，作品给人一种像是一个模子印出来的感觉。教师在教授学生模板使用的同时，也要提醒我们的学生，别因为使用了免费模板而自鸣得意，那些真正好的网页设计绝不是在免费模板的制作上而停步不前，一定是那些懂得如何发挥自身的创意思考，来积极创作属于自己风格，又能很好地宣传自己的网站的人才是线 系统性与适应性的融合

　　高职教学强调项目化教学模式和基于工作过程的教学法，如何让学生在把握基于工作流程的任务化项目式教学中，可以更加全面地适应当今不断变化的技术？从知识的整体性来看，也就是如何保证在工作过程中，他们学习到的知识内容的完整性、适应性和迁移性？

　　针对对高职学生技术技能型目标的定位，我们更多地需要不断为项目中加入挑战与扩展训练的模块来提高学生知识的完善性，弥补我们在项目化教学过程中的那些知识的缺陷，可能带给学生在今后工作发展中的盲目和无助感，也更好地拓展学生的独立思考和发散性思维能力。

　　在网站的信息结构方面，国外有信息结构专家，网站由信息结构设计师与网站创意设计师共同探讨、协作完成。国内网站策划由专业的市场行销、策划人员来做。面对刚刚学习此门课程的学生，这种网站的总体设计是需要他们学完本门课程之后才能具备，但怎么能在此时就让他们具备此方面的总体设计能力，需要学生搜集和分析与自己设计的网站相同类型的网站的相关导航和网站的栏目来获得，也在此基础上来揭开网站的总体设计环节，当然，也需要培养学生不断地适应修改完善现有的网站，不断明细网站的定位。

　　每一个网站的开发必然经过一定的工作过程，才能完成整个站点的，从网站需求分析、总体设计、模板设计、首页设计、子页面设计、测试到设计总结，在我们的教学中如何以一个完整的项目为依托，而又同时指导学生完成自我开发的个性化的网站任务，是网页设计与制作课程需要解决的问题。

　　在教学过程中，学生也需要走从欣赏、模仿到创作的过程。教师需要通过案例教学，将一个个美观大方的网页呈献给学生，带领他们分析网页中的相关内容而开始每次课程的学生，让学生不断地发现其中的奥妙。引导学生学会模仿网页的整体布局，网页的LOGO设计，通过大量的模仿练习不断提炼，最终确定适合自己设计的网站的相关内容设计。

　　很多人对网页设计师这个职业的质疑：他们仅仅是比平面设计师多懂点代码，比程序员多懂点设计，有时候他们还会搞点动画？仅仅如此吗？在国内的网页设计师，更多兼任着设计与制作两个方面的任务，尤其是对于中小型企业来说，更是如此。为了能够更好地在教学中通过项目、案例等内容来培养学生的职业能力，适应大中型与小型企业的需求。也不得不要求我们在全能中培养专才，在专才中注入全能的思想。从开始的网站策划阶段，培养学生的资料搜集能力，整理归纳能力。在网页设计布局阶段，不断地发挥学生的创新能力，自我发展与感悟能力。在网站的测试阶段，教师引导学生再次审视自己最初的规划目标是否真的实现了？达到最终的分析总结反思能力。

　　高职《网页设计与制作》教学中，只有教师从多角度对课程内容和教学方法的思考，才能更好地引导学生的学习过程，也才能更有利于对于学生问题思考能力、职业技术和职业技能的培养与提升。

　　网络运用越来越广泛，熟悉网页设计基本程序，掌握一点网页制作实用技术，对提高网络使用效率非常有帮助。特别是网页制作中的实用技术，也是平时工作和学习的需要，熟悉其技术要领，能够给我们带来更多便利。计算机已经进入寻常人家，网络把整个世界都联系在一起。网络研究也不再是专业技术人员的专利，普遍电脑爱好者掌握相关软件的使用，也是极其平常的事情。网页设计和制作技术普及当然有重要意义。

　　网页设计经历不同发展时期，借助的工具也在不断更新之中。网页设计技术也随之软件更新中不断得到简化，如果不是特别需要，简单网页设计早已变得很容易。

　　网页制作要借助一定的工具才能实现。我们最常熟悉的网页，也是大家都会制作的Windows文本网页。这是借助Windows软件工具完成的。可这还不是我们真正需要学习的网页设计，随着人们对网页制作要求的不断提高，制作动态超级链接的网页已经成为人们的普遍需要。

　　要学习网页设计，首先要了解HTML语言，因为这是网页制作的基础。HTML语言是专业术语，就是指计算机标记语言，通过HTML源代码解读和撰写实现网页设计。随着更多实用性软件的问世，HTML语言对计算机爱好者来说，已经没有那么重要了。大家关注的是网页的实效性，能不能给人以视觉冲击，制作也有更多的简单便捷的软件可供选择。因此，网页设计制作对HTML语言的依赖越来越少，只有在特别需要的时候要用上HTML语言。了解HTML语言是必要的，特别是要写脚本语言程序时，HTML语言就不可或缺。

　　网页版面设计时，要对版面风格进行定位，对页面文字和图片等内容做统筹考量，不仅要安排有序得当，还要体现整齐美观大方的视觉效果。版面设计其实是一种艺术，而不是一般意义的技术了。网页就是制作者的思想品位素养的直观表达，阅读网页就是对制作者的审视和评价。

　　版面设计首先要做好主页制作工作。主页就是人的脸面，要体现网页内容风格，就要注意突出什么，要有醒目的文字和图片，而且文字和画面要有自己的特色，一味堆砌当然不会有好效果。一般情况下，有特色的主页要包含这样几个要素：文字、图片、色调和排版方式。几种要素不可或缺，还要注意相互之间的协调和搭配，和谐统一才能体现整体美。

　　网页制作可以借助的软件很多，Frontpage是一款比较适合初学者网页制作的入门工具。Frontpage的界面和操作和Word比较相似，非常容易学习。

　　在网页中插入图片是常常要遇到的，有丰富图片内容可以让网页显得丰满生动，其操作方法并不复杂。在制作的网页中选择适当位置，确定插入点，然后在网页上部点击菜单“插入”选择“图片”，再点击“来自文件”，进入对话框，查找需要插入的图片位置，最后点击插入按钮就可以完成图片插入。

　　如果图片格式不是GIF或者JPEG也不要紧，在网页保存时Frontpage会自动转换格式。图片插入后还要对图片进行适当调整和修正，点击图片选中，单击便可以随意拖动图片，进行大小调整。

　　图片确定后还要对图片进行环绕样式选择。在网页中右键点击图片，在“图片属性”中选择“外观”，然后是“环绕样式”，找到文本图形周围流动方式，在“布局”中选择“图片对齐方式”，根据需要进行详细设置。

　　网页添加动画文件可以让网页动态十足，给人带来不一样的活力感觉。与图片相比，动画需要有多幅图片构成。首先要准备好动画文件，动画文件可以网络下载，也可以自己制作。添加动画和图片插入基本相同。打开网页，确定动画插入位置，点击“插入”选择“图片”，在对话框中选择“从计算机上选择一个文件”，找到动画源文件点击“确定”，动画就插入到网页当前位置。

　　如果要插入用Flash技术制作的动画，操作就要复杂一些。首先要在Flash中生成动画文件moon.Swf，然后启动Frontpage，先建立一个新网页文件，点击“插入”选择“高级”到“插件”，这时会出现“插件属性”对话框，选择“浏览”找到moon.Swf源文件，确定之后回到“插件属性”找到“数据源”，并将其中的文件途径删掉，只保留文件名moon.Swf。确定之后还要选择“文件”到“保存”，将动画文件moon.Swf保存。

　　滚动字幕的运用可以让网页显得活泼，其制作技术也比较简单。首先是打开Frontpage编辑界面，确定插入滚动字幕的位置，把需要显示的文字输入进去。然后将这些文字选定，点击菜单“插入”，选择“组件”到“字幕”，点击之后出现对话框，点击“字幕属性”，对文章滚动方式进行进一步设置，包括字幕滚动方向和字幕滚动延迟时间等。最后点击确定，就完成了字幕滚动插入。如果要查看效果，可以从“预览”中查看。

　　制作网页不仅要建立自己的主页附页链接，有时还需要将网页和其他网站形成链接，这就需要建立浏览器超级链接。要链接其他网站，首先要选择作为链接的文本，然后点击菜单“常用”工具栏的“超链接”，在“创造超链接”中，将要链接的网站的地址输入在URL地址栏内，点击确定就可以了。如果要改变某些超链接，可以先确认是普通模式，右键点击要改变的超链接，选择“超链接属性”，直接输入新的URL地址就可以了。

　　网页设计和制作并不神秘，学习网页设计和制作也无需多么高的计算机理论水平，只要掌握网页设计和制作实用技术的操作过程，就可以进行网页设计和制作，并且能够把网页设计和自己的工作学习紧密结合起来，这对工作和学习都有极大帮助。

　　[2]许文芝.充分挖掘超链接功能设计制作网页课件[J].中小学电教，2003（02）.

　　[5]陈艳，宋顺林，邢桂芬.基于Dream weaver方式的Web站点开发——及其在OA系统中应用[J].计算机应用与软件，2004（09）.

　　随着互联网的发展和普及，网页设计和制作技术成为网络时代非常实用的技术，这一课程也成为学校开设的热门课程。无论是计算机专业的学生还是非计算机专业的学生，网页制作都成了一门重要的基础性技术课程。但是很多学校在教学中采用传统的教学模式，导致学生的学习积极性不高，实际动手能力也比较差，为了让学生快速的掌握网页设计和制作的技术，需要采用一些新型的教学方法实施教学，加强学生综合能力地培养。

　　创新是一个民族的灵魂和动力，同时也是当今社会竞争的核心。学生创新能力的提升和创新意识的增强对于他们以后的发展具有非常重要的作用。网页设计与制作教学作为新时期教学的主要课程，在教学中培养学生的创新能力有利于促进整体教学的发展。因此，在教学中，可以通过多方面内容加强学生创新能力的培养，首先，可以通过兴趣教学法唤醒学生的求知欲望，兴趣是能够推动学生求知的内在力量，学生只有对某一学科充满兴趣，才能够持续的钻研该学科知识，从而增强学生的学习效率。在教学中，为了增强学生对网页设计和制作的兴趣，教师可以在上课时准备一些网页作品，让学生对作品进行点评，然后提出改造的意见。让学生在头脑中对网页设计有一个模糊的认识，产生做网站的想法，这样一来，通过教师的指导就能够让学生梳理一个成型的站点框架，紧接着引导学生如何做网页，如何使用工具，学生对这些内容产生兴趣，就会带着教师提出的问题进行主动探索和学习，以此增强学生的学习效果。除此之外，还可以通过精品赏析的方式增强学生的学习灵感。网页设计和制作课程是一门艺术和艺术相结合的课程，学生不仅要掌握基本的网页制作技巧，还要具备欣赏美和创造美的能力。创造的来源是灵感，而灵感的来源则是通过观察，因此，可以在教学中设计精品赏析的环节，利用上课之前的时间展示作品，向学生展示一些布局合理，设计新颖的精美网页，让学生对这些网页进行观察和欣赏，这样不仅可以拓宽学生的视野，同时还能激发学生的创造灵感，为学生以后设计出精美的作品奠定基础。

　　在学生掌握网页设计和制作的基本知识之后，网页制作综合能力的培养就显得非常重要了。即使学生掌握了网页制作技术，也不一定能够设计出好的网站，只有提升学生的综合能力，加强对他们所掌握知识的综合应用，才能够设计出一个精美的网站。为此，需要注重学生在实践方面的能力培养，可以从教学实验方面入手，将所有的理论教学和实验教学都安排在计算机机房完成，可以让学生在学习理论知识之后直接进入实践探索阶段。此外，为了给学生提供更好的实践机会，可在学校建立计算机基础教学网，网页设计和制作教学的老师可以建立自己的教学网站，同时给学生分配相应的网站空间，要求学生建立自己的个人网站主页，然后将自己的实践作业上传到网站空间中，设计的风格和主题不受限制，网站主页的内容也不做要求，学生可以根据自己的兴趣进行网页的制作，将所学习的网页制作技术灵活的运用到个人网页的设计中，做好个人网站。为了让学生在网站设计中学会创新，教师可以搜集一些具有创意的网站和网页设计的素材，和学生一起分享，然后与学生所做的网站进行对比，从而提升学生的创新能力。在网站设计中，针对不同的设计环节，学生可以自己发现设计中存在的问题，然后进行分析和解决，对于学生综合能力的培养具有很大的帮助。

　　现在社会的分工越来越细，很多工作都需要人们协助完成，这样以来，团队精神就显得格外重要。协同合作是团队精神的核心内容，尊重个人的兴趣和成就是团队协作的基础。就学生而言，独立意识较强，现代的学生比较自我，沟通能力也有待提升，这些缺陷显然不适合学生未来的工作。网页设计和制作教学是一门实践性要求较高的课程，同时也对学生的团队协作能力要求很高。在教学中的综合实训中可以选择采取项目教学法实施教学，将学生分成不同的小组，在自愿的基础上进行强弱搭配，并且每一个小组推荐一位组长，在老师布置任务之后，组长可以做好小组内的分工，让学生能各司其职，然后合力完成作品的设计和制作。在作品制作中，如果组内的成员存在意见不同意的现状，组长可以和其他的成员进行沟通协调，最后达成一致，当组员能够为同一个目标一起努力时，无论最后的结果如何，学生最后都会有成就感。在这一过程中，有利于提升学生的团队协作精神，增强学生的沟通能力。

　　网页设计和制作教学是一门实践性很强的课程，对于学生的综合实践能力以及创新能力的要求较高，因此，在教学中，教师要给根据学生的兴趣爱好设计教学内容，并且为学生提供一些优秀的教学作品，让他们进行赏析，在优秀作品的激励和教师的引导下，学生的学习兴趣会有很大的提升，从而真正的投入到网页设计和制作的探索当中，熟练的掌握网页制作方面的技巧，增强学生开发和维护网站的能力，使他们的知识结构不断得到完善，对于教学效果的提升会起到很大的作用。

　　［1］马玲燕．《网页设计与制作》课程的教学实践研究［D］．呼和浩特:内蒙古师范大学，2013．

　　［2］毕惠丽．浅谈网页设计与制作教学中学生能力的培养［J］．新课程(上)，2012，02:185．

　　随着互联网的迅速发展与普及，越来越多的单位、部门以及个人利用网站进行信息的、互动和交流，当我们尽情享受网页的便利时，我们是否会赞叹精彩的网页是如何制作出来的？这是网页设计与制作课程的教学内容，是高职院校中的一门具有较强综合性、实践性的实用课程。通过本课程的学习，使学生掌握网站设计与制作的全过程，学会使用制作网页的软件，具备网站规划与建设的实践操作能力，能独立制作出具有专业水准的网站，达到知识和技能两方面的共同提高。

　　大部分学生对网络、网站和网页等概念都已有了初步认识，对自己动手设计网页，建立自己的个人网站有浓厚的学习兴趣。因此，借助良好的学习动机，寻求合适的课程优化方案，是帮助学生掌握好该门课程的关键。

　　《网页设计与制作》是我校计算机网络技术专业的一门重要基础课，它对培养学生的网站规划、静态网站设计、网站的与维护等专业能力和方法能力承载着巨大的重任。课程内容繁多，但易于理解、自学，实践性较强。目前，高职《网页设计与制作》课程教学大多仍采用“讲授为主”的教学现状，这种教学模式在实施过程中存在以下不足：

　　（1）教学内容偏多、零散，重知识、轻应用，导致学生眼高手低，做不出东西。虽然学生能熟练应用Dreamweaver软件，但是不能独立地进行网站的规划与建设。“重知识、轻应用”的模式直接导致“重技术、轻设计”，使得学生眼高手低，无法独立完成网站的设计与制作，与社会需求脱节，从而降低了课程的实用性。

　　（2）教学方法单一，无法满足不同水平学生的个性化需求。《网页设计与制作》课程一般在我校的大一下学期开设。对于这部分学生，其认知水平、学习风格和学习习惯已初步成形，课堂教学方法面对不同的教育对象都是“一视同仁”，难以满足不同水平学生的需求。

　　（3）教学模式以讲授为主，阻碍了学生的课堂自主活动。传统的教学模式中，教师是教学活动的主体，是知识的传授者，而学生则处于被动接受老师灌输知识的地位，缺乏自主活动，久而久之则会导致学生思维的依赖性，抑制学生自主学习和批判思维能力的发展。

　　（4）考核方式机械化，无法准确衡量学生的实际水平。传统的考核方式一律采用闭卷考试，而对这门实践性很强的课程来说，非常不适应，重视了学生对书本知识的记忆，缺忽略了对能力的考核，无法全面体现对课程知识的掌握程度和综合运用能力。

　　首先提出总体目标，培养学生的网站的规划、网页效果图的设计与制作、网站的设计、网站的与维护等专业能力和方法能力。使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。然后细化为素质目标、知识目标、能力目标。

　　该课程涉及的知识点比较广，目前主要以《网页设计与制作》作为教材，其内容包括网页设计软件Dreamweaver和图片处理软件Fireworks，如果按照教材设置的顺序分别讲解，所需课时远远不够，许多教学内容只能点到为止。

　　针对上述情况，根据教材特点，以知识点为突破口，以综合的案例为主线，具体内容如下：

　　Dreamweaver部分包括以下单元：基础知识部分;创建站点、页面编辑和超链接;页面布局;页面美化（CSS样式表设置）;

　　为了提高《网页设计与制作》课程的教学效果，我们采用了多媒体计算机教学方式，极大地激发了学生的学习兴趣，通过当堂演示网页效果，将传统教学活动中的被动学习变成有选择性的积极主动的学习，从而大大提高教学效率和教学效果。另外，在多年的教学过程中，摸索出了以下几种比较有效的教学方法。

　　案例教学法是一种启发性、实践性的教学方法。在整个教学过程中，教师扮演着导演的角色，从案例的挑选，问题的提出、讨论过程的控制到讨论结束的总结，都必须精心地安排。对网页案例的引用要自然.切入要平缓，这需要在筹备时精心构思案例的引入方式和引入时机。

　　分层次教学法是根据学生掌握水平的发展和学生对网页设计学习的信心、兴趣、智力水平以及内在潜力等一些软指标来区分学生层次，在不同的教学阶段给不同层次的学生在具体学习目标上提出不同的要求，能保持各层次学生学习网页设计的积极性，并在各自的基础上发挥特长，使基础的巩固和个性的发展达到和谐统一。

　　传统学生成绩评定主要包括：平时成绩、考试成绩。其中平时成绩已出勤情况、作业、课堂表现和实验为主，但在实际操作中，存在作业抄袭、实验报告拷贝等现象，无法对学生做出客观、公正的评价。为此，我们改变传统的成绩评定模式，加入成果汇报、小组讨论等作为评估项，从而使得对学生的评价更加客观、准确。

　　上述课程优化方法在实际教学中取得了很好的成绩，培养学生独立分析问题和解决问题的能力，提高学生的项目开发能力，大大改变了《网页设计与制作》课程的教学现状，取得了良好的教学效果。从而达到了使学生的职业能力和通用能力都有了不同程度增长的目的，为他们的就业打下了良好的基础。

　　网页设计与制作是中职教育中计算机应用专业的学生必须要掌握的一项技能课程，这门课是针对社会上对网站类的专业人才的大量需求而开设的。网页设计与制作是一门综合性很强的课程，它包括Web服务原理、站点的设置与管理、文本与图像等网页元素的插入与调整、超级链接的创建、使用表格与框架进行页面排版、层、时间轴及行为、动态网站开发等。在对本门课进行了多年的教学研究后，现谈一些有关网页设计与制作教学中的心得体会。

　　中职学校的教师绝大多数为师范类学校毕业后直接进入学校从事教育工作，所以，具有一定实践经验的专业技能型教师所占的比例不大，而中职开设的计算机专业要动手操作的内容相当多，网页设计课程也不例外，在网页设计教学中，通常以教师和教材为中心，关注的是向学生灌输了哪些知识，但缺乏企业项目的实践经验，很难结合社会的需要，更难把最新的计算机技术市场信息带入课堂，同时忽视了对学生学习潜能的开发，导致学生理论与实践的脱节。

　　中职学生的学习基础比较薄弱、学习习惯有待加强、自律性较差。绝大多数的中职学生年龄偏小，知识体系不够健全，对于新知识的领悟和接受能力普遍不强，综合素质也存在着很大的差异，一些学生尽管完成了九年制义务教育的学业，然而实际的情况是有部分学生尚未达到初中毕业生的要求。不仅综合素质比较薄弱，专业知识能力也较低，而计算机应用水平则存在着更大的差距，部分学生无法认识到系统的学习计算机课程对于其自身水平的影响，当面对系统的计算机网络等相关知识的学习时往往力不从心，缺乏学习兴趣。

　　中职学生一般都没有配备个人电脑，考试只能在课堂上进行，时间受到了限制，传统考试模式通常是给出一个或多个网页的样张，让学生在规定的时间内完成网页制作，在网页中实现某个效果，学生只要对着效果图和要求完成考试内容，如同在完成一个拼图游戏。 网页设计课程是主观性很强的实践性课程，这种考核方式导致的结果是：学生不创新，会制作网页，而不会设计网页。

　　作为网页设计课程教学的教师来说必须关注互联网应用的实时趋势，走出课堂、走出校园、深入到企业了解就业市场需求。不断更新知识， 提高自身素质， 可以加强校企合作，以拓展教师的视野，学校应从政策上引导和鼓励教师利用寒暑假深入到企业进行实践。深入了解一个完整的网站的创建过程，从规划到素材的搜集与处理，到网站的制作，再到网站的维护。教师把企业中的项目拿到课堂教学中，学生从完成项目的过程中，明确的知道自己学习了网页这门课程，以后能做什么，在工作中怎么去应用课堂知识，教师在教学过程中，应该巧用教学技巧，以求最佳教学效果。

　　在传统的《网页设计与制作》中，主要是以教师在多媒体教室讲授，然后学生在机房练习实验内容，这种教学方法使学生对知识的掌握很容易被遗忘，因此采取灵活多样的教学方法，不仅能够激发学生的学习兴趣，还能够起到事半功倍的效果。本人在此课程中主要采用了项目式教学法，所谓项目教学，就是师生通过共同实现一个完整的项目工作而进行的一个教学活动。项目可以一个学生独立做，也可以多个学生一起做。在教学前期一定要一个人独立完成一个项目，为掌握了并不等于会使用，一定要让学生动手实际操作，以是否会用相关技术制作出网页为评价标准。在教学后期比较大的项目上可以几个人一起完成。在本门课程的教学过程中，一方面采用四人为一个小组共同设计系部网站这一个项目，每组选出一名小组长进行总体的策划，将这一完整项目分成多个子任务，每个任务分配到小组成员中，使他们各尽其责完成自己负责的任务；另一方面小组中的每个成员必须完成一个作品，这个网站的作品是由个人独立完成的项目。

　　网站制作结束前经过教师核准验收后，可以宣布整个项目工作结束。接下来教师要对学生制作的作品进行展示，在进行作品展示时，教师可以把班级同学集中起来一起观看，这会更加促进学生的团队意识。同时，为了更好地利用网络空间和网上资源，可以把学生的好作品上传校园网站。让全校师生都来关注学生的成果。这样，既给学生施加民压力，也激发了学生的学习动力与信心，让学生享受成功的快乐，享受成果的乐趣，真正提高对所学知识的理解和掌握。因此，通过个人项目、团队项目、作品展示等教学方法与形式，不仅锻炼了学生的自我设计、制作、审美及创新能力，还锻炼了学生的团队合作能力，分析问题、解决问题的能力，在很大程度上提高了学生的学习积极性和学习兴趣。实践证明项目式教学方法可行，得到了学生的喜爱与好评，也取得了良好的教学效果。

　　采用平时加作业讲评三七开的考核方式，教师根据学生平时的出勤和作业表现给出平时成绩，平时成绩占到考核结果的30%。在期末前的三个周教师布置下期末考核作业，让学生分成小组去做，bob全网站小组成员控制在三个人左右。在期末时让学生做作业讲评，根据学生作业的完成情况给出最终的期末讲评分数，这个分数占到考核结果的70%。这种考核模式，既可以综合的评价一个学生的学习水平，又可以调动学生网页制作的积极性，还可以培养出真正适合企业需求的优秀人才，是一种一举数得的好办法。

　　《网页设计与制作》课程是一门实践性较强的课程，只要在教学中不断探索，勇于创新，定会寻找出一条既符合实际又有效的途径，通过教学实践的探索，这种教学方法极大地提高了学生学习的积极性，取得了良好的教学效果。

　　《网页设计与制作》是高职高专计算机类专业的职业技能课程，根据课程所对应的职业岗位网站设计制作、网站推广和网络编辑等岗位所需的职业能力要求，分析出课程能力目标为网站的规划、网页效果图的设计与制作、网站的设计、网页动画的设计、网页脚本代码等专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。

　　本课程的设计秉着“以职业岗位工作过程为主线”、“以职业能力培养为课程核心”、“以实际项目为导向”等先进的教学理念。使用基于工作过程培养模式，强调知识的实用性。突出网站设计制作、网站推广和网络编辑等行业岗位实用能力培养，以岗位能力选择相关知识点、技能点，形成理论与实践、知识与技能相统一的课程模式。在课程内容组织和实施中突破传统学科教材的“三段式”课程设置模式和知识传授过程，将知识点的讲授贯穿于一个完整的综合性网站的设计与制作，通过情景、过程、类比、模拟等教学模式提高学生的知识、技能等综合能力。

　　通过课程的学习培养学生网站设计制作、网站推广和网络编辑等方面的岗位职业能力，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，养成良好的职业道德，为后续课程综合实训和顶岗实习与毕业设计等课程打下坚实的基础。并注意渗透思想教育，逐步培养学生的辩证思维，加强学生的职业道德观念。

　　课程教学内容设计根据课程所对应的职业岗位所需的知识和技能选取出来作为课程教学内容，课程教学内容具体参照表1所示

　　本课程针对高职教育特点，采用基于工作过程（工作任务驱动）的教学模式。第一次授课时就告诉学生课程要开发的网站、要求，涵盖的知识点，以此为基础展开教学，注重培养学生发现问题、分析问题、解决问题的能力以及创新思维与技术综合应用能力。具体教学模式如下：

　　(2)教师在课前展示本学期要作为教学案例的综合性网站项目，并要求学生按照自己的兴趣和爱好分组开发不同内容的综合性网站项目。然后对综合性网站项目进行前期的需求分析，确定网站项目开发规模，所需的人力物力，学生自主组成学习小组，制定网站项目开发进度表，以此充分调动学生的创新思维，培养创新能力。

　　(3)网站项目设计与实施：学生按照网站项目开发进度表完成网站开发。整个过程中，教师真实案例演示为辅，学生自主设计为主，教师的作用仅为答疑、过程监控以及对共性问题进行总结与归纳。在此过程中，学生的分析问题、解决问题的能力将得到有效的锻炼，使学生对课程体系有一个更加全面的认识。

　　(4)网站项目验收：教师对学生完成的网站项目进行验收与评价，学生需提交网站项目开发报告并答辩，学生和老师提问，按照评分标准给出成绩。对于优秀作品，进行展示与点评。

　　(1)项目教学法：课程教学通过精选企业案例、分解任务，有机地将相关知识点融合到课程中，让学生对网页设计与制作有一个直观和更加感性的认识。

　　(3)直观教学法：通过动画演示、电子教案、电子课件、投影、录像、图片等现代教育技术展开理论教学，将复杂的原理用简单的、感性的方法展现出来，并选取与学生实际生活密切相关的项目实例进行讲解，有效地使难以理解的概念简单化、形象化，充分激起了学生的学习兴趣和主动性。

　　(1)网站开发过程化考核；网站开发过程化的任务考核从实施过程、实施结果、态度、创新性和团队合作精神五个方面考核，其中实施过程、实施结果、态度、创新性根据每个任务的完成情况，由自我评价和教师评价相结合的方式进行。团队合作精神的考核由同小组的其他成员进行。

　　(2)期末考试的作品考核；期末考试的作品考核方式为课程答辩，成绩为网站展示成绩和教师提问成绩总和。

　　[3]殷兆燕,崔毓娟．《网页设计与制作》课程教学改革探索与实践[J].常州信息职业技术学院学报,2009，8(4):64－66．