网页设计课程小结

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页设计课程小结范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

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

>> 色彩在网页设计中的运用 色彩在网页设计中的作用 FLASH在网页设计中的应用 Flash在网页设计中的应用 FLASH在网页设计中的运用 Photoshop在网页设计中的应用 图层在网页设计中的应用 CSS在网页设计中的应用 艺术设计元素在网页设计中的运用 设计美学在网页设计中的体现 视觉艺术在网页设计中的运用 中国风格在网页设计中的应用 浅谈色彩在网页设计中的运用 浅谈PhotoShop在网页设计中的应用 平面设计在网页编排中的应用 浅析布局在网页设计中的运用 平面构成在网页设计中的运用 行为导向教学在网页设计课程中的应用 图形语言在网页设计中的应用 CSS滤镜在网页设计中的应用 常见问题解答 当前所在位置：表示是武汉市的天气预报。不同的城市序号不同。这是调用了腾讯公司的天气预报。但是在自己的网页中却不会留下任何腾讯公司的任何痕迹。如图1所示。

图1 网页中添加天气预报

三、添加搜索引擎

在网页中添加搜素引擎可以为浏览网页的用户带来极大的方便。加入搜素引擎的代码如下： 。

关键代码： 。还可以根据个人喜好添加不同风格的搜索引擎，只需要修改src属性即可。

运行结果如图2所示：

图2 网页中添加百度搜索引擎

四、混合编程

有时候网页要在两个页面中跳转，并且把参数带到另外一个页面，并且这两种网页采用不同的开发语言。此时，也可以使用iframe来实现该带参数跳转功能。

例如，在a.php页面中需要输入用户名和密码，单击确定按钮，进入b.aspx页面。这两种页面分别是php页面和页面，采用php语言和C#语言编写。如果想直接传递参数，实现起来不会特别容易，但是通过iframe却可以方便地实现该功能。

步骤如下：

（一）先将b.aspx网页打开并进行简化、调整，不能大量修改代码。修改之后保存，并修改文件名为c.aspx。如图3所示。

图3b.aspx网页图4b.aspx修改后变成c.aspx

（二）将c.aspx嵌入到a.php中，代码如下： 。

此处省略了b.aspx中有关参数传递的代码。但是原理和方法是这样的。

五、小结

< IFRAME >是一种可以在页面内嵌入网页或者网页界面元素的html标签。灵活地使用它可以为网页带来诸多方便，有时候看似比较复杂的问题往往能够迎刃而解。< IFRAME >中嵌入的内容既可以是自己的，也可以来自互联网。但是在使用过程中切记版权问题和编码问题。

参考文献：

1.曾俊国.PHP Web开发使用教程。北京：清华大学出版社，2011年9月；

2.郑阿奇.PHP实用教程。北京：电子工业出版社。2009年；

3.赵增敏.PHP动态网站开发, 北京：电子工业出版社。2009年；

4.曾俊国.网页程序设计实用教程。北京：中国铁道出版社，2010年；

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

【关键词】自主学习理念；网页设计；课堂教学；改革

自主学习理念在课堂教学的应用已经成为高校课堂教学中，增强学生自主学习能力的重要手段，在网页设计课堂教学中也应该融入自主学习理念，只有这样才能使学生在掌握好专业网页设计知识的基础上，能够提升自我学习与管理的能力。在自主学习理念下的网页设计课堂教学应该从以下几个方面进行改革。

1对网页设计课堂教学内容进行改革

