时间：2022-05-24 23:18:48
>> 浅谈网页设计中页面布局的教学 浅析网页设计中的页面布局 浅述网页设计中的页面布局技术 基于CSS页面布局的网页设计 浅谈网页设计中的布局工具 PHP网页设计中SHTML页面的应用 《网页设计与制作》教学中任务的设计 浅谈《网页设计与制作》课程的实训教学 浅谈《网页制作》教学中任务单的设计 浅谈网页制作课程教学中的引导页设计 网页设计中布局模式的比较 浅谈网页设计与制作中应遵循的一些原则 浅谈网页设计与制作中应注意的几个问题 浅谈项目式教学在网页设计与制作中的应用 网页设计与制作中超链接的运用 《网页设计与制作》 浅谈“网页制作”之网页版面的教学设计 《网页制作》教学中的“任务设计” 浅谈网页制作的经验与技巧 浅析基于Photoshop的网页页面设计方法与流程 常见问题解答 当前所在位置：l”“leflframe.html”“mainframe.html”及“框架示例html”。
第五，单击菜单“窗口”中的[框架]，显示[框架]面板，在[框架]面板中，选中“mainFrame”，在[属性]面板中将“滚动”设为“自动”。
第六，在顶部的框架中插入图像。在左侧的框架中插入一个7行1列的表格，在表格中输入文字。
第七，在左框架的表格中选中文字，分别设置文字的超链接。
第八，按下F12键，打开浏览器查看网页内容。
这个例子用框架布局整个页面，但在框架里又嵌套了表格，这就实现了框架和表格有机结合，让页面布局更加灵活。
三、表格和框架的优缺点
表格是用于划分页面区域的。使用表格布局页面的好处是：表格方便排列有规律、结构均匀；使用表格会使页面结构清晰、布局整齐；表格可被绝大部分的浏览器所支持，具有很好的兼容性。表格的缺点是容易产生垃圾代码，影响页面下载时间，灵活性不大，难于修改。
框架则是用于分割浏览器窗口的，框架可以将一个页面拓展为多个页面，每个页面都可以显示不同的网页。框架的优点是支持滚动条，方便导航。框架的缺点是：难以实现在不同框架中精确地对齐各个页面元素；保存时不方便，应用范围有限；兼容性不好，并不是所有浏览器都提供良好的框架支持。
使用表格和框架对网页进行布局，各有利弊。初学者要根据不同网页页面的要求做出良好判断。
四、小结
关键词：项目教学；网页设计与制作；课程改革；实践
项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。
1教学改革的理念与思路
在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。
2基于项目教学的“网页设计与制作”课程改革与实践的途径
2.1课程整体设计
在网页设计与制作课程中应用项目教学，是否能成功的关键在于给学生安排的学习任务是否恰当。通常在设计项目的内容时，必须保证对学生具有挑战性、实用性、趣味性以及可操作性，要求学生通过查阅相关资料，经过仔细研究和思考，便可顺利地完成学习任务。但需要特殊注意的是，教师在设计学习任务时，必须按照教学目标与学生个性差异来设计，保证内容设计不能过于复杂[2]。例如在“网页设计与制作”的教学过程中，课程整体设计的目标是从简单——复杂——综合网站建设项目的训练方式，让学生能够依据网站业务的需要，对网站需要的功能加以分析，以明确网页风格与结构，理解并设计出相应的制作方案，从而掌握网页制作与网站的方法，熟练HTML语言、Dreamweaver网页制作软件，能读取JavaScript代码，并学会灵活运用CSS设计网站的元素。这时教师需要在设计上，依据项目的需要，选出“企业网站建设”作为该课程的实训项目，将课程设计任务划分为5个项目，16个任务、每个任务4学时，前2个项目是网站点的创建和静态网页设计，属于简单的入门项目，由教师辅导；第3与4个项目是进行网页素材设计和制作，依据规范进行标准化网页设计；第5个项目课后完成项目的情况，让学生能够积极参与项目的开发和维护中，以拓宽课程教学的内容。但是每1个项目都应以任务为载体，将课程学习的内容划分到每1个项目中。且每1个项目之间都有明显的独立性，同时项目之间相互联系，知识与技能循环渐进；前1项是后1项的基础，后1项是巩固前1项的关键，实现知识和技能学习的层层递进、由浅到深、由简到繁，以树立学生学习的自信心。
2.2建立项目小组
在明确项目教学的内容后，教师集全班的学生，让学生依据项目，自由分组学习，全班分成若干组，每组为3~5名，并安排组织能力较强、善于表达的学生担任本组的小组长。然后每组学生在组长的领导下，按照项目要求的内容，在课后充分利用参考书目、内容对网站制作与设计所涉及的资料进行查阅。此外，教师是项目的指导者，应适当引导学生整理所需要资料。让每个成员之间依据不同的学习任务，专门负责自己的问题。例如在“网页设计与制作”的教学过程中，教师依据本班学生的情况，将学生划分成每组5名成员后，结合实施方案，让1名理论功底扎实的学生负责网站栏目的整体规划；1名计算机操作能力较强的学生负责网页制作；2名程序设计能力较强的学生负责代码的编写和程序调试；然后让担任小组长的学生负责对网站加以宣传，并制定项目进度表，明确成果完成的时间，同时详细记录每个成员学习的情况、态度，为教师的评价提供依据。
2.3项目教学的实施
项目教学的实施主要是引导学生为完成项目，而组织开展自主性的学习，以辅导学生依据项目学习中所需要的知识与技能，通过有效的学习方法来开展学习活动，激发学生的学习热情与主动性[3]。例如在确定各小组的学习任务后，进入具体“网页设计与制作”课程的学习中，一开始部分学生会感觉到制作一个网站，以我个人的能力，难以顺利完成教师布置的任务，又怎会设计出具有个人鲜明、独具个性的网站来吸引客户的注意力？针对这些问题，在进行教学时，教师需要将教学知识转变成学习任务，以学生合作的方式，然后详细讲解网页设计与制作的知识点，让学生结合参考目录和资料，来回答提出的学习问题：(1)什么是框架？有什么作用？(2)框架和网页之间的联系？框架的优缺点？(3)依据各网站主页布局，怎样合理地使用框架？这样学生不仅能够在合作的前提下，进行自主探究学习，还可快速找到问题的答案：在Web浏览器窗口中，HTML框架集文档显示的若干个独立的可滚动区域就是框架，框架集中每一个框架在Web浏览器窗口中，属于自己管辖区域内显示一个HTML文档，可使用选项内是否滚动和可调整大小来调整页面。
2.4成果展示
在网页设计与制作课堂教学中应用项目教学时，项目成果的展示是为教师评价提供参考的关键。因此在实际项目学习成果展示的过程中，要求教师应依据项目教学的要求来组织各个小组的小组长汇报本组的项目成果。但需要特殊注意的是，小组长在展示、汇报本组的项目成果时，需要详细说明作品涉及的知识点、创新、优缺点和项目中遇到的困难，并说明对于遇到的问题，应该如何解决，而其他小组的成员，也可提问与设计有关的思路、技术和特点等问题，让课堂教学生动活泼，从而提高教学的效果[4]。例如在“网页设计与制作”的教学过程中，各小组完成动态网页作品的制作后，教师应通过组织活动的方式，让每个小组的组长借助电子演示文稿的方式，详细的介绍、JSP和PHP等动态网页技术，但是由于时间的限制，教师需要引导每个小组结合学习的情况，将关于ASP的内置对象：Request、SQL查询语言、Respone、Server、Application、Session以及ADO组件中的Connection、Command和Record.Set等归纳为一个单独的知识点加以阐述，以便其他小组的成员理解掌握Dreamweaver数据库、绑定和服务器行为等网页制作知识。
2.5考核方式的改革
项目完成后的最后环节就是教师要进行及时客观的点评与总结，评定学生的学习成绩。但是以往的课程考核方式都是通过笔试与期末提交个人作品的方式来考核，这种考核模式过于注重结果，忽略学生学习的过程，难以达到项目教学的考核目的。因此在对学生的成绩进行评价与总结时，教师必须将现场汇报、学生自我评价和学生互评内评价内容纳入到考核评价中，形成完善的课程考核评价体系，从作品的主题、版面、图片、色彩搭配、网站布局和超链接等方面来考核学生的口头表达能力、沟通能力、日常出勤、课堂表现和每个阶段实训项目的质量，以了解学生掌握的技能，然后通过百分制的方式进行最后总评，依据40%的比例纳入到课程总评成绩中，实现评价的合理性[5]。
3结束语
综上所述，项目教学在网页设计与制作中的应用，不仅能丰富课堂教学的内容，拓宽学生的知识面，实现知识的转化与整合。还可按照项目的目标进行课程的整体设计、建立项目小组、成果展示和考核，将枯燥、乏味的文字变得更加生动有趣，让学生积极参与到项目活动中，充分发挥学生的主动性与潜力，进行自主性探究学习，以培养学生形成良好的学习习惯，从而促进学生全方面发展。
参考文献：
[1]劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29)：139-140.
[2]毛乐琦.高职《网页设计与制作》课程项目化教学改革实践[J].电子制作,2013(23)：113-113.
[3]沈勤丰.基于“项目引领任务驱动”的课程改革与实践——以“网页设计与制作”为例[J].职业技术,2013(2)：25-26.
本文着重分析了《网页设计与制作》课程教学存在的问题，探索了《网页设计与制作》课程教学改革的策略，以提高《网页设计与制作》教学质量。
关键词：
网页设计与制作；课程；教学改革；策略
随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。
1《网页设计与制作》课程教学存在的问题
1.1学生学习被动
长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。
1.2学生动手能力较差
在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。
1.3缺乏沟通
首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。
2《网页设计与制作》课程教学改革的策略
2.1重新定位课程教学标准
首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。
2.2优化教学内容
《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。
2.3更新教学模式
高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。
引用：
[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)
关键词 网页设计；制作；图片；字幕；动画；实用技术
中图分类号：TP393 文献标识码：A 文章编号：1671-7597（2013）21-0104-02
网络运用越来越广泛，熟悉网页设计基本程序，掌握一点网页制作实用技术，对提高网络使用效率非常有帮助。特别是网页制作中的实用技术，也是平时工作和学习的需要，熟悉其技术要领，能够给我们带来更多便利。计算机已经进入寻常人家，网络把整个世界都联系在一起。网络研究也不再是专业技术人员的专利，普遍电脑爱好者掌握相关软件的使用，也是极其平常的事情。网页设计和制作技术普及当然有重要意义。
1 网页设计技术要领
网页设计经历不同发展时期，借助的工具也在不断更新之中。网页设计技术也随之软件更新中不断得到简化，如果不是特别需要，简单网页设计早已变得很容易。
1.1 HTML语言
网页制作要借助一定的工具才能实现。我们最常熟悉的网页，也是大家都会制作的Windows文本网页。这是借助Windows软件工具完成的。可这还不是我们真正需要学习的网页设计，随着人们对网页制作要求的不断提高，制作动态超级链接的网页已经成为人们的普遍需要。
要学习网页设计，首先要了解HTML语言，因为这是网页制作的基础。HTML语言是专业术语，就是指计算机标记语言，通过HTML源代码解读和撰写实现网页设计。随着更多实用性软件的问世，HTML语言对计算机爱好者来说，已经没有那么重要了。大家关注的是网页的实效性，能不能给人以视觉冲击，制作也有更多的简单便捷的软件可供选择。因此，网页设计制作对HTML语言的依赖越来越少，只有在特别需要的时候要用上HTML语言。了解HTML语言是必要的，特别是要写脚本语言程序时，HTML语言就不可或缺。
1.2 版面设计
网页版面设计时，要对版面风格进行定位，对页面文字和图片等内容做统筹考量，不仅要安排有序得当，还要体现整齐美观大方的视觉效果。版面设计其实是一种艺术，而不是一般意义的技术了。网页就是制作者的思想品位素养的直观表达，阅读网页就是对制作者的审视和评价。
版面设计首先要做好主页制作工作。主页就是人的脸面，要体现网页内容风格，就要注意突出什么，要有醒目的文字和图片，而且文字和画面要有自己的特色，一味堆砌当然不会有好效果。一般情况下，有特色的主页要包含这样几个要素：文字、图片、色调和排版方式。几种要素不可或缺，还要注意相互之间的协调和搭配，和谐统一才能体现整体美。
2 网页制作实用技术
网页制作可以借助的软件很多，Frontpage是一款比较适合初学者网页制作的入门工具。Frontpage的界面和操作和Word比较相似，非常容易学习。
2.1 插入图片
在网页中插入图片是常常要遇到的，有丰富图片内容可以让网页显得丰满生动，其操作方法并不复杂。在制作的网页中选择适当位置，确定插入点，然后在网页上部点击菜单“插入”选择“图片”，再点击“来自文件”，进入对话框，查找需要插入的图片位置，最后点击插入按钮就可以完成图片插入。
如果图片格式不是GIF或者JPEG也不要紧，在网页保存时Frontpage会自动转换格式。图片插入后还要对图片进行适当调整和修正，点击图片选中，单击便可以随意拖动图片，进行大小调整。
图片确定后还要对图片进行环绕样式选择。在网页中右键点击图片，在“图片属性”中选择“外观”，然后是“环绕样式”，找到文本图形周围流动方式，在“布局”中选择“图片对齐方式”，根据需要进行详细设置。
2.2 添加动画
网页添加动画文件可以让网页动态十足，给人带来不一样的活力感觉。与图片相比，动画需要有多幅图片构成。首先要准备好动画文件，动画文件可以网络下载，也可以自己制作。添加动画和图片插入基本相同。打开网页，确定动画插入位置，点击“插入”选择“图片”，在对话框中选择“从计算机上选择一个文件”，找到动画源文件点击“确定”，动画就插入到网页当前位置。
如果要插入用Flash技术制作的动画，操作就要复杂一些。首先要在Flash中生成动画文件moon.Swf，然后启动Frontpage，先建立一个新网页文件，点击“插入”选择“高级”到“插件”，这时会出现“插件属性”对话框，选择“浏览”找到moon.Swf源文件，确定之后回到“插件属性”找到“数据源”，并将其中的文件途径删掉，只保留文件名moon.Swf。确定之后还要选择“文件”到“保存”，将动画文件moon.Swf保存。
2.3 制作滚动字幕
滚动字幕的运用可以让网页显得活泼，其制作技术也比较简单。首先是打开Frontpage编辑界面，确定插入滚动字幕的位置，把需要显示的文字输入进去。然后将这些文字选定，点击菜单“插入”，选择“组件”到“字幕”，点击之后出现对话框，点击“字幕属性”，对文章滚动方式进行进一步设置，包括字幕滚动方向和字幕滚动延迟时间等。最后点击确定，就完成了字幕滚动插入。如果要查看效果，可以从“预览”中查看。
2.4 建立超级链接
制作网页不仅要建立自己的主页附页链接，有时还需要将网页和其他网站形成链接，这就需要建立浏览器超级链接。要链接其他网站，首先要选择作为链接的文本，然后点击菜单“常用”工具栏的“超链接”，在“创造超链接”中，将要链接的网站的地址输入在URL地址栏内，点击确定就可以了。如果要改变某些超链接，可以先确认是普通模式，右键点击要改变的超链接，选择“超链接属性”，直接输入新的URL地址就可以了。
3 结束语
网页设计和制作并不神秘，学习网页设计和制作也无需多么高的计算机理论水平，只要掌握网页设计和制作实用技术的操作过程，就可以进行网页设计和制作，并且能够把网页设计和自己的工作学习紧密结合起来，这对工作和学习都有极大帮助。
参考文献
[1]吕何新，陈伟，沈淦. Front Page 2003网页设计与制作[M].高等教育出版社，2005.
[2]许文芝.充分挖掘超链接功能设计制作网页课件[J].中小学电教，2003（02）.
[3]张红玉，王德东.如何在FrontPage2000中插入Flas[J].计算机时代，2001（06）.
[4]陈凤芹. Dream weaver网页设计与制作教学探讨[J].中国教育技术装备，2012（21）.
[5]陈艳，宋顺林，邢桂芬.基于Dream weaver方式的Web站点开发——及其在OA系统中应用[J].计算机应用与软件，2004（09）.
[6]张大斌，朱绍文，熊伟，朱中煜.基于Lotus Domino/Notes办公自动化系统的开发研究[J].计算机应用研究，2001（10）.
【关键词】网页设计与制作 教学目标 教学内容 教学方法
随着互联网的迅速发展与普及，越来越多的单位、部门以及个人利用网站进行信息的、互动和交流，当我们尽情享受网页的便利时，我们是否会赞叹精彩的网页是如何制作出来的？这是网页设计与制作课程的教学内容，是高职院校中的一门具有较强综合性、实践性的实用课程。通过本课程的学习，使学生掌握网站设计与制作的全过程，学会使用制作网页的软件，具备网站规划与建设的实践操作能力，能独立制作出具有专业水准的网站，达到知识和技能两方面的共同提高。
大部分学生对网络、网站和网页等概念都已有了初步认识，对自己动手设计网页，建立自己的个人网站有浓厚的学习兴趣。因此，借助良好的学习动机，寻求合适的课程优化方案，是帮助学生掌握好该门课程的关键。
一、高职《网页设计与制作》课程教学现状
《网页设计与制作》是我校计算机网络技术专业的一门重要基础课，它对培养学生的网站规划、静态网站设计、网站的与维护等专业能力和方法能力承载着巨大的重任。课程内容繁多，但易于理解、自学，实践性较强。目前，高职《网页设计与制作》课程教学大多仍采用“讲授为主”的教学现状，这种教学模式在实施过程中存在以下不足：
（1）教学内容偏多、零散，重知识、轻应用，导致学生眼高手低，做不出东西。虽然学生能熟练应用Dreamweaver软件，但是不能独立地进行网站的规划与建设。“重知识、轻应用”的模式直接导致“重技术、轻设计”，使得学生眼高手低，无法独立完成网站的设计与制作，与社会需求脱节，从而降低了课程的实用性。
（2）教学方法单一，无法满足不同水平学生的个性化需求。《网页设计与制作》课程一般在我校的大一下学期开设。对于这部分学生，其认知水平、学习风格和学习习惯已初步成形，课堂教学方法面对不同的教育对象都是“一视同仁”，难以满足不同水平学生的需求。
（3）教学模式以讲授为主，阻碍了学生的课堂自主活动。传统的教学模式中，教师是教学活动的主体，是知识的传授者，而学生则处于被动接受老师灌输知识的地位，缺乏自主活动，久而久之则会导致学生思维的依赖性，抑制学生自主学习和批判思维能力的发展。
（4）考核方式机械化，无法准确衡量学生的实际水平。传统的考核方式一律采用闭卷考试，而对这门实践性很强的课程来说，非常不适应，重视了学生对书本知识的记忆，缺忽略了对能力的考核，无法全面体现对课程知识的掌握程度和综合运用能力。
二、课程优化方案浅析
（一）优化教学目标
首先提出总体目标，培养学生的网站的规划、网页效果图的设计与制作、网站的设计、网站的与维护等专业能力和方法能力。使学生掌握商业网站的开发和流程，并能独立进行操作，在就业时能够成为一个合格的人才。然后细化为素质目标、知识目标、能力目标。
（二）优化教学内容
该课程涉及的知识点比较广，目前主要以《网页设计与制作》作为教材，其内容包括网页设计软件Dreamweaver和图片处理软件Fireworks，如果按照教材设置的顺序分别讲解，所需课时远远不够，许多教学内容只能点到为止。
针对上述情况，根据教材特点，以知识点为突破口，以综合的案例为主线，具体内容如下：
Dreamweaver部分包括以下单元：基础知识部分;创建站点、页面编辑和超链接;页面布局;页面美化（CSS样式表设置）;
Fireworks部分主要包括Fireworks工具介绍、位图和矢量图形的区别以及利用Fireworks制作网页LOGO。
（三）优化教学方法
为了提高《网页设计与制作》课程的教学效果，我们采用了多媒体计算机教学方式，极大地激发了学生的学习兴趣，通过当堂演示网页效果，将传统教学活动中的被动学习变成有选择性的积极主动的学习，从而大大提高教学效率和教学效果。另外，在多年的教学过程中，摸索出了以下几种比较有效的教学方法。
案例教学法是一种启发性、实践性的教学方法。在整个教学过程中，教师扮演着导演的角色，从案例的挑选，问题的提出、讨论过程的控制到讨论结束的总结，都必须精心地安排。对网页案例的引用要自然.切入要平缓，这需要在筹备时精心构思案例的引入方式和引入时机。
分层次教学法是根据学生掌握水平的发展和学生对网页设计学习的信心、兴趣、智力水平以及内在潜力等一些软指标来区分学生层次，在不同的教学阶段给不同层次的学生在具体学习目标上提出不同的要求，能保持各层次学生学习网页设计的积极性，并在各自的基础上发挥特长，使基础的巩固和个性的发展达到和谐统一。
（四）优化考核方法
传统学生成绩评定主要包括：平时成绩、考试成绩。其中平时成绩已出勤情况、作业、课堂表现和实验为主，但在实际操作中，存在作业抄袭、实验报告拷贝等现象，无法对学生做出客观、公正的评价。为此，我们改变传统的成绩评定模式，加入成果汇报、小组讨论等作为评估项，从而使得对学生的评价更加客观、准确。
三、结束语
上述课程优化方法在实际教学中取得了很好的成绩，培养学生独立分析问题和解决问题的能力，提高学生的项目开发能力，大大改变了《网页设计与制作》课程的教学现状，取得了良好的教学效果。从而达到了使学生的职业能力和通用能力都有了不同程度增长的目的，为他们的就业打下了良好的基础。
参考文献：
[1]程伟.中职《JavaScript网页开发》课程教学研究[J].才智，2010，（16）.
[2]郑宇.Java语言成学设计课程教学改革和探索[J].计算机教育，2008，（8）：.
关键词：网页设计与制作 基于工作过程 教学设计
《网页设计与制作》是高职高专计算机类专业的职业技能课程，根据课程所对应的职业岗位网站设计制作、网站推广和网络编辑等岗位所需的职业能力要求，分析出课程能力目标为网站的规划、网页效果图的设计与制作、网站的设计、网页动画的设计、网页脚本代码等专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。
1、设计思路
本课程的设计秉着“以职业岗位工作过程为主线”、“以职业能力培养为课程核心”、“以实际项目为导向”等先进的教学理念。使用基于工作过程培养模式，强调知识的实用性。突出网站设计制作、网站推广和网络编辑等行业岗位实用能力培养，以岗位能力选择相关知识点、技能点，形成理论与实践、知识与技能相统一的课程模式。在课程内容组织和实施中突破传统学科教材的“三段式”课程设置模式和知识传授过程，将知识点的讲授贯穿于一个完整的综合性网站的设计与制作，通过情景、过程、类比、模拟等教学模式提高学生的知识、技能等综合能力。
2、课程任务及目标
通过课程的学习培养学生网站设计制作、网站推广和网络编辑等方面的岗位职业能力，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，养成良好的职业道德，为后续课程综合实训和顶岗实习与毕业设计等课程打下坚实的基础。并注意渗透思想教育，逐步培养学生的辩证思维，加强学生的职业道德观念。
3、课程内容设计
课程教学内容设计根据课程所对应的职业岗位所需的知识和技能选取出来作为课程教学内容，课程教学内容具体参照表1所示
4、课程实施
4.1 课程教学模式
本课程针对高职教育特点，采用基于工作过程（工作任务驱动）的教学模式。第一次授课时就告诉学生课程要开发的网站、要求，涵盖的知识点，以此为基础展开教学，注重培养学生发现问题、分析问题、解决问题的能力以及创新思维与技术综合应用能力。具体教学模式如下：
(1)课程教学采用一体化分组教学。教学地点为计算机实训室；
(2)教师在课前展示本学期要作为教学案例的综合性网站项目，并要求学生按照自己的兴趣和爱好分组开发不同内容的综合性网站项目。然后对综合性网站项目进行前期的需求分析，确定网站项目开发规模，所需的人力物力，学生自主组成学习小组，制定网站项目开发进度表，以此充分调动学生的创新思维，培养创新能力。
(3)网站项目设计与实施：学生按照网站项目开发进度表完成网站开发。整个过程中，教师真实案例演示为辅，学生自主设计为主，教师的作用仅为答疑、过程监控以及对共性问题进行总结与归纳。在此过程中，学生的分析问题、解决问题的能力将得到有效的锻炼，使学生对课程体系有一个更加全面的认识。
(4)网站项目验收：教师对学生完成的网站项目进行验收与评价，学生需提交网站项目开发报告并答辩，学生和老师提问，按照评分标准给出成绩。对于优秀作品，进行展示与点评。
4.2 教学方法与教学手段
本课程采用的主要教学方法有以下几种：
(1)项目教学法：课程教学通过精选企业案例、分解任务，有机地将相关知识点融合到课程中，让学生对网页设计与制作有一个直观和更加感性的认识。
(2)“教”、“学”、“做”三位一体教学法。
(3)直观教学法：通过动画演示、电子教案、电子课件、投影、录像、图片等现代教育技术展开理论教学，将复杂的原理用简单的、感性的方法展现出来，并选取与学生实际生活密切相关的项目实例进行讲解，有效地使难以理解的概念简单化、形象化，充分激起了学生的学习兴趣和主动性。
5、课程考核
课程考试成绩分两大部分：网站开发过程化考核成绩和期末网站展示考核。
(1)网站开发过程化考核；网站开发过程化的任务考核从实施过程、实施结果、态度、创新性和团队合作精神五个方面考核，其中实施过程、实施结果、态度、创新性根据每个任务的完成情况，由自我评价和教师评价相结合的方式进行。团队合作精神的考核由同小组的其他成员进行。
(2)期末考试的作品考核；期末考试的作品考核方式为课程答辩，成绩为网站展示成绩和教师提问成绩总和。
参考文献
[1]王秀丽.网页设计与制作[M］.北京:清华大学出版社,2006．
[2]蒋秀玲,邹淑英,陈文东．“任务驱动”教学法在Dreamweaver 教学中的运用[J].通化师范学院学报,2009,30(10):88－89．
[3]殷兆燕,崔毓娟．《网页设计与制作》课程教学改革探索与实践[J].常州信息职业技术学院学报,2009，8(4):64－66．
[4]陈义文．《网页设计》项目化教学的实践与思考[J].安顺学院学报，2009，11(4):94－96．
1网页设计与制作教学现状与不足
笔者总结几年的课堂教学经验，得出几点传统教学的不足：第一，课程理论教学方面，因为学生均为非计算机专业学生，没有相关的项目实战背景，在学习理论时普遍感觉概念抽象，难以理解。学生不是在实际需求的驱动下去学习理解相关概念，而是为了掌握概念而学习概念，由于理解层面的欠缺，虽然“掌握”了概念本身，但是很难学以致用。另外，理论学习的过程枯燥乏味，加之学生无法体会理论的用处，从而使得其学习处于被动状态。第二，课程实验教学方面，由于学生被枯燥的理论学习搞得身心疲惫，加之理解不全面、缺乏兴趣、没有实验的目标和方向，更没有意识到网页设计与制作学习过程中上机实验的重要性，因此上机实验效率较差，实验没有主动性，没有合理规划。而实验内容也因为缺乏新意，缺乏刺激学生的兴趣点的举措，失去了提高学生学习能力的辅助作用。第三，传统的教学模式下一般都是第一环节介绍网站基础知识，第二环节讲解Photoshop、Flash、Dreamweaver等软件，第三环节再讲解综合案例，将上述各软件综合组织起来制作完整的网站系统。这种方式在前三个环节中都是孤立地介绍本部分内容，学生学习起来没有明确的目标性，对于未来自己在制作网页过程中到底需要掌握哪些操作技巧没有头绪，也就是说学生在学习绝大部分时间里，没有明确的目标，没有直观的感受，这对于学生的学习主动性和兴趣的培养是非常不利的。
2从“宏观”到“微观”的教学新模式的实施
在教师引导下，学生自主选择能力所及的专题，采用从“宏观”到“微观”的方法去逐步完成自己的网站系统。在这种教学模式中，充分发挥主动性和创造性，通过查阅资料、调查来获取素材，对素材进行分析、讨论、加工处理并最终得到符合自己要求的素材，以备使用。在这种教学模式中，更为重要的是教学次序的精心安排，重塑网站开发的“原生态”流程。通过该教学模式的教学，学生可以从宏观上了解网站制作的全过程，目的性明确，努力的目标也是明确，提高其分析问题、解决问题的能力，在实践中充分体验学习、创造和获取成功的愉悦，进一步促进他们更加积极主动地学习知识、探究问题、深入思考和追求真理的信心。对于大学教育而言，积极研究开发研究型课程，并在教学实践中鼓励运用研究型学习的方法，是培养研究型人才的可行途径之一。
2.1网站开发的“原生态”流程
即需求分析、栏目规划、绘制草图、收集制作图像类素材、设计首页平面图、首页平面设计图切片、制作静态页面、充实首页页面内容，制作二级页面模板、利用模板制作各个二级页面、充实二级页面内容、测试网站。让非计算机专业学生以计算机专业学生的思维模式去开发网站系统，以网站开发的“原生态”流程去学习开发网站无疑是一项扭转以往学生学习被动性的有效举措，让学生在学习的每个环节中都有目的性、方向性，不是被动地接受，而是积极主动地学习所需知识点和操作技能，从“宏观”到“微观”地逐步提高制作自己网站系统所需的理论知识和操作技能。
2.2前导式案例式教学
案例教学法已成为一种较为成功的教学方法。传统的案例式教学一般是先讲述基本概念、原理，再给出有关的典型事例加深理解，从而一目了然地帮助学习者建立相关的图式。研究型教学模式提倡在学习理论之前给学生充分的思考空间，只有真正经过研究的问题，学生在学习过程中才能掌握好，记得牢。将往届学生的成功案例展示给学生，让学生接触到实实在在的东西，从而对要制作的网站系统有总体上的把握，让学生观察各级页面组成，适时提出问题，例如如何将各级页面有机地组成网站系统，网页布局如何实现等。当然往届学生的案例可能会有一些缺陷，但是较之设计完整、功能完善的大型网站，这些小网站更能引起学生的学习兴趣，激发他们的学习热情。通过演示案例，简单介绍网站系统制作流程，使用相关软件的功能，让学生有个总体上的把握，为后续分模块详细介绍案例打好基础。通过第一次课中的案例引出为什么要学习《网页设计与制作》这门课，学习了这门课能干什么事情，并且把案例中的知识重点分散到各个章节中去，让学生了解《网页设计与制作》各章节的连贯性，能够全局把握本书的内容，做到有目的地主动地学习。
3结束语
网页设计与制作技术是信息技术领域发展较快的技术之一，《网页设计与制作》课程进行教学改革也是为了紧跟新技术，更好地培养应用型人才。本文分析了《网页设计与制作》课程教学的现状，进一步阐述改革的重点是调整授课顺序并且重视实验教学，提出了从“宏观”到“微观”的教学新模式，以网页设计的“原生态”流程重塑《网页设计与制作》课程的教学顺序，在实际教学过程中取得了良好的教学效果。
作者：李涛 王伊蕾 单位：鲁东大学信息与电气工程学院
如今社会各界对人才的要求正在不断提高，这就使得高校必须对教学方式做出改变，否则很难使学生适应当代社会的发展要求和发展趋势，网页设计与制作作为我国高等院校及中职院校中的重点专业之一，如今如何提升该专业学生的能力也已经引起了社会各界的广泛关注。本文通过查阅相关资料，简要介绍了项目教学法的特点，并提出了行之有效的项目式教学在网页设计与制作方面的创新措施，以期能够为我国网页设计与制作教学方面的发展提供有价值的参考。
关键词：
项目式教学；网页设计；网页制作；方式创新
前言
随着社会的不断进步，科技的不断发展，我国各个领域都得到了很好的发展，尤其在计算机技术得到普遍应用之后，经过多年发展其已经具备了多种形式，而网页设计与制作在近年来更是受到各个行业的青睐，并且其如今在高校教育中也占据着十分重要的地位。虽然近年来我国不断在进行教育改革，很大程度上促进了学生的全面发展，但在教学过程中依然会受到传统教育理念和教学模式的影响，使得网页设计与制作专业的教学成果大打折扣，而项目教学法是目前最佳的教学方式之一。
1项目教学法的特点
项目教学法在我国教育中所应用的领域并不多，近年来其一直活跃在网页设计与制作专业的教学中，通过对教学情况分析可以将项目教学法的特点归纳为以下几点：①具有实践性，项目教学法主要是教师对学生布置项目任务，并向学生做出充分的解释，而该类教学任务通常与真实世界有直接的联系；②具有自主性，在应用项目教学法的过程中，学生可以根据自身特点、自身学习现状以及兴趣所在来选择相应的任务；③具有综合性，若要独立完成项目教学法中的项目任务，需要将多种学科知识以及能力结合到一处，这对于促进学生全面发展可以起到很好的作用；④具有开放性，教师在向学生布置任务后，并不会限制学生的完成方法，学生有足够的自我展示空间和机会，有助于提升学生的创新能力[1]。
2项目式教学在网页设计与制作方面的创新措施
2.1注重项目的选取
网页设计与制作如今在各个行业中都发挥着十分重要的作用，众所周知，校园教育中通常会受到教学设施不完善或其他因素的影响，而导致教学效果不佳，因此在网页设计与制作专业的教学中，应尽量避免发生此种现象，因此在选取项目时应尽量考虑到该项目是否具有可行性，同时也要考虑到学生的自身能力、擅长的领域以及今后的就业方向等，毕竟在项目教学法中首要任务是为学生选择项目，否则很难开展下一步工作，另外，为了能够使学生提升创新能力，教师可以在布置项目时为学生介绍更多的思路，如此一来学生可以采取多种方式来处理同一项目，对于提升学生的综合能力来说可以起到很好的作用[2]。
2.2丰富评价机制
由于受到传统教育影响，我国教师在评价学生表现时通常以学生最终的学习成绩为标准，但此种评价对学生而言并不公平，并且也不符合当代教育理念，因此在今后的教学中应丰富评价机制，尤其在项目教学过程中，不应只是将目光集中在结果上，应多多关注学生处理项目的过程，根据学生不同阶段的表现对其进行评价，或增加小组评价、自我评价等方式[3]。
2.3优化教师队伍
项目教学法以及网页设计与制作专业在我国教育中存在的时间均不长，这也导致了我国缺乏该专业的精英教师，同时也缺少可借鉴的优秀教学经验，这就使得教师必须不断丰富自身，提升自身教学能力。高校除了提升本校教师综合素质及能力外，也可以尝试引进该领域的优秀人才任兼职教师，或聘请其成为学生的专业教师，全程参与项目的选择、项目讲解以及项目指导和评价等环节，在此过程中不仅学生能够得到更好的指导，教师也可以在潜移默化中提升自身教学能力。
2.4注重时效性
如今社会发展速度飞快，而学校教育通常很难跟得上时展的脚步，尤其在教学材料以及教学设施方面，因此今后相关教师应多多关注网页设计与制作专业的应用领域，并针对其展开充分研究，明了该专业对人才的最新要求，并根据实际情况来开展项目教学，积极更新教育理念以及教材等，避免学生在项目过程中取得了良好成绩，却已经失去了效用的情况出现，否则不仅容易打击到学生的信心，还会影响学生今后的就业问题[4]。
2.5积极开展创新项目
如今社会需要的是全能型人才、创新型人才，在项目教学中也应充分考虑到这一要求，以此来促进学生的全面发展，如在教学过程中开展项目赛，根据学生自我意愿将学生分为若干个小组，根据各个小组的实力已经设计方向，为学生布置不同的项目，此种方式不仅可以丰富教学方式，促进学生间的情感交流，也能够使学生在交流中获得更多灵感，并且，网页设计与制作对于很多大项目而言均需要以团队的形式开展，在项目式教学中开展团队项目对学生而言是十分必要的。
2.6注重项目过程
项目教学法的教学重点在于通过处理不同的项目来提升学生的专业能力，在学生独立处理项目的过程中势必会有各种各样的疑问以及问题出现，成功处理此些问题能够很大程度上提升学生的能力，因此在教学过程中教师应更专注于对学生进行过程指导，使学生能够根据教师的指导以及自身领悟能力和专业能力，不断提升网页设计与制作的能力。
3结语
综上所述，项目式教学在高校网页设计与制作专业的教学中可以起到至关重要的作用，不仅可以使学生充分具备将理论与实践结合的能力，还能够在教学过程中锻炼学生独立处理项目的能力，同时对提升学生创新意识和创新能力等方面也能起到很好的推动作用。目前项目教学法已经在网页设计与制作专业的教学中得到了广泛应用，虽然取得了不错的教学成果，但依然有很大的上升空间，因此相关机构和人员应加强对此方面的研究和实施力度，使项目教学法在该专业教学中发挥更大的作用。
参考文献：
[1]屠燕飞.项目式实验教学在网页设计与制作课程中的应用[J].职业，2016，12（02）：72~73.
[2]蔡燕敏.网页设计与制作课程中的项目式实验教学[J].实验科学与技术，2015，03（03）：123~125.
[3]吴海生.基于项目驱动的《网页设计与制作》课程教学的改革与实践[J].电脑知识与技术，2013，23（11）：5319~5320.
关键词：网页设计；色彩；网页优化
中图分类号：TP393.092
随着信息技术的飞速发展，网络是人们获取信息的主要手段，尤其目前的很多商业性网站，除了追求信息量丰富、操作便捷之外，要求网页的视觉效果也要体现个性，突出网站的特色。因此，这就对网页的设计与制作提出了更高的要求。
在网页的设计过程中，首先要注重内容，无论是内容的承载信息量的广度和深度，还是内容的组织层次上都很重要，很多人浏览网页的针对性很强，比如上网查找软件、MP3、小说下载或一定的资讯、教材等能够更好地满足需求；其次是网站的速度。在确定内容的基础上，尽量提高速度十分必要，速度太慢，访问者也只有失去耐心，从而影响你网站的访问量；最后，是页面视觉的美观。要强调艺术性，注重通过独特的艺术风格来突出设计目的。
1 网页设计的任务
1.1 资讯类网站，目前知名新华网、新浪网、搜狐等都属于这类网站。它以提供信息的量大、及时、全面、权威等特点吸引广大访问者。因此在网页设计过程中要做到布局合理、页面分割有序，更要注重界面的亲和力等问题。
1.2 资讯和形象兼顾的网站，如高等学校的网站，一方面宣传办学理念、优势、特色等企业形象；另一方面也会向社会招生、就业等资讯。再如海尔海尔、索尼等一些知名企业的网站。在设计上既要保证资讯类网站的要求，同时又要突出企业、单位的形象。甚至要突出企业的经营理念，所以从目前状况上来看，很多企业不惜重金，不断更新软硬件设施，翻新网络内容和网页设计。
1.3 形象类网站，目前各类企业都会通过媒体宣传自己，树立企业的形象。所有的企业几乎追求的都是同一个目标，就是让自己企业的名字，产品以及服务都能深入人心，网络的出现也就提供给了企业另一个宣传的平台，为企业树立形象提供了一条新的路线。因此这类网站对设计者的美工水平要求较高。
2 网页设计应遵循的原则
在网页的设计过程中，画面中的所有元素组织要达到良好的效果，这就需要遵循以下几项原则：
2.1 统一性原则。画面中的各组成部分不能鼓励分散，缺乏条理性，能够放在同一界面的当中，就要保证内容的整体性，设计风格的一致性。
2.2 连贯性原则。页面之间都是相互联系的，每一条目犹如城市路标，清晰地指引浏览者走下目的地，这就需要将内容恰当归属；表现形式上也要前后一致、相互呼应，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。
2.3 分割性原则。页面分成小块更容易产生清晰的视觉效果，使观者第一时间完整目标定位，在众多信息中找到重点，节省大量的信息筛选时间。
2.4 对比性原则。就是通过矛盾和冲突，使设计更加富有生气。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。
2.5 和谐性原则。页面在多个元素之间划分，但也不失整体性，这是艺术设计中追寻美的法则。设计的作品中颜色、形状、线条太多、太杂就会失去其灵魂所在，充满太多随意性的作品无法实现觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣，这是设计能否成功的关键。
3 网页的设计与制作过程
3.1 网页设计的实现。网页设计的实现过程可以分为两个环节：首先，手工绘制阶段，用纸和笔画出站点的规划及草图。设计网页的版面布局，我们将以合适最适合的方式将图片和文字排放在页面的不同位置，动画也要设置恰当的路线、恰当的时机。“画竹要成竹于胸”有了这份蓝图，我们就到了真正的蓝图实现阶段了。第二环节在计算机上完成网页的制作。这时除了要有一台配置不错的计算机外，软件也是必需的。微软的FrontPage、前Macromedia公司的DreamWeaver及网页设计新贵Adobe公司的Golive。利用这些软件工具，将蓝图中的组织形式和设计理念付诸于实践。在设计的过程中要体现创意，融入恰当的艺术元素规划组织结构，体现信息内容。
3.2 色彩的运用。色彩是美丽而丰富的，它能唤起人类的心灵的共鸣，促使人们产生无限遐想。每种颜色都有其深刻的寓意，如红色是热烈、冲动、强有力的色彩，它能使肌肉的机能和血液循环加快。由于红色容易引起注意，所以在各种媒体中也被广泛的利用，除了具有较佳的明视效果之外，更被用来传达有活力，积极，热诚，温暖，前进等涵义的企业形象与精神，另外红色即是警告，危险，禁止，防火的指定色。因此网站设计过程中色彩设计是重要一环，网站的整体色彩搭配应符合网站的主题信息特征。而网站的整体色彩搭配是由主色调和辅助色调两部分。
主色调是构成网站形象的一种或一组主要色彩。明确网站的主题、服务对象之后我们再根据每种颜色的寓意进行选择。如绿色食品类的网站以绿色为主，突出希望、健康的主题。通过主色调体现企业形象，以此达到品牌或产品宣传的目的，给消费者留下一个多种媒介的统一印象。如麦当劳的红、黄，可口可乐的红。主题色的数量不可过多，一种或两种即可。
而辅助色调在网页设计的色彩设计环节中，经常要小面积地使用主题色以外的其它色彩，来增加页面的色彩层次或辅助实现某种功能。辅助色的面积虽然小，但却能起到缓冲和强调的作用。合理地使用辅助色，能让主色调更加鲜明、生动，使得页面视觉效果更加流畅、和谐。辅助色应在主色调确定后进行选择。要在保持主色调主导地位的前提下，与主色调间形成相互和谐的局面。可以选用柔和的相近色，也可选用反差较大的对比色。
3.3 造型的组合。在网页设计中，我们主要通过视觉传达来表现主题。在视觉传达中，造型是很重要的一个元素。抛去是图还是文字的问题，画面上的所有元素可以统一作为画面的基本构成要素点、线、面来进行处理。在一幅成功的作品里，是需要点、线、面的共同组合与搭配来构造一个有机整体，引导受众的视野。通常使用的组合手法有秩序、比例、均衡、对称、连续、间隔、重叠、反复、节奏、韵律、归纳、变异、特写、反射等等，它们都有各自的特点。突出页面上的重要元素，突出设计的主题，增强美感。
3.4 网页的优化：（1）文字优化。文字是网页中传达信息的基本载体，因此字体的优化就显得尤为重要了。通常指定字体为宋体字号大小为12px，字体颜色要与背景色相协调，在能看清楚的基础上要求达到整体和谐。白色背景、黑色字体是最为常用的，防止浏览者产生眼疲劳，保证较长时间地浏览网页。（2）图片优化。图片的优化可以在保证浏览质量的前提下将其size降至最低，这样可以成倍地提高网页的下载速度。利用Photoshop6或Fireworks4可以将图片切成小块，分别进行优化。输出的格式可以为gif或jpeg，要视具体情况而定。一般我们把有较为复杂颜色变化的小块优化为jpeg，而把那种只有单纯色块的卡通画式的小块优化为gif，这是由这两种格式的特点决定的。（3）表格优化。设定表格的宽度、高度、边框、背景色、对齐方式等参数。
4 结束语
综上所述，灵活运用网页设计软件实现网页的设计，在不失网页设计主题的前提下，掺杂巧妙的艺术手法将网页的内容以个性化的方式呈现出来，更好地满足受众的需要，并达到瞬间产生深刻印象的艺术效果。
参考文献：
[1]王娟.网页设计中的色彩运用[J].电影评介，2010（03）.
[2]陈心威.浅谈色彩在网页设计中的应用[J].福建电脑，2009（10）.
关键词：网页设计；问题分析；教学设计
二十一世纪是信息化的时代，通过互联网，就能达到足不出户便可了解世界的目的。为了加深对互联网的了解，《网页设计与制作》这门课的出现就成为了必然。
1 《网页设计与制作》现状问题分析
（1）对课程不了解
很多学生都有这个困惑，这门课能干什么？答案就是--开发网站！简单的来说，学好了这门课，你就有开发、设计网站的能力。这门课包含了静态网页制作、动态网页制作、Photoshop、数据库以及程序的开发等。通过程序代码将网页与数据库连接，可以实现信息的实时更新。使你的网站成为一个"有生命"的网站。通过DIV层、框架、flash、样式表等对网页进行布局和规划，再加上像JavaScript这种脚本语言来实现用户与网页的互动功能，经过这些专业技能的学习，让学生真正掌握一种技术。
（2）学校以及教师的指导不够
很多老师通过上理论课的时候将知识授予学生，并未在做后续的指导，这是一门重在实践的课程，多实践才能熟练。学校开展相关专业的比赛活动很少，仅凭平常的上机实践很难完全掌握所学内容。
（3）侧重点不明确
很多学校教师在上这门课时，将很大一部分精力放在了对工具的操作上，而忽略了内容的讲解，这就导致学生可能工具用的不错，但是做出来的东西却很一般，甚至于连一些基本的功能都不能实现。有的学生不太明白这门课程的含义，不知道学这个有什么用，将来能干什么，态度比较犹豫，这也导致对这门课不重视。
2 解决当前问题的方法
（1）学校教学思路
这门课程分为理论部分跟实践部分，理论知识的讲解一般在课堂上进行，通过授课教师的讲解，同学之间的演讲和作品展示来进行学习，举例学习是一种更快更有效率的教学方法，授课教师可以结合案例跟教材的内容去详细给学生进行分析。通过有效正确的教学方法来提高学校的教学质量。在实践部分，将重心放在学生上面，着重锻炼和培养学生自主动手实践的能力，学生有自己的想法后，可以结合教材自己去做网页，教师在布置任务不应死板的规定学生们必须要完成一个相同的作品，这样容易将一些学生的想法锁死。在课程设计上，让学生以自己的想法去进行设计是《网页设计与制作》这门课的一个关键点，充分展示学生的想法跟意见，让学生创造自己的作品，培养学生的创新意识。学校应该多给学生提供一些可供实践操作以及讨论的机会，尤其是用所学知识去解决实际问题的机会，与此同时，还应让学生自己创造机会，慢慢建立自己的学习方式。
（2）教师的教学理念
如今的社会，互联网的普及率非常高，各种新兴的行业发展非常迅猛，所以，学校授课内容应该紧跟时代的发展。技术是在不断更新的，育人的目的就是想找到一份好的工作，将就业放在第一位，及时归纳总结问题，现实遇到的问题及时解决达到活学活用的目的。教师在授课的同时，应该深入研究教学要求，确保教学内容跟目的合理性，考虑不同学生的实际情况去合理教学。鼓励学生自我动手实践能力，支持与同学一起探讨问题，教师要积极帮助学生解决他们所遇到的问题，学生通过对教材内容的了解，结合课程模块方面的实践将学到的知识运用到实际生活中，最大程度的激发学生学习的热情，进而形成良好的学习习惯。很多大学生对未来没有清晰的规划，在就业选择上不知该如何做出选择，所以他们主观意识上不太确定自己适合做什么，这就导致他们在选专业上的犹豫和不明确。校方要多做对学生未来职业方面指导的工作，让学生能从一而终认真专心的学习，不再将心思放在"能不能找到工作"上，方向明确了，自然而然学习动力就会充足。
（3）解决学生的困惑
《网页设计与制作》这门课程，教师给学生应该传达这样一个信息：在已经掌握的技术水平跟理论知识之上，还要能够独立去实践。把重点教给学生，合理平衡的分配理论知识与实践操作所占比例，在掌握学习工具以后，一定要多实践，多去了解学习理论方面的知识，技术在不断进步，学无止境，要不断的更新自己的知识，而不能安于现状。一种技术可能就是将来的求生技能，所以，学生对任何东西不要有排斥的心理，既然能有一门课程，那肯定是有道理的，有的学生不愿意去学习，是因为他不了解这门课程的作用，这时候，教师跟学校扮演了相当重要的角色，他们应该为学生答疑解难，让他们明白课程的重要性以及作用。及时指正他们认知上的错误。
3 结语
《网页设计与制作》是一门涉及面很广的课程，在教师的教学方法跟课程设计实践的作用下，都能去激发出学生对这门课的兴趣，学生自主的探究学习可以丰富完善他们的专业技能更能加深印象，教师在传授专业知识时应该让学生明白这门课程的特色和作用，可以使他们在今后的学习和择业中方向更加明确。
参考文献：
[1]张宏升，章明珠.《网页设计与制作》课程教学体系的构建与研究[J].电子制作，2015，（9）.
高职教育的培养目标是为社会输送大量高素质的应用型人才，这就决定了高职教育教学方法要注重提高学生的实践操作能力。目前，项目教学法在高职教育中得到了广泛的应用。该方法是以工作任务的形式，发挥学生的自主能动性，来共同完成教师布置的任务，不仅提高了学习兴趣，也锻炼了实践技能，是高职教育方法改革的重点。鉴于此，文章以高职“网页设计与制作”课程为例，对项目教学法的应用进行了研究。
关键词:
项目教学;网页设计与制作;高职教学
一、前言
项目教学法又称为基于项目的学习方法，顾名思义就是师生一起为完成一个具体的项目而进行的教学活动，项目教学法将理论知识讲授与动手实践有机结合起来，让学生以小组合作的形式来完成。当然，项目教学与自主学习有很大的差别，后者是学生自主安排学习内容、学习计划和学习方法的学习活动。而项目教学需要教师全程参与进来，从研究项目的选择、项目任务的说明、研究过程的指导以及项目结束后的评价考核，都需要教师的参与和指导。项目教学在高职教学中的实施，迎合了高职教育倡导的“在学中做、在做中学”的理念，改变了传统的填鸭式讲授方式，大大提高了学生的学习积极性和主动性，取得了良好的教学效果。然而，由于项目教学属于新生事物，在具体的开展过程中还存在诸多问题，给教学效果带来负面影响，需要引起我们的注意。
二、项目教学在“网页设计与制作”课程中的应用
1.项目的设计
项目选择合适与否关乎项目教学是否能够达到预期的效果。以往在项目教学中，教师给学生提供的项目要么来自网络，要么来自教材，项目不仅复杂，而且离学生的真实生活和工作情境太远，难引起学生的兴趣。事实上，项目的选择要依据真实性和可操作性的原则，要符合以下要求:一是项目涉及的内容符合学生认知特点;二是项目涉及的技能和知识与课程内容相关;三是项目要难度适中，能够引起学生探究的兴趣;四是项目的完成过程中，能有利于学生创造能力的培养。因此，教师在选择项目时要征询学生的看法和建议，发挥学生的主动性。而不是将项目强加给学生，这样反而会起不到应有的效果。当然，由于高职学生在专业知识和生活经验上的欠缺，并不能完全自主选择适合的项目，需要教师的帮助和引导，控制教学的方向和进度。例如，教师可以引导学生完成诸如个人主页、班级主页等项目，这些都是学生感兴趣的内容，为学生开展项目学习作好铺垫。
2.学生分组
项目教学通常是以小组分组合作的形式开展的，在以往的项目教学过程中，教师会让学生自愿结成合作小组，通常4～6人为一小组，学生也大多以宿舍为单位进行分组学习。由于宿舍成员之间比较熟悉，这种分组方法有利于学生之间的沟通和交流。但无法兼顾学生之间在性别、学习基础和学习能力上的差异，经常是学习能力相当或者学习成绩好的学生一组，而有的小组存在学习兴趣不高且纪律涣散的问题，给课堂管理带来很大的困难。为此，教师要根据性别、学习能力等因素，保证小组成员有男有女，且学习能力有高有低，这样才能有利于学生协作学习、互相补充。为了保证小组学习的有效性，每个小组要选出小组长，制订小组学习计划和任务分工，让每个小组成员都能充分地参与到项目教学中来。
3.任务分工
任务分工包括教师对各个小组的任务分工和小组成员的任务分工。首先，教师要按照岗位工作流程进行工作情境的创设，确定项目教学的学习目标。例如，在班级网页设计与制作的项目教学中，教师先进行相关教学内容的讲解，给大家介绍一些优秀的班级网站，让学生观察和学习优秀网站的框架、风格、结构和内容等，然后教师与学生共同确定网站的内容主题，进行任务分工。如第一小组负责班级主页相关网页的设计，第二小组负责班级文学相关网页的设计，第三小组负责班级新闻相关网页的设计，等等。各个小组根据总体任务安排，来进行组内分工和任务分工，如第一名学生负责素材的搜集和整理，第二名学生负责模板设计，第三名学生负责网站动画制作，等等。组长负责居中协调和网站维护。让每个学生各司其职，充分参与到项目教学中来。
4.项目活动探究
活动探究是项目教学的核心环节。这一阶段是学生搜集整理材料，利用所学的知识和技能，完成具体的分工任务，在项目教学结束后，各个小组会形成成熟的作品。在这一过程中会遇到很多困难，需要学生查阅大量的资料，积极地尝试和钻研，并与小组成员之间经常沟通和交流，最终寻找最佳的方案。为了节约时间，提高项目教学的效率，教师在小组学习开展伊始，要为学生提供一些有价值的资源，例如，关于教学内容的电子教案，一些有借鉴价值的网页作品，一些美观、适用的图片材料以及其他网络资源等，减少学生盲目搜寻资料的时间成本。另外，尽管这一阶段的学生已经有了一定的网页设计基础，但仍然不可避免地会遇到一些技术难题，例如，有的学生对同一文档进行不同链接时，仍然不熟练，经常出现错误;有的学生不了解进行外部链接时，为什么需要将外部文件复制到本地站点中?关于这些问题，学生可以通过查询资料获得答案，仍然存在困惑的可以向教师咨询，教师要积极利用微信、QQ等学生喜欢使用的新媒介，随时与学生保持联系，一方面可以及时化解学生学习过程中遇到的困难;另一方面，也可以及时了解学生的探究现状，及时提供指导和咨询意见。
5.成果展示与交流评价阶段
项目教学结束后，每个小组选出代表对小组的最终成果进行陈述，详细阐述小组完成该项目的计划、思路、方案以及方法等，包括在这个过程中遇到了哪些困难以及解决的方法。然后开始对小组最终成果进行点评，包括学生自评、小组互评和教师点评等几个阶段。通过小组互评让学生学习他人的成熟做法。教师点评则是教师指出小组作品中存在的各种问题，有针对性地帮助学生纠正错误，提高教学效率。例如，有的网页作品主题不突出，不明确网站到底为浏览者提供何种信息和服务;有的网页作品结构混乱，内容与栏目名称不相符;有的网页作品只追求个性，忽略了整体布局，网页过于花哨，颜色也不协调，严重影响浏览者的视觉感受。通过指出这些问题，便于学生发现自身存在的不足，在后面加以改正。
三、结语
项目教学法在“网页设计与制作”课程的实施中，突破了传统教学方法的局限，把理论教学与实践教学有机地结合起来，让学生在真实的情境中体会实际的业务流程，激发了学生的学习兴趣，得到实践技能的提高，实现与企业工作岗位的无缝对接。当然，项目教学法的产生并不是为了取代传统教学法，它并不是日常教学的全部，只有将项目教学法与传统教学法有机地结合起来，才能从根本上提高教学质量。这就对高职计算机教师提出了更高的要求，需要计算机教师积极转变教学理念，灵活掌握项目教学方法，认真进行教学设计，充分发挥项目教学的优势，提高计算机教学的有效性。
作者：欧中亚 单位：河南经贸职业学院信息管理系
参考文献:
项目驱动教学模式（Project-BasedInstruction,PBI）是一种以建构主义教学理论为基础，借助现代信息技术手段而得以快速发展的新教学模式。该模式强调：在整个教学过程中应以学生为中心，教师只作为教学过程的组织者、指导者和促进者；教材也不是唯一的传授内容；多媒体不是教师的教学手段，而是学生的认知工具。通过学生的探究式学习过程，最终实现对所学知识的重新建构。相比较于其他教学方法，其自身特点表现在：①以培养学生的职业能力作为最终教学目标。②以项目作为理论知识实践技能等教学内容的载体，把实践操作技能作为重点，体现职业岗位群能力的要求。③以工作任务为引领的分组协作学习形式，一方面有利于激发学生的学习兴趣和求知欲，培养学生主动探索的创新精神；另一方面有利于提高学生工程思维能力和团队协作能力。
2具体操作
2.1案例观摩
在《网页设计与制作》课程开始前，教学团队的教师要共同完成教学案例网站“广东省历史文化名城———罗定”的项目开发，并巧妙地将教学大纲的知识点与项目的子任务对应起来。在课程开始的第一次课让学生观摩案例网站“广东省历史文化名城———罗定”，并介绍网站开发的项目情境。具体在做案例项目时，应注意以下几点：①项目必须具有社会需求，并具有一定代表性；②项目子任务要具有启发性，并符合学生学习的需求；③项目的选择符合教学大纲的目标需要；④项目要注重大纲知识点的系统介绍和整合。案例观摩的目的，是为了让学生初步了解项目网站最终的效果，激发学习兴趣。
2.2项目任务确定及小组分工
在课程开设之初就给学生下达覆盖全课程的项目任务：采取3~5人自愿组合为协作学习小组，进行分工协作，并选取一个负责人，共同开发一个主题网站。课程的推进即是项目的开发过程，小组成员通过集体讨论，给出网站设计方案，并鼓励学生应用网络资源或通过组内、外的交流等方式解决项目开发过程中碰到的各类问题。这种分工合作的方式，一方面可以培养学生的团队精神；另一方面可以调动学生的主观能动性。
2.3项目实施及过程指导
在整个项目驱动教学过程中，此步骤是历时最长，也可以说是最关键的。项目驱动教学强调以学生为中心，学生通过网络资源的使用，以小组为单位解决项目实施过程中碰到的困难。这并不代表教师不重要，更不是不参与，教师扮演“领域专家”的角色全程指导，通过多种方式及时解答学生的问题，并对过程中可能遇到的较深入的知识点提前进行指导。同时，期间最好组织一两次“阶段性项目验收”，能够及时纠正设计过程中出现的偏差，督促学生项目的开发进度，实现“以验促学”。在一学期的项目驱动教学实施过程中，教学的顺序是以实际网站开发过程的工作顺序一致，这也符合人们学习实践类知识的认知习惯。由于教学大纲的知识点与项目的子任务对应起来了，因此在学期课程结束时，项目网站将制作完成，学生获得良好的成就感，激发进一步学习的兴趣，而与此同时，学生能将网页设计与制作的诸多知识点建构成相互联系的有机整体，更重要的是学生学会了在实际网站开发中如何去应用这些知识。
2.4综合评价
课程结束时，综合评价在方法上采用多元评量方法，在形式上则采取答辩式考核形式。具体操作过程如下：首先，分组演示并公开评议。每个小组派一名学生演示和讲解本组完成的项目，教师根据小组完成项目具体的情况，确定小组的等级（优秀、较好、及格、不及格）。然后进行公开答辩。项目组所有成员都要接受其他组同学和教师关于其内容和技术实现的提问，一方面这有利于组间的相互学习和交流，另一方面要根据答辩情况，确定小组每个成员的成绩。最终的评价结果还必须考虑的因素有：“阶段性项目验收”的情况，查阅项目小组为避免分工不均的情况编制的“小组成员任务分配表”，采取组内互评制度，参考学生平时提问的次数等，实现最大程度的激励和监督，实现多元评量。
2.5教学效果分析
经过在《网页设计与制作》课程实施项目驱动教学法四年近1000名学生的实践，从微观成效上分析，据调查显示：（1）94%的学生赞同有助于提高学习兴趣。体现在学生能积极完成课堂任务，课后提问也明显增多。（2）90%的学生赞同有助于知识的掌握和灵活运用。体现在近年来学院电脑节上的网页设计比赛的作品，整体水平有很大提高，设计出众多优秀作品。（3）85%的学生赞同有助于团队协作和创新能力的培养。体现在用人单位对目前在实习和就业的两届学生的满意度调查上。以上教学效果的分析，采用了三角互证法证实，从实施者（教学团队的观察）、实施对象（对学生的调查问卷和访谈）、实施成果（学生的网站设计作品）三个不同角度，证明了项目驱动教学法在《网页设计与制作》课程实践教学中取得了较好的教学效果。
3项目驱动教学法实施中应注意的问题
（1）正确认识项目驱动教学法与其他教学方法的关系。必须承认项目驱动教学法不能完全取代其他教学方法，教师应该根据不同课程内容的特点，选择不同的教学方法，更有利于学生对知识的掌握和能力的提升。例如对一门课程的重点和难点的介绍就有必要采用讲授法；又例如模拟实验非常有利于学生技能的培养。（2）注重案例项目的选择和教师能力的提升。项目驱动教学法以项目为主线，依赖项目传授教学大纲的知识点和达到教学目标，所以案例项目要能覆盖该课程所涉及的绝大部分知识内容，并且知识点要与项目子任务对应起来。其次项目驱动教学法对教师的要求也更高，教师必须掌握课程所需要的全部理论知识和项目开发的专业技能，同时还要有很强的调控能力。（3）教师要指导小组内协助学习。为了防止学生出现严重的两极分化问题，杜绝“滥竽充数”现象。教师必须指导和监督各小组进行合理分工，指导组内成员的自我学习和协助学习的关系，建立组内互评和自评制度。对个人碰到的问题，要开展集体讨论，分别提出意见和建议，协同解决问题，分享学习心得，从而达到共同进步。（4）积极开展课程教学反思。课程教学反思不是传统意义教师的个人行为，是指就教学过程中遇到的问题开展师生对话与讨论。课程教学反思把教师和学生看成一个协作学习的集体，注重协作学习和共同进步。课程教学反思一方面有利于学生对知识的深层理解，另一方面也有利于教师教学水平提高和对课程的重新设计能力。
4结语
