开篇：写作不仅是一种记录，更是一种创造，它让我们能够捕捉那些稍纵即逝的灵感，将它们永久地定格在纸上。下面是小编精心整理的12篇网页设计课程总结，希望这些内容能成为您创作过程中的良师益友，陪伴您不断探索和进步。

第1篇

关键词：心智技能；网页设计；教学研究

中图分类号：G434 文献标志码：A 文章编号：1674-9324（2013）37-0154-03

一、心智技能理论概述

技能分为操作技能和心智技能，操作技能是一种动作技能，培养操作技能使学生“知其然”，比如网页设计中建立页面布局、插入表格这些功能如何实现。而心智技能是一种思维的技能，是调节和控制心智活动的经验，培养心智技能使学生“知其所以然”，比如为何要使用网页布局、使用何种布局更好、网页元素如何搭配更美观等，从而使学生能够更合理地应用其所具备的操作技能。

对于课程教学而言，不仅要培养学生的操作技能，还应更注重心智技能的培养。比如制作一个完整网站项目，不仅需要操作Dreamweaver、Fireworks等设计软件的技能，更需要需求分析、网站规划、风格设计和色彩搭配等心智技能。

因此，要提高学生的技能水平，就必须在教学中加强心智技能的培养，培养学生的创造性思维，提高学生学习创造能力以及解决实际问题的能力。

二、网页设计教学中存在的问题分析

目前，案例教学法是较为主流的网页设计课程教学方式，在教学过程中，往往以软件操作为主要内容，针对其中的各个功能设计教学案例并进行讲解。这种方式虽然能使学生在短时间内掌握软件使用技能，但学生对各个功能适用的场景和条件却不甚了解，不能真正做到学以致用，在独立面对一个完整的设计任务时会有无从下手的感觉。笔者采用课堂观察、学生访谈及学生作品指导等途径，开展调查研究之后发现，学生设计的网页作品普遍存在一些共性问题，主要体现在以下几个方面。

1.网页主题策划。当要求学生为某个网站主题制作一系列网页时，某些作品主题定位不准确，比如原本网站主题是品牌产品宣传，最后的作品却是购物网站。有的作品则是主题不统一，想展现的内容太多，多个主题拼凑在一起。出现上述问题的主要原因是需求分析不准确、提炼设计主旨的能力不足。

2.网页风格设计。在网页布局及风格设计方面，常出现页面风格不统一、页面风格与内容不协调等的问题。比如某些作品的多个页面之间在风格、模式和色彩上差异较大，影响了网站的整体风格。这是由于学生对形式与内容的协调把握不足，不能在内容不同时实现形式上的统一。

3.网页元素的编排。网页元素的编排，主要是框架、表格、文字、图片、动画等内容在单个网页内的排版。学生作品在网页元素的编排方面的问题主要有：（1）文字的处理。网页中使用的字体太多，造成页面混乱；字体、字号过于单一，标题或重点不突出；行距过大或过小等。（2）图片的处理。图片过度拉伸造成显示模糊；图片过大造成页面加载速度缓慢；并排显示的图片尺寸不统一等。（3）网页布局。页面宽度过大，在一屏内无法显示，造成浏览困难；页面内容多而杂，各部分跨度太大，整体可读性不好，重点内容不突出等。

4.网页色彩搭配。网页的色彩搭配应该均衡、协调，使人感觉舒适、美观，又不至于视觉疲劳。学生在网页色彩搭配上出现的问题主要有：网页色彩过于单一，无吸引力；色彩过于花哨，容易造成视觉疲劳；文字颜色与背景颜色相似，造成阅读困难等。

5.交互性设计。用户浏览网页是一个人与网页信息交互的过程，交互性好的网页应该功能实用、操作便捷。学生在交互性设计上出现的问题主要有：网页无标题；导航栏不全，引导性不佳；链接层次过深，造成连续浏览不便捷等。

6.网站文件结构。网站文件结构是指储存在硬盘上的目录结构，虽然不会影响到网页的功能和外观，但是良好的目录结构能够提高网页设计和后续维护工作的效率。学生设计的网页作品往往忽视网页文件结构的合理性，存在着网页命名随意无规则，不同层次的网页文件存放在同级目录，图片文件随意存放等问题。

综合上述问题分析可以看出，学生在创造能力及设计思维上相对较弱，实际上通过操作实践，学生基本都能完全掌握网页设计软件操作，比如插入文字和图片、设置字体和颜色、插入超链接等，但却在需要整合运用这些操作时出现了问题。这实际上就是心智技能缺乏的表现，因此培养心智技能是提高学生网页设计能力的关键。

三、心智技能阶段性理论在网页设计教学中的应用

1.网页设计心智技能形成分析。根据冯忠良教授的研究，心智技能的形成是阶段性的，其过程分为原型定向、原型操作和原型内化三个阶段[1]。原型定向阶段以理论知识传授为主，让主体掌握技能操作的原理；原型操作阶段通过实践让主体熟练掌握操作技能，为原型内化奠定基础；在主体大脑中形成内化的思维模式，使主体能够灵活运用操作技能解决实际问题[1-3]。

根据上述理论，结合网页设计教学的实际过程，网页设计心智技能的形成阶段如图1所示。

网页设计心智技能的形成可分为：掌握基本理论、熟练实践操作和总结设计模式三个阶段。这三个阶段不仅体现在整个学期的教学过程，更应该体现在每一章节的教学中，甚至在每次课的教学中不断重复，才能强化巩固心智技能。在整个学期的网页设计教学过程中，基本理论、熟练实践操作和总结设计模式三个阶段的主要教学内容是：（1）网站和网页的组成、网页设计的一般过程、HTML原理和常用设计工具。（2）网页设计工具Dreamweaver、Firewoks及Flash的操作和使用。（3）指导学生综合应用设计工具进行完整设计，总结网页设计中的经验和模式。而在某项软件操作的教学过程中也应遵循三阶段原则。教师首先结合HTML语言讲解此项操作的后台原理。然后教师进行演示，学生操作，期间教师不断进行指导。最后教师总结该操作中应当注意的一些原则，以及常用的一些设计模式，可通过展示优秀的设计作品进行对比讲解。

2.教学实践。在前述理论研究的基础上，笔者进行了教学实践。根据课程教材，首先设置了“网页设计概述”、“HTML基础”、“Dreamweaver CS 4应用”、“Firewoks CS 4应用”、“Flash CS 4应用”、“综合实例”六章课程内容[4]。其中第一、二章以纯理论教学为主，难点在于HTML基础知识，须重点讲解。第三至六章均采用三阶段原则进行教学。最后为了加强心智技能原型内化阶段的效果，增加了第七章“网页设计模式精讲”，对网页设计中的常见问题进行总结，介绍设计原则和方法。下面以第三章“Dreamweaver CS 4应用”和第七章“网页设计模式精讲”为例介绍教学思路。

“Dreamweaver CS 4应用”主要分为表格的使用、框架的使用、DIV元素的使用、文本的插入与编辑、图像的插入与编辑、超链接的插入与编辑、其他多媒体对象的插入与编辑七项主要内容。在正式讲解软件应用前，应使学生明白网页的本质是HTML代码，Dreamweaver本质是辅助设计工具，其作用是自动生成HTML代码，比如在Dreamweaver中执行插入表格的命令，就会在源文件中加入表格的HTML代码。在此后的讲课过程中，帮助学生理解操作的原理，为心智技能的建立奠定基础。以文本的插入和编辑为例，在教学中首先向学生讲解文本编辑中HTML标签

与

的作用和使用方法。然后在Dreamweaver中执行文本插入和编辑操作，并对比源文件中的代码变化。最后结合教学用例介绍文字排版的一些原则，比如长文本使用标准字号、在文本周围留出足够空间、增加文本和背景的对比度等。帮助学生建立文本编辑的心智技能，使学生在自主设计时能够编排出美观的、可读性强的文本效果。

“网页设计模式精讲”根据本文中对学生作品中常见问题的分类进行集中讲解，主要分为网页主题策划、网页风格设计、网页元素的编排、网页色彩搭配、交互性设计、网站文件结构六项主要内容。设计模式教学是一种经验的传授，目的是教会学生某一场景下问题的解决方法，因此在教学中，必须要明确模式适用的场景，以及模式如何实现，如表1所示是几个网页设计的模式。

在教学过程中仍主要依靠案例讲解进行，并在过程中要求学生在总结和思考之后进行相似模拟，但不能与原例一致。学生掌握正确的网页设计模式后，网页设计质量得到了一定改善，从侧面证明了学生网页设计心智技能的提升。

四、小结

笔者通过教学实践发现，结合心智技能形成的阶段性理论进行网页设计课程教学，确实对提高学生的网页设计能力起到了积极作用，但由于课时限制、教师经验等因素，教学质量仍有很大的上升空间。在后续教学过程中，仍需要不断地进行尝试和总结，探索更高效的心智技能教学方法，培养出更高素质的网页设计人才。

