网页设计课程总结精选(九篇)

第1篇：网页设计课程总结范文

关键词：“高职网页设计与制作”；微课；课程教学；存在问题；实际应用

中图分类号：G642文献标识码：A文章编号：1009-3044（2017）30-0199-02

《网页设计与制作》课程在高职计算机类专业领域是必修课程，它的理论与实践应用结合性强且注重基础知识内容发挥，在实际的教学应用中对学生的基础理论知识巩固和实操能力培养还是很有效果的。当前伴随新媒体时代的到来，像微课这样的先进信息化教学手段也融入到高职院校的该学科教育体系中，改善了教学过程与教学质量效果。

1微课在《网页设计与制作》课程教学中的应用现状及存在问题

微课在当前的教育领域应用广泛，它极强的信息处理能力与知识传播扩展能力都受到各级教育体系的青睐。在高职院校的计算机类专业领域中，运用微课这一新媒体开展授课过程已经成为潮流，它深入探索了当前学科教育的教学思路与教学模式，在不断发展进步的同时也面临着诸多困境。

1.1应用现状

微课作为当前一种创新的教学手段已经被引入到高职院校当中。以学校中计算机专业领域的《网页设计与制作》课程为例，它就首先在高职院校内部建立了教学资源平台，营造现代化教学环境，并以微课作为切入点来推动教学改革进程，某些学校也推出了像“一师一优课、一课一名师”的教育活动。《网页设计与制作》课程本身是具备专业性、复杂性和综合性特征的，它所谈到的“设计”主要对应于艺术层面，而“制作”则与技术层面相对应，所以可以将其称为是一门技术综合艺术的复合型学科。在具体的《网页设计与制作》操作过程中，应该将每一个知识操作点都作为微课视频来制作，即通过微课视频形式来导入课程案例，并整合知识点，深化教学课程的系统性、规范性和完整性。

1.2存在的问题

当然，在《网页设计与制作》课程中引入微课教学模式，它也存在一定现实问题，这些问题或来自于教学本身，也来自于学生和学校，具体来讲可以总结归纳3点内容。

首先在教学方面，《网页设计与制作》课程本身在学术性质方面存在复杂性，即它所涉及的知识点体系规模非常庞大且复杂，可能学生在短时间内无法理解和熟练掌握这些知识点。举例来说，它就涉及Css语言、Html语言、Dreamweaver、Photoshop软件等等。教师在教学过程中要教会学生有关“Photoshop的图像与图形基础处理”技术，也要综合多种软件来教会学生在实际设计操作过程中的软件应用功能转换能力。但实际上，由于知识体系太过庞大和复杂，高职生很可能无法做到多点知识技巧兼顾，也常常会出现顾此失彼的情况。

其次在学生方面，客观讲高职生的文化与专业能力都存在严重的参差不齐，相比于普通高校学生有一定差距，这是我国职业教育领域所一直存在的弊端问题，难以回避。高职生整体素质偏差，特别是基础教育功底薄弱，没有良好的学习习惯，在课堂学习过程中也表现出定力和认知能力不足的严重缺陷，这也一定程度上影响了微课在《网页设计与制作》实际教学过程中的技术运用和作用发挥。

最后是学校方面，许多高职院校在信息技术教学领域的应用研究并不到位，甚至还存在软硬件及师资水平滞后问题。再一点师资力量的薄弱也影响了像微课这样的新媒体技术在实际课程教学过程中的有效功能发挥。实际上有些教师在教学过程中根本不会利用微课技术，其所设计的教学方案还仅仅停留在课件制作表层层面，不能基于信息技术深入教学辅助过程，无法有效发挥微课在高职院校《网页设计与制作》课程中的实际作用，导致微课应用前景并不理想[1]。

2微课融入《网页设计与制作》课程教学中的意义

微课融入《网页设计与制作》课程教学具有它重要的现实意义，如果将其现实意义细分，还可分为狭义与广义两方面来谈。

从狭义角度讲，实际上《网页设计与制作》有它一定的课程设计独特性和传统课堂教学局限性，初期尝试可能不會拥有太高的教学质量。尽管说当前高等教育中对微课的研究与应用已经全面铺开，但微课在高职计算机专业中《网页设计与制作》的应用几近空白，还未有可参考的教学应用经验，所以在高职计算机专业课堂中的《网页设计与制作》渗透微课教学理念与方法模式，对推进该专业领域的教学改革固然是非常值得期待的有益尝试，它既能够为学生创设良性的学习空间，也能够丰富教师的专业教学手段，一举多得[2]。

从广义角度讲，微课是新型的教学模式和学习方式，它更是一种全新形式的教学资源模式。在该课程体系构建过程中，学生和教师同样得到成长机会，这也让整个教学过程变得更有意义。细致来说，它存在3点现实意义。

第一，它从广义范围上扩大了高职院校的微课应用范围，是对自身课程体系、资源共享机制以及校内课程安排灵活化的一种全面革新。再者，微课也实现了对传统计算机专业学科领域的有效补充，从正面提升了学生的学习兴趣与学习欲望，这让未来微课教学常规化成为可能。

第二，它也拓展了教师的教研方式，让教师拥有了更多可利用教学手段。基于微课的《网页设计与制作》更加灵活多变，教师不但能够在现场通过当堂展示来体现知识内容的开放性、实操性、广泛性与时效性，也能够与学生实现更多教学过程互动，提高教师本身的教学交流能力与教学互动能力，促进高职教学业务水平的提高。

第三，它满足了学生对于学科学习的个性化需求，微课以碎片化信息教学理念开展，它所谓学生提供的是基于不同知识点的个性化教学过程，能够在某种程度上满足学生的个性化学习需求，让学生对于《网页设计与制作》中各种知识点的掌握更加快速娴熟。在该过程中，学生的自学能力、主动学习能力与计算机技术综合运用能力都被培养并得以提升。再者，微课实现了对学生课堂学习内容的有效延伸，它不但能够组织当堂教学，也能在课下组织第二课堂，这就兑现了对知识的关键优化与弥补，让学生随时随地都能开始学习并享受学习体验。综上所述，在《网页设计与制作》中融入微课教学模式于学校、于教师、于学生各个群体都是非常有益的，具有革新学科教育发展进程的现实意义[3]。

3微课在《网页设计与制作》课程教学中的实际应用

基于微课教学模式的《网页设计与制作》课程教学应该首先强调多元化元素的优先整合，例如将网页中有关文本、图片、文字、段落、表格等等基本元素捏合起来，然后再进行相应的教学知识点延展，配合文字、图片、声音和动画素材来在网页设计中展开应用实践过程，在动手动脑制作过程中激发他们的设计学习兴趣，促成探究式深入学习过程。

本文以《江南水乡》的网页设计与制作教学为例，教师先要教会学生如何创建网页，包括对文本信息的插入与文本内容的设置，以及表格布局网页的基本方法技巧，最终独立制作完成简单的文字网页与网页背景，为整个教学过程奠定基础。如上文所述，该课程就运用到了自主探究式教学模式，教师会为学生创设情境，然后要求学生进行自主探究，在探究过程中发现新知，最后渐渐掌握知识技能，实现教学设计与应用过程的程程递进。在该过程中，教师需要引导学生去不断深入探究，并辅助他们发现问题，同时寻求问题解决的有效途径。

3.1知识提取

