网页设计课程总结范文1
随着社会的快速发展和互联网的普及，计算机技术及其应用发挥着重要的作用。为了全面提高高校学生的网页设计能力，激发学生的网页设计兴趣，探索课程改革的几点思路，从而实现对高校学生的能力提高、兴趣培养和考核标准的改革，结合课程改革的《网页设计与制作》教学模式的研究显得极为重要。
【关键词】
网页设计；课程改革；教学模式
《网页设计与制作》是一门实践性极强的课程，也是为满足社会需求而设置的。网络是人们获取信息的重要来源，随着网络在人们生活中的地位逐渐上升，企事业单位和政府机构以及个人通过网页来宣传自己的单位和个人形象。因此，提高学生对网页设计的兴趣、培养学生自己开发网站的能力显得尤为重要。
1激发学习兴趣，鼓励创新精神
1.1案例教学古语讲“学起于思，思源于疑”，良好的学习兴趣是学习的先导。首先采取案例教学，摒弃传统的教学方法。在传统的课堂上，教师讲授理论知识，之后学生进行上机练习。往往会造成机房内操作过程中无处下手。因此，结合教学内容和目标选取典型的案例进行案例教学法能够很好的解决这个问题，提高教学效果。枯燥的理论与实际案例相结合，在课堂上及时展示网页设计的效果，必将为课堂带来全新的效果，对于学生熟悉理论知识和实际操作能力也能全面加强。激发学生的学习兴趣、鼓励创新精神，化被动为主动和提高学生解决实际问题的能力是网页设计课程改革的出发点。
1.2互动教学建立教学网站，开设相应的学习论坛。在网站上传课堂视频、经典课件、网页设计的学习资料以及课堂作业，加强师生的交流、资源共享。学生在课堂上不可能掌握教师所讲的所有内容，加强互动交流和平台建设这样有助于学生的课后复习巩固，清楚学生在课堂上的疑问。
2实验设计与大作业制作标准
制作一个主题网站，主要从下面三个主题中选择：个人网页、校园生活、文学。综合运用本课程所学的内容知识，导航、布局清晰、信息分类合理。可以从网上下载部分资料，但是不能超过整个内容的30%，绝对不允许直接从网上下一个网站，一经发现直接记0分，总的页数应超过8页。（一个包含主题内容的html文件或asp文件算一页。）具体要求如下：（1）站点结构清晰，站点内文件夹名、文件名命名规范，杜绝使用中文汉字。(5分)（2）页面布局可采用表格或者css+div。（10分）（3）创建模板，并根据模板至少创建1个页面。（10分）（4）为一个页面添加浮动框架，并有链接的页面显示到浮动框架部分。（10分）。（5）使用css样式美化网页。（10分）（6）网页中必须有插入图像、文字、鼠标经过图像等页面元素，并与主题相关。（10分）（7）要求首页中加载5种链接方法：内部链接，外部链接、邮件链接、锚点链接、图像链接。（15分）（8）网站中应用的方法和技巧的种类多少。（10分）（9）网站中无断掉的链接和孤立的文件。（10分）（10）制作一份网站设计说明书，放在站点总文件夹中，并用A4纸打印一份。（该说明书必须能够体现制作网站的过程，否则视为抄袭以0分计。）（10分）在网站制作过程中应注意以下几点事项：（1）建立站点，图片存放在文件夹images中。（2）所做网页的首页文件名必须为index.html。（3）不要忘记给每个页面命名。（4）所以文件和目录名全部使用英文字母和数字，不得汉字和全角字符。（5）网上下载的文字要注意删除多余的超级链接和？之类。（6）最好在每个页面加一个超级链接返回首页。（7）网页的总容量一般不要大于15mb。（8）如果网站制作粗糙，站点结构混乱，每个扣5-10分。（9）如果运用的动画、图片等不符合作品反映内容扣5-10分不等。将制作的网页及说明书压缩成一个文件，文件名为：学号_姓名_班级。
3团队协作
在网页制作过程中，鼓励学生进行分组讨论，以团队形式完成作业，培养学生的团队协作能力。在制作过程中，将同学们以5-7人分成一个课题小组，按照分工协作、组长负责的原则加强同学之间互相讨论、互相学习、取长补短，一个团队的同学共同思考完成一个网站的制作，锻炼学生的合作精神。设计多个题目供学生选择，学生可以自选题目，充分发挥学生的兴趣和主观能动性，在规定时间内完成最后进行网页设计汇报演示。
4《网页设计与制作》课程的考核标准
多数课程通常采用笔试的方法，然而计算机类课程考核的重点是实际操作能力而非单一的理论知识。《网页设计与制作》这门课程考核内容过多偏于死记硬背的记忆性知识考核，就恰恰忽略了课程本身的性质，因此应重点培养学生的实践能力。《网页设计与制作》的课程考核方式要全面反映学生的真实学习水平、激发学生的学习兴趣和制作灵感。为充分调动学生课堂以及课后完成网页制作的积极性，在具体的考核中平时成绩占总成绩的20%，期末大作业的网站设计占总成绩的80%。这样能够调动学生上课以及完成课堂练习和实验任务的积极性。
5结语
网页设计的人才培养目标和方案必须适应市场经济对人才的需求，培养具有能够自主思考、开拓创新和独立解决实际问题能力的学生，这也是高等教育的基本目标。结合课程改革的《网页设计与制作》教模式以学生为主题，发挥学生的主观能动性，鼓励团队协作和师生平台交流必将发挥重要的作用。
参考文献：
[1]马国德.对提高课堂教学质量的一点思考[J].青海教育,2002(04):18.
[2]刘显丽.网页制作课程的整合研究[J].辽宁教育行政学院学报,2005,(02):125-126.
[3]尹玉菡,杨万军.非计算机专业《网页设计制作》课程教学设计与实践[J].辽宁师专学报,2010,12(01):44-45.
[4]史科蕾，高咏欣.《网页设计与制作》课程的教与学[J].信息技术与信息化,2007(02):129-131.
[5]刘强,张阿敏,翁艳彬.网页设计与制作[M].北京:高等教育出版社,2010.
[6]DarcyDiNucci.WebSiteRedesigns[J].PearsonEducation,2001.
网页设计课程总结范文2
（一）市场调研与分析
网页设计行业分工非常细致，各个企业的需求和情况不同，对这个职位的要求也不同。目前，珠三角地区网页设计相关岗位主要有网站策划与网络推广、视觉设计、前端制作三类。这三类岗位的主要分工情况如下：网站策划与网络推广岗位主要负责网站架构策划与设计、网站建设协调与监督、需求分析、信息收集与整理、网站市场推广等；视觉设计岗位负责网站整体的美术设计和创意工作；前端开发岗位则负责配合视觉设计师将网页效果图切割并转化为标准的HTML网页文件，并对页面进行SEO优化。计算机系的学生入校时有美术基础的人极少，经过相关课程的训练能够得到一定程度的提高，但相比艺术设计系的学生来说还是有较大差距。网页美术设计显然不是计算机系学生的优势，但他们计算机操作技能熟练，编写代码能力强，网页文件的实质也是代码。因此，计算机系学生更适合从事网站策划与网络推广以及前端制作岗位，视觉设计岗位有少数擅长设计的学生也可以胜任。根据企业调研的结果以及计算机系学生的特点，确定各个专业学生的培养目标为：软件技术专业培养前端制作人才即学生的网页编程能力，信息管理、计算机应用、网络技术专业侧重于培养信息架构人才即学生的网页制作能力，而多媒体技术专业则向网页设计的各个岗位输送人才即全面培养学生网页设计、制作及编程的能力。
（二）模块化任务的设计
模块化教学是以项目教学为基础，引导学生在项目总目标和阶段性任务下掌握相关知识及技能，按照项目任务的流程划分成对应的教学模块，每一教学模块有明确的知识与技能训练要求的教学方式。《网页设计》平台课程可依据网站开发的流程及各个专业的培养目标确定对应的教学模块。在走访企业调研之后，平台课程教学团队与企业兼职教师一起组成课程开发小组，共同完成课程知识体系的构建，包括教学内容制定，教学项目设计与开发、工作任务设计等。经研究确定整个课程划分为网页界面设计、网页制作、网页编程三大模块，以一个真实网站项目的设计、制作、编程过程贯穿所有模块。每一个模块以工作任务或工作过程为依据，是围绕某一工作过程的专业理论与专业技能的综合，是专业能力、方法能力和社会能力训练的综合。每个模块又对应若干个子任务模块，子任务模块的划分可依据网站开发流程确定，是独立的最小任务单元。为了使本课程的模块化教学取得更好的教学效果，在每个模块教学中均通过具体案例进行讲解。不同专业可以根据自身对该课程的定位和课时数情况选择讲授的模块。具体教学模块的设计可参照下表。
二、《网页设计》平台课程的实施
（一）教学方法
由于学生的美术基础和学习兴趣不同，原先的“一刀切”教学会令一部分学生丧失对该课程的学习兴趣。改革后的《网页设计》平台课程实施的是系内选课制度，每个任课教师必须在选课之前公布自己的授课计划，让学生了解该课程所侧重的模块和对应的工作岗位，学生可以根据自身情况选择任课教师。例如，没有美术基础的学生可以选修网页制作模块，喜爱编程的学生可以选修网页编程模块。此外，教师团队的每个成员在讲授同一平台课程时既是团队合作关系，又会因为学生选课具有对比性而形成竞争。这样，学生的学习兴趣和教师的教学积极性得到了双向激发，提高了教学质量。针对《网页设计》这门课程的特点，在课堂教学方法上可以采用头脑风暴法和案例教学法。头脑风暴法是就某一问题，参与者可以不受限制地自由地发表意见，并且不对正确性或准确性作任何评价。这种方法的特点是容易激发灵感，可以解决一些创造性的问题，网页的设计阶段需要运用此方法。在网页界面设计模块的教学过程中，可以组织学生分组运用头脑风暴法进行讨论，教师则依次参与并指导每个小组的讨论。运用头脑风暴法往往会产生意想不到的设计思路。《网页设计》的实践性和创造性很强，在运用案例教学法时，教师只充当引导者的角色，布置任务后让学生多自由思考，教师在整个过程中进行监督，并在一定的时机给予指导和点评，学生的学习能力和创造力在完成任务的过程中都能够得到提高。
（二）教材改编
平台课程需要材，教材改编也是平台课程建设的必要手段之一。虽然市场上网页设计类的书籍很多，但真正基于工作过程、模块化、案例导向的教材非常稀缺。为了最大限度地提高课程教学质量，教师团队计划编写适合计算机系各个专业学生的教材。在编写教材时需要注意以下两个方面。1.以项目为依托，以工作过程为导向组织教材内容教材开发应该在保证理论知识够用的前提下，以企业真实项目的开发过程为载体，把学习内容和工作任务和相结合，充分体现针对岗位需求培养学生专业技能的教学理念。2.按照子任务模块设计教学情境教材章节以工作过程为导向排序，每个章节讲述一个子任务模块的具体实施过程。首先提出任务，接下来分析完成任务所需要的知识和技能，最后实施任务。教师把课程的知识点系统地穿插在整个网站制作过程中，使学生在完成任务的过程中不知不觉地掌握网页制作技术。
（三）考核方式
《网页设计》平台课程是考查课，在过去的教学中，往往以平时作业成绩作为评定该课程成绩的主要依据，平时的作业也只是针对具体知识点的孤立的练习。因此，必须建立与模块化教学相匹配的考核方式以检验教学改革的效果。《网页设计》课程实操性很强，必须注重过程评价才能够有效考核学生的真实水平。经教师团队研究决定实施“模块化教学、模块化考核”的配套模式。在每个子任务模块学完之后，教师对学生完成任务情况做出评价，计入平时成绩。待期末所有内容学习结束后，教师要求每个学生上讲台展示其完整网站作品，还要对网站制作过程中遇到的问题和解决方法与大家分享。其余学生进行讨论、总结、评比。模块考核和期末考核所不同的是，模块考核可以检验出网站实施过程中的具体细节。例如，效果图切片与优化、站点的创建与管理这两个模块的完成质量在期末展示作品时很难量化考核，只能够通过过程考核来完成。而期末考核反映的是网站的整体视觉效果及学生的口头表达能力。可以说，期末考核是对模块考核的一个有益补充。期末总评可以用以下公式进行计算：总评成绩=平时成绩10%+模块化考核成绩70%+期末作品展示成绩20%。
三、结语
网页设计课程总结范文3
基金项目：辽宁省教育厅2013年辽宁省教育厅科学研究一般项目《基于LAMP的开源课程管理系统Moodle的二次开发与应用》（L2013531）；辽宁金融职业学院2014年度课题《以职业能力培养为中心的课程改革教学研究 ——以《网页制作》课程为例》（LJZYL201404）。
摘要：针对《网页制作》课程教学现状，探索以学生为主体，以项目为载体，工学结合的以职业能力培养为中心的课程改革方案。通过分析职业能力，建立典型的工作任务，构建基于工作过程的《网页制作》课程，从教学理念、教学方法、教学内容和考核方式多方面进行综合改革。结果显示，职业能力本位的课程改革能够提高学生主动学习能力和职业能力。
关键词 ：网页制作；课程建设；职业能力；教学改革；
《网页制作》课程是高等职业院校中计算机相关专业和电子商务等专业的职业基础技能课程。这是一门实践性很强的课程，课程的主要内容是包括HTML、flash、PHOTOSHOP，目标是培养学生静态网站的制作能力，包括设计网页、建立网页、制作动画、处理图片等。同时也为后续课程动态网站建设的建设奠定一定的基础。
从文献分析，以及相关高职院校调查显示。当前《网页制作》课程的教学效果并不是很好，主要存在以下三个方面的问题：第一在教学内容上，课程内容注重学科知识体系，注重知识的介绍，而非职业能力的发展。而且知识面面俱到，没有突出重点，且内容比较凌乱主线不清晰，例如HTML中CSS+DIV，还有TABLE。最终毕业生还要经过岗前培训才能进入岗位。第二在教学理念和方法上，很多院校的课堂依然是以教师为中心，按照教师一边演示一边讲解，然后学生模仿边操作的教学方法，学生能够跟老师做完，但做完后不知道自己在做什么，缺乏主观能动性。另外，做完的内容当时会，但是做完就忘记，掌握知识不牢固。第三在考核方式上，有些院校依然是“一纸定乾坤”，一张试卷来决定这一门课程的成绩，对于实践性如此强的课程显然是不合理的。
经过社会就业信息的反馈，这种教学效果下的毕业生是不能满足社会的需要，对于课程改革是必要的也是迫切的。
1、课程改革思路
课程改革成功的方案有很多，《网页制作》课程的改革主要借鉴基于职业能力培养为中心的课程体系改革。职业能力，是人们从事某种职业的多种能力的综合。职业能力主要包含三方面基本要素：一、为了胜任一种具体职业而必须要具备的能力，表现为任职资格；二、指在步入职场之后表现的职业素质；三、开始职业生涯之后具备的职业生涯管理能力[1]。例如，网页设计师的职业，只具有设计和制作网站的能力是不够的，还必须有语言表达能力，能够与团队的人进行交流，进行合作，同时还要拥有计算机应用能力、信息收集制定计划等能力[2]。课程体系改革必须从岗位及其岗位群的职业能力要求出发，设置相应的课程，并确定课程应该达到的能力。将能力目标分解到分子化，渗入到各个项目之中。采用CDIO工程教育模式，以项目为载体，以工作任务为驱动，以学生为主体，对校内课堂教学理念、教学内容和教学方法进行改革。
2、课程改革具体步骤
2.1 确定课程能力目标
基于职业能力的课程首先要确定课程能力目标，课程能力目标是根据岗位来设定的。所以要先确立《网页制作》这门课对应的岗位群，我校从2004年设置此课程，对应的岗位就是网页设计师。同时也跟踪这门课的对应岗位的发展及其需求，做到与时俱进，2011年、2012年、2013年这三年，对互联网上的招聘信息进行分析。网页设计师仍然是网页制作课程对应的岗位，招聘职位的基本条件描述一般有三个方面 ，第一要求精通网页设计相关软件，例如Photoshop（或者firework）软件、dreamweaver软件、Flash软件，精通DIV+CSS页面布局。第二要求熟悉网站开发过程，独立完成网站的静态美工页面制作，有经验者优先。第三能够对网站进行日常维护，包括对内容的编辑、图片的处理等。对于任职要求，一般大专或以上学历；工作态度良好、有责任心；有良好的团队合作精神和沟通能力。
由此可见网页设计师应该具备最基本的职业能力，包括一般职业能力、专业能力和职业综合能力（关键能力）。专业能力指的是从事职业岗位的知识和技能能力，基本能力包括在社会上从事职业活动必备的最基本的通用的能力；关键能力指的是可以迁移的、从事任何岗位的关键能力，例如终生学习的能力。网页设计师对应的能力如表一所示：
课程的职业能力确定好之后，教师在进行教学设计时就要以能力培养为中心，将课程划分为若干个子项目，设计合适的教学情境，在子项目中将职业能力深入到教学中，不仅仅是传授基础知识，还要提高专业能力，锻炼一般职业能力，潜移默化地增长职业综合能力。
2.2 设置课程内容
总体的职业能力设置好后，要根据能力的需要制定网页制作课程的具体内容。针对设计能力，课程要有photoshop，主要讲授网页的设计方法，色彩构成、网页布局、页面切割、图片处理等。针对网页制作能力，主要讲授dreamweaver、DIV+CSS，具体内容中要包括站点的建立，站点内容结构，HTML标签，HTML页面元素、表单、表单元素、表格、框架、布局、CSS样式、盒子模型。简单的JAVASCRIPT脚本基本语法和常用的样式。针对网页元素处理能力要有photoshop的图片处理能力、javascript的动态效果、flash的点睛之笔、文本修改能力等等。针对这些丰富的内容，必须好好整理组织，有顺序有层次，否则知识就会像山一样堆放，无从下手。本课程打破原来的顺序讲解的知识体系，根据岗位需要，也要兼顾计划学时，将知识点与技能都分配在项目中。网页制作课程的课内学时为72学时，但网页制作课程的内容比较丰富，仅仅72学时的课时量是不能够达到岗位需求的，所以在设置课程内容时不能仅仅局限于课堂，在课程设置时，还要将课程内容安排在课下做，以留作业和预习复习的方式体现。例如，对于图像抠像及简单合成技术中，设置了“贴入选择”，“选区的综合应用”，制作“节能减排”海报，“速制作网页导航栏”，“裁剪玩野导航按钮素材”，“创建规则选区”，“裁剪图像的应用” ，“创建不规则选区”，“快速裁剪并修齐多张照片”等十个项目，这十个项目的学时分配为课堂讲授1学时，随堂实践1学时，课外自学1学时，课外作业1学时，课外实践练习2学时。总计课内2学时，课外4学时。这样的学时分配，充分调动了学生的课堂和课后的时间，有效将课堂和课后结合起来，培养学生的自主学习能力。
2.3 设置合适的项目
确定课程内容后，要根据岗位设置合理的项目。项目中要有综合基本知识点和能力，项目不能太大也不能太小，既要考虑优秀的学生，也要考虑接受能力比较弱的学生；要注意学生的层次，同样是高职高专的学生，有从农村来的有从发达地区来的，学生不一样接受能力也不一样，所以对于一个项目的设置要考虑很多的外部因素，需要与企业优秀的项目负责人进行探讨沟通，与兄弟院校的教育工作者进行探讨，同时也要与同部门同学科老师进行探讨，怎么才能制定“够用”、“适度”的项目。然后将这些适度够用的项目按照人的认知心理特征，按照职业成长规律组成一门课程。
2.4 设置合理的考核方式
传统的考核方式是一张卷子决定一门课程的最终成绩，实践能力强的同学网站建设能力非常好，但是基本知识点掌握的却不牢固，一张卷子就决定了这种学生的命运是不公平的，这样的考核方式不符合高职高专院校的人才培养目标。我们将考核分为四部分内容：第一部分为平时成绩，主要的考核内容包括出勤、课堂表现、课后作业，考核的时间为平时，占总成绩的20%；第二部为阶段实践成绩，主要的考核内容为单元项目，在平时课堂考核，占总成绩的20%；第三部分为综合项目，主要的考核内容为整体项目，在18周考核，占总成绩的40%；最后一部分为期末考试，考核的主要内容为完成给定素材的网页，在考试周进行上机考试，占总成绩的20%。将成绩分布在教学过程的各个环节上，对学生进行全面的考核，不仅是知识上还有职业能力、职业道德等。
3、教学过程遵循的原则
3.1 围绕重点，适当取舍，注重关联
虽然网页制作课程中内容很多，由于课堂学时有限，不能面面俱到，各个知识点和技能都讲解。Photoshop中设计部分包含了很多，只能介绍如何设计网站，怎样制作导航，制作按钮这些小技巧。将比较优秀的网站设计图拿过来，让同学们参考成型的作品和优秀的页面进行模仿设计，在不断的模仿中建立自己的风格。就像书法一样，先进行临摹，然后再创造自己的风格。而对于其他方面的设计，可以让学生自己学习。对于比较难的CSS样式也是，先将<ul><li></li></ul>标签实现的文字排版、图文并排、导航栏等例子弄明白。可以将圆角边的制作，1像素的边的制作反复练习。对于DIV+TABLE+CSS的布局，也是要找那些优秀的具有代表性的遵守W3c标准的网页，让学生从简单到复杂进行模仿，反复的练习，直到学生能够自己独立完成。同时也将真实的项目拿到课堂，让学生们来做，遇到新的知识点就学习。对已经会的知识点，可以强化。这样的学习效果很好。另外学科之间都是相同的，计算机软件也是相关联的，虽然具体的功能不一样，但是操作都很像。要让学生善于总结和发现。
3.2 学生本位
要将教师本位的思想彻底的转变，将学生作为课堂的主体和中心。不能再像以前的授课方式，教师演示，然后学生跟着练习，结果是课堂会课后忘，没有实际教学效果。课堂上教师以工作任务来组织课堂，教师先展示真实的工作任务，同学生进行分析任务，然后同学生讨论分析，提示学生开发步骤。然后教师将知识点和技能进行讲解。学生根据给定的任务，进行操作，直到完成任务。在完成任务的过程中教师给予一定的指导。最后，对工作任务进行总结。布置课后作业，进行知识巩固。
4、结束语
以能力培养为中心的《网页制作》课程的教学改革，分析了网页制作课程的“职业能力”，将职业能力对应到个项目中，以项目为导向，以任务为驱动，在做中学，围绕真实的网站项目，在模拟的情境中实施教学改革。每个项目按照岗位需求和职业能力分解为多个学习任务，有效的将学习过程、工作过程和职业能力结合起来，学生在课堂上就能体验到公司中的真实任务，通过激励政策，让学生体验成功的乐趣，提高学生的网页制作能力、网站管理能力、网站页面元素处理能力，培养出符合企业需求的人才，实现了学校与社会的无缝。
参考文献:
[1] 百度.职业能力.baike.baidu.com/link url=Va3ZYqgT_lDR04eptN5oecOEBjhHA7wxufETb-CQZuitluO7L5QpHugf21kICTWv3_E_rWALK006VQVF2WI--PJ8Cj3h_Ze7JSdgt4E31y8StNm4EjFwl07aAZ863D7y,2014.12
[2] 陈智慧.基于职业能力发展的高职文化基础课程开发与设计[J].职业技术教育，2010(8): 20-22.
网页设计课程总结范文4
高职院校培养目标定位在培养高素质高级技能型专门人才。这种人才自身，要求不但能够从事相应的工作，而且具备较高的技能。在传统的网页设计教学中，大家采用的教学案例比较简单，许多教学案例的设计围绕知识点进行设计，即为了学会知识而设计教学案例。在考核中也偏重于理论考核。这样培养出来的学生，偏重于简单的网页设计，无法胜任真正的网页设计工作，当然也无法达到培养高素质高级技能型专门人才的培养目标[1]。这就要求在课程改革中，采用真实的企业网页，尤其的主流电商的网页，围绕真正的网站进行教学；在考核过程中注重过程考核，避免单一的理论知识考核。
二、课程内容的设计
（一）课程定位
网页设计课程是计算机应用技术专业职业能力模块中关于网站设计制作模块的一门专业核心课程。该课程是在专业基础平台模块的基础上开设的，与其他课程有着紧密联系。结合开设的《XHTML》、《数字平面设计基础》等课程，实现网页小前端设计。
课程围绕企业开发网页前端的整个过程进行设计，目的是使学生掌握网页设计与制作的常用技术和方法，使学生能够开发与制作出具有业界水准的网站，以适应社会对人才的需要。
（二）课程设计理念
1.以真实案例为中心，实现就业零距离
在教学案例的选择过程中，与企业著名的设计企业进行合作，校企双方通过对网页设计与制作必须的职业能力进行调研、分析，从实际工作项目中精选出本课程的教学案例。这些教学案例，全部是有一定专业水准的真实网站。学生通过真实网站的实训，欣赏水准和网页设计能力能够和业界接轨。实现就业的“零距离”。
采用“网站开发工作过程导向”的项目教学方法[2]，强调学生所学知识和技能在实践中的应用，各个教学单元采用“应用导向，任务驱动”教学方法[3]。彻底打破原有的网页设计与制作教学体系，重建教学内容，将章节的内容以案例的形式讲述。以网页设计与制作中的各个功能的实现为主线，结合平时上课时讲授的实例展开。
充分利用网页设计与制作课程应用性强的特点，把该课程的教学改革与产学研结合起来，开展多项与网页设计与制作有关的科研教研。鼓励老师和同学多参与国家或者学院组织的各项比赛。
2.遵循认知规律，先感性、后理性，实现感性、理性认识的辩证统一
对于人的认知来说，总是先感性认识，后理性认识。感性认识是理性认识的基础，理性认识是感性认识的升华和总结。
在课程设计方面，先进行感性学习，即使用可视化工具进行网站设计；然后对网站进行总结，逐步使用代码工具进行网站设计；最后通过综合实现，实现能力的提升。能力提升示意图见图1。
图1能力提升示意图
3. 课程内容的选取
围绕电子商务网站装修新的就业需求，针对性的选择课程内容。对于计算机应用技术的毕业生来说，由于电子商务的发展，近三年来，越来越多的毕业生到服装、饰品等淘宝店铺去做店铺装修。甚至部分学生自己在淘宝上开店自主创业，淘宝店铺的装修成为人才培养的一个新需求。另外，在威客网站上也常见淘宝店铺装修的任务。
对于河南省来说，电子商务才刚刚起步，网店形象差，规模普遍较小。追究其原因，很多人还是老思想，认为“酒香不怕巷子深”，不注意网店的装修和自己形象的塑造。而淘宝店铺的装修正是解决这个问题。
对于传统的网页设计课程来说，过于强调技术。而淘宝装修就是包括两个方面：即网页设计和与网页相关的艺术设计，是信息学科向文化艺术领域拓展的新方向，是以技术为主，艺术为辅，技术与艺术相结合的新兴方向。
因此，在课程内容的选取上，不但要强调技术，也且要关注相关的页面艺术设计，特别是有关电商企业的页面设计。在课程内容的选择上，包括淘宝网、天猫、京东商城等众多电商的网页被选入课程内容。
三、考核方式改革
由于教学内容围绕网页设计与制作的实际应用进行展开，理论、实践结合紧密[4]。因此，考核方式也要进行改革。
改变网页设计与制作的考核方式。为了使同学们更好的掌握网页设计，改变原来那种仅仅笔试的考试方式，增加过程考试权重。过程考核主要考核学生解决网站设计问题的思路和方法，占70%；笔试考核主要靠和学生对该课程基本理论知识的掌握，占30%。
四、结束语
由于教学内容选自业界真实网页，具有业界水准，学生的网页欣赏水平和设计水平提升明显。考核方式的改变，进一步提升了学生的实际动手能力，收到了良好的教学改革效果。
参考文献：
[1] 张伟娜. 《网页设计与制作》课程教学的探讨与实践[J]. 中国教育信息化. 2008（03）
[2] 林莉莉. 基于任务驱动有效开展《网页设计与制作》课程的教学[J]. 太原城市职业技术学院学报. 2008（10）
[3] 洪华秀，姚菊英. 项目教学法在《页面设计与制作》课程中的运用[J]. 江西教育学院学报. 2009（03）
[4] 龚茜茹. 基于软件项目管理的《Photoshop》教学模式[J]. 河北能源职业技术学院学报.2012（09）
作者简介：
网页设计课程总结范文5
《网页设计》课程是一门实践性、应用性、创新性都很强的学科，知识覆盖范围较广，不只是网页制作知识，图像处理、色彩搭配、动画制作等内容也涵盖在其中，非常适合采用项目化教学方式授课，使学生边学边用。这种方式会比传统的授课方式得到更好的效果。
1 什么是项目化教学
项目化教学是近年来全世界范围内都在推行的、为培养学生职业能力，提高学生综合素质的教和学的模式。项目化教学的项目是计划好与实际工作贴近的任务，要求学生在规定时间内协作完成。项目实践过程中，课程要求的知识和技能得到理解和把握，学生分析问题和解决问题的能力得到提高，与人协调、合作的能力也得到增强，项目结束后原则上应有一件较完整的作品。在项目化教学中，教师带领学生精心挑选项目，指导学生进行具体的项目实施，并最终对学生的项目成果进行评价。而学生是整个项目式教学活动的主体，通过小组成员之间的团结协作，共同探究并完成项目学习任务，在短期内形成一个比?^完整的作品。这种被总结为“以行业为导向，以学生为中心，以能力为本位”的教学模式，使学生学习的积极性被最大程度的调动，每个学生都能尝到成功的喜悦。
项目化教学的特点主要体现在：（1）实践性：项目有针对性和实用性，与学生可能从事的工作密切联系。（2）自主性：学生根据自己的兴趣选择在小组中担任的角色，选择探索和完成任务的方式，选择展示和评价的方式，能够自主、自由地进行学习，学生创造能力得到有效发展。（3）发展性：长期项目与阶段项目相结合，实现教学目标。（4）综合性：多数任务需要运用多门学科以及综合能力。
2 《网页设计》课程的项目设计
项目设计是项目化教学的关键，好的项目设计可以使学生在完成项目的过程中迅速掌握课程要求的知识技能，并有兴趣参与其中。由于本课程的知识内容涉及较多，并与其他课程有一定的交叉，所以项目分为阶段项目和长期项目。
阶段项目在前期的“理论和案例”教学阶段，该阶段主要通过案例讲授网页设计的基本技巧和方法， 完成学生的基本训练和专业训练。《网页设计》课程的学习内容主要有：网站的规划、网页布局的实现（框架、表格和层）、网页元素的制作（文字、图像、表格、表单、视频、动画等）、网页脚本特效、网站与维护。阶段项目主要依据阶段学习内容设计，包括（1）网站策划书的撰写（2）网站首页与分支页面的版面设计（3）网站 Logo 的设计（4）网站导航条的设计（5）制作明星主页――表格（6）制作花卉网页――框架（7）制作班级网站的主页――层（8）制作班级网站中的注册页（9）弹出窗口与页面动画（10）在页面中添加滚动的文字（11）制作班级网站中的帮助页（12）域名的申请（13）班级网站的优化（14）网站的测试、、更新与管理。该阶段的项目由于比较简单，以学生掌握知识技能为目的，不给学生分组，主要有学生个人完成。
第二阶段是“专题实训”教学阶段，在学生掌握了基本知识技能的基础上，强化应用，强调创新，强调小组组员间的分工合作。我们根据课程特点和学生特点，设计了几个项目可由学生小组任选一个完成。（1）宿舍网站；（2）淘宝网个人网店；（3）某企业网站；（4）本系网站。
3 《网页设计》课程项目化教学的实施
（1）明确项目任务：教师提出任务，同学讨论。项目要要紧密结合教材内容，也要给学生留有想象的空间，以供他们可以利用所学知识来发挥创造。设计项目不能过大，尽量在较短时间内完成整个项目，最终形成的成果应该是一个比较完整的作品。
（2）制定计划：学生制定工作计划，教师审查并给予指导。
（3）实施计划：学生分组及明确分工，合作完成任务。在项目实施的过程中，各个小组结合其自身的项目计划来实施项目。小组成员都必须保证具备团结协作意识，提升工作效率，教师不应该放任自流，而必须进行适当的引导。
（4）考核环节。本课程的考核成绩主要有阶段项目成绩和长期项目成绩两部分组成，各占50%，其中，阶段项目由教师评价，长期项目的成绩包括小组间互评和教师评价两部分，占比为6：4。
（5）归档或应用。将项目化教学的过程记录归档，总结，并应用于新的实践
网页设计课程总结范文6
《网站创作始于规划》选自上海科技教育出版社出版的《网络技术应用》第四单元《网站的设计与评价》。本单元以网站设计为工作任务，让学生通过完成网页制作的过程，亲历利用信息技术加工信息和表达思想的过程与方法，同时将网络技术的基础理论与实际应用技能有机结合起来。在网站制作中，一份详细的规划书有利于指导创作过程，而我们学生所缺少的也正是这种统筹规划能力，因而我从实际出发把网站的规划单独提了出来，以网页规划设计表为载体设计了一课时的教学内容。本节课的《普通高中信息技术课程标准（实验）》要求是：通过开发实践，学会规划、设计简单网站的基本方法并能够根据网站主题要求设计评价指标。从课标和教材可以看出，本节内容至关重要，有着承上启下的作用。承上：承接必修教材中《信息作品的集成》环节。启下：本课是《网站的设计与评价》单元的开篇，网页规划的合理与否，主题的确定是否恰当，小组成员的分工是否详细，对于后续的网页制作起着至关重要的作用。
学情分析
高一学生经过近一个学期的学习，已经具备了一定的信息获取、加工、管理能力，同时了解了网络技术的基础理论，对精彩的网页很感兴趣，非常向往掌握网页制作的技术，很想亲自创作网页作品来表达自己的想法进行有效交流。但他们会忽略电子作品制作的前期规划，对于网页设计的一般流程，以及如何确定适合的主题、如何在作品中体现主题，缺少必要的经验，因此本节课有必要在规划设计方面加以训练。
教学目标
知识与技能目标：了解创作电子作品的一般流程，理解网页规划的重要性；能够根据网站主题要求设计评价指标，对网站的质量与运行状况进行评价。
过程与方法目标：通过赏析、评价网页作品，了解网页规划的设计要素，提高审美意识；能根据任务需求，确定主题，进行科学规划，初步掌握网页规划的方法。
情感态度与价值观目标：通过小组合作，感受同学友谊，增强集体意识和协作意识；学会欣赏他人的劳动成果，提高艺术修养和审美情趣。
教学设计思路
通过赏析网页，让学生感受优秀网页所具有的特征，了解网页规划的设计要素，形成网页规划设计的思路。通过往届学生网页作品投票和评分的过程，明确网页规划的注意事项，初步了解网页评价量规，激发学生的创作兴趣。最后，结合实际表达需求，小组协作，确定创作主题，进行创意设计，完成网页规划设计。
教学过程
1.创设情境，导入新课
师：因特网在全球的迅速普及和发展，为人类开启了一方全新的文化空间。在网上我们可以浏览各种各样的网页，获取无穷无尽的知识。因特网上的每一个网页都从属于某一网站，可以说，包含着各种信息的因特网就是由无数的网站组成的。只要拥有了一个属于自己的网站，你就可以在茫茫的网络世界中拥有一片属于自己的天空。同学们想不想做一个属于自己的网站呢？
生：想。
师：网站也是一个信息作品，请同学们思考前面学到的信息集成的一般过程。
生：确定作品主题—规划设计作品—采集处理素材—制作加工作品—测试作品。
师：那么网站的制作流程是什么呢？
生：网站的规划—素材的搜集、加工—网站的制作—网站的测试与—网站的评价。
师：由网站创作流程我们可以看出，网站创作、始于规划，本节课我们学习网站的规划与设计。要求以小组为单位制作一个网页规划设计表。
设计意图：导课承上信息集成的一般过程，启下引出网页创作流程，揭示规划的重要性，从而点题。
2.规划开始，确定主题
这是一个承上启下的教学环节。时间不长，但作用很大。首先提出问题。
师：同学们平时都喜欢去什么网站？
生：百度、新浪、人人、QQ、4399……
师：这些网站要表达的主要内容，也就是网站的主题是什么？
生：百度是全球最大的中文搜索引擎，新浪以全面而及时的新闻而著称……
师：主题是信息作品的灵魂，由大家来制作网页，你想表达什么主题呢？你对哪方面的主题感兴趣？提示确定主题的原则：小而精，目标定位准确，积极、健康、向上，网页名称有创意，符合主题（幻灯片展示）。
设计意图：明确主题的含义，了解主题的重要性，它是信息作品的灵魂，思考启发网页主题，为后面的制定规划做铺垫，提供选题参考。本环节主要采用谈话法，谈话法的运用，有利于建立民主平等的师生关系，而课堂上的民主气氛是学生创造性思维得以激发的一个重要条件。
3.网页欣赏，归纳网页设计元素
师：我们来欣赏一个网页，百年世博，落户上海，城市让生活更美好，同学们说说这个网站的主题是什么，并思考如何在网页中体现这一主题。
教师引导学生从网页设计要素中来体现主题，如内容、色彩、版面布局、导航设计、图标设计、图片等。
教师组织学生从以下几个设计要素讨论网站内容和风格，分析网页框架和风格。
（1）栏目设置
师：确定好网站主题后，要把网站的内容按一定的方法进行分类，并设置专门的栏目（如图1）。
网站栏目设计原则一是要紧扣主题，二是要突出重点。
（2）网站色彩
师：不同的颜色给人不同的感受，同学们看这几个网站主要是什么色调，给人什么样的视觉感受呢？
学生思考回答问题。
教师总结图2所示的网站色彩与感觉之间的关系。
（3）网站LOGO
师：我们重点来看图片3中网站的Logo，什么是网站的Logo呢？
生：网站的标识。
师：我们来欣赏图片3中几个网站的Logo，并思考他们所表达的含义。
学生思考，教师予以引导：百度的“熊掌”Logo的灵感来源于“猎人追寻熊爪印迹”的刺激，这与李先生的“分析搜索技术”非常相似，从而构成了百度的搜索概念。熊掌图案也最终成为了百度公司的Logo；新浪的大眼睛寓意世界尽在你的眼中等。
设计意图：采用了比较法、归纳法以及“基于问题的学习”等教学方法，让学生学会欣赏网站，通过欣赏和思考问题，初步归纳网页设计要素，并意识到：要根据主题，设计恰当的网页风格和内容结构。
4.网页评价，明确优秀网页的标准
活动要求：快速浏览学科网页上展示的上届学生的网站作品，选出自己感兴趣的网站进行投票。
活动过程：教师观察学生评分过程，实时展示各网页作品的投票人数柱状图，查看相应网页的评分结果。
分析评价结果，总结网站评价标准。首先，分析学生对网页评价的结果——引出网页规划设计应注意的问题：选题不能过大，网页名称有新意；内容栏目设置有条理，清晰；色彩搭配合理；版面布局规范，美观；导航设计恰当。
设计意图：让学生深刻体验优秀网页的设计标准，学生在学科网上投票评价网页，首先学生很感兴趣，其次大大提高了教学效率，将评价的结果作为讨论的依据总结出网站评价标准，环环相扣，从而轻松自然地突破难点（网站评价指标的讨论和确立）。
5.课堂实践，制定小组主题网页的规划
教师提出学习任务：以小组为单位完成网页规划设计表。而后，教师介绍学习资源，并提出组内按栏目和角色两个维度分工的建议（如图4、图5）。
设计意图：本环节主要采用了小组协作法和自主探究法，让学生去规划设计网页，为学生创造力的发挥提供了平台。学科网提供了大量的网站规划和设计的指导资源，并采用“半成品加工”教学策略给学生一个网页规划设计表和案例，尊重学生的个体差异，让学生有表可依快速进入了课堂实践。同时在组间形成竞争，促进了组内团结。按栏目和角色二维分工，使学生的责任更加明确，课后能有针对性地收集资料和素材。
6.展示规划，相互交流
请1～2组学生交流展示自己本小组的规划设计。学生浏览并讨论。
7.课堂小结
强调规划的重要性，以及规划的思路和方法。同时渗透我们学校的教育部部级课题《人生规划意识》。你不规划人生，就要被人生规划，希望我们的人生经过规划和设计后，可以成功和幸福。
教学反思
本节内容的基础知识和基本技能主要是利用学习网站设置问题情境、提供学习资源，学生可以通过自主学习获得，教师对部分重点难点进行讲解和演示。而动手规划部分要求学生主动地与同伴探讨、合作，将知识与技能内在化、系统化，达到认知结构的有效调整和重构。合作学习在这一建构过程中起了关键的作用。因而本课主要采用了自主探究法、小组协作法，个别地方采用了比较法、归纳法，而教法主要采用了任务驱动法、基于问题的学习、讨论法、讲授法。应该说，整个教学过程比较流畅，基本上都按照教师的教学预想开展教学，学生在教学中能够积极地思考和回答问题，能够学会有效地规划网站的方法，提升了规划能力和审美能力。
点 评
这是一个在借鉴基础上进行创新的优秀案例。说其优秀，是因为每一环节都体现出了设计者的精心、细心。
导入新课部分，由信息集成的一般过程引入，巧妙利用学生已学知识与技能进行迁移，即将信息集成中学习到的规划设计迁移到网站制作中，有利于促进学生在制作作品（包括多媒体与网站制作）中形成规划意识，这也是本次课的核心指向。
网站评价部分，引导学生根据网站分析的结果总结网站评价标准，实现了以评促学、以评导学的目的，在此过程中潜移默化地促进了学生对规划中应注意问题的关注，从而避免了类似问题的出现，以提升规划的效果。
网站规划部分，学生的规划不是空洞的存在，培养规划能力也不是纸上谈兵，因此教学中必须借助各种形式促使“虚”的规划设计落到“实”处，该案例使用的是规划表，也有案例采用了思维导图等方式来实现规划的具体化与可视化。
分组合作部分，作品制作课中学生工作量相对较大，因此分组合作是常见的方式。二维分工方式的采用，既保证所有学生都能经历网站制作，在此过程中形成对网站制作的体验与感悟，也较好关照了学生兴趣爱好等方面的差异。
课堂小结部分，在本次课教学内容的基础上，拓展延伸至人生规划意识的培养。既与教学伊始的设计呼应，又有很大程度的提升。设计者强调的是与该校相关课题的联系，其实，就作品（包括多媒体与网站制作）中的规划部分教学而言，最后提升至人生规划方是此部分的终极追求及应然境界。这一点，当为信息技术教师进行相关内容教学时所借鉴。
整体而言，该案例在设计上思路非常清晰，引领学生由理论认识到实践探索再到理论提升，实现了认识上的螺旋上升，由欣赏分析到具体设计，符合学生认知发展的基本规律，能够较好地达成教学目标。