自主学习就是让学生自己管理自己的学习，学生可以自主的决定自己的学习目标、学习内容、学习进度、学习技巧以及学习方法等，尤其是在网页设计课堂上更应该给学生更对自己学习的机会。在传统的课堂教学中，学生一直处于被动的学习地位，学生在课堂教学学习中已经成为固定模式，如果想转变教学理念也不是急于求成的事情，需要有个循序渐进的过程。教师在自主学习理念融入网页设计课堂教学中具有引导作用，教师需要要对学生自主学习的全过程进行监督指导。教师根据学生的实际情况可以设置套较灵活的网页设计课堂教学内容，比如说：可以设置多种模块，模块包含可基础模块与学生自主选择模块，基础模块是学生学习的基础，每个学生都必须要学习的，以教师在课堂上讲授为主，而且模块的比例上可以适当的调节，基础模块所占的比例最好不超过20%，而在学生的自选模块里，学生可以结合自己的兴趣爱好以及知识背景等选择适合自己学习的学习内容，这部分模块的占比可适当调高，大约占百分之八十左右。而且基础模块里主要是关于网页代码基础的课程，包括一些基本概念网页制作中的各种元素、以及制作流程中的一些知识重点，这些基础也是网页设计入门的关键所在，由于这个环节涉及到的主要是理论方面的课程，因此这个环节也主要是靠教师的教授。学生自主选择的模块主要包括网页设计等以及网页后期的制作等，这些内容靠学生自主创作，这样不仅能够有效提升学生设计能力以及创意能力，而且有助于学生更深入的研究。教师可以给予适当的指导，学生根据自己的学习兴趣现则对某种动画进行深入的了解学习。但是由于传统的课堂课时有限，而网页设计知识点相对较多，成为教师很难解决的问题，而自主学习理念的融入能够有效的解决这些问题，尤其是学生自主选择模块，能够让学生找到适合自己的方向，从而能够更加深入的进行研究，是学生能够增强学习兴趣的同时更好的掌握专业知识，这也是自主学习理念融入网页设计课堂教学内容的目的所在。

2对网页设计课堂教学方法进行改革

学生的学习过程离不开教师的传授，学生通过自身的知识结构在加上自身的思考完成新的知识体系的构建，但是传统的教学课堂上，教师通常都是通过灌输式的教学方式，不能达到很好的教学效果，因此教师可以树立让学生自主学习的理念，采取多元化的教学方式，比如说可以采取项目驱动式教学，将学生的学习与实际的项目相结合引导学生自主学习。教师可以把实践的项目进程作为具体的参照对教学的进程进行设置，比如：利用网站策划到网页的设计再到动画制作，最后到面页制作这样的路线使教学进程与公司的工作流程趋向一致。当教师进行课堂教学时，可准备一个示范性网站项目再结合教学大纲的相关知识点，把示范项目转化为多个子项目，并在演示中逐个讲解，同时在开课前为学生设下项目任务，当教师示范完毕之后可以让学生上机操作，开放主题网站。项目驱动教学法能够模拟真实的工作环境，是学生在掌握关键知识点的同时对项目方案有个清晰地认知，既提高了实际操作能够，又能够提高学生自主学习能力。

3对评价方法进行改革

传统教学中对学生的评定往往都是在课后，而在自主学习教育理念下，教学的目的已经不止停留在特定知识的学习评价上，而是要学生的自我学习能力以及控制能力有所提升，因此传统中的学习评价已经不适用而是要提升一个层面。评价的方式就需要结合网页设计课程来进行设置，可以采取多元化的评价方式，可以采用公开评价以及自我评价方式，同学在设计出作品以后可以对自己的作品进行自我评价，然后通过公开展示自己设计的作品，回答参观者提问的问题，然后由教师和其余同学可以对作品进行评价。而针对基础知识可以采用试卷方式进行测评，这种评价过程是由教师独立完成的。采用这种多元化的评价方式的有多种优势，比如说：能够增强学生学习的成效，评价不只停留在学生的成绩上，而是把最终的目的放在促进学生学习上，在自评或者是互评的过程中，学生要详细的讲解自己作品内涵，从而让学生在实践中体验并不断升华自己的思想理论高度。由于涉及的作品并没有标准答案，公开评价可以有效的拓展学生的思维，能够更好地完善作品，通过反复的理论以及实践能够效提升学习效果。另外还可以使学生的评价能力得到提升，学生通过参与自评语互评，能够有效锻炼学生的评价能里，不断完善完善自己的认知，对学生来说具有很大的激励作用。让学生参与评价并不是把权力完全给学生，而是需要教师的监督与引导，避免出现不合理的行为模式，促使学生的评价体系更加的完善，又能使整个评价体系更加的公平。

4小结

传统的教学课堂存在一定的约束力，比如说：存在空间限制、教学方式限制等，这些都影响了学生的自主发挥能力，但是课堂教学又是学生自主学习的基础条件。通过对网页设计教学课堂中的教学放大、教学内容以及评价方式进行改革，可以是传统课堂教学中对自主学习的约束力变为助推力，使学生能够更加熟练的掌握网页基础知识，又能不断提升自身的自主学习能力，为学生以后的学习、工作、生活打下基础。

参考文献