参考文献：

[1]冯忠良.教育心理学[M].北京：人民教育出版社，2000.

[2]丁清.论高职高专学生的心智技能培养[J].昆明冶金高等专科学校学报，2004，（1）：81-84.

[3]陈军民.高职生心智技能培养探讨[J].新课程学习，2012，（03）：77.

第2篇

【摘要】

随着互联网技术的发展、普及且互联网在信息宣传上商业价值日渐凸现，使得互联网作为世界上第三大媒体深入人们生活的方方面面。为了满足市场对网页设计人才的需要，各大高职院校都相继开设网页设计课程。但是，网页设计课的教学与现实有一定差距。本文就在分析网页设计教学的基础上对课程改革做进一步的探索。

【关键词】网页设计 教学改革

目前，网页设计课程涉及网站功能、建设及管理方法和网页制作技术及业界最新动态，是计算机专业及理工类学生公修课程和大学生较喜爱的选修课。高职院校网页设计教学要求以理论教学为核心和实际操作为重点，通过网页设计实践将网页设计理论和相关动画理论和美学知识运用于熟练操作中来培养学生基本技能并提升其综合能力。为了提高网页设计课的质量，不仅需要教师具备扎实的理论功底、高超的操作技能，而且还需要教师不断探索专研教学和总结教学经验，并根据教材和学生的实际情况进行相应的教学改革以达到实现因材施教的良好效果。［1］因此，我们对网页设计课的课程改革作进一步的再探就很有必要。

1 目前网页设计教学中存在的问题

网页设计课程是一门实用性和综合性特色鲜明的高度综合课程，包括网络基础、网页基础知识、数据库应用、平面设计与动画设计基础及应用、ASP、PHP或JSP编程等。网页设计课在高职院校计算机专业课中占有至关重要的地位，是计算机专业的必修基础课程和专业核心课程，也是许多理工类学生公修课程和大学生较喜爱的选修课程。网页设计突出技能和技巧，尤其注重实践性、应用性。但现实中该课程却存在一些问题。一是高职院校学生学习程度参差不齐不利于课程教学及课程改革的有效开展。升入高职院校的学生一般没有养成良好的学习习惯，而网页设计不仅要求有扎实的计算机理论知识和娴熟的平面设计和动画设计应用，还要有很宽泛的文化视角和不断钻研的学习能力。而这些对目前高职院校的生源状况而言是很大的挑战。二是网页设计教学课程设置、课程安排及教师配备与目前市场需求还有一定差距。互联网极强的商业性要求课程突出专业适应性和能够准确把握市场需求，这些都要求教师具备极强的教学钻研能力和改革能力。教学课程安排落后，虽然教学中贯穿案例等较好的教学载体，但在给学生布置具体任务时没有形成良好系统，更没有合理的考核方法能够达到对学生学习本课程给予一定的项目压力和相关激励。三是本门课程有知识面广、综合性、实践性强的特点，本门课程能最大可能的激发学生的参与性和锻炼学生动手能力，要在教学中实现理论与实践的结合，增加学生动手实践的机会以使学生能熟练地掌握网页设计的实际应用，从而实现“理论教学为实践教学服务、实践教学推动理论教学发展”的目标。但现实中，学生往往听课时能看懂、能理解但课后没有养成复习习惯就忘记做试验更摸不着头脑。而网页设计知识点多、学习节奏快而周期长容易使人疲劳和滋生厌学心理。综上所述可知进行网页设计课程的改革很具现实意义。［2］

2 网页设计课程改革的相关措施

网页设计课是高职院校计算机专业的一门基础课，是理工科学生必备的技能。网页设计课程具有系统性、综合性和实践性。网页设计课程要克服目前固有的一些缺点就要在教师队伍建设、教学方法改革及考核方式改革等方面进行不断探索，以促进网页设计课程改革的不断深入。具体如下：

2.1 加强师资队伍建设，为网页设计课程教学改革提供智力支持。

既然目前高职院校生源质量不尽如人意，那就要在造就一支专业理论扎实、实践技能高超的教师建设上下功夫。可以说，高素质的教师队伍对于应对生源素质多样化还是能起到关键作用的。进一步狠抓“双师型”队伍建设，即要建设一支既能把握网页设计发展脉搏和具有高超教学技能的技能型人才又具有扎实理论功底和持续推动教学改革深入的教育家的综合性的教师队伍。

2.2 在网页设计教学中注意教学方法的改进和突出“合作学习”、“案例教学”。

计算机相关学科具有知识更新速度快的特点。这要求网页设计教学不仅要注重基本知识、基本理论的传授，也要注重学生学习能力和创造能力等灵活运用新知识的能力，要通过课堂教学使学生不仅扎实的学会基本知识和基本技能而且能够自觉的应用到新知识的运用中，从而以教学方法的改进来提高学习质量。

“合作学习” 就是在网页设计中基于网络的特殊架构，发扬 “团队学习” 精神来克服设计中结构复杂、功能模块较多的缺点，由相关网页开发人员精诚合作，“拔尖” 学生作为项目负责人，引领组员共同讨论以制定系统方案、分析系统功能模块、搭建系统软硬件构架和对网页的背景及文化内涵发表综合意见。

实例教学就是要贯彻“学以致用”的教学原则。通过在教学中对一些优秀网页进行分析，来发掘网页设计方面诸如制作技巧、文化元素、文字布局等，开拓学生的视野和增强学生创新意识。并进一步通过让学生承接一些具体网页制作作业以在实践中发现问题和解决问题。

2.3 对网页设计课程考核方式进行全面改革。

结合网页设计课程考核系统性、层次性的特点，根据教学计划和学生接受能力采用以实际实例教学作业和团队合作等形式具体制定考核方法。［3］考核时间和方式根据教学进度的需要突出灵活性，已达到及突出教学内容的系统性和层次性的要求。评定形式方面以多样化的考核形式替代传统的单一考试模式以适应该课程技术层面广博艰深、知识联系复杂的系统要求，除操作以及技术数据准确等情况由教师评定外，其他方面通过“团队开发”形式考核。

3 小结

目前，网页设计课程教学改革工作已经引起广大高职院校的广泛重视。而网页设计课程要适应经济快速发展进而达到适应社会快速进步要求，必须通过多措并举来不断推进网页设计课程改革，以达到提高教学质量、培养合格人才的目的。

参考文献

［1］ 钟启泉、李雁冰.课程设计基础［M］济南：山东教育出版社，2000

第3篇

关键词：工学结合；网页设计；岗位能力

中图分类号：TP393 文献标识码：A 文章编号：1674-7712 （2013） 04-0228-01

在国家示范性职业学院的基础上，围绕计算机网络技术产业对技能型人才的需要，以校企共建为载体，实施“工学结合、校企互动”的人才培养模式。依托产业集群工作岗位标准，深化课程改革，探索了应用基于工作过程理实一体化教学的课程体系设计。

一、职业岗位分析

由行业、企业、专业骨干教师组建专业建设指导委员会，调研产业集群，对职业岗位技能需求情况进行分析，确定职业岗位核心能力，按照“产业集群职业岗位核心技能专业课程教学”的方式重构基于工作过程的课程模式。通过对招聘网站、国内大中城市的人才招聘信息进行分析，并对一些网站建设类企业的职业岗位调研，确定本课程职业岗位为网页设计与制作员、网站管理员。

二、确定职业岗位核心能力

分析完成职业岗位工作所需要的技能。对于网页设计与制作类职业岗位，要求了解网站的开发流程，熟练使用网页设计软件编辑与制作网页；能够合理布局网页。

三、课程教学目标

课程的教学目标，体现与职业岗位的无缝对接。改变知识点集合式的教学目标，结合职业岗位技能加入到教学目标中，将课程教学目标分解知识目标、操作技能目标和职业素质能力三个方面来培养学生的知识、技能和职业能力，以适应职业岗位的要求。

（一）知识目标。本课程以学生能够胜任网页制作与维护的实际工作能力为学习目标，使学生具备网页制作职业岗位所需要职业技能。掌握HTML标记的使用。熟练使用网页设计软件布局网页、插入并编辑网页元素；强化网页美化与修饰的技能，会使用行为和特效修饰网页；掌握CCS层叠样式表的使用；掌握网站新闻和图片的更新等日常管理与维护技巧。（二）操作技能目标。能够完成一个完整网站的整体规划与制作所需的操作技能。包括对用户的需求分析、页面栏目的规划、收集处理网页信息元素的技能；灵活运用所学网页制作工具的能力；对页面细节的调节技能；合理运用模板与库等工具，优化网页制作的过程；提高网页风格的策划能力、色彩搭配能力、页面布局能力和创造力；主动学习的能力。（三）职业素质目标。培养学生具有良好的职业道德与敬业精神；培养学生的沟通能力和团队协作精神，具有组织、计划、协调与协作能力；培养学具有良好的心理素质和克服困难的能力，具有分析问题、解决问题的能力，具有较强的沟通和交流能力。

