网页课程设计总结范文精选

摘要：该文通过对我院《网页设计与制作》课程教学现状的分析，提出相关教学改革的手段和具体措施，详细论述了项目驱动的教学模

>> 基于项目化教学的“网页设计与制作”课程改革与实践 《网页设计与制作》课程教学的创新与实践 网页设计与制作课程的教学改革与实践研究 《网页设计与制作》课程的开发与实践探析 《网页设计与制作》课程建设的认知与实践 计算机广告制作专业的网页设计课程教学改革与实践 《网页设计与制作》课程教学模式的改革及实践 基于工作过程的“网页设计与制作”课程改革的探索与实践 网页设计与制作的课程改革新动向 中职《网页设计与制作》课程的改革初探 网页制作课程设计的组织与实践 任务驱动法在《网页设计与制作》课程教学中的实践探索 项目驱动式教学法在“网页设计与制作”中的研究与应用 基于CDIO理念的网页设计与制作教学改革与实践探究 基于项目牵引式《网页设计与制作》教学的实践与探究 “网页制作”的教学设计与实践探究 “网页设计与制作”课程教学方法的探索 《网页设计与制作》课程的教学探讨 浅谈《网页设计与制作》课程的实训教学 浅析《网页设计与制作》课程的教学方法 常见问题解答 当前所在位置：l；

页面设计中明确体现各功能区域的划分，布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁；

3）页面设计中导航和超链接清晰，对象插入合理；

4）网站必须有一张关于制作团队信息的网页，介绍各组成人员并详细说明其在项目实施过程中担任的职责和完成的任务；

5）在网页中恰当的位置设计一个简单的登录表单；

6）网站栏目在三个以上.每个栏目至少有两个页面，网站的网页总数量不少于10张，且网站中的相关信息列表及内容使用动态网页呈现。

7）运用外部样式表定制网页风格，网站内风格统一。

【摘 要】 我们课程团队对《网页设计与制作》进行基于工作过程系统化的课程开发。从就业岗位的工作任务开始分析，对岗位的行动领域进行归纳，将行动领域转化为课程的学习领域，并对学习领域进行情境设计。

【关键词】 工作过程系统化；《网页设计与制作》；课程开发

【中图分类号】G642.421 【文献标识码】A 【文章编号】2095-3089（2013）17-00-01

基于工作过程系统化的课程开发强调对工作过程行知识和经验性知识的学习，培养高素质技能型人才的要求，职业教育课程开发的起点是职业分析，基于工作过程的课程对现代职业活动与工作过程相关的典型工作任务进行整体化的分析和描述[1][2]。

基于工作过程系统化的课程开发有以下步骤：

第一步：本地区及周边地区人才市场调研；

第二步：职业分析；

第三步：提炼本课程所设计的职业行动领域；

【内容摘要】文章针对大专院校Flash网页设计课程的教学方法进行研究，提出快捷键学习、Flas的设计价值、行业设计理念植入等一系列主张，特别针对网页设计主体教学部分，总结出以“基本结构设计—模块分解设计—网站整合设计”流程为代表的“总—分—总”教学模式，由此带动Flash网页设计课程教学计划与内容的相应调整和完善。

【关键词】大专院校 Flash 网页设计 教学方法

Flash网页设计是大专院校网页设计系列课程的扩展和提升阶段，以非服务器端脚本编程的Flash结构页面设计为主，包括Flash软件学习、Flas设计和Flash网页设计等几个方面。与基础性的HTML静态网页设计课程相比，Flash网页设计的教学内容整体性较强，教学边界相对清晰。下面笔者根据自身的教学经验，对其教学思路和教学方法做简要分析。

一、利用软件的快捷键快速上手

Flash软件与基本动画设计是网页设计的基础部分。如果在专业课程体系中没有专门的Flash模块作为先导课程，这一课程就需要引导学生在软件使用层面快速上手。为实现这个目的，可以采用“快捷键学习法”。这种依靠重点快捷键快速学习的方法有助于短时间内准确把握软件的常用与核心功能，受到越来越多的设计师的青睐。