[1]孙晓玲.课堂教学培养大学生自主学习能力的措施[J].江苏高教,2014(02).

[2]姜昕,赵修文.基于终身学习理念的大学生自主学习能力的培养[J].黑龙江高教研究,2013(12).

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

【P键字】 行动导向课程设计网页

一、了解工作过程，制定课程主要内容

行运导向课程是基于工作过程的，《网页设计与制作》相关内容是网站建设的，有必要先了解网站建设的基本工作过程，其过程为：（1）对网站进行需求分析；（2）网站地图规划；（3）网页结构设计；（4）网页美工设计；（5）网页素材收集；（6）网页代码编写；（7）网站测试和以及上线；（8）网站运行维护。要完成上述的工作过程需要多门科目的相关知识与技能，比如“网页美工设计”就需要photoshop知识，“网站上线”需要用到服务器、域名等知识。因为课程时间有限，就必需对工作工过相关知识有所取舍和有所侧重，在《网页设计与制作》课程中，将网站地图规划、网页结构设计、网页代码编写这三个内容作为主要内容，如果学生有一定的photoshop基础技能，可将网页美工设计和网页素材收集这两个过程纳入课程的教学中，如果学生没这些基础，则无须花太多时间在本课程中讲解和练习，在网页结构设计中采用草图，在美工设计中教师可直接给出相关的素材。

二、了解工作岗位，制定课程的培养目标

与本课程相关的常见岗位有：（1）网站设计员；（2）网站美工制作员；（3）网页前端开发员；（4）网站后台程序开发员；（5）网站维护员。其中网页前端开发的工作量是最大的，因此在课程设计中将网页代码编写作为重点知识与技能。根据工作岗位的情况，设置了三个培养目标：知识目标、能力目标和情感目标。

2.1知识目标

知识目标是传统教学模式中为学生制定的学习目标，它是弊端是学生掌握了基础知识后却不会应用在工作中，但学习基础知识是为了有能力去完成任务，知识目标是基础，不应被忽视，现将本课程知识目标制定如下：

（1）了解网站开发的工作过程；

（2）掌握网站地图及网页结构相关知识；

（3）掌握HTML基本标签的使用；

（4）掌握表格布局、框架网页、层的布局等知识；

（5）掌握模板和库的使用；

（6）掌握CSS的样式的定义、设置及应用；

（7）掌握Javascript、JQuery脚本语言的使用。

2.2能力目标

基于工作过程的教学方法非常强调动手能力，在学完某一课程后，是否有能力去完成相关的工作，是否有能力去胜任相关的工作岗位，现将本课程能力目标制定如下：

（1）能够设计网站地图及网页结构；

（2）能够通过HTML、CSS及JS等代码实现网页。

2.3情感目标

情感态度指兴趣、动机、自信、意志和合作精神等影响学生学习过程和学习效果的相关因素以及在学习过程中逐渐形成的祖国意识和国际视野。制定合理的情感目标，保持积极的学习态度是学习成功的关键。

（1）培养学生独立进行系统分析、设计、实施、评估的能力；

（2）培养学生获取、分析、归纳、交流、使用信息和新技术的能力；

（3）培养学生自学能力、理解能力与表达能力；

（4）培养学生口头语书面表达能力、人际沟通能力；

（5）培养学生计划组织能力和团队协作能力；

（6）培养良好的心理素质和克服困难的能力。

三、传统讲授与行动导向相结合的教学模式

课程的教学模式主要分为两大部分：

第一部分为基于教师讲授的传统教学部分，主要内容有：

（1）网站及网页概述与开发步骤；

（2）网站地图及网页结构；

（3）HTML语言与CSS样式基础；

（4）Javascript、JQuery基础。

第二部分为行动导向教学模式，通过已掌握的基础知识及开发过程中获取的技能完成案例网站的开发，以网站完整的开发过程为案例，这样可以让学生了解一个网站的开发流程，主要内容有：（1）网站地图的设计；（2）网页结构的设计；（3）网页内容的实现。

之所以在本课程中加入教师讲授这种传统的教学方法，是因为在以往的行动导向课程中发现，直接进入案例的行动导向教学，学生在刚开始接触这门课程时是没有相关的基础知识，学生就需要从大量的知识中找到任务所需的知识，这犹如大海捞针，所以一个任务完成，学生不知道要学哪些知识，打击学生的积极性。