四、课程教学内容

（一）课程内容设计原则。课程内容的设计以网页设计与制作职业岗位的任职需求为原则，参考权威的网页设计师职业资格认证的内容统筹设计教学内容。突出职业能力培养与取得职业资格证书相结合的教学内容设计，体现贴合职业岗位技能需求，模拟实际工作过程的课程设计理念，以企业真实网站设计项目为载体组织教学内容，采用基于工作过程的任务驱动教学方法和手段进行实施。（二）分析职业岗位确定课程内容。根据对职业岗位能力的需求调研分析，将网页制作这一工作岗位需要的技能总结为，用户需求分析、网页规划与设计、网页信息检索与处理、网页框架布局、网页元素的定位、图片的使用、超级链接的使用、网页的修饰和层叠样式表、行为、模板与库的使用等内容。（三）课程内容分解到工作过程。以训练学生网页制作实战技能、充分提高学生实践能力为目标。首先，选取知识技能覆盖面广，项目过程完整的企业项目。然后根据学生的认知过程，将网页制作职业岗位所需的技能进行分解，嵌入到网页制作的项目中。最后，将整个项目划分成教学任务。

五、课程的教学实施

（一）建立任务情境。教师首先布置本节课程要完成的教学任务，要求学生带着任务和问题去学习。《网页制作》是一门实用性、操作性很强的课程。在学习开始时，教师首先将完整的任务网站展示给学生，告知学生学习后能取得的成果，激发他们学习的热情，同时引导学生思考如何利用这样的平台制作自己的网页，由此确定课程的总体任务――建设一个完整网站。（二）分析任务提出问题。在每一教学单元之前，先提出本单元要完成的网页制作任务，提出之后，先让学生对任务进行仔细思考、分析和讨论，提出完成任务需要解决哪些问题。其中，一些问题较为浅显的问题，学生通过主动学习就能解决；另一些是任务中包含的新知识点中的难点，学生要通过认真的研究、分析才能解决，强化学生独立解决问题的能力，培养学生从新的角度去看旧问题，丰富学生的创造性和想象力。（三）学生完成任务。探索研究问题提出后，教师启发学生解决该问题的线索。调动学生的学习兴趣和主动性。学生结合已有知识，通过自主学习或者协作讨论完成任务。通过这样的过程掌握新知识，并将所学知识融会贯通。（四）任务评价与总结。在整个任务完成后，教师对学生的完成情况进行总结，强调普遍出现的问题或错误，演示正确完成任务的方法。教师在学生完成任务的过程中对学生教学过程中参与教学活动的态度，解决问题的能力和创造性的发挥以及获取的知识的情况进行监督，对于一些暂时不能适应这种教学模式或者学习能力较差的学生进行适当的指导，做到因材施教。

六、考核方法

主要从两个层次对学生的学习情况进行考核。一是考核学生对所学网页制作技能操作的掌握程度。二是指导和督促学生加强平时认真学习的习惯。本课程采用过程考核和期末考核相结合的方式进行考核。其中过程考核包括对各教学任务的完成情况，占总成绩的30%；以及在完成过程中的表现情况，占总成绩10%；期末考核采用笔试、上机操作与作品相结合的方式，每个部分各占总成绩的20%。

七、结束语

第4篇

1以就业为导向的网页设计与制作课程教学

网页设计与制作课程的内容与特点网页设计与制作是计算机应用的一个分支，主要涉及网页版面的规划设计与制作方法。这里所阐述的主要是Dreamweaver是如何使用的，并结合HTML语言讲述静态网页的制作过程以及简要介绍如何制作动态网页。通过对网页设计与制作的学习，学生可以掌握网页设计、网页美化以及网页制作的基本技能。网页设计与制作是一门技术性课程，但是也具有很强的艺术性，课程内容丰富，涉及面广，使学生在获取生存技能的同时也培养了艺术气息。因此，课程的学习要求学生具有较高的综合素质。以就业为导向的课程体系设置目标目前，网页设计的课程设计是以就业为导向的。这种课程体系以市场需求为提前，就业目标是课程设置的先决条件，职业中所需要的技能都能够找到相应的课程设置，学生毕业后的就业方向明确。岗位需求决定课程设置，课程内容与实际需要紧密相连，这充分体现了“能力本位”的就业趋势。专业化课程与个人的职业生涯息息相关，明确的就业方向解决了学生“毕业即失业”的尴尬局面。为与市场相连接，针对网页设计构建一套“以能力培养为本位、以动手操作实践为主线、最终构建顺应经济社会发展的课程体系”。这套课程体系将网页设计师在实际中的应用进行归纳总结，在教学时设立不同的模块进行训练，有组织有重点，让学生通过模拟训练掌握相应的知识点。相比理科专业，文科专业有着不同的专业特征、职业定位以及职业能力结构体系。如包含人文系、历史系、经管系在内的文科专业，大多具有自身独特的职业特征与能力要求。这就要求高校文科专业在进行网页设计与制作课程体系构建时，必须充分结合高校文科专业的特色，从其就业方向及职业能力需求出发。

2大学文科专业开展网页设计与制作课程的必要性

随着计算机和互联网的普遍应用，各企业和各单位对自身的网站建设越来越重视，网页制作的人才也就逐渐供不应求。现如今，网页制作与网页设计已成为高校学生的热门选修专业，每个专业的学生都需要具备基本的网站制作技能，网页设计与制作这一课程也已成为高等院校文科专业计算机教程的主要科目之一。互联网已经深入现代人的日常生活中，尤其是当代大学生，通过互联网获取各种信息已成为他们学习的主要手段。网页设计将互联网的背后运作展现在他们面前，很大一部分文科生对这些是闻所未闻的。因此，在一定程度上，文科生的网页制作学习会存在或多或少的困难。但与理科生的背景知识、计算机技术等优势相比，文科生的思维比较活跃，善于文字表达。如果文科生能够快速掌握计算机技能，将自己的知识背景与现代计算机相结合，满足市场的职业要求，那么在同一竞争环境中，他们的就业优势就会比较突出。所以，对于那些文科生占较大比重的综合性大学而言，为增加毕业生的就业筹码，在课程体系中加入网页设计与制作就是十分有必要的了。

3基于就业导向的大学文科网页设计与制作课程体系构建策略

结合学生不同的专业，优化课程内容设计在以文科生为主力军的综合性大学中，不同专业的学生需要掌握的计算机技术是不同的。因此，各高校要根据专业的不同设置不同的计算机课程。基于就业导向，引入新的网页设计与制作课程的教学方法网页设计与制作这一课程的基本特征是理论和实践紧密相连，课堂教学与实际操作是一体化的，理论与实践没有清晰的界限划分。为了使教学效果最优化，本文提出一些对教学方法的建议与意见。

1）模拟任务法，课堂教学与实际操练相结合。在教学活动中，教师模拟一个制作任务，将课堂氛围假设为实际工作环境，教师可以将制作任务分为若干个子任务进行模拟演练，一边为学生演示如何操作，一边讲解，学生边听边做。这样的讲练结合过程极大地激发了学生的学习兴趣，课堂是以学生为主的，他们发现问题、分析问题、解决问题的能力得到有效提高，既学到了知识，又锻炼了能力。

2）实际案例分析法。教师可以将典型的分类网站引入到实际课堂中，在课上为学生做展示，分析并讨论这些网站的布局结构、内容分类以及技术特点。教材中的主要知识点要通过实际案例解释说明，在实践教学中培养学生的创新思维，锻炼他们的团队合作能力。有效利用多媒体、互联网等现代教育手段，采取第一课堂和第二课堂、产学研相互结合的人才培养模式。项目驱动的专题教学模式创新一是选择合适的教学项目，制定细化的开发进度表。一个优秀的教学项目可以充分调动学生的积极性，学生的学习态度也会由“要我学”向“我要学”逐渐转变。教师在备课时要充分考虑教学内容与实际案例的充分结合，选择一些略具挑战性、覆盖范围广的网络项目，这些项目是教学过程的中轴线，所有活动的展开都是以中轴线为标准的。二是引入专题教学模式，促进网页设计课程创新。完成一项网络任务的过程一般包括确定主题、收集并整理有关资料、选择风格、设计LOGO、编排网页的布局结构、确定配色方案、自定义网络样式、制作网络主页、制作各个分页、对网站进行测试、最终对外公布。教师需要将网络制作的这些过程与教学大纲紧密结合，收集整理并设计制作与实际情况相符的教学专题。教师在设计教学专题时应秉承以下几个原则：

1）尽量与教材中的主要知识点相结合；

2）寻找不同的教学案例，全方面、多角度满足学生的学习需求；

3）关注当前热点，紧跟时代潮流，网页制作技术要与时俱进；

4）把握学生对知识的接受与消化能力，精心设计课程，先易后难；

5）要从整体出发考虑专题的选择，每个专题之间都是环环相扣的，前后衔接之后才能出色地完成一个网站项目。

4结语

第5篇

关键词：高职教育；课程改革；基于工作过程