在《网页设计与制作》这一课中，对《江南水乡》的内容设计之前要进行相关知识要点梳理和提取，提取那些典型的、适合于微课开发的重要知识点。在教学环节，教师要为学生创设情境，激发他们了解江南水乡的学习兴趣，通过播放多媒体课件（约3分钟）来让学生了解江南风光的同时，也明确该微课设计脚本中所涉及的关键知识内容，例如许多文人墨客在江南美景下所勾勒的绘画、所创作的诗篇等等，先从人文角度让学生总结归纳关键知识内容，进一步了解江南。

第二步，教师要为学生引入与网页制作相关的更多网页页面设计理论知识，比如对江南水乡素材的选择、文字信息与图片信息的提取与展示、视频音频文件的使用、包括动画素材的点缀等等。教师要在知识提取过程中教会学生如何将如此之多的媒体信息资源都插入到网页中，促成网页设计与制作过程。举例来说，像图片插入，它就包含了菜单插入法、代码以及快捷键（Ctrl+Alt+I），教师要让学生去逐一探究这些图片插入方法，并能够灵活运用于实际操作过程当中。同理，插入音乐与插入flash动画也要基于该探究式教学方法来引导学生循序渐进，最终达成知识提取目标，让学生明确自己所学习的知识内容。上述知识提取是基于需求分析与任务驱动来展开的，它们对于学生深入学习《网页设计与制作》具有关键意义。

3.2教学过程设计

该教学过程设计的重点在于如何正确插入图片、视频音频文件，并了解该插入设计方法的基本功能属性，特别是在插入flash动画的透明属性设置。另外，教师也要教授学生更多元素的插入方法及相应属性，并教会他们如何表格布局，将网页设计得更美观，并能够灵活运用这些网页设计制作技巧。

在实际的教学过程设计中，教师会首先个创设情境，引入本课的主要教学内容，即《江南水乡》的网页设计与制作，为学生列出微课学习任务列表，为学生播放微课内容。微课播放完毕后，教师就会再次引导学生思考各类网页设计与制作过程中的重要元素及它们的使用方法，提出问题任务，让学生或独立或小组合作完成任务，快速推进教学进程。

3.3教学总结

最后教师要进行教学点评总结，先要展示学生的《江南水乡》网页设计制作成品，并要求学生进行作品汇报，随后由师生共同讨论评价该作品中的优缺点。在汇报总结过程中，制作者也应该总结自己在设计制作过程中所遇到的各种问题，与大家共同分享制作过程经验与难点，这样更能提高师生对自身作品的关注度，并在总结评价过程中总结经验教训，为下一次更好的作品设计制作奠定经验基础。

将微课引入高职网页设计与制作课程就是希望利用它信息碎片化的知識点推广应用特色来锻炼学生对知识点的快速掌握与提炼运用能力，转变他们传统的计算机专业课程学习方式，为他们营造基于新媒体环境的新学习空间环境并创新学习手段，实现对整个学科教育体系的全面革新。

作者：支馨悦

参考文献： 

[1] 赵永红.高职院校微课教学策略探究[J].中小企业管理与科技，2014（5）：263-264，265. 

第2篇：网页设计课程总结范文

关键词：网页设计；高职院校；教学建议

科技的进步，internet的发展，社会对网页设计人才需求大大增加。《网页设计》课程是计算机专业的一门主干课程，并且很多理工专业学生也选修该门课程。如何让学生在较短的时间内掌握网页设计的基本理论和熟练操作相关软件，培养满足网页设计企业需要的综合型人才成为当今很多高职院校的研究热点，也是高职教师的努力方向。为了提高该课程的教学质量，教师需要具备扎实的理论功底，在教学过程中，不断推陈出新。笔者做为高职院校的计算机专业教师，有一定的心得体会，提出了几点建设性意见，在此抛砖引玉，供大家参考探讨。

1.明确教学目的

根据大纲，本课程的学习目的是让学生掌握网页制作、网站设计的基本知识、基本理论和基本应用等方面的内容。针对于现有的IT行业发展的现状与趋势、人才需求状况、企业调研等方面调查分析，光是满足教学大纲的要求是远远不够的。现在的网页设计主要是网站的开发前期的相关界面的平面设计。所以教师在教学中，就需要进一步明确教学目的，突出教学重点。因为基本的网页制作，但凡有过一定基础的学生都能设计，要想进一步满足企业的用人标准，设计出较高的网页，这就需要网页设计人员具有较强的审美能力与美术功底以及图像处理工具的使用能力。通过图形软件Photoshop，Flash，CorelDraw等与Java语言软件的相互配合，运用于图像处理、编辑、通道；图像色彩的校正，出色地设计公司标志、网页等等。这些都是教学的重点，需多让学生下功夫，举一反三。

2.提高学习兴趣

知之者不如好之者，好之者不如乐之者。兴趣是积极探索事物的认识倾向，教师如果能让学生充满兴趣的学习，快乐的学习，授课就开了个好头。因此要提高教学效果，讲授知识时，就必须以学生为主体，正确引导学生进行思考，并注重培养学生对本课程的学习兴趣。网页设计是一门实践性很强的课程，是特别需要学生亲身体验，自觉动手，才能掌握好其内容的课程。例如在讲授网页设计的框架结构，这一部分内容时。首先给学生们呈现一个很好的框架结构的网站，也是学生上网常常浏览的网站，如360导航网站。这一下就拉近了课程与实际生活的距离，让学生体验到学习的意义，培养了学习的兴趣。有了个好的开端，接下来就是引导学生多思考，框架的作用是什么？什么是框架和框架集？如何设计框架页面？用框架设计页面有什么特殊的优势？如果让自己来设计，你会设计什么样的框架结构？让学生主动的参与到学习过程中来，往往能达到事半功倍的教学效果。

3.考核方式多样

《网页设计》这个课程是一门需要实践能力很强的计算机专业课，所以弱化笔试考试，加强上机考试，以提高学生的实际操作能力。在教学的过程中，笔者总结经验，将课程的分数比例改为了以下四部分：平时表现、上机练习、理论考试、上机考试。学生平时的表现所占课程总成绩的15%，主要为学生的出勤率，上课听讲认真与否，以及积极回答问题的加分情况。上机练习占总成绩的20%，主要为学生在上机课时，是否听从教师指挥，能否完成任务的情况。而理论考试，则是我们弱化的内容，只占总成绩的25%，因为理论再好，也需要将其转化为实际的工作，否则就是纸上谈兵。其中上机考试为重中之重，占40%。上机考试，需组织学生在机房进行，人手一台电脑。教师先将网页设计的题目与需要用到的素材存储在服务器上，学生通过访问服务器获取试题，按照要求完成网页设计和优化工作。考试完成后，将自己的作品上传至服务器，供教师审阅、批改。最终教师要综合网页设计中的多方面因素，如图像处理，链接结构，色彩协调，整体搭配等来给学生相应的成绩。此种考核方式，兼顾了各个方面，虽然弱化了理论，但强调了实践，促使学生转换学习态度，培养其独立思考和解决问题的能力。

4.举办设计大赛

每年安排一个时间，举办整个高职院校的网页设计大赛。设计大赛的目的是检验学生对该课程的掌握程度，以比赛的形式来提高学生对网页设计的兴趣。设计的内容不做限定，只要在规定时间内将设计好的网页发送到指定邮箱里。教师会对参赛的作品进行初选，先初选出入围的作品，让选手做好准备。在决赛过程中，选手需要对自己的网页作品进行讲解，突出自己作品的亮点。同时，评委老师们会对该作品做出点评，分析网页设计的优缺点，运用了那些技术等等，让参赛选手和观众同学们也得以在知识方面提高。最后，评委老师们给出各个作品的分数，评出比赛的各种奖项，对获奖的选手给予相应的奖励。网页设计大赛给学生提供了展示自我的平台，无论是对参赛和观众同学，都是一种激励，让学生对网页设计产生更大的兴趣。