教师以传统的讲授教学模式进行，从而缩小学生自学知识点的范围，减少学生的迷茫，减轻学生在行动导向过程中的学习负担，提高汇报知识的准确性，提升学生学习兴趣，增加学生的成就感，让学生快乐地学习。

讲授法虽然能让学生掌握知识，但无法让学生将所学的知识转化成技能，无法胜任工作岗位对能力及情感的要求，应用到网页开发工作过程当中，故因将课程的重点放在案例实施的过程中，以行动导向教学模式为平台，让学生掌握完成网页实现的方法，有能力完成案例中的网页，并能将技能扩展到其他网页设计与制作中。但仅仅一个网站的案例无法完整展示该门学科的知识，需要在课堂练习及课后练习补充相应的小案例，以完善课程的知识结构。

四、细心地设计各小案例

教师在每次课前都应细心地设计每个小案例中的教学任务，每个小案例的教学任务应注意以下几个方面：

（1）在每个小案例中都应体现知识目标、技能目标与情感目标，在不同的案例中运用相关的技能实现网页的制作，需要让学生有完成任务的技能，还要让学生掌握完成任务的方法，因为课堂所学的知识与技能在现实的网页制作中是不够用的，学生只有即掌握技能又有方法获取新的知识，才能胜任网页设计与开发的岗位。

（2）同一小案例中安排不同层次的任务，对于前期知识与技能掌握较好的学生提出相对复杂的任务，对于掌握较差的学生提出相对较简单的任务，无论哪种难度的任务都能完成本案例，鼓励学生完成复杂的任务，实在困难先完成简单的任务，在课后再完成复杂的任务，这样即能让知识较差的学生学习该案例中的知R技能与方法，提升他们的积极性，又不妨碍较好的学生对更高层次知识技能与方法的掌握。

（3）任务相关知识的扩展与提升，比如：某个效果可以用多种方法实现；某个方法可以在不同的效果上实现。行动导向教学强调的是知识与技能的迁移与应用，在设计小案例时应将相关知识与技能的扩展提示给学生，培养学生自学能力与理解能力。

（4）注重学生的自我总结与分享，每个小案例完成后，让学生分享通过本任务中所学的知识与技能，任务实施过程中所走的弯路，分享能够培养学生进行总结的良好习惯，提升学生口头语书面表达能力、人际沟通能力。

（5）教师的教学行为重点放在课程准备教师点评。在传统的教学方法中，以教师讲授为主，学生是被动学习知识，在行动导向教学模式中，学生是主体，学生主动学习，教师从旁辅助。但并不是说教师的工作并不重要，一堂好的课，需要教师在课前精心地准备案例、课堂流程，才能更好地引导学生去掌握知识与技能，教师在点评中即可以表扬学生，增加学生的自信心和成就感，也可以评价学生完成任务时的方式方法的正确性，更主要的是能完善学生学习与总结过程中知识与技能的不足，并提出任务的相关扩展知识与应用。

（6）通过学生工作页引导学生进行任务实施，在完成相关任务或习题后，达到该次课的教学目的。

以“用CSS制作弹出菜单”课题为例，学生前期已经学习了HTML列表标签与CSS浮动，学生只需要找开所需的“：hover选择器”与“display属性”的使用方法，这个任务学生是可以通过自学完成的。

这个案例的操作技能非常简单，因此本堂课的重点与难点并不在操作技能的掌握上，而是在培养学生“遇到未掌握知识时如何解决问题”的情感能力上。

（1）制定的学习目标为：知识目标，掌握：hover选择器与display属性的使用；能力目标，能够通过CSS样式实现菜单显示与隐藏；情感目标，培养学生“遇到未掌握知识时如何解决问题”的能力。

（2）教学方法采用行动导向教学模式中的任务驱动法，有布置工作任务、任务分析、任务实施、展示与评价、教师讲解、教学小结、作业布置七个教学过程，其中任务实施过程由学生通过电脑自己网络上的相关知识，并应用到本堂课的任务中，以学生自主学习为主，教师引导为辅。

（3）学生工作页任务流程：

①有哪些功能尚未实现？应该怎么办？

②请问你查找知识的途径是？

③本次任务中的关键代码是什么？

④请简述关键代码的作用。

…

请在电脑上编写本次任务所需的代码。