中图分类号：G642文献标识码：A文章编号：1009-3044(2012)12-2817-02

1传统授课方式存在的问题

作者从事高职《网页设计》课程讲解工作3年之久，在3年的教学过程中作者发现的高职《网页设计》课程存在的最大问题是：学生学习的知识与社会就业所需技能脱轨。

传统的《网页设计》课程主要讲授的是Dreamweaver软件的使用。所谓的《网页设计》课程其实更多的是讲Dreamweaver这款工具的操作使用。教学过程完全是按照软件的操作使用来进行，整体感觉上更像是一款操作软件的培训。学生在学习完这门课程后掌握更多的是工具的操作，学生可以根据教师的要求模仿现成的网页作品的制作网页。而让其自己动手去设计一个符合企业需求的网站很多学生无法完成，或者能够完成页面却达不到网页新颖吸引人的目的。

简而言之，传统《网页设计》存在的问题就是学生只能完成既定的要求，而没有独立创新去解决实际问题的能力。

2《网页设计》课程改革的设计

在进行课程改革之前我们首先要了解对这门课程的知识要求、素质要求和能力要求。对于《网页设计》这门课程来说它主要的要求如下：

知识要求——深入了解Internet，理解WWW、HTTP、HTML等概念及作用；掌握网站设计和的流程；理解网站维护管理的意义及重要性，理解服务器、客户端、浏览器的概念和作用。

素质要求——本课程将培养学生以下几方面的职业素质：服务意识：能够为他人提供优质的服务；文明法制意识：网站内容应积极健康向上，不做违法的事；合作精神：能够与他人进行合作，具有协调工作能力和组织管理能力；较强的自我知识及技术更新能力：快速跟踪网页制作的新技术及市场应用动态。

能力与技能要求——网页制作软件的使用方法；在网页中编制/插入需要的脚本；进行网站的上传/下载、更新、管理。

课程改革围绕一个中心就是服务于高职学生的就业问题，课程的设计应以促进学生就业为目的。本课程在设计中引进了企业的真实工作场景，通过威客猪八戒网站获取真实的用户需求，教师引导学生完成一个网页设计项目的制作。将《网页设计》分为以下几个环节进行：

1）网页欣赏

在该环节中，提供大量的中内外优秀的网页设计作品。让学生边欣赏边说出该网页吸引人的优点所在，教师讲解网页设计中关于色彩搭配和布局的知识。这样做可以提高学生学习的主动性，让学生主动的去学习知识。此环节以教师讲解为主，学生参与讨论为辅。

2）主页制作

在该环节中，教授引导学生使用Dreamweaver工具模范制作一个主页，在制作的过程中，引导学生掌握Dreamweaver软件的基本操作。在设计一个主页的过程中，Dreamweaver软件的一些主要的操作都会涉及到：站点设计、表格布局、文字图片、超级链接、CSS样式设计。边讲边练，为接下来的教学打下良好的基础。此环节以教师讲解为主，学生模仿制作为辅。

3）二级页面的制作

在该环节中，主要目的是提高学生操作软件的熟练程度，让学生能够做到熟练的操作Dreamweaver工具。针对上一个环节中存在的不足进一步动手练习，提高动手操作能力。

二级页面的制作过程中，教师讲解内容逐渐减少，学生自主开发逐渐增多。让学生的自主性、创新性得到大的提高。

4）网页的上传与维护

此环节为网页设计工作过程中的最后一环，设计好的网页上传到指定的位置，同时对存在的网页进行更新与维护。

5）学习自主课程实训

在该环节中，教师给出课题，学生综合运用所学的知识，从威客猪八戒网站上承接一个真实的网页设计项目进行实训。课程的实训是对前一阶段所学知识的总结和升华，更是动手能力创新能力得到锻炼的一个很好的平台。

3《网页设计》课程考核方式设计

传统的课程考核方式多为期末考核，本课程改革的期末考核方式为：过程化考核+期末大作品。其中，过程化考核针对的是学生在学习该课程的过程中针对每一个环节的考核。主要参与考核的过程有：

站点的建立:站点的建立、编辑与维护；

页面布局：表格、框架、层、模板和库；

添加文字与图片：页面内容添加；

超级链接的使用：导航条；

交互设计入门：表单的应用、简单特效；

CSS样式表：页面的美化。

期末大作品主要以小组为单位设计一个完整的作品，小组成员之间相互合作利用所学习的知识自主设计一个完整的作品，上缴的内容包括一个完整的静态网站、答辩用PPT和小组成员之间的自评和互评。

4结束语

《网页设计》这门课程对于高职学生来说提供了一个很好的就业方向，掌握这门技能对于学生来说意义重大。作为众多高职课程中的一门，作者希望该课程的设计与改革能够起到抛砖引玉的效果，使众多的高职课程设计更加完善。让高职学生的动手能力得到进一步的提升，为高职学生的就业打下良好的基础。

参考文献：

[1]杨宁.浅议《网页设计》课程改革[J].科技博览,2009,(26).

第6篇

艺术设计专业的网页设计课在教学上普遍注重技术而忽略艺术，我们迫切需要在教学模式、内容和评价方式上寻求改革，培养学生的艺术审美和感受力，更加注重实践应用能力，为社会培养一大批高素质艺术设计人才。

关键词

艺术设计；网页设计；课程教学；实践

一、艺术设计专业的网页设计课程的教学现状

目前，艺术设计专业在网页设计课程教学实践中普遍存在着缺乏专业优势、偏离学生就业需求等问题，这种教学与计算机专业的网页设计课大同小异，误导学生以为这门课程就是一个技术课，掌握了操作技术就可以独立完成网页设计和制作，极大地忽视了其艺术性。因此，我们需要对教学模式、教学内容和考核内容等进行改革，以真正发挥艺术设计专业在培养人才的优势。

二、教学改革的目的

通过教学改革，力图解决以下两个问题:一是学生设计网页缺乏美感，版式、色彩等语言和设计理念滞后;二是单独靠一个软件就来完成网页设计与制作。通过以上两个问题的解决，充分考虑艺术专业的特性和学生就业的社会市场需求，综合运用多软件培养学生的美工设计能力、动画设计能力、版式设计能力、界面设计能力，全面提高学生的想象能力、感受能力、创新能力和审美能力，为社会培养一大批高素质艺术设计人才。

三、教学改革的创新点

1．寻找艺术与技术的平衡点。避免学生成为技术的奴隶，教学方案中增加艺术素养训练，充分体现专业特色，致力于培养学生的艺术设计和艺术审美和创新能力，通过研究性学习和网页设计的具体实践使学生有效地掌握网页艺术设计的精髓，为将来步入社会更好地满足市场需求从事网页设计、美工、界面设计等工作做好准备。

2．基于多媒体网络教学，合理构建教学内容。构建既具有实用性又具有艺术性的教学内容，实现软件课与艺术设计课的整合，在学会软件应用的基础上，将其恰到好处地运用于艺术设计;实现理论课和实践课的整合，利用示范教学提高学生将理论应用于实践的能力，提升教学效果。

3．深化教学内容，开拓教学视野。适用互联网技术的发展，不断加快教学内容的更新，做好教学信息的收集工作，实现教学内容的深化，保证教授给学生最前沿的知识。教学中运用多媒体充分调动起学生的视觉和听觉，激发学生的学习积极性。

四、主要改革与实践的方面

1．改革教学模式。第一，采用项目教学。为了锻炼学生的实践能力，保证学生现场制作、解难和评析的参与度，实现课程理论和网页设计的有机融合，可以在教学中加大实用项目的引进，让学生参与到整个项目制作过程，包括初期的初稿设计、中期的客户反馈到最后的定稿。第二，采用跨学科教学。实现多学科整合的互动教学，将计算机专业和艺术设计专业的网页课程结合起来，让学生可以综合考虑到设计与程序的结合，依托于程序的可实现性设计出具有创意的网页方案。

2．改革教学内容。第一，增加手绘创意草图教学环节。注重创意期的思维训练，通过这一教学内容帮助学生明确设计意图，培养学生的快速创作意识和能力。第二，增加版式设计构图教学环节。引导学生充分应用版式设计原理进行网页的整体布局，在有限的空间融合进了最多的视听多媒体元素，基本信息、导航、和正文结构安排合理美观，凸显设计者的理性思维、艺术个性和个人风格。第三，增加色彩运用训练环节。色彩的运用决定了网页的整体色调，训练学生在不同网站功能和风格下对色彩的准确把握。第四，增加创意字体教学环节。引导学生正确地运用字体设计方法，根据不同网页布局选择大小、颜色、色彩合适的字体，运用设计软件实现多样化字效和创意字体的设计。第五，增加网页交互功能教学，引导学生充分运用按钮和其他辅助设计以及页面之间的链接，从而实现网页的交互功能。第六，增加多软件综合运用教学，引导学生在网页设计中综合运用不同的软件，灵活掌握不同软件主要功能的基础上通过综合运用以实现丰富的效果。