结语：

网页设计的课程建设的过程是发现不足，不断完善的过程，并在教学中加以改进的过程。以上教学几点建设性意见是课题组教师多年的教学经验积累，实践证明：这些改变使教学效果得到了改善，激发了学生的学习兴趣，学生的实践操作能力明显得到提高。

参考文献：

[1]赵元媛.网页设计中布局方式之比较[J].中小企业管理与科技（上旬刊）.2012，（01）

[2]侯佳路，王润华，于晓荷.《静态网页设计与制作》课程改革探讨[J].中国科技信息.2012，（06）

[3]敖冰峰，徐鹏，乔阳.浅析《网页设计与制作》课程教学方法[J].科技与企业.2012，（09）

[4]教育部.关于全面提高高等职业教育教学质量的若干意见[Z].教高[2006]16号.

[5]姜大源.世界职教课程改革的基本走势对我们的启示[J].职业技术，2008，（11）.

[6]翟向阳.论高职教育突出高技能人才培养的目标定位[J].职教论坛，2005，（16）.

第3篇：网页设计课程总结范文

一、网页设计人员的市场需求与课程现状分析

通过网络调查相关企业和对网上网页设计人才的招聘信息进行调查分析，发现目前网页设计与网站开发的相关企业对网页设计人员的基本要求如下表1-1所示。通过对网页设计课程的内容进行分析以及上表中网页设计人才的岗位要求可以得出：页设计课程是培养专科起点的网页设计人员的核心课程，此课程内容涵盖以下特点：①所需软件多：网页设计三个基本软件：Dreamweaver、Flash、Photoshop；动态网页设计的Visualstudio、SQLServer等。②需要代码多：HTML语言、CSS、C#、、Javascript等。③涉及的知识点多：网站的基础知识、页面色彩搭配、页面布局（CSS+DIV布局、表格布局、框架布局等）。④时代性很强的课程：网页设计课程是与社会发展紧密结合的课程，信息技术下出现的新技术势必对网页设计课程带来很大的机遇和冲击性。⑤课程学时少：通过对我校和周边高职院校的调查发现这门课程的课时安排一般是课堂教学2学时，上机实训2学时，对于操作性比较强、同时基于“项目工程”导向的这门课程而言，这样的课时安排是很难满足学生的学习需求。通过上述的调查分析发现：传统的课程教学模式已很难弥补社会对网页设计人员的要求，如何多样的教学模式来促进课程教学生态模式的形成，以此来提高网页设计课程的教学效率与社会需求的高度契合性成为急需解决的问题，也是与网页设计课程相类似的课程在网络时代环境下的新探索。

二、高职网页设计课程的教学生态模式分析

生态学的概念是德国生物学家恩斯特•海克尔于1866年定义的，他将生态学定义为是研究生物体与其周围环境（包括非生物环境和生物环境）相互关系的科学。目前已经发展为“研究生物与其环境之间的相互关系的科学”。随着生态学的理念与各学科的融合，为我们研究各学科提供一个新的视角，教学也不例外。随着信息技术的发展，传统的课堂教学模式已经很难满足社会的需要和学生的需求，将整个教学作为一个生态系统进行研究，对教师、学生、教学环境及教学方式进行实时、动态分析，对于促进教学效果的良性化发展具有十分重要的意义。高职作为培养高级技能型人才的摇篮，其自身的职业性非常强。同时结合上述网页设计人员的需求与课程的特征分析，可以发现高职网页设计课程的教学生态模式需要注意以下几个方面的因素：

（一）对高职网页设计课程进行梳理首先将高职网页设计课程的教学作为有一个有机的生态系统进行整合分析，划分为不同的模块，针对不同模块的特点进行分析，采用不同的教学模式进行有机化的教学，其基本设计思路如下图2-1所示：

（二）针对不同的模块化内容采用不同的教学模式结合上述对高职网页设计课程的内容梳理，将教学内容分成不同的模块，针对不同的模块特点，设计不同的教学方案，以此采用不同的教学模式，改变传统的单一课堂教学模式，使整个高职网页设计课程的教学是充满活力的。学生与教师在不同的教学模式下扮演不同的角色，发挥着不同的作用。比如高职网页设计课程中有个非常重要的模块：HTML语言的使用，它在整个网页设计的课程教学中起到承上启下的作用，同时其自身是一种页面描述语言，比较枯燥和难理解。在教学生态模式的理念下，采用以课堂教学为主，辅以探究式的教学模式来设计课外的小案例。

三、高职网页设计课程的教学分析

高职网页设计课程是培养技能型的网页设计人员的核心课程，学生以掌握具体的网页设计与制作能力为目的，同时也需与未来的岗位需求进行对接，具有动态性的特点。在数字化校园的大环境下，几乎每个在校高职学生都可以在校园的任何角落通过笔记本、台式计算机、手机、iPad等设备获得网络，经有关的调查发现：现在的90后大学生是在网络的环境中成长起来，对网络具有天生的敏感性和依赖性。传统的课堂教学模式相对比较单一性和固定性与学习者之间的学习能力和学习习惯差异性之间矛盾越来越凸显。从教育生态学观点就是教学资源的相对单一性，将会导致学生学习的泛化，缺乏个性化发展。如何利用网络时代丰富的学习支持环境，使教学资源走向多样性，调整教学模式的单一性，促进学生个性化发展成为必须解决的问题，高职网页设计课程也是如此。

四、将“两课”贯穿于不同的教学模式中

近年来，随着慕课和微课的迅速发展，为我们的高职网页设计课程的教学提供一种新方法与新视角。教师可以将自己或他人的教学视频和教学资源，采用慕课或者微课的形式传递给学生，学生可以通过手机、计算机等终端实时获得相关的教学资源，使学生可以突破课堂的时间和空间界限，可以让学生先听课，后在课堂中进一步学习，探讨和解决新问题，来“翻转课堂”的作用；也可以利用“两课”进一步巩固传统课堂中的教学内容，以达到提高传统课堂教学效果的作用。将“两课”运用不同的教学模式中，不仅可以扩充教学资源，增加学生的课外学习时间，同时也能适应高职学生学习特点，使网页设计课程的教学模式变得更富有生态性。

五、总结

第4篇：网页设计课程总结范文

[关键词]网页设计与制作 职业能力 教学改革 实践

[作者简介]周小丽（1973- ），女，浙江江山人，浙江同济科技职业学院艺术系，副教授，硕士，研究方向为数码媒体设计与制作。（浙江 杭州 311231）

[中图分类号]G642.0 [文献标识码]A [文章编号]1004-3985（2013）08-0127-02

随着互联网的快速发展，越来越多的单位、部门以及个人利用建立网站进行信息的、交流和互动。电子商务在日常生活和工作中越来越普及，社会对网页设计和制作人才的需求越来越大，对人才水平的要求也越来越高。目前有相当一部分高职院校都开设了“网页设计与制作”课程。学生通过这门课程的学习，掌握静态网站设计、制作的流程和技法，锻炼静态网站开发能力，既可以确定毕业设计的创作方向，也可以设计和制作个人网站来展示自己的优秀作品，有利于就业率的提高。

一、“网页设计与制作”课程教学存在的问题