（4）采用两种难度的任务习题，在较难的习题中，要求学生先用前期学习的列表标签及浮动属性制作静态导航条，并在适当的地方加入“：hover选择器”与“display属性”就可完成本堂课任务，在较易的习题中，已经将列表标签及浮动属性的代码编写好，只需在适当的地方加入“：hover选择器”与“display属性”就可完成本堂课任务。学生可根据自身的情况选择用何种难度完成本次任务

（5）提示学生进行两个方向的知识展，第一个扩展方向：弹出菜单功能除了可以用CSS样式制作，还可以用哪些技术制作（扩展知识点：Javascript、JQuery等脚本语言）；第二个扩展方向：“：hover选择器”与“display属性”还可以实现哪些效果（鼠标滑过图片放大显示的相册效果等）。

（6）要求学生对本次任务的完成经过进行汇报。

（7）教师点评与总结，表扬完成得较好的学生，鼓励尚未完成的学生，并重点讲解“：hover选择器”与“display属性”与“遇到未掌握知识时如何解决问题”的方法。

以行动导向教学模式为主导，通过本课程的学习，学生具有网页设计和制作工作最基本的知识与技能、具备较高的职业素质，能基本胜任各公司的网页设计师和网站管理维护等岗位工作。

参 考 文 献

[1]林姗，刘罡.基于行动导向的课程教学模式改革.[J].计算机教育，2015，16（44-48）

[2]苗树红.基于学案导学的行动导向教学探究.[J].中国职业技术教育，2015，05（79-81）

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

关键词：电子商务网页美工；职业能力；教学改革；教学方法；课程考核与评价

中图分类号：G642.0 文献标志码：A 文章编号：1674-9324（2014）25-0038-02

一、课程地位与性质

商务网站平面美工是高职院校电子商务专业的核心主干课程，也可作为高职其他各专业（如计算机应用、计算机软件等专业）的核心主干课程。本课程主要采用图像图形处理软件Photoshop作为学习软件，要求学生必须要熟练掌握该软件的使用，并能够利用该软件进行图片处理与网页设计。Photoshop是Adobe公司推出的一款目前非常流行、应用非常广泛的图片处理软件。Photoshop具备非常强大的图片处理功能，是电子商务专业的学生必修的一门课程。本课程开设于大学二年级，学生在学习了本课程后具有一定的图像综合处理能力与网页设计能力，具有一定的艺术设计能力，具备网页设计与制作的专业知识和技能，能够熟练掌握图形图像处理的方法与技巧，能够熟练完成网页效果图设计与制作，能够制作各种网页广告，能为网站建设进行美工设计。可胜任广告公司、网站公司、电子商务公司等相关岗位的部分工作，同时激发了他们对后续专业课程的学习兴趣。

二、课程定位与目标

本课程总体目标是培养和提高学生们图像处理和网页效果图以及网页广告制作的动手能力、实践能力、分析能力和综合能力。知识目标：通过学习，学生熟练掌握照片处理过程和网页效果图与网页平面广告的制作流程；掌握应用图像处理软件对数码照片进行各种处理的方法；掌握Photoshop设计和渲染网页效果图的方法；掌握图像处理中的色彩应用理论；掌握图像处理中文字处理效果；了解并掌握材质、纹理、图层、通道、蒙版在各行业中的应用。能力目标：能将photoshop基础知识进行综合运用，根据具体要求制作平面与网页作品，具有较高的创意设计能力。培养学生收集、处理信息，准备、加工素材的能力；培养学生制作网页效果图的能力；培养学生颜色搭配和版式设计的能力；培养学生网页广告设计的综合能力；培养学生的责任感、承受能力。素质目标：培养学生专业、用心、细心、耐心的品格，以及吃苦耐劳、严谨认真、诚实敬业、团结协作的职业素质，为以后的就业打下坚实的基础。

三、课程内容与结构

1.课程内容选取。本课程通过“情景导入”真实项目情境，将职业场景引入课堂教学，激发学生的学习兴趣，循序渐进地帮助学生掌握“Photoshop软件的操作方法”、“图像的处理与设计方法”与“网页设计方法”。其中Photoshop软件的操作方法包括选区的应用、绘图与修饰工具的应用、图层与蒙版的应用、路径与形状的应用等内容。图像的处理与设计方法包括文字特效的设计与制作、数码相片的处理、背景与纹理特效的设计与制作等内容。网页设计方法包括网页效果图设计、网页广告设计等内容。