3．改革考核内容。第一，根据当堂内容布置对应的课堂练习和上机操作，及时发现学生学习中的盲点，教师适时调整课堂进度，此部分成绩占40%。第二，根据课程的教学目标布置综合作业，结合实际让学生自主选择设计一个政府网站、企事业网站、娱乐网站或者个人网站，对学生网站设计的总体布局和色彩、版式、功能等进行综合评价，此部分成绩占60%。

五、艺术设计专业的网页设计课程教学的趋势

第一，总结和探索艺术设计专业的内在规律，建立网页设计的跨学科教学模式。讲授理论知识的同时要培养学生调动多学科知识的能力，培养学生的创造力和想象力，提高学生的实践应用能力。第二，注重网页设计的主体风格，培养学生的企业品牌意识，企业品牌的形象设计依靠网页的展现和塑造，好的企业网页可以让企业品牌形象深入人心，教学中必将更加重视对学生品牌整体风格的把握和品牌意识的培养。

六、结语

目前，艺术设计专业的网页设计课程存在着偏重技术而忽略艺术素养训练的问题，教学改革就是要培养学生的艺术审美和艺术素养，力求寻找到艺术与技术的平衡点，基于多媒体网络教学，合理构建教学内容，开拓教学视野。教学模式上采用项目教学和跨学科互动教学，内容上增加创意草图、版式设计、色彩设计、字体运用、交互功能和多软件组合使用等教学环节，评价上更加注重实践动手能力，其发展趋势是追求技术和艺术的完美结合，培养学生的企业品牌意识。

参考文献:

［1］刘妤．艺术设计专业的网页设计课程教学改革与实践［J］．包装世界，2011，(04):72－73．

［2］周小丽．“网页设计与制作”课程教学改革实践探究［J］．教育与职业，2013，(08):127－128．

第7篇

本文分析电子商务专业学生学习网页设计与制作课程教学现状，并探讨了电子商务专业网页设计与制作课程教学设计、实施及考核环节，通过该课程教学改革提高学生学习兴趣，并能提升个人建设网站的综合能力和素质。

关键词：

电子商务；网页设计与制作；学习反馈；任务循环

1网页设计与制作课程教学现状

（1）学生欠缺计算机和美学设计基础知识。

没有计算机基础课程，且课程学习课时较少，对网页基础知识理解较为费解，美学设计的欠缺，导致网页设计能力差，虽然能够也能制作简单网页，往往布局不合理。审美能力弱，有时追求个性，制作的网页往往花里胡哨，内容和主题不一致，导致网页视觉效果差。

（2）学生逻辑思维能力差。

由于文科类电子商务专业特点，该专业学生逻辑思维相比理工类专业学生逻辑思维相对欠缺，对于网页布局处理能力和网站的规划能力较弱，甚至理解有一定困难。在这些方面的不足，导致学生学习起来感觉难度较大，学习积极性不高。

2网页设计与制作课程教学设计

任课教师首先选用结构设置全面，讲授内容多较为充实的教材，这样使学习兴趣比较高的学生课下可继续学习。同时给学生提供一些关于计算机基础和平面设计类参考资料。向学生介绍网络上一些比较专业网站开发论坛。任课教师在设计教案时设计内容以选取教材为主，以选取其他同类教材为辅。尽量使章节框架齐全，章节内知识点丰富全面。每个知识点都选取相应案例，这样学生易于理解。将网页设计与制作课程内容分为七个模块，按照每个模块的知识点，依据教学目标设计要求学生课堂和课后完成的小任务[1]。第一个模块为网页设计与制作理论基础知识：介绍INTERNET基础知识、网页设计相关概念、网页制作开发相关技术和工具，共2个课时，使学生掌握该课程整体框架。第二个模块为HTML基础知识：修饰标签实现网页文字的设置；设置列表；插入图片和多媒体内容；设置超链接。共10课时，通过该模块学习，学生能掌握HTML网页标签建立个人主页。第三个模块为表格和表单：表格基本概念和常用属性；表单基本概念和常用属性。共6个课时，通过该模块学习，学生掌握使用表格整理数据和布局网页，利用表单设计注册页面。第四个模块为层叠样式表（CSS）：CSS的基本语法；CSS的选择器；CSS的使用方法；CSS的属性单位。共12个课时，通过该模块学习，学生能够利用CSS样式美化网页。第五个模块为CSS网页布局与定位：div标签；span标签；盒子模型；display属性；float属性；position属性；css+div布局类型。共9个课时，通过该模块学习，学生能够运用制作学校网站导航条和实现图文并茂的效果。第六个模块为超链接伪类、表单设计和导航菜单：共6个课时，通过该模块学习，学生能够使用伪类美化超链接，用CSS美化表单并能够制作各式各样的导航条。第七个模块为网站建设：网站建设的步骤；网站建设的原则。共6个课时，通过该模块学习，学生能够建立主题网站。

3网页设计与制作课程教学实施

3.1课程教学

（1）课堂教学

①基础知识学习，任课教师将课程的知识点通过多媒体教学进行详细的讲授，选择合适案例进行演示，尽量涵盖能够覆盖每个知识点，这样图文并茂的传授能够调动学生的学习兴趣，提高课堂教学效果。②任务实践，任课教师根据知识点设定各个任务，布置的任务能够覆盖所讲授内容所有的知识点，每个任务和前后任务都具有连贯性，这样能够在前次的任务基础开拓这次任务，对以前学习的知识点不断巩固。③学习反馈，在学生初次完成任务后，任课教师总结学生在任务执行过程中存在的问题并给出解决问题的办法和技巧，这样能都深化学生对知识的理解。④任务循环，学生在反馈学习之后再次根据老师指出的问题和提示对自己的作品进行改进。通过这种任务循环的方式使学生对于知识点的掌握会更加的深入理解，培养其精益求精的网站开发人员的素质。⑤任务总结，在所有的学生完成任务后，教师再次强调任务知识点的难点和重点，分析技术问题和处理技巧，并布置学生要在课下完成的小任务。

（2）课下自学

学生仅仅依靠在课堂上学习和练习，以达到对该课程熟练掌握的目的是远远不够的，所以要按照每个模块的知识点，依据教学目标设计学生课后完成的小任务。通过qq群和微信群沟通平台，学生之间和师生之间可以随时随地进行沟通和资源共享。鼓励学生多参加学科竞赛，达到以赛促学。

3.2课程考核

①平时考核。学生根据所学知识点，独立完成任课教师布置的任务。根据完成情况，记录为平时成绩，成绩等级分为没完成（C）、基本完成（B）、超越完成（A）。该成绩真实反馈学生知识掌握情况和动手能力的高低。平时考核在课堂结束前10分钟内完成。②项目考核。在第17周课程教学结束时布置设计并制作网站项目任务，网站项目作为该课程完成后的综合性考核，要求每个学生设计并制作一个表达某个主题的网站，向学生明确对网站评价的一系列标准，并要求根据提交项目设计制作报告书。并在课程教学第18周进行网站项目演示，每个同学在全班同学面前通过多媒体演示自己的作品，限时十分钟，教师进行点评，指出需要改进的地方。该过程既是学生利用所学知识展示自己的能力的时候，又是学生学习别人的机会。③考核成绩。该课程考核成绩计算方式及其所占比例如下所示：平时考核成绩=(完成每个子任务成绩之和÷子任务个数)×40%+出勤率×40%+课堂讨论×10%+课堂笔记×10%项目考核成绩=项目网站设计与制作报告书成绩*30%+项目网站设计与制作成绩×70%学期成绩=平时考核成绩*30%+项目考核成绩*70%

4结束语

该课程教学改革后对大部分学生进行调查访谈，虽然有很多学生反映课程压力较大，但是学习兴趣很高，学生实践中开发了自己的潜力，并激发了他们直面困难客服困难的创作创新精神。

参考文献：

[1]李月辉,姜还红,云岩.基于CDIO的Java系列课程教学改革的研究[J].黑龙江科技信息,2015(11)：162.

第8篇

1网页设计与制作课程的特色与培养目标

在网页设计与制作课程的教学大纲中指出该课程是一门操作性和实践性极强的技能型课程,使学生具有网页、网站制作的知识与能力,具备应用电脑独立开发网页、网站并将网站上传并测试的技能,具备解决网页设计、网站开发中出现各种问题的能力。同时该课程也是是艺术与技术的融合,不仅要求学生能够熟练应用相关软件的基本功能,也要在掌握了基本操作技术的基础上融入一定的创意和设计。课程要求培养学生的职业素养和创新能力,为日后走向工作岗位打下理论与实践基础。

2网页设计与制作课程传统采用的考核办法