“网页设计与制作”课程是浙江同济科技职业学院（以下简称“我院”）电脑艺术设计专业的一门专业核心课程，涵盖了站点建立与维护、网页布局、网页元素定位、超链接技术、CSS样式应用、网页动态效果创建、网站测试与等方面的内容，将网页设计与Dreamweaver网页制作软件技术紧密结合，主要培养学生网页美工设计和静态网站开发能力。从学生就业应聘情况和已从事与网站建设相关岗位的毕业生反馈信息来看，目前本课程的教学主要存在以下几个问题：

（一）学习被动，学生的实践能力差

长久以来，“网页设计与制作”课程多是采用理论课与实践课交替进行的授课方式，老师先讲解专业知识点和软件技术操作示范，然后让学生凭着记忆或是课堂笔记进行模仿操作。教学内容枯燥，学生学得被动，学习积极性得不到很好的激发。有的学生不愿听枯燥的理论知识，不愿做老师布置的上机作业，而是玩游戏、玩手机甚至旷课，导致对专业知识的掌握不牢。由于基础理论与专业理论不扎实，学生在遇到问题的时候不能迅速给予反应。理论内容与实践内容的脱节，使学生不能有效整合陈述性知识与过程性知识、理论知识与实践知识，就是认认真真在模仿操作的同学也不能把所学的知识很好地迁移到实际工作岗位上去。

（二）眼高手低，学生的动手能力差

学生看教师在示范时只是鼠标单击拖动，自认为很简单，不愿认真学习，等到实践课上自己操作时，面对给有具体操作步骤的任务不屑动手，认为过于简单，而对于没给操作步骤的任务又觉得太难而手足无措，高不成低不就的现象普遍。学生没有在自己动手的实践中掌握职业技能、习得专业知识，无法构建属于自己的经验和知识体系，到了实际工作岗位上便无所适从，不能独立地制订计划并付诸实施，无法将所学联系实际，不具备解决问题的能力。

（三）缺乏沟通，学生的适应能力差

从毕业学生反馈的信息来看，学生缺乏沟通意识，没有客户至上的理念，导致适应工作岗位的能力较差。有的不理解客户的要求甚至将其置之不理，而是根据自己的审美观自作主张进行设计；有的对客户的要求理解错误，给客户造成很多的不便。因缺乏沟通或沟通能力弱而造成返工，不但降低工作效率，还影响客户对自己的信任，难逃老板的批评和指责。这些后果容易诱发学生的情绪化，进而影响下一步的工作，陷入恶性循环。于是在这些学生眼中，工作变得无趣，没有成就感，更有甚者无法继续工作。

要解决以上问题，在教学改革中应以职业能力为核心，整合教学内容，采用多种教学方法相结合，让学生既掌握足够的理论知识，又具有很强的实际操作能力，很快适应工作岗位。改变传统课程教学模式，在“网页设计与制作”课程教学中以真实网站建设项目为载体，将整个课程所涉及的知识点穿插到项目中。把本课程内容整合为网站策划、网页设计和网站制作三大职业岗位模块，以模块化和任务驱动方式进行教学设计，根据各模块所涉及的知识点，设计一些由浅入深的模拟制作任务，采用案例教学法对模拟制作任务进行实战式教学训练，同时结合“学院艺术系”网站建设这一实际项目进一步要求学生独立自主完成实践任务，使学生在任务完成的过程中彰显个性，轻松掌握网站建设的工作流程、技术知识和方法。

二、“网页设计与制作”课程教学改革实践探索

在充分了解企业对招聘人才的核心要求与我院教学特点的基础上，笔者在网页设计课程教学中采用阶段性集中授课方式，按照工作过程重新整合、序化教学内容，按“项目需求分析—网站框架界面设计—网站素材设计与处理—网站页面制作—网站测试与分布”等工作任务的完成为驱动，以学生为主体，通过课内与课外相结合的方式，应用项目化教学、案例教学和任务驱动教学法将知识、能力、素质三方面的考核融于项目完成过程中，形成了一套由“专业知识、软件技术与工作流程”组成的三维知识体系，让学生学会设计制作的同时，掌握一线工作需要的技能。

（一）教学方法

1.项目化教学法。以实际项目为载体，强调分析、解决问题能力的培养。在“学院艺术系”网站设计与制作过程的基础上构建学习项目，以完成岗位工作任务为主线确定“网站建设方案编写、网站设计、网站制作”三大模块内容，这样的教学内容贴近职业实际，能激发学生的学习兴趣。按照工作主线提取不同的能力目标，分配到网页基础知识储备、编写网站建设方案等11个不同的模拟制作任务中，主要培养学生在从事网站设计与制作工作时的分析、解决问题的能力。然后设计独立实践任务，让学生在完成任务的过程中有效巩固所学知识，进一步熟练网页制作技能。

2.任务驱动教学法。以模拟制作任务和独立实践任务为载体，强调技术应用能力、工作能力及学习能力的培养。教学中设计11个模拟制作任务，把知识穿插在任务中。通过任务背景分析、操作步骤详解、知识点拓展等流程，启发学生思考。学生在解决问题中掌握知识，通过任务将所学用于现实问题的解决，从而锻炼动手和解决问题的能力。另外要求学生完成独立实践任务部分，强化学生技能应用能力训练和自学能力训练。

以制作学院艺术系网站引导页任务为例，具体操作如下：（1）背景分析。通过艺术系网站，扩大艺术系的影响力，促进师生之间、校企之间、家校之间的沟通。（2）任务要求。更好地体现“学院艺术系网站”的特色，吸引浏览者，给浏览者留下深刻印象。（3）任务分析。在设计前对艺术系网站的用户需求进行详细的分析，定位网站风格，可以使用图片或Flas制作引导页，以图片作为引导页首先使用Photoshop设计好引导页效果图和Flas，然后进行切片，最后使用表格布局，并把Flas、切好的图片置入网页中来吸引浏览者，提高访问量。（4）素材准备。设计好效果图，制作好Flas。（5）任务制作。（6）知识点拓展。切片的概念和优点、切片技巧、设置表格属性、设置单元格属性。（7）解决问题。为了提高网页的浏览速度，往往需要把大图切成小图。

在任务制作过程中进行知识点拓展教学，有针对性地让学生在理论知识够用的同时掌握知识获取方法和途径，提高学习效率。教师要考虑知识够用度，也要考虑知识点的完整性，因为技术的发展会影响学生职业的变迁。要给学生足够的知识面，在选定知识点时既要针对岗位群，留有适当的余量，结合技术的发展及设备的更新给学生职业所带来的影响。在整个教学过程中，侧重综合职业能力与职业素质的培养，融教、学、做为一体，尽可能适应以“能力本位”为主旨的学生为主、教师为辅的新型教学模式的需要。每一个模拟制作任务都对能力目标、知识目标提出明确的要求，强调“能用什么做什么”，充分体现本课程教学与就业岗位能力要求的密切联系，使学生的学习更加具有针对性和实用性。

3.案例教学法。案例教学法是将实际的网页设计与制作案例引入课堂，真正做到实战式、探索式、启发式教学，它不同于单一的网页效果制作，而是将理论教学与实践教学有机结合，着力培养学生的积极性和主动性，能够提高学生的实践能力、创新能力，促进课程教学的改革与创新，达到更理想的教学效果。如本项目中的“网站首页设计与制作”任务，对于艺术系网站首页要有自己的个性，通过首页展示整个网站的风格与内容。这没有统一的标准，学生需要把学到的知识与技能在首页设计与制作中体现出来，把创意设计与Dreamweaver软件制作技术紧密地结合起来，有力地培养学生的创新能力和实践能力，推动学生专业技能和工作能力的快速提升。