2.课程结构。课程采用“基础知识”、“课程设计”、“实训项目”三位一体的结构，其中“基础知识”介绍各知识点与方法技巧时，例举大量实例并安排上机实验；“课程设计”不介绍具体操作步骤，只给出一些提示，完成相关案例，巩固所学知识；“实训项目”根据实际岗位需求，指导学生完成几个大型项目实例案例。

四、教学及参考资料

本课程在编写校本教材时，本着“提升学生的就业能力”为导向的原则，精心设计“情景导入课堂案例上机实训疑难解析习题”五段教学法，将职业场景引入课堂教学，激发学生的学习兴趣，在职业案例的驱动下，实现“做中学，学中做”的教学理念，最后有针对性地解答常见问题，并通过课后练习全方位帮助学生提升技能。同时，该课程还有大量的教材与书籍可以作为辅助教学参考资料，其中部分书籍拥有网络电子版本，学生可以去图书馆进行借阅学习。

五、教学方法与手段

本课程遵循“赏、教、学、做、创”一体化的理念，采用任务驱动教学法、案例教学法、项目教学法、分组讨论教学法、情境模拟法等多种教学方法，在这里就项目教学法举一个例。

网上供销社网站需要在顶栏位置放置一个“千年苗姜”的网页横幅广告，要求将千年苗姜的主要产品信息、特色及促销信息展示出来。本项目广告在设计与制作过程中，需要注意以下几点：突出广告宣传的主体对象，通过形象直观的图片说明广告宣传的主体对象；注意广告版面的合理布局与设计，注意网页横幅广告的制作要求。本课程拥有优质的教学环境和良好的实训实习条件，有多媒体网络开放教室，能够有效地控制各个教学环节，实现师生互动，提供学生自主学习的良好环境；课程根据教学内容制作了丰富而生动的PPT课件，能够激发学生学习兴趣；课后辅导与在线答疑，为学生提供相互学习、交流和锻炼的机会，利用网络空间实现师生互相交流，方便教师答疑；对于一些重点与难点，录制相关案例详细讲解与的操作视频，方便学生课外自主学习。

六、教学考核与评价

考核：针对课程实践性强的特点，本课程的考核分成四部分：平时成绩+课外设计+课程考试+实训项目。评价：平时成绩30%（出勤、听课表现、回答问题、课堂练习）+课外设计30%（方案制订、设计过程、最后结果）+课程考试10%（考试表现、试卷结果）+实训项目30%（方案制订、设计风格、设计过程、最后结果），针对评价模式改革，改变教师单方面评价模式，充分调动学生的积极性，力求公正客观的评价。

七、课程教学设计

1.课程设计理念。本课程遵循“实用、够用、必需”原则，培养学生的实际应用能力，以传授知识为基础，以解决问题为核心，以提高能力为目标，以促进就业为导向，更新教学理念，创新教学模式，构建教学内容，选择新的教学方法。

2.教学内容设计思路。本课程在模拟真实公司环境的情景下，以项目案例驱动学生动手实践操作，进而对项目中的知识点进行总结，以知识点“图层蒙版”为例。实训项目：“金银花”网页广告设计。实训目标：掌握图层蒙版的使用与特性。参与人员：全体学生（分组）。实训地点：多媒体电子实训机房。实施步骤：教师创设真实职业情境，引出项目任务，教师引导学生分析任务，设计讨论具体的解决方案，27分钟左右。教师引导学生思考图层蒙版的基本原理。学生的完成情况各不相同，采用层次教学，为有余力的同学进行重复讲解，满足每位学生的需求，8分钟左右。教师与学生对完成的作品进行多维评价，并布置了课外作业“百合粉”网页广告，以作业的方式进行提交，实现了项目扩展，7分钟左右。最后3分钟，教师对本堂课进行课堂小结，总结本节课的重点与难点。

八、课程教学特色

课程案例紧密联系农产品、电子商务网站销售产品，引导学生在真实产品、真实案例中掌握网站平面美工各项技能。课程通过大量的“课外设计”与集中的“实训项目设计”，鼓励学生自由创造，给定学生一种产品，要求学生能够根据产品特色设计并制作出相应的网站广告效果；给定一个主题，要求学生能够根据主题设计并制作出相应的网站效果图。课程以职业能力为导向，在教学过程中注重培养学生的职业素质与业务能力。