笔者建议，在教学课件中为每一个常用的菜单与工具附上快捷键命令，以便学生第一次接触时就可以熟悉它们。实际上，软件在快捷键设置方面也非常注重功能的集合性，有助于集中记忆。如针对帧的操作部分，F5、F6、F7三个功能键分别实现了“插入帧”“转换为关键帧”和“转换为空白关键帧”三项内容，既好记又好用。

二、Flash线性动画的设计相关性

我们知道，Flash MV一度在网络上非常流行，和Flash MV的线性播放特性相似，Flash广告已经成为时下网络广告的主流。如某知名网站首页共使用了27幅广告，其中Flash广告有18幅，占页面广告总数的66.7%。

摘 要：本文结合笔者多年从事电子商务专业教学实践的经验，以网页设计与制作为例，分析了技工院校电子商务网页设计与制作课程教学存在的问题，在此基础上，对该课程提出了一些建议，与同行交流。

关键词：电子商务 课程教学 技工院校

网页设计与制作是技工院校电子商务专业的核心必修课，课程培养目标是从事网站建设与维护、网页美工等岗位的高技能型人才。因此，网页设计与制作对于电子商务学生就业具有举足轻重的作用，值得电子商务专任教师高度重视，并在教学中不断探索与改革。

一、技工院校电子商务网页设计与制作课程教学中存在的问题

近几年来，随着技工院校内涵建设的不断深入，教学改革取得了一定的成效。技工院校创新教育、专业建设等教学成果也频频出现在研究文献中。但是，在网页设计与制作课堂教学方面，研究成果非常少。为此，笔者对本院和兄弟技工院校的电子商务专业网页设计与制作课程教学进行了调研，对国内学者有关网页设计与制作课程教学的文献进行了综合分析，然后结合自己的教学实践，综合得出该课程教学存在以下问题。

1.教学内容设计不合理

虽然大多技工院校所选择的网页设计与制作授课教材是基于一定的教学方法编写的，比传统教材更为合理。但是，在教学实践中普遍存在老师直接按教材编排的内容顺序从头讲到尾的情况，教学效果并不理想。比如，笔者学校选择张苏中、吕威飞、尤胜编著的《网页设计与制作》（高等教育出版社出版，2014）。这本教材是按项目教学法编排的教材，以了解网页设计工作、元素的添加与操作、页面布局编排等项目进行编排内容，虽然符合从易到难的规律，但是，设计的不同项目选择了不同的网站实例，并不能使学生了解网页设计的全貌，不利于课程教学目标的实现，而且该教材很少有关于网站维护管理以及网络编辑等的内容，没有考虑到电商岗位要求学生掌握商品图像处理、网页的美化等技能训练的需要。这样的教学内容设计，导致培养的电子商务毕业生与社会实际需要的人才脱节。

2.教学案例不连贯

摘要：高职院校的《网页设计》课程是计算机专业的一门主干课程。笔者作为高职院校的老师，总结了在教授该课程的经验，在课程建设，教学方法，考核方式，组织活动等方面进行了探索，提出了几点建设性的意见，供同行讨论，相互促进，提高教学效果。

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

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

1.明确教学目的

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

2.提高学习兴趣

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

3.考核方式多样

摘要：《网页设计》是一门以培养学生的实作能力为主的课程，应充分利用仅有的32课时有效提高学生的操作与实践能力，让学生学以致用。本文探讨了基于项目教学的《网页设计》课程教学实践，希望对课程的教学提升有所帮助与启示。

关键词：《网页设计》；项目教学；教学实践

《网页设计》课程是青岛农业大学传播学专业网络传播方向的一门专业基础课，其主要目的是培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS和网页制作工具，熟悉网页的制作和流程，能够根据客户需求进行静态网页设计与制作以及进行小型网站的维护和管理工作，是一门操作性与实践性都很强的课程。课程设置32学时，内容多、课程紧，如何在有限的时间内最优化学生的学习效果是授课教师面临的重要课题。

一、理顺与先修后继课程的关系

以《网页设计》课程为中心，重新规划了传播学专业网络传播方向的相关课程群内容，课程的先修课程包含有通识课程《计算机基础》，专业基础课程《C程序设计》及《电脑美术平面设计》，课程的后续课程包含有专业基础课程《计算机网络技术》，专业课程《网络传播》《网站创建于管理》，专业拓展课程《网络数据库技术》《手机APP开发》《网站策划与设计》及《动态网站建设》。