网页设计与制作课程考核办法仍有少部分采用传统的闭卷考试方式。闭卷考试经过多年的实践应用,在考试题型、考试内容、考试成绩评定等方面都较为成熟。同时闭卷考试也有利于学校组织和管理。但闭卷考试以书本知识为主,重视学生对书本知识的记忆,忽略了对能力的考核,从而也影响对学生独立思考能力、综合应用能力和动手能力的培养。网页设计与制作课程考核办法大部分采用理论与实用操作相结合的考试方式,要求学生自主选题,制作完整的网站。这种考试方式能综合考查学生对软件的应用能力和一定的设计能力,也能全面体现学生对课程知识的掌握程度和综合运用能力。但从多年的教学中发现,学生选择的主题范围狭窄,大部分学生完成的是个人网站的制作,而大部分网站又是学习内容的堆砌,不懂得选择与舍弃,更寻找不到设计的闪光点。另外网站本就是由团队合作开发的成果,要求个人独立完成的确有些牵强,由于要求学生能面面俱到反而不能凸显学生个人的专长,最终反而事倍功半,失去了这种考试方式的意义。

3“客户模拟”＋“项目开发”＋“现场答辩”相结合的考核方式

考虑到课程自身的特点和以往考核方式的弊端,再结合本人多年的教学经验,总结出对本课程适用的考核方式。“客户模拟”＋“项目开发”＋“现场答辩”相结合的考核方式,是指首先由学生自己模拟客户的身份提出某个网站平台的制作要求,接着学生自由组合成开发团队完成一个网站的开发,最后通过作品演示和现场答辩,由学生自己组成的评委团和“客户”学生共同打分给出答辩成绩。其具体考核过程可以分为三个阶段:学生模拟客户的身份提出某个网站的制作要求;学生以团队的形式开发网站;成绩的评定。

3.1学生模拟客户的身份提出某个网站的制作要求

网页设计不仅要求学生能很好的理解客户的意图,也需要学生能转变角度换位思考。正所谓“知己知彼,百战不殆”,所以学生本身就是最好的客户模拟群体,同时也能加强学生之间的交流和学习。这里让每个学生以客户的身份提出一个网站的制作背景与要求,要求学生给出书面的网站设计任务书,内容包括网站设计的背景、网站要实现的功能,网站的色彩要求、设计要求等。为了避免设计题目的重复,最后需要从中选择出部分可行的、不同类型的网站作为开发项目,再结合网页设计的具体制作要求,如分辨率的设置问题,网站中文件命名问题,网站结构要求等。最后综合以上内容明确提出项目开发要求。

3.2学生自由组合开发团队

网页的设计与制作是需要多门学科的知识给予支撑的,仅仅凭借个人的力量是很难完成的,网页设计与制作课程也要求培养学生项目开发能力,协作能力,综合运用技巧,那么采用团队开发会是最好的锻炼方式,同时也很好的培养了学生团队合作的意识。因此要求学生可以根据各自的擅长自由组合开发团队,担任项目开发过程中相应的角色完成任务。成绩的评定以提交的网站设计说明书作为参考,其中要求突出项目开发中的个人工作以及制作心得。古人说“:学而不思则罔,思而不学则殆”,在制作过程中,要让学生学会思考和总结。项目的开发要经过主题创意阶段,素材准备阶段,网站制作阶段。同时也要求“客户人员”参与其中双方能就项目协商操作。整个开发过程一方面给予学生充足的时间,保证设计的质量;另一方面在培养学生独立思考能力的同时教师也要能指导学生合理的使用工具书,指出设计与制作过程中原则性的错误,督促学生保证项目的顺利完成。

3.3成绩的评定

该课程的最终考核成绩包括作品成绩(包括网站设计说明书)和答辩成绩两部分,其中作品成绩占70％,答辩成绩占30％。作品成绩满分100分,60分为基本分,在此基础上实行加分、减分得到最终成绩。加减分的标准主要包括以下几个方面。

(1)网站主题是否突出,内容是否充实合理,构思是否具有原创性和新颖性。

(2)色彩搭配是否合理,是否符合网站主题。

(3)网站结构建立是否合理,目录结构安排是否恰当,站点文件的命名是否符合原则。

(4)网页的链接是否准确无误,是否有孤立文件的存在。

(5)不同分辨率下页面的显示是否正常。

现场答辩主要是对学生口头表达能力和应变能力的考核,能给学生充分发挥的空间,教师能在较短的时间内确定学生理解掌握知识的深度和广度,并且还能测试学生的反应能力和应变能力,提高学生的心理素质,有助于培养学生的语言表达、逻辑思维和交流沟通的能力。该部分成绩的评定主要包括以下几点。

(1)精神状态是否饱满。

(2)作品介绍,包括设计思路、作品特色等。

(3)评委提出问题的回答是否准确,语言清晰,富有条理性。

答辩环节强调由创作团队的成员自主参加,能很好的调动学生的积极性。同时由学生担任评委也是对学生欣赏水平,鉴赏能力的培养和提高。

第9篇

关键词：网页设计；基础课程；教学内容；教学方法

中图分类号：TP393.09

近年来，随着信息的发展，互联网的迅速普及，网络已经成为信息传播的重要媒介之一。而作为互联网信息传递的重要载体――网页，它的发展虽然没有多长时间，但作为一种新的信息表现方式，兼容了平面设计的特征，并具有传播速度快、传播面广、交互性好等特点，为互联网络的信息传播提供良好的平台。

1 网站网页设计课程分析

目前，许多高等院校都开设了网站网页设计的课程。希望通过学生对本课程的学习，能够更好的掌握对计算机，能够运用所学的网站网页设计知识进行网站网页设计。其已成为计算机网络技术、信息技术、软件技术、信息管理、电子商务、多媒体技术、计算机应用等专业公共必修课程，受到了这些非计算机专业学生的广泛欢迎。网站网页设计的理论知识主要包括一些语言的学习，首先是HTML语言，然后是PHP、JavaScript等脚本语言；其次就是在网页设计中的图像处理和动画制作等一些技巧性的学习。当然网页网页设计需要在特定的环境下完成，如：Dreamweaver，FrontPage等实用软件就为我们提供了非常方便的环境平台。由于在网页设计中会用到图像、动画等各方面的知识，所以网站网页设计课程并不是一门单独的课程，它需要很多门课程知识作为基础，为本课程的学习提供支撑，构成一个比较完整、科学的课程体系。

网站网页设计这门课程的特点非常鲜明，主要分为以下几点：（1）它的内容实践性很强，能够让学生在较短的时间内积极的参与其中，对学生的动手能力的提高非常有帮助，同时也能提高学生学习自己专业的兴趣。（2）在教学过程中，理论与实践紧密结合非常重要，但是实验是贯穿教学的主线。（3）要给学生创造更多动手实践的机会，让他们能在更短的时间内设计出更好的动态网页来。（4）让理论与实践互相渗透，互相依赖，共同为学生的学习做更好的服务。

网站网页设计课程已在全国很多高校开展多年，已经能够比较全面的了解这个课程的特点，但在教学中也存在很多问题：教学内容很局限，对社会的需求帮助不大；教师在教学中与学生很好的互动很欠缺，很多学生在实践中缺乏积极性，从而形成了学生在实际应用中不能达到预想的效果的现象。

2 网站网页设计教学

2.1 教学安排

教学内容的安排要以学生能够更好的动手操作为目的，以学生能够更多的亲自动手进行网页制作为主线，改变以往的教条式的教学方式和教学内容的安排。但首先要将理论知识以更快更好的方式传授给学生们。

目前普遍的教学方式是以教师的讲授为主，学生被动式的接受，很多学生无法全身心的投入到学习中。为了改变这种局面，让学生能够自主的学习，并且在这个过程中能够体会到应该怎么去学，应该要学什么，就要在教学安排上做改变。首先是将实际项目或较好的教学案例作为教学内容，让学生充分的认识并参与项目的制作中去。让学生更好的体会网站网页设计的全过程，从而更好地调动学生学习本门课程的主动性和积极性。

2.2 分模块化教学

在教学中要重要突出培养人才的应用性、实践性。分阶段的教学会有较高的效率，主要将内容分为四个阶段，然后对每一阶段的教学模块进行详细划分：（1）尽快地让学生掌握网页设计的一些语言，如：HTML语言，C#语言；（2）教会学生如何使用开发工具进行网页开发，如：Dreamweaver；（3）在以上能力掌握的前提下进一步的安排学生在网页中加入图像和简单动画等，实现更完美的效果；（4）在简单的准备工作完成后就是在网页中嵌入脚本语言，如Javascript，实现网页动态效果。为了更好的实现教学效果，让学生更好的掌握每一阶段的内容，在每一阶段的教学完成后，需要对每一阶段的内容进行实践考核。最终让学生能够掌握网站设计的过程和结构。

2.3 实践项目教学

项目教学，最主要的就是挑选经典的教学项目或者适合教学的实际项目，让学生参与项目的分析和制作过程中去。