参考文献：

[1]蒋元芳.基于真实项目的高职电子商务专业应用型人才培养研究[J].电子商务，2013，（3）.

[2]王.高职电子商务专业《商务网页设计》课程改革初探[J].电子商务，2011，（11）.

[3]高洁.基于工作过程的高职网页美工设计教学探索[J].科技信息，2009，（30）.

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

关键词：项目教学法 电子商务 网页制作

中图分类号：TP393 文献标识码：A 文章编号：1673-9795（2014）02（b）-0063-02

据中国互联网信息中心统计，全国数千网万网民中37.8%有过网上购物的经历，随着网络和电子商务的快速发展，网页设计制作也成为网络时代重要的技能之一。电子商务网页制作是电子商务专业的核心课程，要想设计制作出精美的电子商务网页，需要学生多思考、多练习，如何选择一种教学方法使学生用专业网页制作工具构建商务网站，是值得我们关注和研究的，学生是教育的主体，要充分考虑技校学生的实际情况，在设计项目时要激发学生对活动的参与，在理论知识和工作任务之间建立联系，让学生掌握整个项目任务的工作过程，从教学实际出发，将项目教学法应用到电子商务网页课程的教学实践中，教学效果显著，学生能够积极探索，自主学习，注重的不是学生的最终学习效果，而是完成项目的过程。学生在项目实施的过程中合理运用知识和技能，体验创新的艰辛与乐趣，从而有效提升学生提出问题、分析问题及解决问题的能力。有针对性给予相关知识与技能的指导使学生对商务网站的制作有一个系统全面的掌握。

1 在电子商务网页制作教学中采用项目教学的理论依据

1.1 项目教学法介绍

项目教学法就是以项目为载体，以任务为中心并融合相关知识和技能，以学生为活动主体实施项目教学方法，也就是将教学内容融入项目实施过程的一种教学方法。项目教学法以项目为中心，有明确的任务，能让学生围绕已学习知识和学习资源，使学生学习的主动性、积极性得以发挥。在运用项目教学进行电子商务网页教学设计时，需要将网页的制作流程分成一个个的任务，每个任务先通过教师来演示所用到的知识要求，具体的任务安排由学生操作来贯穿整个教学，以实际的任务来驱动学生的学习，使学习过程是一个不断成功完成任务的过程。通过学习，一方面使学生能够综合运用已学的课程知识，真正做到理论结合实际，真正掌握电子商务专业的核心能力，并具备一定的原创水平；另一方面，通过实施分段项目培养模式，不仅可以及时发现学生的个性特长，而且对学生综合能力的培养和团队合作精神的训练，从而提高了学生的学习效率。

1.2 电子商务网页制作课程运用项目教学的必要性

电子商务网页制作课程是电子商务专业的主干课程，是理论和实践相结合，借助Dreamweaver软件，进行商务网页的设计与制作，在以往的教学模式中，该课程是以教师讲授理论知识和案例为中心的教学方式，只针对学生能否掌握软件的基本操作，而忽视了培养学生专业知识的培养，从而造成了学生只会按照老师布置的实例操作，联系到具体的电子商务网页制作中就不知道如何操作，不能消化所学的知识，对学生未来适应多变的工作环境对理论知识的需要，而项目中的技能学习也不能给学生提供足够的使技能达到专业的水平。在电子商务网页制作教学中采用项目教学主要是带动专业知识的学习和能力的培养，以创作的商务网站来检验电子商务网页制作课程的教学效果。

2 在电子商务网页制作教学中实施“项目教学法”

运用“项目教学法”进行电子商务网页制作教学时，从“项目确定、项目分组、项目实施、项目检查”四个方面来完成。

2.1 确定项目