二、确定课程的教学目标

在对课程进行了重新定位和性质分析的基础上，确定课程的总体教学目标为培养学生静态网站设计与制作的实际工作技能，其中：知识目标：了解HTML标记语言，熟练使用网页制作工具Dreamweaver，能完成DIV+CSS标准布局。能力目标：能进行网站需求分析、总体设计，能实现界面设计、基本网页制作，能制作多种页面特效，能进行网站的基本管理。素质目标：培养学生良好的职业素养、团队协作意识、自我学习能力、沟通表达能力和知识归纳与积累能力。

三、课程内容设计

1目前企业对网页设计师的要求

随着4G网络的成熟和智能手机的普及，网页设计师不仅能制作普通网页界面，更多是能设计艺术界面和交互界面的网页，能适应多平台等特点。根据我学院每年对企业调研，目前企业对网页设计师的要求：（1）根据企业需求和定位能够设计符合当下交互技术的流行网页界面；（2）能够制作静态网页和网页前端javascript特效，较好配合后台程序员进行网站开发；（3）有较强的自学能力，是艺术与技术相结合的高素质技术技能型人才。

2高职网页设计课程的教学现状

我院对福建省同类高职院校的网页设计人才培养进行广泛调研，很少院校能够培养符合企业需求的网页设计师，致使我省应届毕业生难于满足社会对网页设计人才需求。高职网页设计课程的教学现状是：

2.1开设课程不满足社会对网页设计师的要求网页设计课程是一门综合性的课程，是它包括构图、排版、特效制作等多种知识，决定了这门课程具有很强的综合性、实践性、融艺术性与技术性为一体的特点。而高职院校教学虽然在开设网页设计课程体系上采取一定改革措施，但针对性不强，如针对企业需要艺术与技术相结合的网页设计人才，专门开设了《网站色彩与构成》、《网页设计》、《网页设计实训》、《程序设计基础（java方向）》相关专业技术课程，也专门开设了《设计素描》、《设计色彩》、《构成设计》等美术课程，但没有真正以企业工作过程为导向，开设艺术与技术相结合的网页综合项目课程，学生很难融会贯通运用综合知识进行网页设计，另一方面由于网页设计技术的飞速发展，从最早的表格布局到现在DIV+CSS布局，网页语言从最早的HTML1.0到现在的HTML5，网页的设计风格也随着时代的变化而不断改变，社会对网页设计师的要求不断提高，而高职院校相关专业课程没有适时更新，学生也缺乏提升自我的学习能力，因此高职毕业生很难适应网页设计这一行业的人才需求。

2.2教师专业水平有限，团队意识不强有的高职院校虽然按照企业工作过程开设网页设计相关课程，但由于各个任课教师专业水平不同，团队意识不强，较难形成一个企业整体项目意识，通常每个教师根据自己方向选择各自企业项目进行网页设计相关课程的教学，有的教师自身受限专业水平与实践技能，无法与专业组教师达成共识，造成学生在学习网页设计专业课程体系无法形成专业整个知识技能体系，网页设计综合技能很难得到提高，只能满足于淘宝美工却无法胜任电商网页设计师。

2.3教学方法单一，仍以传统教学为主长期以来在教学中仍以教师为主体，而忽略学生的主体地位。h教师在授课中，往往先讲解网页各独立元素的设计制作，与整体案例的设计制作相分离，导致学生在实践过程中，学生只掌握每个工具单独使用，不能将网页各独立元素的制作与整体项目相结合，当需要综合运用各种软件工具知识去制作完整项目时，却显得力不从心，即整体性不强。这种传统教学方法优势是整个教学过程比较系统完整，授课内容还是以理论知识为先导，教学手段单一，老师虽是孜孜不倦的教，而学生兴趣缺乏，参与性不强，不能培养学生的自主学习能力和团队协作能力，往往老师累得满头大汗，学生却收获甚微。

2.4生源质量参差不齐随着高职招生人数不断上升，生源质量参差不齐，生源质量也在下降。教师引入企业项目进行网页设计教学，学生完成的程度和质量不一，有些同学无法跟上进度，就出现厌学、迟到及旷课等现象。