项目教学是在一定条件下完成的，首先：让学生掌握网页设计的基本知识和一些相关技术；第二，教师要对项目进行策划，对学生进行细心指导；第三，将项目转化为教学，根据教学目的设计教学内容，带领学生详细地进行项目分析；最后，让学生进行独立思考后分组合作，进一步地让他们认识、了解到网站网页的设计，有效地提高解决具体问题的能力。项目教学改变了教学中教师为主体的模式，学生变成了主体，形成了学生自主去学习、学会合作学习、知道如何研究性学习和探索性学习的高效的学习氛围。

相比传统的教学方法，项目教学主要有以下优点：（1）项目教学对学生亲自动手分析问题、解决问题能力的提高非常有帮助。在传统的教学中，老师讲学生听的这种教学模式在本课程的教学中显得尤为落后。项目教学就是打破了以往的教学模式，成为一种开放性的、动态性的教学模式。因为在项目教学过程中，学生将成为网站网页设计的主体，当他们处于项目的环境中、并且融入其中的时候，会遇到各种各样的问题，然后通过自己的阅历或者其他方式独立思考并做出判断和决策，在此过程中充分地锻炼了学生综合运用各种知识、经验的能力，提高了解决问题的能力；（2）项目教学能有助于提高学生自主学习的能力，知道怎么学习。学习型的社会要求每个人要知道怎么学习。通过项目教学后，学生应该知道很多问题的答案不止一个，答案是开放的、发展的。学生知道自己应该怎么学习了，就找到一条适合自己的学习方式。在项目教学过程中，教师仍然是教学的导师，要在无形中引导学生自己去查资料，在查找过程中就可以通过自己独立的思考、分析和判断，从而可以找到更多的答案，这样经过反复多次的积累后，就会获得了适合自己的方法，使其学会学习成为现实；（3）项目教学也是学生之间沟通与合作的桥梁，随着项目的完成，可以增进学生之间的交流，让他们能够互相学习，互相沟通，互相合作。项目教学中，很重要的就是要找到合适合理的教学项目，所以教师要对项目进行精挑细选，既要适合教学又要让学生容易理解。在教学中要明确地告诉学生需要掌握的理论和技能，让学生在项目中去体会这些内容，让项目贯穿于整个教学。具体做法：首先根据项目的需要，将项目中的各个任务分配到教学课堂中去，根据任务难度的不同可以分不同课时完成；然后老师需要调动学生学习的积极性，让他们主动去学，最常用的互动方法就是，教师提出一种常见的完成任务的方法，让学生举出其他的解决方法；最后就是让学生采用一种或几种不同的方法解决课堂上的任务。这些看起来简单细小的教学方法，经过实践证明，对提高教学效果起到非常明显的作用。

3 总结

经过多年的网站网页设计教学和与就业学生的沟通发现，网站网页设计课程教学必须适应社会发展的需求。陪养具有网站网页设计能力、网站管理能力、创新能力、沟通能力和团队合作能力等符合社会需求的人才。好的网页设计除首先应考虑其内容上的精益求精外，其次就是对内容上合理有效的视觉编排。美是任何网页所必需具备的一个基本因素，网页信息不仅是为了满足使用者的需求，更重要的是创造一种愉悦的视觉环境，使他们有一种全身心的享受和共鸣。随着时代的发展，网站的设计越来越接近于一门艺术而不仅仅是一项技术。网页的设计，日益被网站建设者所注重，是设计与技术的高度统一。

参考文献：

[1]吕慧娟.《网页设计》课程教学的创新与实践[J].电脑知识与技术，2007，13.

[2]郭玉.“网页设计与制作”教学改革的思考与实践[J].长沙通信职业技术学院学报，2005，26（13）.

[3]马强.Dreamweaver网页设计课程教学方法探讨[J].福建电脑，2008，04.

[3]梁益军，冯健文.非计算机专业网页设计课程改革探讨[J].现代计算机，2009，3.

第10篇

关键词：网页设计与制作 综合实训 案例教学 任务驱动

中图分类号：G633 文献标识码：A 文章编号：1673-9795（2013）05（b）-0173-02

近年来，随着我国职业教育改革的进一步深化，计算机专业课程改革面临着进一步完善，这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》课程是中职学校计算机应用技术和计算机网络专业中一门创新性和实践性很强的专业课程，要求学生不但要学好理论知识，还需要掌握实践技能，关键是要具有解决实际问题的能力。但是，这样一门看似简单好学的课程，却经常得不到很好的教学效果。学生在学完课程之后，要么设计结果达不到应有的功能和视觉效果，要么不能独立地进行网站规划和页面设计。因此，笔者在《网页设计与制作》课程的教学实训中，对教学内容、教学方法、教学手段、考核方式等进行了一些尝试，收到了良好的效果。

1 实训阶段

以我校计算机应用专业为例，《网页设计与制作》综合实训课安排时间为60个课时，以集中训练的方式进行。在综合实训之前，学生已经学习理论知识和上机操作，对课程的重点、难点进行了相关的练习。笔者在教学中发现，虽然学生经过指导能够完成课堂上布置的任务，但是只能根据规定的操作步骤进行，学生没有独立设计和制作网页的能力。学生的操作依赖性很强，学习之后很快就遗忘。针对这些问题，笔者制定了切合实际的实训计划，主要目的是培养他们团队中协作能力，独力完成所承担的网站需求分析、网站规划、网页设计、综合测试等工作，从而使学生牢固掌握所学知识，实现以技能培养为核心，培育适合当前职业岗位需求的应用型、技能型人才。本课程综合实训如下所示。

1.1 实训动员

在综合教学实训进行前，要做好学生的学习动员工作。一方面，让学生明确综合实训的主要目的是让学生通过实践，了解和掌握网页设计与制作的基本方法，通过不断上机练习达到解决实际问题的能力。因此，集中两个星期时间使学生综合运用所学习的网页设计与制作的知识及以前所学习图形图像处理等计算机软件应用方面的知识，根据网站制作的流程，完成一个综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。另一方面，让学生了解实训的目的和意义、学习方法以及考核方式等方面的内容。采用展示实际案例效果、历年网页设计与制作竞赛获奖作品、历届学生的优秀作品等方式来激发学生的学习兴趣，让他们积极主动地参与到实训中来。

1.2 实训过程

在《网页设计与制作》综合实训教程中，老师的角色是参谋，学生的角色是任务的完成者。老师提出项目要求，学生根据具体的任务来完成。我们把一个班的学生分成10个小组，每个小组4～5人，每个小组选择一个主题制作网站，综合运用前面所学的知识和相关的技术共同完成。

1.2.1 基本知识回顾

这部分的要求是温习网页制作课程的重点难点，使学生对Dream weaver各方面的操作知识系统的由“片”的认识转向“面”的认识。

1.2.2 案例作品赏识

在网页设计过程中，经验丰富的设计师需要博采众家之所长，形成自己的风格，而对于初学者来说，模仿是最容易收到效果的方法。大量欣赏优秀的网站作品并不断地分析、比较，会使学生的各种能力逐渐增长和提高。通过展示历年中职学校职业技能竞赛中网页设计与制作项目中的获奖作品、历届学生的优秀作品等手段来提起学生的学习兴趣，吸引学生积极主动地参与实训。

1.2.3 案例模仿操作练习

从历届学生的优秀作品中选择一个典型的案例，让学生作为网页设计与制作知识的回顾。例如，对一个旅游网站进行解析，使学生了解制作网站的基本方法，让学生对旅游网站的粗略和宏观认识得到细化，使学生懂得如何独立面对旅游网站进行需求分析、站点规划和设计。

1.2.4 作品的选择、网站需求分析、站点规划

在综合实训中，首先要求各小组学生选择一个网站主题，主题一般选择如下内容：校园生活、教育、体育、旅游、电子商务等。然后，小组成员开始着手进行网站需求分析，设计整个网站的框架，选定要设计和制作的各部分内容，由组长组织完成一份完整的网站规划书。在此过程中，老师要适当指导，要求学生独立完成，设计出有具有本组特色的网站。最后，由组长给本组成员进行网站设计与制作任务分配，分头搜集素材并进行整理。

1.2.5 网站色彩搭配

网站的色彩就像人的外表一样，如果打扮得美观大方，就会给人一种魅力四射的感受，而不修边幅则让人感到粗糙毛草，所以，网页的色彩搭配将直接影响访问者对网站的印象。网页配色有着很强的艺术性，不同的色彩搭配方案就会让人产生不一样的感受。对于初学者来说，模仿是最容易看到效果的方法。在站点规划完成的基础上，选择网站的主色调和学习色彩搭配。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐的，只有局部的、小范围的地方可以有一些强烈色彩的对比。由于中职生英语、数学等文化基础较差，编程对他们来说难度太大，他们走上工作岗位后一般不会从事程序开发工作，大多数学生毕业后从事的是网站美工等，因此，应该在网页美工等方面加强培养。

第11篇

关键词：文化艺术；管理；网页设计

文章编号：ISSN2095-6711/Z01-2016-02-0194