通过前期对威客网企业人才需求调查，选择设计一个好的适合电子商务网页制作课程的项目，对项目教学实施效果的好坏有着直接的影响。项目的设定要将教学任务的知识点和实际操作相结合，让学生在项目制作的过程中学习到相应的理论知识点，同时，要考虑到技校学生的认知能力、实践能力和兴趣特点等实际情况，同时还要考虑项目的实现价值，把不同类型的电子商务网站作为项目案例，如淘宝网、京东商城，美团网等，通过对不同商务类网站的制作了解不同的网页制作技巧和网页布局。具体过程如下：在电子商务网页制作这门课程中，选择制作一个主页和若干个辅页的商务网页作品。它涵盖了这门课程需要学习的所有工作任务。在进行电子商务网页课程项目设定时要求将电子商务网页课程划分为七个项目，每个项目里划分为不同的任务，要紧密联系课程设置、课程目标、课程内容、学时和学分等内容，在电子商务网页制作这门课程中，分别设置了网页设计概述、超链接的制作、网页布局、网页修饰、网页特效、动态网页和电子商务网页综合制作这7个项目来进行课程的设置。课程内容从简单到复杂，每个项目都包括电子商务网页制作课程全部任务所构成的完整的工作过程，如网页修饰项目中，我设计了两个任务，第一个是制作精美的网页内容，涵盖的所用的文字、图像与文字的位置关系、图片边框等技能要点，第二个是制作公司的主页，主要内容网页中表格的制作、网页中插入Flash、文字滚动等效果的制作。通过这个项目让电子商务网页制作学习由浅入深，循序渐进。

2.2 项目分组

项目确定下来之后，学生分组是一个重要环节，在练习项目这一教学层次中，一般5～6个人一组，分组时根据学生的知识结构，学习能力，性格特点等形成互补搭配，并选出一名组织能力较强的学生为组长。并选定一位组长，组长负责成员任务的分配，并监督实施各方面的工作。在项目分组阶段提出项目创作的要求和说明，给出项目评价方案，并制定小组的管理制度。按照已确定的工作步骤和程序进行项目的制作。

2.3 项目实施

项目实施过程中主要以学生相互协作为主，教师在指导一些理论知识和给出与企业岗位相关的情境，在学生学习的过程中，如在设计电子商务网页制作的流程项目中通过具体网站的制作，分别设计了整体规划，网页布局、网页制作、网站和网页测试这五个任务，让学生有充足的制作时间和空间，到网上搜集一些知名的电子商务网站，引导学生一步步学习网页设计，并动手进行项目的制作，在制作过程中，如网页整体规划这个任务中，如何设计企业的LOGO、表现商家广告内容的图片（Banner）以及网页色彩的搭配技巧等方面，找一些比较好的文字内容、图片处理效果、好看的主页引导动画效果等处理逐步先完成各个小项目，最终完成整个项目。学生按照电子商务网页制作的流程进行素材的收集、小组成员之间的信息交流、小组讨论、小组合作，合成项目作品并进行完善，选择制作一个项目要尽量来源于实际的工作情境，以更为有效的培养学生的实际工作能力。

2.4 项目检查

项目教学结果的检查是开展项目教学活动不可缺少的一个重要环节，在电子商务网页制作课程中，采取成果展示，小组互评，教师评价相结合的方式，当学生完成了作品，要对各项目小组进行项目成果的展示和作品交流，在展示过程中对每个项目小组遇到的问题、困难及解决办法收获与感受，活动小结等多个方面进行交流。教师应尽量让学生发表自己的意见，从而达到取长补短的效果。之后再由教师对整个项目工作成绩进行评价或评分。评价学生掌握了哪些理论和技能知识，并对存在的问题进行分析，以学生完成项目的情况来评价学生的学习效果。

3 项目教学中在电子商务网页教学中的效果

在应用项目教学法进行电子商务网页制作教学后，学生能真正理解该课程的学习目的和价值，提高了学生对电子商务网页制作流程的深刻理解和应用能力。项目教学法强调以学生为主体，调动学生的积极性，增加学生的参与能力，提高学习的效率，如教网页中的框架项目时，框架对于学生来说是比较难学的，在设计教学任务时，首先由教师来讲解框架的基础知识和演示框架的设计，突破难点，培养学生的学习兴趣，学生通过学习、实践、使所学的知识转变为实际运用能力。

项目教学法吸取了探究教学法，任务驱动教学法与案例教学法优点，以项目作为教学对象，通过协作学习的方式开展学习，只要我们能在电子商务网页制作教学过程中充分合理地运用“项目教学法”，就一定可以为学生找到一种行之有效的学习方法，从而增加学生对电子商务专业学习的兴趣。为今后的工作打下一个坚实的基础。

参考文献

[1] 郑琦，肖红.以能力为本位、项目化的高职课程改革与实践[J].广西教育，2011（9）：49-50，54.

[2] 月商.广东省电子商务技师学院要把“新供销班”办成学校的示范班[N].中华合作时报，2011.