（二）作品展示

作品展示可以充分调动学生学习的好胜心和竞争意识，提高学生学习的积极性。在展示学习成果时，要求学生上台汇报，阐述自己的观点，其他同学可以对提出的观点进行交流、探讨，充分发表自己的意见。要求学生对项目任务学习效果进行总结，进一步提高专业能力，同时锻炼语言表达能力。

（三）考核评价

注重完成项目任务的过程，而不仅仅是最终的结果。考核评价方式采取形成性考核和独立实践项目任务完成情况考核两部分相结合的方式， 所占比例为6∶4。形成性考核主要是对学生的模拟制作任务完成情况、学习过程中的学习行为表现等方面进行考核评价，独立实践项目完成情况考核主要考核学生综合运用所学知识解决问题和实际开发设计的能力。

独立实践项目完成后，按照评分要求和细则，根据学生自评、学生互评、教师总评相结合的方法对学生的作品进行评价。学生自评，不仅有利于学生自主学习，而且有利于课程或教学设计的改进；学生互评，引导学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见；教师总评，对学生作品综合评价必须要有“重过程、轻结果”的意识，这是对学生劳动成果的一种肯定，也是对学生的一种激励。注重的是任务完成的过程，即学生自己探索钻研的过程，不能只进行优劣评价，而应该指出问题所在，给出具体改进及修改建议等，让学生自愿进行网页设计与制作。

三、结束语

通过实施“网页设计与制作”课程教学改革使学习过程成为一个人人参与的创造实践活动过程，学生自己处理、克服在项目任务完成过程中出现的问题和困难，灵活运用新学习的知识和技能来解决实际问题，有明确而具体的作品成果展示，采用学生自评、学生互评、教师总评相结合的方式共同评价作品成果，不是只注重最终的结果，而是更加关注学生完成项目任务的过程。学生在项目任务实践过程中，理解和把握课程要求的知识和技能，积累项目经验，总结经验教训，培养分析问题和解决问题的能力，从而提升综合素质。只有进行课程教学改革，网页设计与制作课才能提高教学效率，实现教学目标。

[参考文献]

[1]张健.职业学校电脑美术设计专业教学改革初探[J].现代阅读，2011（5）.

[2]王清政.模块化教学在网站设计与制作中的应用[J].科技资讯，2008（24）.

第5篇：网页设计课程总结范文

关键词：网页设计 案例教学 实践教学 项目教学 课程改革 创新能力 教学质量

中图分类号：G633 文献标识码：A 文章编号：1673-9795（2013）04（a）-0219-01

随着科技的飞速发展，我们已经处于一个网络的时代，我们的生活离不开网络，网站是现今人们获取信息的重要途径，已经逐渐超过或替代印刷出版物，网页设计课程也成为高等艺术院校艺术设计专业学生的重要课程之一，以往平面印刷方面的知识要逐渐过渡到网页设计之中。因此，网页设计课程的重要性越来越明显，本文就如何提高网页设计课程的教学质量进行了如下分析。

1 及时更新教学内容

网页设计具有时效性，随着网络的不断发展，网页设计的新技术新方法也在不断的推陈出新。为了适应网络发展的速度，各高校也在不断地更新着教学内容，但是大多数高校都是在更新网页设计的软件知识，却没有从根本上更新教学内容。艺术设计专业的网页设计课程主要讲解Dreamweaver、Flash、Fireworks三个软件，即我们通常所说的网页三剑客。Dreamweaver，用于编辑HTML、ASP、JSP、PHP、CSS、XML、JS的页面制作工具，Flash用于制作网页中的Banner动画及片头动画，Fireworks主要用于处理网页中的图片素材。软件的版本更新很快，基本上每年都有新的版本出现，因此，在教学过程中随时更新教学软件是这个课程的必然要求。但是，仅仅使用最新版本的软件并不能做出好的网页，好的网页需要有新的制作技术支持。例如，网站结构的搭建，表格结构是一种简单快捷的网页搭建方式，表格结构在浏览器的兼容性上非常好，可以在多种浏览器之间很好的显示。但是，随着网页技术的不断发展，主流的网站都采用了DIV+CSS结构，DIV+CSS是网页美工必须了解和掌握的一门技术，现在互联网是属于web2.0的时代，DIV+CSS采用样式和结构分离的方式，利于搜索引擎读取网站页面，提高网页收录数量，最主要是方便管理和网站维护。

2 项目教学法在网页设计课程中的引入

网页设计课程是一个综合性非常强的课程，不仅仅是软件的讲授，它涉及到版式设计、色彩设计等其它方面的知识，如何让学生在短时间内能够快速接受本课程内容是关键。之前的讲课方式是逐一讲解每一个软件的知识点，学生理解起来比较困难，学习效果不是很理想。高等艺术院校的人才培养目标是培养技能型应用型人才，这也是本课程所要达到的一个目标，网页设计课程培养的是学生的实践技能，实用性非常强。因此，在本课程中尝试采用项目教学法，在基础讲授的阶段采用不同的网页案例进行讲授，在后期综合练习的时候让学生制作真实的网站项目，效果非常显著。项目教学法是一种以学生为中心的教学方法。项目教学法最显著的特点是“以项目为主线、教师为引导、学生为主体”，改变了以往“教师讲，学生听”被动的教学模式，创造了学生主动参与、自主协作、探索创新的新型教学模式。学生作为学习的主体，通过独立完成项目把理论与实践有机地结合起来，不仅提高了理论水平和实践技能，而且又在教师有目的地引导下，培养了合作、解决问题等综合能力。项目教学法是师生共同完成项目，共同取得进步的教学方法。同时，教师在指导学生的过程中，开阔了视野，提高了专业水平。

3 培养学生的学习兴趣及自学能力

项目教学法主张先练后讲，先学后教，强调学生的自主学习，主动参与，从尝试入手，从练习开始，调动学生学习的主动性、创造性、积极性等，学生唱“主角”，而老师转为“配角”，实现了教师角色的换位，有利于培养学生的自学能力和创新能力。学生在课堂中面对的不再是枯燥抽象的理论知识，学生在制作每一个案例的时候，都获得了不同程度的成就感，每天上网看到的网页，自己也能制作了。在课程的前期学习阶段，要求学生自己独立完成项目设计，制作相对简单的个人主页，要求学生制作六个以上页面进行相互链接，让学生全面掌握网页制作流程。到后期综合练习阶段给学生提供一个综合网站项目进行制作，这个阶段采用学生分组的方式进行，一般2～3个同学为一组，在制作过程中可以按照每个成员的特长进行分工，其中一个学生负责网站整体策划设计，Dreamweaver学的好的同学负责网站结构的搭建，擅长Flash、Fireworks的同学可以专门负责网站的动画制作和图片的处理工作，这种分组的方式可以培养学生的团队合作意识。

4 改革网页设计课程的考核方式

课程的考核方式需要进行改革，网站制作的是否标准，需要在网络上进行检验，例如：网站的结构是否优化，在各种版本的浏览器之间是否达到了很好的兼容，网站的浏览速度如何，这些都是衡量一个合格网站的标准。以前都是教师在本地电脑上根据学生完成情况直接给出分数，体现不出学生网页作业的实用性。因此，要求学生把作品上传到网络空间上，让同学和老师一起参与评价，最后给出一个总评分数。

参考文献

[1] 莫秀锦.项目教学法在《网页制作》课程中的应用与研究[J].现代企业教育， 2011（16）：142-143.