摘要:网页设计与制作作为互联网时代最为热门的行业之一，高职院校作为专业化、职业化人才培养基地也逐渐开始为此行业人才的培养投入巨大精力。作为兼具知识性、综合性与操作性的现代课程，对学生的学习、使用、实操等环节及能力培养均提出了较高要求。在本文中作者结合自身多年从事该领域教学经验，在对大量文献进行阅读与总结基础上，对如何提升高职网页设计与制作课程的教学质量与水平进行研究。

关键词:高职教育;网页设计;网页制作;教学研究

1引言

随着我国社会主义现代化的飞速发展，国内各行各业均得到了极大的进步。政治、经济、文化、社会、法律等诸多环境的完善给予了当代各种新技术良好的发展环境与支撑。互联网与计算机技术作为时下最为热门的技术，其已然和多个行业之间紧密结合起来。作为现代居民、企业获取信息、传播信息、共享信息、储存信息的重要途径，互联网与计算机技术的使用无不改变着当代居民的生活方式、企业的经营理念。而这些信息的获取与宣传，均需要依靠由HTML所编辑的网页程序。良好的网络界面设计、网络窗口点击习惯等，将会给予网络使用用户良好的体验与满足。高职院校作为现代社会人才培养与输送的重要根据地，其每年均会为社会输送大量的优秀人才。面对时代的不断发展与进步，以及现代居民对文化的需求、现代企业对人才素质的需求，高职院校也不得不开始思考适应社会主义新城市产业发展人才供给水平及质量的问题。作为时下最为热门并受各行业关注的网页设计与制作课程，已然成为了时下亟待进行教学改革的课程之一。能否整合资源切合实际教学需要、能否采用科学有效方法提升学生对课程的实践应用能力等均成为了重要的研究课题。

2高职网页设计与制作课程教学改革的发展研究

2．1开发与企业需求相对口的专业技术培养高职教育作为以培养契合实际企业发展、输送更具职业化现代化人才为目标的高等教育基地，其应当在现有网页设计与制作课程教学的大纲编写、内容设置等方面与社会中的岗位与需求相互结合。根据当前社会企业中网站开发团队通常扮演的职能角色，学习网页设计与制作课程的学生毕业后不单会从事网页设计师、网页开发师、网页检测师等岗位，而且还会从事网页美工师、网页维护工作员等岗位。面对众多就业方向与选择，当代高校应当紧密契合时展需要，针对现有教学目标、内容、纲领等给予调整以便于适应社会企业对人才知识水平与综合素质能力的需要。在此过程中，可以采用更加具有针对性的专业细分模式，并结合对口专业就业方向给予相应课程重点的调整。例如:针对从事电子商务网页设计与制作岗位专业人才的培养应当在基础课程培养后，重点提升WEB应用程序开发课程的教学;针对从事艺术网页设计与制作岗位专业人才的培养不单应重视基础知识教学，而且还应提升学生对于布局、构图乃至色彩等的敏感性程度，并提升学生对CSS等软件的学习。2．2采用项目驱动型教学模式与策略在当前高职院校开展网页设计与制作课程授课过程中，通常将学生作为教学客体来进行传授，而忽略了高职院校学生本身所具有的年龄阶段及灵活思维。网页设计与制作课程在实践教学环节经常采用案例教学的模式，以此来实现对学生更为全面综合素质的培养。然而，却容易由于上述问题的存在，从而使学生在学习过程中经常处于被动学习的状态，严重偏离了网页设计与制作课程名称所应有的提升学生动手能力、设计水平的要求。在此过程中为了良好改善这一现状及问题的存在，可以采用项目驱动型教学模式与策略。这一教学模式可采用三步走的方式:第一，进行项目选择。在开展网页设计与制作课程之处教师应当结合课本及大纲要求选择恰当、难度适宜的项目范本，也可以根据学生层次不同选择层级较多的项目范本。在此基础上，将大班教学模式打散，采用三五成群的方式实现小组建立，并选取题目开展讨论型动手能力实践学习环节;第二，采用专题教学方式。可以选择耳熟能详的一些网站设计样本，并将其与同行业公司网页的设计之间相互比较，从而使学生能够设置一个心中的标杆。在此过程中可以分别从网页主题、网页资料设置、网页logo设计等多个方面来开展专题教学;第三，组织讨论。在进行项目选择和相关标杆样板的指引之后，就可以对学生每个小组的成果进行比较和分析，利用总结的形式让学生能够在这种教学模式下实现阶梯式提升。2．3采用考核分阶段型教学模式与策略除了可以采用项目驱动型教学模式之外，还可以结合网页设计与制作实际工作特点开展分阶段教学。由于对一个大型网站的设计与制作通常会花费一个团队几个月的时间，每个阶段性完成点之间的衔接对最终网页的质量均会产生较大影响。为此，在进行高职网页设计与制作课程教学时，为了提升教学质量也可以与实际相互结合起来，开展考核分阶段型教学模式。在此过程中通常可将课本内容进行重新编排或总结，从网站选题、网站设计、网站制作、网站测试、网站、网站使用反馈等多个递进环节开展专题教学，并以考核机制来实现上述阶段过渡，从而保障每个学生都能够利用课堂快速实现自身知识容量提升。

