网页设计的课程篇1
针对以上的问题，结合我校制作的精品课程，笔者认为，对于精品课程的内容设计，前期准备工作十分重要。一门课程要在网络上呈现，目的不是为了炫耀网页的界面如何好，更不是炫耀里面的内容如何的好，最主要的是要让学生能够接受，要以学生的需求为第一要素。而学生的学习，由于传统教育的影响，或多或少地存在被动性，因此，在设计过程中，要力求简洁，链接不能过深，学生想到了学习的内容，通过点一级，最多二级导航即可进行内容的学习，这样才能吸引学生。具体设计过程如下：
1．导航设计
精品课程的导航的内容一般包括教学文件、视频课堂、在线练习、在线测试（留言版）、网上讨论、拓展学习以及与课程相关的政策法规之类的栏目，导航栏的设置一定要把与课程相关的最主要的内容分类清楚，不能放一些无关的或者关系不大的栏目，以免引起学生的反感。
2．版面设计
精品课程的版面设计最主要的是简洁、明快，以青海电大《纳税基础与实务》精品课程为例，整个网页的显示部分像素设计为960×700，头部课程主题或动画设计为960×80～120（可根据不同的课程来增减头部的高度），导航的设计是在一行中，插入一个单行的表格，将每一个导航内容放到单行表格的各个单元格中。头部与导航是所有网页共有的内容。设计子栏目的过程中，比如在设计教学文件这一版面的时候，中间分为左右两部分，左边放如教学大纲、实施方案等教学文件，是教学文件的内容导航，左边的导航单元格宽度设计为200px；右边设计一嵌入式框架网页，此框架大小760×490为宜，将左边教学文件中的导航内容全部在这嵌入式框架中显示，在浏览的时候，整个网页不动，点击切换左边的导航，相应的内容在右边的嵌入式框架中显示，滚动条在嵌入式框架中拖动即可。别的栏目用同样的方式进行设计，做到页面设计的统一性，根据显示内容的不同，可以适当地调整嵌入式框架的宽度。对于一个导航栏目来讲，如果有子栏目，最常用的方式就是用折叠式菜单显示内容，折叠式菜单的显示用简单代码即可实现，这种显示代码在网上很常见，从别的网页上引用过来即可。我们在制作过程中发现，二级栏目可读性最强，因而，一个精品课程的栏目设计一般不超过三级栏目。很多高校制作的精品课程（比如清华大学精品课程）还采用了统一的模板，即网页的模式、色彩及导航内容基本一样，所不同的是内容及针对各课程自身的一些特殊的栏目。笔者认为，对于某一特定的学校，形成本校风格的精品课程的模板是可取的，最大的好处是，在以后制作精品课程的时候，设计人员用不着为如何设计网页的模式或者色彩绞尽脑汁，利用现成的模板替换网页内容即可，这种方式将大大提高制作精品课程的效率，做得多了，网上自然形成了某学校精品课程的特定模式。
3．视频的处理
首先，对于老师讲课视频的录制需要采取高清的方式进行。其次，针对老师讲到的视频内容，要准备充分的素材，素材包括文本、图片、另加视频以及针对某些内容制作的动画，然后在非线性编辑软件中进行精细的制作，真正做到图文并茂，吸引学生的眼球。再次，将制作后的视频进行必要的压缩，以适应网上在线播放，可以选择wmv、flv、rmvb等格式，但必须注意压缩后的视频要清楚，以国家标准为基准，压缩时只能比国家标准高不能低。最后，将制作好的视频以合适的方式放到网页中，可以直接链接视频，进行在线播放，也可以制作成三分屏网页，效果更理想，所谓的三分屏是将老师讲课的视频、内容导航、讲义文本（或ppt）分成三个区域。现在很多精品课程中，多以三分屏的方式呈现视频。现在很流行自动生成的三分屏视频课件，即教师讲课时采用ppt或者文本，录制过程将教师讲课及ppt操作一并录制下来，录制完成以后，自动生成索引即导航。这种方式在我校精品课程《纳税基础与实务》中全部采用，效果非常好。
4．内容设计
（1）一个精品课程能不能吸引学生学习，最主要的是放置的内容要适合学生学习，所以在栏目的设计中应当将所有的因素考虑周全，每个栏目中准备的内容以课程为主线，突出重点，全面概括，具体来讲，视频课程最为重要，一定不是辅导性的讲解，相关的教学文件、练习题等必不可少，辅助的拓展内容等根据需要放置。在拓展内容中可以放一些辅导性视频或者与课程相关的视频，不管是自制的视频还是取自网上的视频，尽量选择质量较高的视频。（2）网上精品课程中文本字号的选择一般是10号字，10号字是网页显示文本的默认字号，笔者认为，在精品课程中字号应该选择稍大一些较好，通常标题设为黑体14号字，正文部分设为宋体12号字，对于文本网页的行距设为1．5倍行距最理想，也可根据文本中的内容适当调整字体或者字号，比如在文学类精品课程中，文本网页里如果引用了一段小故事或者引用了名人名言，则可以用楷体来表现。（3）学生比较容易接受的学习内容是视频、动画，还有声音，看文本是最枯燥的。因此，在制作时，能用视频的地方尽量用视频，能用动画的地方尽量用动画，尽可能地将网页制作得生动一些，以加强精品课程的可读性。
5．练习题的制作
网页设计的课程篇2
关键词：网页设计与制作；教学内容；教学方法
中图分类号：G642文献标识码：a文章编号：1009-3044(2012)08-1864-03
"webpageDesignandmaking"Curriculumteachingmethodexploration
FanYi-hong
(electronicinformationengineeringCollege,HenanUniversityofScienceandtechnology,Luoyang471003,China)
abstract:webpagedesignandmakingcoursehasthecharacteristicsofstrongpracticalityandwideknowledge,howtoimprovetheteachingeffectofthecourseisthequestionthatshouldbesolvedurgently.accordingtotheauthor’spracticalteachingexperience,thepaperconductstheresearchandthesummaryfromtheaspectofthecourseobjectives,coursecontent,teachingmethod,curriculumpractice,trainingandotherteachinglinks,anditachievedgoodresultsinactualteaching。
Keywords:webpagedesignandmaking;Contentofcourses;teachingmethod
随着计算机网络技术的迅猛发展和网络应用的日益广泛，internet在人们的生活、学习和工作中的地位显得越来越重要，上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展，使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体，掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。
《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程，也是许多高校的公共选修课，具有实践性强和知识面广的特点。该课程要求学生掌握HtmL语言、CSS+DiV、JavaScript语言、photoshop图像处理、flas制作等基本知识，为后继课程《动态网页设计》、《计算机网络》等打下牢固基础，因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量，是亟待解决的问题。根据近年来对网页课程的讲授经验，笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。
1理论教学
1.1课程目标
《网页设计与制作》课程内容包括HtmL、CSS+DiV、JavaScript、photoshop、Flash，本课程的教学目标是：
1)使学生掌握HtmL基本知识，熟练掌握静态网页制作技能；
2)使学生能够掌握流行的CSS+DiV网页设计技术，适应网页设计社会最新需求；
3)使学生能够用photoshop进行网页效果图的设计并能够切图输出；
4)使学生能够用Flash进行网页动画的简单设计；
5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。
1.2课程内容
1.2.1HtmL网页设计
重点包括网页设计基础知识、用HtmL设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HtmL代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2DiV+CSS网页设计
DiV+CSS是目前网页的主流布局方式，DiV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得网站易于维护和改版，因此，在网页设计教学中DiV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。
该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DiV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DiV的精髓，并体会其在设计网页方面的优越性。
1.2.3photoshop图像处理
重点包括photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。
课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。1.2.4Flas制作
重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5JavaScript程序设计
JavaScript是目前web客户端开发的主要编程语言，也是ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XmL、ajax技术以及JavaScript实用技巧与高级应用。
1.3教学方法
该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。
教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。
1.3.1模块教学法
根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HtmL语言；第二阶段重点在于CSS样式表以及CSS+DiV布局方法；第三阶段在于利用photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HtmL标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。
1.3.2案例教学法
在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HtmL的标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HtmL基本标记学完后，通过一个综合实例――具有多个网页的网站的设计，综合应用HtmL语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。
2课程实践
2.1实验题目的设计
结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。
2.1.1HtmL网页设计
实验1HtmL基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5HtmL综合实例。
2.1.2DiV+CSS网页设计
实验1CSS文字排版、实验2CSS网页布局、实验3背景设置、实验4CSS导航菜单设计、实验5综合实例。
2.1.3photoshop图像处理
实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4Flas制作
实验1Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5JavaScript程序设计
实验1JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3JavaScript内置函数和对象、实验4JavaScript事件处理、实验5Dom操作实例。
2.2自学模式的创建
为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学
鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面
组织成立网页课程的兴趣学习小组，具体活动包括：
1）举办讲座：资深开发人员的经验报告，网页知识讲座；
2）举办竞赛：我院已成功举办两届网页与flash设计大赛。
这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训
网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。
实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。
平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。
课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
4结束语
明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步，网页设计与制作课程的教学还必须与时俱进，不断的改革和创新，教师只有不断的学习新的教学理论，掌握现代化的教学手段，才能胜任高效教育工作，为社会培养高素质的技术应用型人才。
参考文献：
[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.
网页设计的课程篇3
关键词：网页设计；网站制作；课程改革
中图分类号：tp3-4文献标识码：a文章编号：1007-9599(2012)11-0000-02
网页设计是四川警察学院计算机专业的专业基础课。本科学生第二学年上学期开设网页设计和下学期开设asp程序设计这两门课程，网页设计主要是以前台开发为主，以Dreamweaver+html代码制作静态网站，asp程序设计主要是以后台开发为主，以aSp+iiS+aceess为技术平台构建动态网站。一个网站不仅在技术上要有满足需求的适用性，在网站界面的艺术方面也是不能忽视的，通过几年的课程教学，笔者发现在教学过程中存在重技术轻设计的教学理念，由于缺乏教学大纲的标准和教学质量的监管，作为技术学习类型课程并没有达到应有的教学效果。
与传统的理论学科相比网页设计与网站制作课程有着自身鲜明的特点：
（1）具有很强的操作性和综合实践性，特别强调学生的操作能力和学以致用的综合实践能力。
（2）理论教学服务于实践教学，实践教学反过来又作用于理论教学，在教学过程中老师在台上演示一步，学生就跟着操作一步，这样手把手的教授方法不能发挥学生学习的主动性，而是以完成课堂任务为目的。
（3）需要和其他艺术学科美感相结合，网站作为一个信息窗口，对于艺术和美感是不能缺少的，学生在制作过程往往忽略的艺术成分的重要性，而是在把所谓老师传授的网站特效技术的叠加，因此如何对课程进行创新性改革来培养学生的创新能力和动手实践能力，笔者提出了自己的一些思考。
一、明确课程特点，把握课程培养目标
网页设课程是实践性、操作性、综合性很强的课程，对学生动手能力的要求也很高。做为计算机专业学生，要将理论教学和实践教学同步交融地贯穿于培养教学过程始终，注重学生的文化素质培养，创新能力的培养。
课程培养目标主要包括：
（1）理解网站的基本原理，掌握用代码或者软件构建网站的基本方法；
（2）熟练运用Dreamweaver进行网页程序设计；
（3）激发学生对程序编写的兴趣；
（4）了解主流动态网页设计技术和发展趋势；
（5）培养学生自学能力和独立创新能力。从培养目标可看出，不仅涉及了基础理论和应用技术的内容，同时也加入了程序编写、主流技术发展趋势，学生在教学过程中从理论、技术、实现、应用和趋势获得一定系统认识，通过这种学习目标，发挥学生学习的主动性和创造性，触类旁通到其他学科的学习。
二、教学内容改革
课程不仅要求学生掌握基本的网站搭建、代码编写、整站的方法，而且对网页界面的艺术性设计也提出了相应要求。网页界面艺术性设计的要素包含了色彩、布局、构图、风格等一系列要素，这些要素设计是否合理在很大程度上决定了网站访问量。而在我院的课程开设中，只是安排了网页设计与网站制作课程，对于相关的网页三剑客中的其他制作软件并未涉及。因此有必要加强学生在网页界面艺术设计的能力，改革原有的教学内容。
（一）开设photoshop课程
网页三剑客是指Dreamweaver，Firework，Flash，但是如今在平面设计中使用photoshop的较多，photoshop以其强大的使用功能和滤镜功能占有了市场使用率。adobe公司开发的photoshop软件是目前图像处理领域中使用最多的一款软件，是集图像扫描、编辑修改、图像制作、广告创意、图像输入与输出于一体的图形图像处理软件。它的版本从最初仅能实现色彩平衡、饱和度调整等简单功能的1.0版本升级到现在可以创建和编辑3D动画的CS5，将其应用到网页设计课程的支撑辅助课程，是最能够在最短时间提升学生网站界面开发艺术性的有利途径。学生可以通过photoshop课程的学习，从网站色彩、布局、字体、特效方面提升网站制作的艺术性。
（二）增加flash教学内容
Flash被大量应用于网页的动画设计，因为使用向量运算方法，产生出来的
flash影片占用存储空间较小便于网站使用。目前，使用flash建立全站成为业内主流的网站创建方法。课程中增加flash教学内容使学生掌握使用flash制作html文件，应用css制作网站Logo、导航栏、弹出式菜单，动画、文本、图像特效以及多种动画动态效果制作的能力，让学生的网站开发突破原有的静态效果，从技术层面上有所提高。
三、教学方法改革
网页设计课程的传统教学模式是老师在教师机上演示课堂教学内容，操作课堂教学案例，学生在学生机上按照老师的步骤一步一个脚印的操作。这种教学模式学生完全处于一种被动过程，要让学生成为教与学的主要部分，把“要我学”变“我要学”，课堂上给与学生充足的思考，激发学生的学习热情，让学生变被动学习为主动学习，从而成为学习过程的主体，更好的在教学过程中发挥其主动性和创造性。
（一）课程内容模块化，化解难点，循序渐进
我们将整个课程内容合理的模块化，各模块之间既相互独立，也相互关联，同时也将课程难点分解到各个不同的模块中，化解了学生的畏惧心里。从简答的html代码开始初步入门，加入网页制作软件Dreamweaver的深入理论学习，最后加上photoshop和flash平面动画艺术成分，每个模块自成体系，学完每一个个模块就能获得一项知识、技能，前面的模块为后面模块做铺垫，后面的模块又强化前面模块的内容。这样可以让学生牢固地掌握网页设计这门课程的核心。
网页设计的课程篇4
【关键词】高职教育网页设计课程改革综合能力
【中图分类号】G423.07【文献标识码】a【文章编号】1674－4810（2014）17－0064－02
随着网络技术的进步，计算机和电子通讯设备技术的推陈出新、电子商务涵盖范围的不断扩大，网页设计师在短短十年间一下飙升为技术型潜力巨大的新兴职业。电子商务的快速发展更是促使人们看到网页设计的广大的就业市场和光明的发展前景。各大高职院校纷纷开设网页设计相关课程：网页美术设计、网页设计与制作、网页界面设计与制作、网页制作软件等。
网页设计是通过更合理的色彩搭配、字体使用、图片处理、样式设置进行页面设计美化，设计师使用专业软件给浏览者呈现出图、文、声音及动画多位一体的全方位感官效果，在功能和技术限定的情况下，尽可能制作出给予用户完美的视觉体验的网站。可以看出，网页设计是一门从艺术到技术的专业课程，市场对于网页设计师的要求也从单纯的平面设计到简单网页效果的制作发生了变化。针对这一改变，高职的网页设计课程也应做出相应的改革。
目前，大多数高职院校为艺术设计专业学生在大学中开设一次网页设计课程，课时多为48～72课时，在一个学期内完成。课程名称为网页美术设计、网页设计与制作、网页制作软件等。在课程学习过程中，任课教师也是以单纯的教授网页设计软件Dreamweaver和图片处理软件photoShop为主，软件学完，课程结束。然而观看学生所制作的网站，从颜色搭配和样式的设计都与现今优秀网页“美术”不搭边。简单来说，单纯学习了网页的制作，而忽略了美术法则的运用，制作网页，而非设计网页。或是学生在没有任何网页制作软件的基础上学习网页美术法则理论，到了实践上各种效果却无法实现，最终仅能实用平面设计软件制作静态网页布局效果图。
一高职艺术设计专业网页设计课程存在问题的原因
存在这种现象，主要有以下原因：
1．课程设置：大学中仅开设一次网页设计课程
网页设计是一门相对于平面设计起点较高的专业，一个网页设计软件Dreamweaver还需配合使用平面软件photoShop，web动画效果软件Flash等。软件难度较大，学习时间太短。一个Dreamweaver软件的学习就占用了课程的大部分学时。一次网页设计课程结束后，没有相关的美术设计课程让学生实践，就像是只学会了使用画笔，还没来得及
了解怎样算是一幅好画。
2．课堂设计：课堂内容涉及面较为单一
见过这样的一些课程标准，整个网页设计课程只讲到关于美术设计部分――色彩、布局、元素、风格，没有半点关于工具的介绍――软件Dreamweaver、Fireworks、Flash。最终学生在还没有网页概念的情况下，用photoShop制作一张网页图片作为作业结束课程，学生还停留在纸质媒体的平面设计稿上，无法真正体验到网页在互联网和电子设备上所呈现的特质。
3．教材设计：一门课程仅配备一本教材
有了工具书，没有技法书；或是只教了技法，却连工具都没碰过。对于平面设计专业学生而言，平面上的美术基础要应用到网页美化中，心有余而力不足。但目前市场上有关网页设计、制作方面的教材图书种类繁多，基本都是单纯的讲解软件、工具、命令等技术知识，类型单一，而关于网页色彩风格、布局、元素、效果图等网页美术的工具书又缺少制作方式，对于刚入门的学生来说比较难实现。仅仅一次课程一本教材很难把网页设计学好。
4．市场现状：需求大门槛低水平参差不齐
在这个电子商务发展高峰期，越来越傻瓜式的软件操作使得更多的非专业人员加入到这个行列。大多数设计者通过自学懂得如何制作网页，却不一定懂得如何设计美观使用起来舒适的网页。其较低的准入门槛导致网页设计行业的现状并不太好，人们要求设计者什么都懂，要比平面设计师多懂点代码，比程序员多懂点设计，还能做点动画。针对这个设计行业大环境，高职学子更应具有更高的网页制作和审美感知水平，才能提高自身的竞争力。
二高职艺术设计专业网页设计课程的改革
笔者认为，要培养具有社会竞争力的专业网页设计人才，高职就应针对当今行业市场对网页设计的需求、用人单位对网页设计师的要求、客户在网站使用上的习惯，对课程做出相应的改革。
1．在课程设置上可开设大于一次的网页设计课程
最少两次的网页设计课程，可使学生在打下网页制作软件的基础后，再次开设一门专门以网页美术为主的课程。
网页设计作为新兴行业，每年跟随着电子产品的更新和软件功能的强化，效果与美术规则不断地出现新的流行趋势。如2014年网页就以扁平化图片和酷炫动态作为最新设计潮流元素，并且颜色搭配和布局方式也与以往不同。这些我们都可从国外一些优秀网站和国内的大型电商网站中找到。但在软件的学习上，老师和学生往往只把重点放在软件各个功能的运用上，很难把注意力同时分散到网页的美化规则中。但如果学生在已经有了软件基础后，再次开设网页美术设计课程，犹如让一群有素描基础的学生进行设计素描一样，更能体会当中需注意美术法则的含义。由于有了软件基础，各种美化效果就更能实现。那么课程的最终作品就不仅仅是停留在普通效果的网页制作或平面效果图制作了，更加复杂和新颖的页面效果、更加舒适的色彩搭配和页面布局，不仅提高了学生们的审美情趣，也让他们在课堂中的成就感油然而生。
2．在课堂安排上可采用优秀网站作为软件学习案例
若学生课程安排太满，确实无法在大学中进行两次或以上网页设计课程的学习，那么，老师就应在课堂实践中多以呈现较新潮流趋势的网页作为软件学习案例。
国外设计一直是流行趋势的坐标，我们可以通过对比国外近年网站找到最近国内网页设计的方向，一些优秀的网页专业网站也有大量的相关文章给予我们参考。老师在进行备课时就要比以往多下几重功夫了，在软件教学上，软件学习教材中是有大量的案例，但更新速度毕竟与网络是无法相提并论的。通过优秀网站作为软件与教材中案例对比分析，找出各自在色彩、布局、元素、风格上的特点，来让学生了解网页美术法则。在学生学习软件中对优秀案例的临摹实践中，体验一种耳濡目染的效果让学生了解何为优秀网页的同时，掌握如何设计优秀网页。
3．在教材选择上可采取多本教材多种形式教学
如果仅限定于根据所购教材作为课堂所有内容，学生所学知识比较单一，教师可选择网络、图书馆图书作为参考教材。
现今市面上大部分关于网页设计教材分为网页制作软件和网页美术两种。教材的内容设计没错，针对网页制作就应以软件的学习为主，针对网页美术就应以美术法则为主。综上所述，市场及行业对于网页设计的要求都不仅仅是单一的制作或单一的美化，高校的网页设计课堂也不应仅仅教授软件或美术法则。既然已有教材无法一次满足课程的需要，那么教师可以在课堂中使用网络或偶尔把课堂转移到校图书馆进行课程学习。网络上有大量的网页设计文章、素材、模板、教程，学生在使用网络对网站进行浏览的同时，也更深刻地体会网页操作过程中的各种元素对用户带来的不同感受。只有通过对网络的接触和对网页的使用，才可真正设计出适合广大用户的优秀网页。在图书馆里，我们可以找到与教材内容相辅相成的大量图书，学生可以在此深入地了解网页设计涉及到的不同范畴，把以往狭隘的通过单本教材看成是课程甚至整个网页设计行业的所有内容，扩展到从艺术到技术的一个更宽的面。
三结束语
网页设计的课程篇5
网页设计课程是一个综合性非常强的课程,不仅仅是软件的讲授,它涉及到版式设计、色彩设计等其它方面的知识,如何让学生在短时间内能够快速接受本课程内容是关键。之前的讲课方式是逐一讲解每一个软件的知识点,学生理解起来比较困难,学习效果不是很理想。高等艺术院校的人才培养目标是培养技能型应用型人才,这也是本课程所要达到的一个目标,网页设计课程培养的是学生的实践技能,实用性非常强。因此,在本课程中尝试采用项目教学法,在基础讲授的阶段采用不同的网页案例进行讲授,在后期综合练习的时候让学生制作真实的网站项目,效果非常显著。
项目教学法是一种以学生为中心的教学方法。项目教学法最显著的特点是“以项目为主线、教师为引导、学生为主体”,改变了以往“教师讲,学生听”被动的教学模式,创造了学生主动参与、自主协作、探索创新的新型教学模式。学生作为学习的主体,通过独立完成项目把理论与实践有机地结合起来,不仅提高了理论水平和实践技能,而且又在教师有目的地引导下,培养了合作、解决问题等综合能力。项目教学法是师生共同完成项目,共同取得进步的教学方法。同时,教师在指导学生的过程中,开阔了视野,提高了专业水平。
2培养学生的学习兴趣及自学能力
项目教学法主张先练后讲,先学后教,强调学生的自主学习,主动参与,从尝试入手,从练习开始,调动学生学习的主动性、创造性、积极性等,学生唱“主角”,而老师转为“配角”,实现了教师角色的换位,有利于培养学生的自学能力和创新能力。学生在课堂中面对的不再是枯燥抽象的理论知识,学生在制作每一个案例的时候,都获得了不同程度的成就感,每天上网看到的网页,自己也能制作了。在课程的前期学习阶段,要求学生自己独立完成项目设计,制作相对简单的个人主页,要求学生制作六个以上页面进行相互链接,让学生全面掌握网页制作流程。到后期综合练习阶段给学生提供一个综合网站项目进行制作,这个阶段采用学生分组的方式进行,一般2～3个同学为一组,在制作过程中可以按照每个成员的特长进行分工,其中一个学生负责网站整体策划设计,Dreamweaver学的好的同学负责网站结构的搭建,擅长Flash、Fireworks的同学可以专门负责网站的动画制作和图片的处理工作,这种分组的方式可以培养学生的团队合作意识。
3改革网页设计课程的考核方式
网页设计的课程篇6
该课程采用项目化教程，根据高职高专学生的动手能力强、思维较活跃这一特点，针对教学内容、教学手段、实验实训等诸多方面进行教学改革，促进了课程建设，增强了课程意识，全面提高了教学质量，为社会发展的需求多培养一些实用型、技能型人才。1.1划分模块，由浅入深根据授课计划，将授课内容划分为五个模块：网页创建与设置、文本与图片的使用、多媒体、框架设置、CSS使用等。各模块之间既独立存在，又相互关联。在理论教学过程中，树立以教师为辅，学生为主的教学思想。灵活运用多种教学方法，提高学生学习兴趣，帮助学生深化理解、正确应用，保证教学过程良好有序地进行，并针对该课程的专业培养方向，强调理论学习的重要性和实际动手操作的必要性，鼓励学生自主学习，调动其学习的积极性。在实践教学过程中，借助于电脑实验室，使用Dreamweaver软件进行网页的设计与制作，推广边学边练的教学模式，在教师的带动下，学生边学边练是最直接、最理解的学习过程。使其真正做到“教、学、练、做”融为一体。这种以理论教学为基础，以实践训练为重点的教学模式，在授课过程中取得了较好的效果，使理论教学与实践训练结合的更加紧密、贴近技术应用实际。增加了学生的学习热情，使学生真正学到了知识、掌握了技能。1.2开设实训课程，提倡“任务驱动”项目化教学理念实训课程，即给予学生一个在无其他课程安排的情况下充足、完整的制作与设计网站的学习时间。通过该课程可以让学生系统的学习如何创建网站，如何规划网站，如何管理网站。针对高职高专贯彻培养高技能应用人才的教学理念，在该课程有教学过程中积极探索新思路、新方法。由于新知识的不断增加、教学时间的相对减少，传统的教学方法已难以适应新形势的需求，所以需要对课程体系和教学方法进行改进，实行新的教学模式，让理论和实践有机结合。为了提高教学质量和效果，使学生能够学到知识、掌握技能，在保证课程教学合理性的同时开设实训课程，改变理论学习容易出现抽象枯燥、难以理解和接受的问题，解决传统教学过程中存在的理论学习与实际操作难以融会贯通的缺陷，使得教学的针对性和学习的趣味性大大提高。在实训课程中教师应明确教学目的，采用任务驱动法、演示法、讲授法等，组织并启发学生制作一个属于自己的网站。网站的选题与色调根据学生个人爱好自由发挥、自行设定，从而大大激发了学生的学习热情。在制作过程中教师与学生进行交流，辅导学生进行“一对一”互动学习，并针对学生存在的问题逐一进行讲解，引导学生依靠个人能力解决技术难题，达到轻松学习、自主学习的目的，力求每一位学生通过实训课程的演练，都能够对网站开发与制作的过程有一个清晰的了解和认识。这种教学形式既能突出操作技能的训练，又能使学生学到与职业技能有关的知识，不仅培养了学生的分析问题和解决问题的综合能力和创新能力，还培养了学生的一专多能。该教学形式是以培养学生能力为中心，让实训任务始终贯穿在整个教学过程中，达到了学以致用的教学目的，既能够检验学生在该课程中所学到的技能，又能够真正发掘学生的潜在能力，还能够大大激发学生主动学习的热情，使学生从“要我学”变为“我要学”，形成了一个“比学赶帮”的学习氛围。1.3开设“作品展示”课堂，促进师生之间的交流《网页设计与制作》课程的学习目的是通过学生对Dreamweaver软件的使用，制作出一个符合企业以及个人需求的网站，远比机械记忆，应付理论考试重要的多。开设“作品展示”课堂，要求学生自己演示自己制作的网站，鼓励学生对所制作网站的设计理念和各网页之间的衔接加以详细说明，教师再针对每位学生网站的主题风格、色彩搭配、网页布局、多媒体运用等诸多方面加以分析、点评，肯定成绩，找出不足，鼓励学生精益求精，不断提高技术水平做出更加优秀的网站。通过“作品展示”课堂，学生之间不仅可以相互学习、相互借鉴、相互欣赏，真正认识到自己的所学知识和掌握知识的真实情况。同时，还可以提高学生团队合作的精神，增加学生之间的情感。实践证明，此种教学方法对学生的学习方法和努力方向能够起到一定的引导作用，对学生的实际动手能力能够起到一定的强化训练作用，对学生的求知欲和上进心能够起到一定的激励作用。1.4组建兴趣小组，模拟企业网站开发
“以服务为宗旨、以就业为导向、以能力为本位”是职业教育的办学宗旨，为了让学生真正参与到实践项目开发中，真正体验网站的开发与推广对企业发展的重要性。教师利用课余时间承接企业网站开发项目组建“网页设计”小组，鼓励学生积极参与，通过项目让学生学习如何与企业直接进行有效地沟通与交流，如何充分了解企业需求，如何完成预订目标。通过学习与锻炼不仅提高了学生的网页制作技术，而且做到了所学的内容与社会需求零距离的结合，同时还锻炼了在校生的人际交往能力、组织协调能力、团队合作能力和提高社会经验适应社会的能力。
2课程考核标准改革
根据高职高专教育的特点，结合《网页设计与制作》课程特点，取消试卷百分制的传统，将考核标准划分为两部分：（1）理论课考试部分。理论考试以教学大纲为指导，长期坚持教考分离和期末考卷分析总结的传统，统一考核标准，注重规范教育，营造公平的竞争环境；（2）网站作业成绩。通过“作业展示”给予学生作业相应的分数，改变实验实训课在学生心目的附属地位，加深学生的感性认识，提高学生上课积极性、主动性以及实践技能。两部分的分值各占总分数的50%，综合评定学生考核分数。
网页设计的课程篇7
关键词:高职教育;项目教学;工作过程
在当前国家示范性高职院校建设的热潮中,以基于工作过程系统化教学设计理论为指导的课程改革和建设,已经取得了重要的理论研究成果。但是,在课程教学实施层面,还存在缺少范例,任课教师经验不足等导致课程教学执行情况不够理想的问题。项目教学强调以工作任务为依托组织教学内容,以学生为主体开展教学活动,以多样化的解决任务的策略展示学习成果,在高职教育教学实践中取得了良好的应用效果。本文以我院计算机应用技术重点专业的网页设计与制作课程教学为例,探讨项目教学的设计与实施中的一些做法和体会。
1项目概述
1.1项目背景
2008年12月底,中国高等教育学会、国家示范性高等职业院校建设工作协作委员会在北京举办“百所名高职、百家名企业”合作发展论坛暨国家示范性高等职业院校建设两周年专业改革成果展示会(简称“双百”论坛)。会议主题是举校企合作旗,百家知名企业同绘强国景;走工学结合路,百所示范高职共谱育人曲。为满足会议宣传的需要,保证会议信息及时,向社会公众展示示范院校建设两周年来的丰硕成果,需要设计与制作“双百”论坛会议专题网页,并在会议期间进行信息的实时与网页维护工作。
我院作为国家首批28所示范校建设单位之一,承担完成中央财政支持的“会议专题网页设计与维护”项目,由计算机应用技术专业承担该项目的具体实施工作,同时将该项目作为网页设计与制作课程的教学项目。
1.2项目管理
1)硬件环境。能够连接互联网;一台服务器,可直接使用pC机(教师机);若干台客户机,选用主流pC机即可。
2)软件环境。开发环境采用Dreamweaver、photoshop、Flash;测试环境采用iiS服务器、ie浏览器;项目管理工具采用microsoftproject。
3)项目文档。为保证项目顺利实施并规范项目管理,项目组需完成并维护如下文档。
(1)工具类文档:Dreamweaver使用手册、photo-shop使用手册、Flash使用手册。
(2)项目管理类文档:项目计划书、功能说明书、维护手册、团队管理规范。
(3)教学类文档:教师参考手册、学生参考手册、实训环境实施参考手册。
4)角色职责。为顺利完成项目任务,采用分组实施,成立项目组,其中产品经理1名,项目经理1名,成员4名。
(1)产品经理:收集、分析客户和业务需求,并区分其优先级;定义并维护项目的业务正确性;推动项目和解决问题的远景目标;负责客户期望值和沟通。
(2)项目经理:兼任指导教师;负责监督、控制项目进度和工作质量;协调在项目进行中出现的各种问题;确认、验收项目各阶段的工作成果;指导实训学生完成各项任务。
(3)项目成员:由实训学生组成,在指导教师带领下,完成分配的各项具体任务。
2项目目标
2.1产品目标
1)设计与制作“双百”论坛会议专题网页;
2)满足“双百”论坛会议宣传需要,维护及时,保证会议全程信息。
2.2教学目标
通过“双百”论坛会议专题网页的设计与维护,培养学生独立进行首页布局、栏目设置、色彩搭配的设计等能力,培养新闻类网页的与维护能力,使学生在实际项目实施中养成团队协作、认真负责的良好职业习惯。
3项目内容
会议专题网页设计与维护项目共分为五个阶段(见表1)。主要内容包括:网站结构(栏目设置)、会议标志设计、首页设计、二级页面设计、图文混排效果设计、多媒体应用(音乐、动画)。
4项目教学实施
4.1教学组织与过程
课程的教学内容根据项目的五个阶段划分为五部分。其中教学重点是第一、二、三阶段,教学难点是第二阶段(策划设计阶段)。根据课程项目教学的需要,将学生分为若干小组,每个小组3～5人,教学过程如图1所示。
1)制定文档,明确任务。指导教师(项目经理)承接任务,起草Dreamweaver使用手册、photoshop使用手册、Flash使用手册等工具类文档;起草项目计划书、团队管理规范;编制教师参考手册、学生参考手册、实训环境实施参考手册等教学类文件。
2)阅读任务文档。在项目启动前,学生准备项目相关内容,搜索、查询项目相关知识;阅读项目计划书、学生参考手册、团队管理规范及相关工具类文档;熟悉项目内容及应用环境。
3)安排任务。指导教师(项目经理)根据需要对项目任务进行划分,形成任务书(如图2所示),下发给相关学生,并同时提供功能说明书。
同时,指导老师还要维护学生任务列表(表2),明确任务进度控制。
4)明确任务要求,形成解决方案。学生按照划分的任务列表,明确本人工作任务详细要求;针对任务清单中的每项要求,形成切实可行的解决方案。初步填写任务报告书(如图3所示)。
5)创建参考样例,列出实施步骤。为了保证项目按时完成及完成质量,指导教师(项目经理)要为每一个任务创建一个参考样例,列出详细的实施步骤并预留合适的修改时间和空间,允许学生在样例的基础上有创意、有突破、有改进。
6)完成任务,测试提交。学生根据确认的工作任务,按照详细的实施步骤独立完成任务书所列各项任务;并对每项任务进行测试,填写测试报告;修改完善后提交工作成果。
7)确认、验收阶段工作成果。指导教师按照学生提交的工作成果,参照项目进度计划,根据项目的实际需要,确认、验收学生的阶段工作成果,并给出评价。
4.2教学方法与手段
项目与课程教学紧密结合,采用任务驱动教学法。在实施过程中,需要注意两点:
一是要区分任务和问题。传统的任务教学法,一般是按照提出任务、尝试完成任务、提出问题、解决问题等顺序来组织教学。由于本项目的真实性,每一个任务之间具有严密的连续性和逻辑性,因此教师在教学中要将任务完成与问题解决统一起来,强调按时完成任务。对于涉及的技术问题,则在项目结束后,教师预留充足的时间进行项目总结和专题讲解。
二是要注意任务的时效性。通过严格的进度控制及预案保证每个任务按时完成。在教学中,对于部分小组或学生可能无法按照进度完成任务的情况,任课教师要及时为学生提供指导给出解决办法。
另外,在项目实施过程中,指导教师应提供完整的任务清单、操作手册、技术文档等供学生下载使用;通过QQ、博客以及论坛等网络等技术手段实时指导学生完成任务。
5项目教学效果
5.1实训学生评价
项目实施过程中,实训学生要每天撰写工作日志,最后撰写项目实训总结报告,总结项目实训过程中的收获、经验与教训,对学习的效果进行自我评价。
项目总结报告主要包括实训目标、实训时间、实训内容、实训记录、实训总结、自我评价、不足与改进等。
5.2合作企业评价
通过合作企业的全程参与,对学生在项目实施过程中的知识应用、解决问题的能力、工作的态度等表现进行综合评价,对采取的教学方式、教学方法与手段以及考核方式进行综合评价。合作企业的人力资源经理和工程师在课程结束后,认为在教学过程中直接引入实际项目的做法值得推广,尤其是在分组教学、基于任务清单组织教学等方面,培养了学生的团队合作意识、质量控制意识、进度控制意识。
6结语
“双百”论坛会议专题网页设计与维护项目的教学设计方案具有两个重要的特征:一是作为正式的网页,具有真实产品的目的性、商业性和时效性;
二是作为实训教学项目,具有教学的完整性、训练性和可操作性。通过项目教学实施,教学成果也被“双百”论坛会议举办方采用,并被中国高等教育学会、国家示范性高等职业院校建设工作协作委员会授予“最佳服务(实训)效果奖”。希望本文的研究对于推动高职教育教学改革的发展具有一定的借鉴意义。
参考文献:
[1]全成斌,杨士强,赵有健.计算机工程实践教学的改革与探索[J].计算机教育,2008(4):100-102.
[2]徐涵.行为导向教学中的教师角色转换[J].中国职业技术教育,2006(4):10-12.
[3]杨立峰,吴延昌.高职院校课程标准制订的思路与内容[J].计算机教育,2008(19):123-126.
[4]徐国庆.职业教育项目课程的几个关键问题[J].中国职业技术教育,2007(4):9-11.
DesignandimplementationofprojectteachingonwebDesignandmakingCourse
wUYan-chang,ZHanGmai-ling
(pingdingshanindustrialCollegeoftechnology,pingdingshan467001,China)
网页设计的课程篇8
《网页设计与制作》课程是计算机网络、电子商务、计算机软件及计算机应用等专业的一门必修的专业课，是进一步学习《动态网站开发与管理》等专业课程的基础。通过课程建设，力求建设一套有效地、完整的教学资源，达到职业教育的教学目标。
关键字：职业教育课程建设工学结合
中图分类号：G71文献标识码：a文章编号：1672-3791（2015）08（b）-0000-00
课程建设不仅仅是将教学大纲、教学课件、教案首页、例题等教学资料整理在一起就完成的，而是要根据此课程所对应的职业或行业的需求，通过企业调研、企业专家研讨等多种途径从中获取，总结出课程的技能解析表，使之成为课程建设目标的依据。课程建设成功与否的标志在于其群体教学质量与教学水平是否真正得到提高。课程组成员对课程的内容、课程体系及课程的各个环节的认识，这些最终都依赖于在课程教学中起到主导作用的教师，因此教师自身业务水平的提高是课程建设的核心，是提高教学质量的关键。所以在课程建设规划中必须把促进师资队伍建设摆在首位，并且将队伍素质、队伍水平、师资培养及提高都安排出明确的目标，只有这样，才能确保课程建设成为有源之水，才能保证教学质量的稳步提高。
1课程建设目标
《网页设计与制作》课程是HtmL、XHtmL、JavaScript、CSS及网页设计制作相关软件应用等专业知识的综合应用，在《网页设计与制作》的基础之上后续课程有《动态网站开发》等内容。通过本课程和相关课程的学习，学生能够胜任weB前端工程师的工作。在课程建设上，我们一直探索如何有效进行教学，逐步形成了以项目驱动、案例教学为主的符合高职学生学习的教学模式，具体计划如下：
（1）将工学结合的教学理念运用到积极探索教学方法改革中，一方面进行企业调研，根据网站建设的职业技能要求，进一步分析总结本课程的典型工作任务；另一方面，根据项目驱动为主的教学模式，撰写教学大纲、课程设计方案、项目任务书及项目任务指导书，力争提高教学效率和教学的规范化建设。
（2）着力健全本课程的教学资源建设，包括：项目案例集、理论与技能试题库、网页设计素材库、校本讲义等教学资源的整理和完善。同时，进一步增强师资队伍建设和提高教师的业务能力，安排教师积极参加相关专业的培训及企业实习，这些措施的实施不仅开拓了教师的思路及眼界，更提高了课题组成员的专业水平。
（3）教学实践，进一步完善已开发的课程资料，并争取企业人员的意见。“实践是检验真理的唯一标准”，组织教学实践，不断地更新课程内容，调整课程结构，改革教学方法与手段，加快了实训教学条件与教学资源的建设步伐，逐步形成了讲授课、实验课、学习指导课相结合的教学模式，注重增强教学互动性。
2课程建设内容
明确《网页设计与制作》课程在网站开发工作流程中的作用和职业技能要求，从而对教学方案、教学内容、教学模式等方面的课程设计做出了根本的改变，力求使教学目标更符合实际的行业标准，即网站开发中前端工程师应具备的应聘条件。
《网页设计与制作》课程建设内容主要包括课程目标、课程内容与结构、教学方法和手段、课程团队、课程资源、课程考核、课程管理等几个方面：
（1）在课程目标建设方面：通过广泛的专业调研与市场调查，并结合往届毕业生反馈意见，不断改进完善人才培养方案，适时地调整课程目标，明确了课程的职业岗位指向和职业能力要求，明确课程知识目标、技能目标，进一步明确以职业岗位能力要求的课程目标，使之更加贴近不断发展的职业岗位技能要求。通过市场调研得出的对专业人才的需求有以下几个大的方面：
①拥有过硬专业技术能力；
②善于交际，拥有较好的口才，能与领导同事和客户进行较好的沟通与交流；
③坚守职业道德，能吃苦耐劳、有较强的团队合作精神；
④能及时了解市场行情，思维敏捷，具有创新能力；
⑤不断地学习进取，具有自主学习能力和知识应用的能力。
（2）在课程内容和课程结构建设方面：《网页设计与制作》课程的教学内容是综合应用到HtmL/XmL、DiV+CSS技术、JavaScript/ajax、图形图像处理、动画制作等编写代码能力、信息采集处理能力及网页制作技术，同时要熟悉相关软件的操作使用，如：Dreamweaver、photoshop、Flash、CorelDraw等，是进行动态网站开发的前端工作。在课程建设中过程，收集和整理课程骨干教师、行业中的技术专家的意见，调整和完善课程教学和课程内容设计，围绕培养网站开发应用型人才这一中心目标、注重培养学生创新思维能力和实践动手能力。调整各教学模块的课时分配，加大功能模块和综合实训模块的课时。
（3）教学方法与手段建设方面：为培养学生综合应用知识的能力，采用教学案例教学法，通过对完整项目的工作流程，培养学生从设计网站页面及站点管理到制作整个网站静态页面的综合应用能力，调动学生学习的积极性，充分利用启发式教学原则进行教学，使学生在课堂中能积极思考；注重理论联系实际，使学生在学习过程中能够理解平时上网时所应用到功能的实现过程，不再感到枯燥无味。在机房里采用讲授、教师示范、学生演示、学生练习等多种教学方法，切实提高教学效果，以提高学生的动手能力、创新能力为目的，将课件、教案、习题、测试题等学习资源提供给学生，实现优质教学资源共享。
在机房授课，学生一人一机，多媒体教学，大大提高了课程的教学效果，但教学课时有限，课后自主学习，加强基本功的训练尤为重要。且计算机的发展日新月异，课程教学的滞后与目前技术的发展，让学生及时了解与课程相关的技术动态，不要与当前社会需求脱节，开阔眼界，扩宽知识面也是非常有必要的，因此在精品课程建设的过程中加大了网上学习功能的建设力度，可以让学生把课堂上没有消化吸收的知识点通过精品课程中的教学资源进行自学，通过项目案例加强实践动手能力训练，进行课外延伸学习。
（4）为企业提供技术服务方面：为学生创造实践机会，与北京航空城宾馆签订了网站开发协议，该网站的主要功能就是企业宣传，包括前台展示和后台管理两个模块。
（5）课程研究建设方面：开展课题组集体教研活动，加强课程目标、课程教学内容、教学方法、教学手段等方面的研究，撰写课程设计方案、项目任务书和项目指导书、搜集整理案例集、理论及实践题库等教学资料，并于本学期开始实践教学活动，进一步修订课程设计方案、项目任务书及指导书，完善教学资料。
（6）课程研究建设方面：开展课题组集体教研活动，加强课程目标、课程教学内容、教学方法、教学手段等方面的研究，撰写课程设计方案、项目任务书和项目指导书、搜集整理案例集、理论及实践题库等教学资料，并于本学期开始实践教学活动，进一步修订课程设计方案、项目任务书及指导书，完善教学资料。
3结论
通过《网页设计与制作》课程建设，不仅仅是建立了一套完整的教学资源，更是认知和实践了一套先进的教学理念。
首先，体现在教师自身业务水平的提高。师资队伍建设是课程建设的核心内容，是提高教学质量的关键。创建学习条件，相互听课，取长补短，不断提高业务素质，教师队伍整体水平和业务综合能力上都有了显著提高，建成了一只爱岗敬业、教学基本功扎实、学术水平较高且结构较合理的师资队伍。
其次，体现在教学理念的根本改变。学校曾组织教师参加过“工学结合”的教学思想创新的培训，教师不断学习实践新的教学理念、不断提高教学质量是课程建设的根本所在。在课程建设规划中，必须明确本门课程在不同阶段的教学质量的内涵与目标，以确保课程建设的准确操作，从而达到不断提高课程教学质量的目的。
最后，体现在课程体系的建设。课程标准是教学的法定性文件，是组织教学的基本依据。而教学资源是教学内容、教学方法的重要载体，学生评价是促进教学质量、确保教学实践有效实施的方法和手段。
参考文献
[1]首珩.高职加强精品课程建设的研究[J].职业技术教育，2003，（25）：39-42.
网页设计的课程篇9
【关键词】视觉传达；网页设计；教学
"2015年7月23日，中国互联网络信息中心（CnniC）在京第36次《中国互联网络发展状况统计报告》（以下简称《报告》）。《报告》显示，截至2015年6月，我国网民规模达6.68亿，互联网普及率为48.8%。"
2015年11月12日，2015天猫双十一全球狂欢节正式落下帷幕，最终交易额也正式揭晓。据阿里巴巴实时数据显示，2015天猫双十一全球狂欢节最终以912.17亿元交易额拉下帷幕！
互联网已经深入到了我们生活的方方面面，绝大部分人们现在正常的购物需求都由互联网来主导，人们对网页的视觉性体验的要求也是逐步提高。社会对于网页设计师的需求也是逐年增多，社会各种互联网培训学校也是悄然升温。基于这种社会需求，国内许多高校在也都增开了《网页设计》课程。
笔者在艺术设计学院里从事了多年教学工作，目前所受课程都是视觉传达专业的网页设计课程，主要授课的对象是视觉传达系电脑艺术设计和广告设计与制作专业大三的专科学生，这些学生们经过大一、大二基础课程的学习，对平面设计理论知识和软件实践操作都已经有了足够的认识。针对视觉传达系开设的《网页设计》课程，主要是从艺术设计层面，培养学生的界面设计能力；而计算机类专业中网页设计的课程，则侧重网页的程序的开发和数据库的建立能力。
但是结合实际的社会需求，更需要的是将设计与程序开发进行有机的结合，而以上不同学院的专业区分的课程设置是完全分隔的，经过实践教学，笔者认为其不够科学和合理。下表是某公司的一则网页设计师（美工方向）招聘的专业能力要求：
有扎实的美术功底、良好的创意思维和理解能力；
熟悉HtmL、CSS语言、div+css网页开发，有丰富、真实的、独立完成的、符合w3C标准的制作成品（要求兼容各主流浏览器），对web3.0网站有一定的认识；
有开发、网站搜索优化经验优先；
精通photoshop/Dreamweaver/Flash/illustrator等设计软件，对图片渲染和视觉效果有较好认识；
专注于网站界面开发与设计，以及用户体验优化，较强的平面设计和网页设计能力，良好的美工基础，能够独立设计大型电子商务网站的前台页面；
从上表的分析可以得出以下的结果，那就是对网页设计师美工不仅要求有平面方面的设计能力，同时要懂得与之相关的编程知识，结合实际市场需求，高校在网页设计的课程设计上应进行更有意义的创新改革，才能顺应时代的发展浪潮。
针对视觉传达专业学生而言，通过几年的基础课训练，已经具有了极高的艺术鉴赏能力和较好的设计能力，但如果针对将来要从事网页设计师这个岗位而言，其又具备如下缺陷：
一、缺乏对不同载体下页面设计尺寸方面的认知
相比较起来，学生几年所接受的知识，都是与平面打印相关系，运用的单位无外呼厘米、毫米、米等打印度量单位，对应的载体是纸质文档，因此设计惯性知识考虑单一。而相比较起来网页设计最终的呈现载体是计算机屏幕，不同屏幕分辨率下，呈现的页面效果会有有所不同，而且页面中图标的尺寸，各个元素的尺寸，直接影响了人们通过电脑查看的舒适性，而电脑屏幕的度量单位是像素，怎么扭转学生对于这些知识的认知，是一个需要慎重思考的问题，如果不处理学生对于尺寸方面的认识，最终导致的后果，就是花费了巨大的精力和时间设计的页面由于尺寸问题不能实现。这个问题曾经笔者在实际的设计案例中也是经历过的。
针对此问题，笔者经过实际的教学研究，让学生通过对比不同屏幕载体之间的数据，自己截屏研究--模仿设计--实现再呈现这样的方式，让学生充分掌握网页设计中的整体尺寸以及各分类元素的尺寸设计问题。
二、英文水平薄弱，代码知识严重欠缺
对于艺术设计学院学生而言，普遍存在的一个问题就是英文水平，因此本科毕业考核标准对于艺术生的英文水平的标准基本上是三级水平，而专科生对于英文水平是没有设定的，因此学生的英文水平普遍较差，但要想从本质上理解网页设计的知识，同时能够便于纠错和设计浏览器之间的兼容性问题，必须要求学生掌握核心的英文代码知识，但学生在这个方面基本上是一张空白纸张，也因为是这个问题阻碍了很多学生通往网页设计师之路。
针对此问题，笔者到目前也没有找到更好的、更快捷的方式，但结合实际情况，希望之后在网页设计教学之前增加学生对于html代码知识的学习，同时增加学生的实践案例操作时间，让学生通过长时间的训练，达到精通的程度。
以上就是笔者对目前视觉传达设计专业《网页设计》课程的一点思考，网页设计是伴随着时代而产生的，市场对于网页设计师的需求之后只会增加，而高校是培养网页设计师的一片沃土，要如何培养学生的职业能力，是摆在很多高校视觉传达设计专业面前的一件大事。希望通过本文的一点思考，对将来艺术设计院校的《网页设计》课程改革会有所帮助。
参考文献：
[1]黎永碧.杨战旗.《网页设计与制作》课程推行"教学做"一体化教学模式的探讨[J].科教文化2013.2：208.
[2]姚翠兰.以就业为导向的网页设计课程体系研究--以艺术类职业院校为例[J].软件导刊・教育技术.2012.12：28-29
网页设计的课程篇10
【关键词】三环双向网页设计与制作教学改革
【中图分类号】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.