[2] 陈玲.网页制作课程的实践教学[J].考试周刊，2011（46）：154-155.

第6篇：网页设计课程总结范文

［关键词］网页设计与制作 案例教学 任务驱动

在网络技术迅速发展的今天，网页制作已成为当今社会上一种比较热门的技术。“网页设计与制作”是我院网页设计专业的必修课，作为一门新型学科，与传统的其他学科相比具有鲜明的自身特点：

（1）具有很强的操作性和综合实践性，特别强调学生的操作能力和学以致用的综合实践能力。

（2）极富创造性。学生通过对信息技术、信息科学基本理论和方法的学习，在掌握基本技能的同时，不仅拓展了思维，而且培养了独特的创造力。

（3）集现实性、实效性于一体，具有明显的时展特点。这门课程的教学目标不是教会学生如何掌握单纯的某些知识和某种技能，而是通过学习计算机、网络等一系列基本技能，培养学生的网页制作能力、网上信息获取和加工能力、自主学习能力和团队协作能力，课程结束时学生能自行开发一个静态网站。

基于以上特点，“网页设计与制作”这门课程设计出了一套从学生实际出发，以“教师为主导，学生为主体”的符合这门学科特点的教学与管理模式，让学生在教师的指导下，对所学的课题进行探索、分析、研究，在实践操作中培养学生实践动手能力。课堂教学采用案例教学法，实践教学采用任务驱动法。所采用的教学模式在授课过程中，根据教学内容安排及要求，由教师创设环境，师生发现问题，以问题的出现、探究和解决来激发学生的求知欲、创造欲和主体意识，从而培养学生的创造能力。

一、课堂教学采用案例教学法

所谓案例教学，是为了培养和提高学习者知识能力的一种教学方法，即将已经发生或将来可能发生的问题作为个案形式让学习者去分析和研究，并提出各种解决问题的方案，从而提高学习者解决实际问题的能力。

案例教学的目的是在学生掌握了基本理论知识的基础上，在教师的精心策划和指导下，根据教学目的和教学内容的要求，运用典型案例，将学生带入特定事件的现场进行案例分析，通过独立思考和共同写作，进一步提高学生分析、解决实际问题的能力。在教学任务上，要求学生通过对案例的分析研究积累经验，以发展自己的创造能力。在教学活动中，学生在教师引导下分析和解决问题，学生活动在教学中处于主导地位，教师的传授、指导为辅，配合学生进行。在教学过程中，总是从案例开始，然后分析问题，最终解决问题或提出解决问题的捷径。因此，引导学生做好独立分析研究工作是教学的中心环节，而教学的准备、教师的指导都是为学生的分析研究服务的。

在讲授“网页设计与制作”课时，首先向学生讲授Flash，Fireworks软件的使用，再介绍DreamweaverMX网页编辑工具，并将三者结合起来，讲解图片插入网页中和在网页中如何设置字体格式等网页制作的基本知识，然后结合学生的实训课题，将一个有特定主题的网页呈现给学生，引导学生对这张网页进行分析，并提出实现网页的方法和步骤。在教学过程中，针对不同的内容，可采用不同的教学方式。在刚开始介绍DreamweaverMX网页制作工具时，由于学生对DreamweaverMX网页制作工具的使用还比较生疏，可采用以教师为主的案例讲解法，等学生熟练使用DreamweaverMX后，教师则可采用案例讨论教学法。在实施案例教学过程中，必须注意以下问题：

1.选择合适的教学案例。教师要根据教学进度和教学要求设计案例，并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，以提前查阅相关资料应对。选择的案例必须具有典型性、针对性、实践性、系统性的特点，并且与学生的学习、工作紧密相关。我们结合课程内容，制作了近百个精美的案例，每个案例都综合了若干个知识点。课堂上先让学生观看相关案例，引出问题，然后在讲解知识点的同时实现案例的功能。在讲解过程中注重基础知识的传授和基本技能的培养，同时介绍网页制作中的相关规范和标准，并且注意总结一些实用的技巧。这种教学方式目的明确、形式生动，学生带着问题听课，学习兴趣和效果明显提高。学生在分析案例的同时，一方面不断形成新的理论视野，增长案例分析的技巧；另一方面探索思考理论如何运用于实际，从而及时、有效地促进了理论向实践的转化，真正达到理论与实践的结合，有利于加强高职院校学生的实践动手能力。

2.组织良好的课堂讨论。案例教学法实际上是强迫学生参与到课堂学习中去，要求学生真正从实际工作的角度来思考问题。组织案例讨论旨在分析问题，提出解决问题的途径和方法。教师要引导学生删除案例中次要的细节，发现案例中主要的结构和案例与理论知识之间的内在联系。教师关键要做好启发引导工作，想方设法创造自由宽松的讨论氛围，在宏观上把握和指导好案例讨论，让学生成为案例讨论的真正主角，同时又不至于出现大的方向性的偏差。

3.进行适宜的案例总结。案例经过学生的讨论后，教师应该及时做出讲评，并再次讲授案例分析中所需要用到的理论知识和技能。这样做有利于学生把要求掌握的知识记牢，符合高职院校学生的实际情况。

同时，我们改革课程成绩的评价方式，提高平时成绩的比例，刺激学生上课的积极性。实行一段时间之后，学生变上课被动为主动，课堂气氛日渐活跃。学生课下主动复习预习，课上积极发表自己的见解，取得了很好的效果。

二、实践教学采用任务驱动法

任务驱动教学是建立在一定理论基础上的一种教学模式，它强调学生的学习活动必须与任务相结合，以问题的探索来引导和维持学习者的学习兴趣和动机。教师应创建真实的教学情境，让学生带着真实的任务去学习，以使学生拥有学习的主动权，掌握网站设计与网页制作的知识与技能，培养学生计算机的综合应用能力和解决实际问题的能力。

在做“网页设计与制作”这门课程的第一次实验时，我们会推荐一些富有特色的网站供学生欣赏，将学生带入真实的学习情境中去，激发他们学习的热情，同时引导他们去思考如何建设网站、设计网页，由此确定课程的总体任务――建设一个完整网站。然后针对课程中每一部分知识点将总体任务细分为若干大任务，如文本、图像、链接、表格、框架、CSS样式、层时间轴、模板和库等，再将这些大任务进一步细分为一些小任务，让学生了解建设网站的一般程序和方法。而后，通过布置一个学习任务（网站作品），使学生迫切感受到课程要求与自己现有认知结构的关系和差异，进而明确学习活动的方向和要达到的目标。学生可以个人或团队方式对任务进行分析和探索，最终使问题得到解决。该任务作为一条主线自始至终贯穿课程，整个学习活动的展开都围绕着这条主线进行。

在高职院校网页制作的教学实践中，任务的设计必须考虑到学生的差异。动手能力强的学生可以做一些较复杂的网页，动手能力弱的学生可以先做一些简单的网页，遵循“模仿―提高”这一过程。例如，在学习“表格”的内容时，教师可通过让学生浏览观察几个网站的页面，激发他们的热情，再提出任务。初始任务可以是较为简单页面的制作，其中包含“表格的插入”“表格的修改”“表格属性的设置”等一些知识点。之后，教师可给出较为复杂的设计任务。例如让学生利用“布局视图”“布局表格”“绘制布局单元格”去实现一些较为复杂的页面。最后可以让学生根据页面主题内容进行页面的布局设计，为后面的教学打下基础。这样的教学设计使基础差的学生，在前两个任务完成后，再逐渐过渡到最后的创新设计中；而基础好的学生，从开始就可以完成较复杂的任务，大胆地展示自己的想象力及创造力。