3结论

通过上文的研究，可以发现，高职院校在当代社会现代化人才培养领域的地位十分重要。因此，面对互联网信息时代到来，其必须与时代共同发展。网页设计与制作作为广告行业、新媒体行业等新城市产业发展的重要基础知识与领域，高职院校应不断推动当今时代背景下的教学改革。在本文中作者首先针对国内互联网与计算机技术发展的现状进行研究，在此基础上对高职院校网页设计与制作课程教学改革的策略提出了些许具有系统性、可行性的建议。谨此希望能够利用本文的研究为国内高职院校网页设计与制作课程的教学质量提升带来帮助。

【摘 要】传统的高职《网页设计》课程设计存在重知识能力轻职业能力、不顾及学生个体差异等弊端。项目化教学能充分调动学生学习积极性，注重学生职业能力的培养。本文重点论述了《网页设计》课程项目化教学的项目设计和具体教学实施。

【关键词】

《网页设计》课程是一门实践性、应用性、创新性都很强的学科，知识覆盖范围较广，不只是网页制作知识，图像处理、色彩搭配、动画制作等内容也涵盖在其中，非常适合采用项目化教学方式授课，使学生边学边用。这种方式会比传统的授课方式得到更好的效果。

1 什么是项目化教学

项目化教学是近年来全世界范围内都在推行的、为培养学生职业能力，提高学生综合素质的教和学的模式。项目化教学的项目是计划好与实际工作贴近的任务，要求学生在规定时间内协作完成。项目实践过程中，课程要求的知识和技能得到理解和把握，学生分析问题和解决问题的能力得到提高，与人协调、合作的能力也得到增强，项目结束后原则上应有一件较完整的作品。在项目化教学中，教师带领学生精心挑选项目，指导学生进行具体的项目实施，并最终对学生的项目成果进行评价。而学生是整个项目式教学活动的主体，通过小组成员之间的团结协作，共同探究并完成项目学习任务，在短期内形成一个比^完整的作品。这种被总结为“以行业为导向，以学生为中心，以能力为本位”的教学模式，使学生学习的积极性被最大程度的调动，每个学生都能尝到成功的喜悦。

项目化教学的特点主要体现在：（1）实践性：项目有针对性和实用性，与学生可能从事的工作密切联系。（2）自主性：学生根据自己的兴趣选择在小组中担任的角色，选择探索和完成任务的方式，选择展示和评价的方式，能够自主、自由地进行学习，学生创造能力得到有效发展。（3）发展性：长期项目与阶段项目相结合，实现教学目标。（4）综合性：多数任务需要运用多门学科以及综合能力。

2 《网页设计》课程的项目设计

项目设计是项目化教学的关键，好的项目设计可以使学生在完成项目的过程中迅速掌握课程要求的知识技能，并有兴趣参与其中。由于本课程的知识内容涉及较多，并与其他课程有一定的交叉，所以项目分为阶段项目和长期项目。

摘 要：面向行业发展的实际，围绕行业对技能型人才的需要，通过“工学结合、校企互动”探索高技能应用型人才的培养模式。本文以职业岗位能力培养为主线，通过对《网页设计》课程采用基于工作过程的理实一体化项目教学法的改革与实践，总结了《网页设计》课程在教学内容、课堂设计、教学方法、考核评价方式等方面的经验。

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

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

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

一、职业岗位分析

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

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

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