随着Internet的飞速发展以及网络的日益普及，“网页设计”作为一门新兴课程越来越引起人们的重视，许多大学的许多非计算机专业都开始将“网页设计”这门课纳入了专业必修课的范畴。我们考虑到这一点，对我校文化艺术管理类（以下简称“文管”类）专业方向的学生开设了这门专业选修课。该门课在开设之初，我们就遇到这样的问题：学生在学过之后，不是不能独立地进行网站规划和页面设计，就是设计达不到应有的功能效果和视觉效果。为此，在《网页设计》课程的教学过程中，我们从教学目标、教学内容、教学实施原则、考核方式等方面行了探索和实践，收到了较好的效果。下面简单总结如下：

一、教学目标的设定

在教学目标的设定上，我们充分考虑了职业角色的定位。“网页设计”这门课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点，以及网站的与维护等基本知识与应用。如果考虑到就业岗位定位，文管类专业的学生主要是从事网站项目的策划设计、系统开发和维护推广等三个方面的工作。因此，我们在充分考虑以市场和就业为目标的情况下，把课程的教学目标设定成：学生通过课程学习，与其他课程形成技能合力可以胜任各岗位的工作。我们设定了与课程相关的职业角色，如表1所示。因此，我们设定了从网站的规划到推广、维护均由学生团队完成的实训作业要求。结果我们发现：将教学内容和相关的就业岗位进行重新分解和组合的授课方式比起单从传统的教材和大纲来组织课程教学效果要好很多。在课程的项目实训中，课程的教学中以职业素质为核心，根据学生的个性化特点进行因材施教，突出了每位学生的专长。也受到了学生的欢迎。

二、课程内容体系的设定

针对我院历届文管专业学生选择的工作岗位看，大多选择的是“网站的项目策划”“网站系统分析”“网站推广”。因此，我们根据学生就业的职业角色，对课程内容体系制定了该门课程的知识模块。在课程的形式上，我们分为理论课和上机实践课。理论课时占总课时的32%，上机实践课课时占总课时的68%，实践课与理论课交叉进行，保证了学生在听完理论知识的讲解后马上能够上机实践，从而保证了学生更好地掌握老师所授的内容。

三、教学实施原则

在开设该课程时强调以“实用”为目的，并结合文管类学生长于策划和管理，且有一定的艺术天赋的优势，我们建立了计算机和艺术类跨学科相结合的教学实施原则。文管类专业方向的学生都是按照艺术类的考生招进来的，其中一半是较好的音乐基础、一半是有较好的美术基础。美术学专业的学生开设有很多涉及美术基础的课程。对于音乐学专业文管方向的学生。我们采取鼓励选修美术基础类课程，借鉴美术基础类课程的教材内容，课堂上补充诸如：“艺术设计基础”“色彩艺术”“PS图像处理”等课程的基础知识，并辅以色彩搭配较好的网站作为例子进行案例分析。因此我院的学生在计算机技术与视觉艺术设计方面能够结合得较好。此外，我院开办的所有专业均开设有“文化项目创意与策划”“媒体策划”“文化项目管理”“文化政策与法规”。这些课程的开设也为学生掌握网站项目的策划设计、系统开发和维护推广打下了很好的基础。

四、课程考核实施方案

第12篇

【关键词】中职教材 编写实践 网页设计

【中图分类号】G 【文献标识码】A

【文章编号】0450-9889（2015）11B-0024-02

中等职业教育的人才培养目标是为生产一线培养技能应用型人才。教材是实现这个目标的载体，是教师教和学生学的主要工具。教材建设是职业教育人才培养的重要组成部分，教材质量关系到培养技能型人才的质量和水平。

一、教材编写背景

2013年学校开展了国家改革示范校建设工作，对计算机专业实施教学改革，2014年笔者主持的课题《基于工作过程导向的〈网页设计〉精品课程开发》获得广西中职教育教学改革立项。在课题开题阶段，项目组通过深入企业调研，了解到中职计算机专业毕业生在网络科技公司主要从事网页制作员工作，其在校学习到的内容较少得到运用，所学的教材没有较好地体现知识的综合性，也没有相当程度的专业性。学生自学及独立操作的能力中等，解决问题的能力也为中等。学生上岗后一般需要几个月时间，最快的要3个月时间才能熟悉工作流程。企业认为学校应该开发理论与实践结合，操作能力强的课程，加强学生创新能力。经过企业调研和总结之后，在课题实施阶段笔者主编了《网页设计》（以下简称本教材）。

二、教材编写思路

《网页设计》课程是三年制中职计算机应用专业的一门主干专业课程。通过本课程的学习，使学生掌握常用的网页设计工具，熟练运用多种网页设计技术，具备静态网页设计、制作及站点管理的基本知识和基本技能，能够独立制作中小型的网站。在课题开题阶段项目组深入企业进行调研，与资深技术专家召开工作任务分析会，通过对企业工作任务、职业素养目标与岗位能力目标的剖析，反复研究讨论后得到网页设计师岗位的典型工作任务。主要有：创建站点网页布局应用图像和多媒体设置超级链接用表单创建交互式网页使用CSS修饰页面模板和库的应用等。与企业合作，将与企业紧密结合的生产和项目常用案例作为载体引入到教学过程中，以工作过程系统化为出发点，构建了网页设计技术3个模块：基础入门、设计静态网页、项目实战，设计了7个学习情景，17个子学习情境。如表1所示。至此教材编写大纲已清晰明了。

三、教材编写实践

本教材采用了章节编写模式和行动导向教学模式相结合的编写模式。每节内容包含初步体验（展现案例效果并分析、解读操作步骤）、新知认识（介绍理论知识）、实践测评（实训内容、目标、成果验收表）、课后思考（课后作业）以及边学边练（拓展项目）五个环节。下面以第四章第一节《创建超级链接》为例进行阐述。

在初步体验环节呈现淘宝网文本链接、图片链接、锚记链接的案例效果图，分析案例任务，阐述创建超链接的方法和超链接在网页中的应用。在新知认识环节介绍链接的作用和意义，相对路径和绝对路径，内部链接和外部链接，创建超链接的三种方法。上述两个环节对应行动导向教学法的资讯、决策（明确任务、资料准备、确定工作方案）过程序列。

实践测评环节的实训内容是：（1）创建首页到商品展示页的文本链接和图片链接。（2）创建客服页的锚记链接、电子邮件链接以及下载文件链接。实训成果验收表如表2所示。该环节对应行动导向教学法的计划与实施、检查、评估过程序列。

课后思考环节设计了三道思考题：（1）举例说明相对路径与绝对路径的异同。（2）解释文本链接与图像链接的区别与联系。（3）简述创建锚记链接的步骤。目的是方便教师布置课后作业，让学生巩固本章节所学内容的理论知识。

由于中职学生的差异性明显，为了满足不同层次学生对知识的需求，我们为了完成基本教学任务的学生开发了“边学边练”内容，适用于学有余力的学生选学。“边学边练”内容以项目式教学模式编写，由“读一读”“议一议”“练一练”组成。学生通过项目学习，了解并掌握整个项目的过程，注重培养学生的自学能力和动手能力。“读一读”内容是与项目任务相关的理论知识，通过自学完成。“议一议”可以在教师的引导下，通过讨论完成。“练一练”将该项目分解成若干个具体的小任务，由学习者独立完成。

四、教材立体化建设思考

立体化教材开发是现代化教育的发展趋势。除了做好纸质主教材外，我们还进行了立体化教材的建设探索，开发了多媒体课件、微课视频、全套案例与项目的效果样式、网页设计用素材（包括文字、图片、音频、动画等）。

一个实用的多媒体课件，首先能节省教师备课时间，共享教学经验，其次，较好地解决了理论教学时长减少的矛盾，并且使教学活动直观、形象。多媒体课件以方便教学为目的，不是教材的简单搬家，所以我们开发课件的标准要求界面设计美观，布局合理，符合中职学生的认知特点，利于激发学生的学习兴趣， 恰当合理运用图、文、音、视、动画等多媒体形式做好教材的二次开发设计。例如在层的布局应用中，画布局草图很重要，用PPT动画分步演示布局设计过程，既形象又便于理解记忆。微课视频录制了教学案例的需求描述与实现案例的操作过程，教师可以在初步体验环节播放视频作案例分析，启发学生实现案例的思路。设计微课视频时我们注重立意新颖、设计巧妙，适用于实际教学有推广性。

中职教材伴随着中职教育的发展，将经历从无到有，从有到好，从好到精的成长过程。2015年学校计算机应用专业开始采用本教材教学，结果网页设计员考证通过率大幅提高，课题组在教学实践过程中不断进行完善，努力打造《网页设计》精品课程一流教材。

【参考文献】

[1]姜大源.职业教育学研究新论[M].北京：教育科学出版社，2007

[2]姜大庆.基于行动导向的项目化课程设计与实施研究[J].中国职业技术教育，2010（32）

[3]申凤琴.《电工电子技术基础》教材编写的实践与探索[J].中国职业技术教育，2014（19）

[4]黎华.工作过程系统化课程的特征分析[J].柳州职业技术学院学报，2009（11）