在任务驱动实践教学的过程中，我们要求每个学生务必做到以下几点：首先，要求学生对一个网站进行全面的剖析，分析网站的基本要求和技术要求。基本要求包括整体风格、排版布局、色彩搭配、网站Logo、音乐、网页特效、网站中必有的网页元素等；技术要求包括主页文件命名规范、作品文件空间上限、栏目规划、导航和链接要求、网站文件管理、网页浏览兼容性等。其次，在完成演示案例制作的基础上，对学生提出拔高要求，让他们根据教师提供的素材和要求做出扩充的演示案例网页；也可以给学生一个更高要求，让他们自己收集资料和素材，以教师提供网页案例为模板，制作网页。最后，选择任务时，要仔细推敲每个知识点，统筹兼顾，为学生设计出一系列有典型的操作性和针对性的任务，让学生在完成任务过程中掌握知识、技能和方法，真正体现教学中学生的主体地位和教师的主导地位，充分发挥学生的主观能动性，训练他们的创造性思维，全面提高他们的综合素质。比如最后阶段，要求制作个人求职网站，学生需要结合所学网页设计制作知识，根据设计任务，分析求职素材，独立做出设计，从而提高学习理论知识的兴趣和实践动手能力。

三、总结

在两年的高职院校“网页设计与制作”课程教学中综合运用案例教学法和任务驱动法，有利于学生实践能

力的提高和理论知识的掌握。通过一段时间的运行，取得了很好的效果。学生在走出校园之后，能够很快适应社会发展的需求，赢得了用户单位的好评。我们将进一步采用各种先进的教学方法和手段，提高课堂教学效果和教学质量，培养符合时展要求的新型高素质应用型人才。

［参考文献］

［1］颜谦和，颜珍平.《网页设计与制作》课程运用案例教学法初探［J］.电脑知识与技术（学术交流），2007（9）.

［2］吴安平，王明珠，王继忠.案例教学法研究与实践［J］.长春大学学报，2002（5）.

第7篇：网页设计课程总结范文

1．1知识点孤立，教学效果较差

传统的网页设计课程是按照教材的内容，讲解HTML语言和DreamWeaver工具的使用。学生往往不能将所学知识联系起来。学期结束后，学生对整个网站的构建缺乏清晰的概念，提交的作品质量较差。在对学生进行期中课程质量问卷调查中，80％的学生都认为课程所学内容可以理解，但是当教师要求学生动手完成网站时，90％的学生都不能很好完成。这正是因为在传统教学中一般采用讲授法和实验法，一周2学时的理论讲解，2学时的实验课。教师按照教材章节进行教学并布置实验内容，这样就造成了学生只对单一章节知识的理解，难以将所学内容联系在一起。

1．2教材过时，影响教学效果

网页设计课程是一门应用极强的课程，技术和工具的更新换代较快。而与之矛盾的却是教材的出版周期较长，往往跟不上技术发展的脚步。例如，当前，DreamweaverCS6已经成为主流网页设计的软件，但是一些教材还停留在讲解Dreamweav－erCS3上，导致学生的兴趣不高，不利于学生创造能力的培养，违背了教学目标的要求。同时，按照教材的内容讲解也限制了教师的教学，目前高校中使用的网页设计教材分为两种，一种是基于理论性质的，单纯讲解HTML，一种是介绍Dreamweaver网页开发的。前一种不适合非计算机专业学生学习，内容比较枯燥，学生在没有计算机程序语言的基础上很难理解。一般高校对非计算机专业学生都选择使用第二种介绍Dreamweaver的教材，而该教材则会造成学生的开发水平较低，过度依赖工具，无法解决实际问题。

1．3教学方法单一，学生学习兴趣不高

对于公共课来说，学习兴趣是学生是否能学好课程的重要因素。对于计算机应用能力较差的非计算机专业学生来说，在学习网页设计这门课程时，如何提高学生的兴趣至关重要。传统的网页设计课程的教学采用2学时理论和2学时实验课的形式进行，学生缺少动手的机会，往往使学生对课程缺乏兴趣，这阻碍了学生的能动性与创造性的发挥。对学生进行调查问卷中，70％的学生都提出课程设置实验时间较少，应将课程都安排在实验室等问题，还有一些学生认为网页设计课程应以提高学生兴趣为出发点。这些都说明了学生对于增加自己实践机会的渴望。

2基于任务驱动的教学改革

任务驱动教学法是指在学习课程中，学生在教师指导下，根据学习内容完成任务的教学方法。任务驱动教学之下，学生具有较强解决问题的动机，对学习资源能够积极主动的应用，能够进行自主的探索与互动协作的学习，最终圆满完成课程指定的任务。它打破以往以传授知识为主的传统教学理念，建立以解决问题、完成任务为主的多维互动式的教学模式；并将再现式的教学变为探究式的学习，学生处于一个积极的学习状态，都能根据自己对当前问题的理解，运用所学知识与自己特有的经验提出方案来解决问题。任务驱动教学法是一种建立在建构主义教学理论基础上的教学法。它要求“任务”的目标性和教学情境的创建。使学生带着真实的任务在探索中学习。在这个过程中，学生还会不断地获得成就感，可以更大地激发他们的求知欲望，逐步形成一个感知心智活动的良性循环，从而培养出独立探索、勇于开拓进取的自学能力。

2．1任务的制定

根据网页设计课程的内容与特点，首先在学期开始时给出课程的总任务以及总的教学目标。课程的总任务是以小组为单位，选择教师给定的任务书中的网站题目，设计实现一个静态网站。总的教学目标是掌握设计网站的方法。（1）第一章是初识网页设计，教师会首先讲解几个静态网站的实例，让学生对所学课程有一定了解，之后讲解相关的概念和设计开发工具DreamweaverCS6；学生的任务是根据小组所选择的题目，在互联网中查找资料，书写开题报告。同时每组出一名学生向大家介绍本组的想法。（2）第二章是学习建立本地站点，教师会讲解建立站点的重要性，讲解相对路径和绝对路径，之后讲解如何建立站点；学生的任务是为自己的网站建立站点，预估网站的规模，添加相应网页并改名。（3）第三章是网页头部信息，教师讲解如何添加网页标题、关键字和说明；学生的任务是为站点中所有网页添加头部信息。（4）第四章是网页布局，教师讲解网页布局技术：表格、DIV、框架以及模板和库；学生的任务是对网站进行前期布局。（5）第五章是超级链接，教师讲解超级链接；学生的任务是制作导航栏。（6）第六章是添加多媒体，教师讲解添加图片、背景音乐、Flash、滚动栏等内容；学生的任务是准备网站中需要的图片、flash等资源，将资源添加至网页。（7）第七章是表单，教师讲解如何添加和设置表单；学生的任务是给网站添加注册页和用户登录。（8）第八章是CSS，教师讲解CSS的应用；学生对网站添加内部样式和外部样式表。（9）第九章是网站，教师讲解使用IIS在局域网中如何站点；学生的任务是相互网站，对其他组内容进行访问。课程内容讲完后，预留两周课程时间，学生对所做的作品进行整理、美化。课程结束后，小组为单位对作品进行展示和提交。

2．2考核方法与评分标准

网页设计课程总成绩由平时成绩和期末成绩两部分组成。其中平时成绩占总成绩的50％，期末成绩占总成绩的50％。平时成绩除了到课情况外，主要依据学生在组内的贡献、每期任务的完成情况以及整个团队的表现。与传统的成绩评定不同，该课程更注重学生的平时表现是否积极、是否有团队合作精神。期末成绩的考核包括提交的作品和学生的答辩情况，评分指标与所占分数如表3所示。提交的作品主要考察界面是否合理、美观，是否与开题所写的需求分析内容一致，网站是否能正常的显示以及配套的网站文档是否完善等。答辩模拟项目经理与客户的角色进行，教师提出问题，学生进行回答，查看学生的现场反应力与问题解决能力。

3总结

第8篇：网页设计课程总结范文

关键词：高职院校 网页设计 项目化课程 开发实践

中图分类号：TP311.1 文献标识码：A 文章编号：1674-098X（2017）02（c）-0224-02

《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。

按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。

1 设计理念与思路

该课程根据职业能力发展的基本规律（新手―生手―熟手―能手―专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体模块整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。

1.1 设计理念：学习的内容是工作，通过工作实现学习。

这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。

1.2 设计思路：整体模块整体

课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。

项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。

2 对专业建设与发展的定位与作用

该课程采用项目化教学方式，可以起到如下作用。

（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。

3 课程内容的针对性与适用性

（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+ 30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。

（3）知识目标和能力目标。

知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。

能力目标主要体现以下方面：

②熟练使用样式表控制页面外观。

③能在网页中设置需要的脚本。

④能进行网站的更新与管理。

另外根据职业教育要求，加强学生以下素质：

①服务意识：为他人提供优质的服务。

②文明法制意识：网站内容积极健康向上，不做违法的事。

③合作精神：能够与他人合作，具有协调能力和组织管理能力。

④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。

4 教学内容的组织与安排

该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计（含JavaScript应用）、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设因篇幅所限此处省略）。

5 教学模式的设计与创新

在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。

（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。

6 实践教学条件的建设与使用

课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节，实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。

第9篇：网页设计课程总结范文

关键词：网页设计与制作 教学 改革

随着万维网的迅速发展，网页已经成为网络世界进行信息传播的最主要载体，网页设计与制作人才的培养成为当务之急。由于社会和专业的需求，《网页设计与制作》课程广泛受到各大中专学校学生的喜爱，下面就《网页设计与制作》课程的教学与大家进行探讨。

1、课程性质和特点

在中等职业学校，《网页设计与制作》课程是计算机应用技术和计算机网络技术等专业的必修课程。它是一门工具性和实用性都比较强的实践课；不仅涉及计算机图像处理、文字版面处理等相关知识，而且需要对相关课程有一定的基础；是一门集成了多种计算机知识和技术的综合，其本身具有很强的实践性，是网站建设的基础，而网页本身是当今社会网络世界传播信息的最主要的载体，同时网站又是企业向用户和网民提供信息（包括产品和服务）的一种方式、是企业开展电子商务的基础设施和信息平台。

2、课程教学目标

本课程的教学目标是使学生了解HTML语言的语法规则，掌握文本、链接、列表、表格、表单、图像、多媒体、框架元素标志及属性，了解HTML、JavaScript脚本编程语言的基本语法知识，能独立设计小型WEB站点。

3、课程教学内容

根据前面对《网页设计与制作》课程的性质和特点以及课程教学目标分析，在制定教学大纲时，不应该拘泥于某一本或者某几本特定的教材，应着眼于当前网页制作技术发展的现状。网页制作过程中必然涉及到图片的处理、动漫制作等，若能应用好Photoshop和Flash也是网页设计的关键，此部分在我校计算机应用技术和计算机网络技术专业在学业生入学第一学期已经开设《图形图像处理软件Photoshop》、第二学期《图形图像处理软件Photoshop实训》和《二维动画制作Flash》，第三学期开设《二维动画制作Flash实训》和《网页设计与制作》，因此教学内容设计时不再重复这部分内容。另外，Fireworks同样也是作为网页制作的辅助工具，若学生能掌握，对网页的设计开发将起到画龙点睛的作用，因此这部分也安排了相应的学时。

《网页设计与制作》课程体现了网页设计与网页制作是紧密联系的，是完成网页作品流程中的两个阶段，但这两个阶段之间并没有严格的界限，往往是迭代进行的。网页通常都是图文并茂的，对页面的美观有一定的要求。也就是说合格的网页作品，在技术上不仅要符合相关的制作规范，还应考虑页面布局、图片放置、色彩搭配、下载速度等因素，这些因素都与用户体验密切相关。因此，在学生掌握了基本网页制作后，笔者安排了网页设计方面的内容学习，主要包括色彩、图像、布局等。在讲授的过程中，还展示了部分网站（以电子商务网站为主），让学生去分析总结各个网站的特点，使得学生对网页制作的内涵有进一步的理解。

4、选择教材和教学模式

这门课程，仅仅通过在多媒体教室中讲解理论知识、操作步骤和做典型范例是远远不够的。那样，一堂课下来学生只会做教师教的，不会融会变通，学生的创新意识得不到培养。我们只有突破传统的教学模式，才能培养学生自我探索、独立研究能力与自主创新精神。如何突破，并且取得良好的教学效果呢？通过几年的教学探索和总结，笔者认为，可以从以下几个环节来进行把握。

4.1 优选教材

合理安排教学内容一本教材的编排质量如何，会在一定程度上影响学生的学习兴趣和教学效果，特别是针对中职生这样一个特殊群体，我们更应该优选教材。我们应该选用在内容编排上由浅入深、由易到难的教材。

4.2 精心设计网页制作课程的教学模式

掌握一定的理论知识是做好实践的基础和前提。所以老师决不能忽视课堂教学。我校该课程教学采取的是教学做一体化的教学模式，充分体现理论知识与实践操作相结合。教学设计可采用“课堂案例分析――软件功能解析――课堂练习――课后拓展――作品展示”这一思路进行精心编排。课堂教学的案例、课堂实践的案例、独立实验的案例不仅涵盖教材中的实例，还引用了大量企业中的真实案例。

5、教学方法与手段

5.1 教学方法的改进

在教学过程中，根据学校的培养目标和本课程特点，结合多年来实际的教学经验，对教学方法实施了以下几方面的改进。

（1）教师演示制作网页案例，传授本节课所需掌握的知识点为了能激发和调动学生学习的积极性，避免“满堂灌”的传统教学模式，在教学过程中采用案例教学法。根据教学进度和教学要求设计案例并充分备课，讲授并解析与案例相关的理论和技能，分析案例讨论中可能出现的任何问题，而且案例要具有典型性和针对性，从适合学生的接受能力来选择和设计。（2）教与学相结合教学模式。在教师通过案例教授相关理论和操作基础后，要求学生能够按照案例的要求，通过上机及时模仿制作和案例相似的实验，巩固和加强学生掌握的教学中的知识点。

5.2 教学手段的改革

《网页设计与制作》是一门实践性很强而且广泛应用的技术，为了说明网页设计中的原理及其在实际中的应用，实时展示非常重要，因此在网络课程中的授课中接入Internet，随时将讲述的相关知识通过实实在在地网络来说明和解释，这样学生就不觉得枯燥和乏味，使学生明白了学习网页设计的重要性和实用性。

6、考核方式

该课程的考核内容应以实践操作为主。因此将考核方式定为考查，给出一定范围的主题，留给学生足够的时间完成作品的设计和制作，最后上交制作好的作品即可。留给学生足够的时间和发挥空间，可以使学生充分发挥他们的想象力和所学知识。这样的一种考核方式经过几届学生的实践，受到同学的好评，并且出现了相当一部分好的作品。