引论：我们为您整理了13篇网页制作课程设计总结范文，供您借鉴以丰富您的创作。它们是您写作时的宝贵资源，期望它们能够激发您的创作灵感，让您的文章更具深度。
篇1
1 “网站开发与网页制作”网络设计现状分析
1.1 网站开发语言安全性
网站开发采用的语言有ASP、php、aspx、java等，实际开发制作中PHP+SQL的应用非常广泛，这在网络课程设计中也是综合运用的重要课程，它能独立实现网页的自由切换，完成复合图形的链接，调整网站的模式结构，它的动态因素还能起到吸引眼球，脱颖而出的效果；网站开发中PHP+SQL的综合运用更是提高了网页的利用空间，加速了后台数据库的建立，同时提高了网站开发的安全性和注重浏览者的综合感受。
1.2 静态网页制作中Dreamweaver的应用
现阶段，在网站开发与网页制作课程中，Dreamweaver网页静态编辑器应用最为广泛，它从最初的1.0版本升级到CS5，同时它的功能也从简单的调节色阶、饱和度、制作文字图框上上升到独立编辑和创建动漫图片，三维立体调色，人物实体渲染等丰富强大的功能，这在网页制作图像编辑上发挥了立竿见影的作用，其次它带有扫描和创作功能，使制作的图片所见即所得；同时他还具有自由变换渲染实景的强大功能，可以还原复古地域风情、分辨明暗光景、丰富人物表情等，使我们的图像新颖而富有特色。
1.3 收录引擎对网站的友好度
搜索引擎属于网站开发与网页制作的后台工作，它是支撑网页正常运行的必要条件，也是网站链接显示的重要组成部分，PHP、JAVA、ASP程序的编写就好比人的大脑，它的关键度和完整度不言而喻。在制作处理完网页，建立网站后往往要优化系统，有利于提高网站的点击率和被百度收录的几率，这也是网络课程设计的范畴，由于网页脚本语言的改革使得SEO优化系统后丰富了网站的实用性，从而提高了网站开发与网页制作的热情和创新性。
2 “网站开发与网页制作”设计发展规划
2.1 多层次深发展满足不同领域的需求
网络课程是一种以学生为主体的网络教育方式，它注重学生的实操能力和融会贯通能力，改变了老师口传式的传统教学模式，更好的活跃了学生氛围。网络课程设计可以根据学生接受能力的不同、所处领域的不同实行分类式教学模式，分层次辅导，有的放矢。例如，对研究和专业学生的教学，专业学生注重就业方向，我们设计的网络课程就偏重于实用性，把日后经常用到的知识点纳入教学中；对于研究倾向的学生偏重于后台技术的开发，使它们在今后的研究中取得新的进展和突破，这样做到有针对性的因材施教可以满足不同领域学生的需求。网络课程设计不受时间和地点的限制，可以重复式学习和互动，使学生更好的接受和完成学习任务。
2.2 整合资源优化知识结构，提高网络课程设计效率
在网络课程设计中，注重知识点的整合和知识结构的优化是关键的一个步骤。网页制作不仅要求学生灵活掌握网站框架结构，而且在其艺术性上也提出了更高的要求，例如：在网页制作中加入文字描述是我们常常遇到的问题，这时我们可以涉及如何加入文字并进行艺术设计，如何制作文字动态效果，并且兼顾抓取整段文字的关键词，浏览备注信息和搜索引擎中出现的频率等，这样就构成了由点到面，循序渐进形成一系列连贯的知识点。再有网站开发过程中，网站链接浏览器的选择也十分重要，它涉及到网站的权重问题和优先选择问题，网站权重突出了网站的地位和导向，我们来换位思考一下，在搜索时习惯输入什么知识点链接哪些网站，什么样的域名优先录取等都是我们需要考虑的，这也是我们网络课程设计中资源优化的体现。
2.3 理论实际相结合，培养学生动手能力
在网站开发与网页制作网络课程设计中，首选要建立大量的图库资源和图片资料，要求学生在日常生活中注意积累如各地人情，旅游风景，代表建筑物等一些列具有纪念价值的图片，使得网页制作过程中有丰富素材可用；其次课程设计中要多引进网站创新案例，利用多媒体播放一些特点鲜明的网站作品，使学生在潜意识中加深印象，在创新案例讲解过程中融入教学重点和网络设计难点，使学生享受成功案例的同时学到知识，长时间耳濡目染使学生形成一种创新网站设计构想的良性循环；最后要多培养学生善于总结和创新能力，注重学生的动手能力，在网络课程设计中要留出足够时间，反复实操。
2.4 将前台简单的网页编辑延伸至后台技术的开发及数据库的整理
网站后台制作是一项乏味而艰巨的任务，针对它的特殊性和复杂性，在网络课程设计时，注重多媒体的使用，这样可以使枯燥的编程程序直观的表达，易于学生的接受；其次后台数据库的整理工作更是需要专业知识的铺垫，需要多涉及实际数据的推算和项目数据库整理工作，同时注重学生的综合感受和自我评价能力，使它们能完全融入先进的课程设计中，从而达到理论实际结合的目的。
3 结束语
时代在发展，教育在改革，随着计算机应用的普及，网络教育占据主流力量，网站开发与网页制作网络课程设计会得到大力的推广和应用，它不仅可以直观形象的讲解原理，因材施教，而且注重学生理论实践相结合的动手能力，从而大大提高了学生的综合素质和就业适应能力。
参考文献
[1]韩陵宜.网页制作课程教学及考核方式的研究与探索[J].计算机教学与教育信息，2008（03）.
[2]纪明明.浅谈“项目教学法”在网页制作与网站设计课程教学中的应用[J].中国新技术新产品，2010.
[3]卢新建.试谈ASP动态网页课程的教学探索[J].计算机应用教学研究，2010（10）.
作者简介
篇2
公共选修课教学现状
学校为拓展学生的视野，一般会开设全校性的公共选修课（公选课）。此类型课对学生的专业要求较为宽松，任何专业的学生都可以根据兴趣进行选修，但这也为此类课程的教学带来了新的挑战。
一是学生学习水平的差异。公选课是面向全校师生的公共课，学生不分文科、理科均可选修，因此学生的基础水平有较大差异。如果教师采用统一的教学方法和内容，就无法兼顾到各种层次的学生需求，导致有的学生认为教学内容过于简单或教学进度太慢，有的学生认为内容太难或教学进度太快无法跟上，而且一些实验的教学设计难度也大大增加。
二是课时较少，公选课不分课程，学校一般将公选课的课时统一定为30学时。以笔者任教的公选课“网页制作”为例，与其他课程的课时相比相差近一倍。因而，在课时严重不足的情况下教师只能通过减少教学章节、降低知识讲授的深度与广度等方法来缩减时间，这样会不利于教学的开展。
三是选修公选课的学生来自不同的专业，学生之间大多数互相并不认识。因而，在学习中遇到问题时，他们无法及时向同学求助，导致难以开展团队形式的课程设计作业。
翻转课堂与微课对公选课问题的适应性分析
翻转课堂作为新的教学模式，被认为是教学的重大变革。翻转课堂与传统的“课堂传授+课后内化”的教学模式不同，它是在信息化环境中，教师提供以教学视频为主要形式的学习资源，学生在课前观看并学习教学视频等学习资源，课上师生一起完成作业答疑、协作探究和互动交流等活动，即“课前传授+课上内化”的新型教学模式。这种教学模式，能够有效地解决公选课学生学习水平差异较大等问题。
“网页制作”是以技能为主的课程，主要讲解网页制作软件的使用。因此，教师可以使用屏幕录制软件，制作具体的操作及讲解的微课。学生观看的微课与课上教师的操作演示几乎没有区别，而且也不用担心因远离讲台而无法看清等问题。因此，基于微课的教学模式非常适合网页制作这类以软件操作为主的课程。
同时，学生对篇幅较长的学习视频接受程度较低。因此，为降低学生学习的负荷，保证学习效率，教师录制的教学视频等学习材料的长度应限制在较短的时间内。而微课短小精简、便于传输及下载的特点，满足了学生的需要，为学生利用空闲时间反复学习提供了可能性。
翻转课堂模式下“网页制作”课程的教学设计
何克抗指出：适合我国的教育思想应当既不是以教师为中心，也不是以学生为中心，而是既要充分发挥教师的主导作用，又要凸显学生在学习过程中的主体地位，即主导与主体相结合。因此，翻转课堂教学模式实施的关键不是“翻转”学习的地点和时间，而是学生的学习方式，是把以往的“教师主动教学生被动学”，转变为“学生主动学教师作辅导”。教师必须主导整个教学过程，即课前、课间及课后。教师在教学中要积极地引导学生自主探究性地“学”，为学生提供各类学习资源，解答疑问，并监督学生的学习情况。
笔者以此为指导思想，综合考虑公选课课程设置、学生的情况及网页制作课程的知识内容等特点，按照“自由设计、自主学习、全程引导”的教学策略，以自由设计一个完整的网站为课程设计任务，将该课程的教学活动设计为“引入任务―翻转课堂―互评总结”三个阶段，如上图所示。
1.引入任务阶段
选修同一门公选课的学生，来自不同专业、不同年级。在首次上课时，学生面对的是陌生的同学和教师，且大多数学生对课程内容是完全陌生的。因此，教师应在第一次上课时，先对整个课程的内容进行概述，包括学习什么知识、学了后有什么用、用什么方法学等问题。然后说明具体的课程要求、授课方式、作业要求、考核方式，等等。同时，还要向学生介绍翻转课堂教学模式，消除其对新的教学模式的困惑，并引导学生注册教学平台、尝试登录，以保证每位学生都能够正常地登录教学平台，进而保证后续教学活动的正常开展。
例如，在上“网页制作”课程的第一次课时，教师可采用传统的教师主讲的教学方式，并在完成上述的课程介绍、教学平台登录等步骤后，开始课程内容的讲授。教师可以先让学生观摩一些优秀的网站，并与学生一起探讨分析网站中哪些元素值得学习及涉及了哪些技术。然后，向学生展示目前主要的网页制作技术，让学生对整个课程的知识体系有一个整体上的初步认识。接着，给出第一次课的课后作业任务：初步构思自己要制作的课程设计网站的内容，并根据自己的实际情况，制订一份自主学习的计划。
2.翻转课堂阶段
第二阶段采用翻转课堂教学模式，教师以任务驱动的方式引导学生自主学习。由于公选课课时较少，除去首次上课，仅有9次集中上课的时间。因此，教师可以把网页制作中的主要技术，分为九个相对独立的专题来组织教学内容，每个专题的教学步骤大致如下：
（1）在学生学习前
课前，为学生提供所需的各类学习资源，并对每个专题内容设置不同的难度等级，如基础级、提高级、扩展级等，分别制作微课，放到微课资源库中。学生在课前根据课程设计的要求，结合自己构思的网站在制作上涉及的技术，自主地在学习资源库中寻找适合自己需要的课件、微视频等资料进行学习。
（2）在学生自学过程中
教师要尽可能解决学生自学中遇到的问题，因此教学平台上设有学生互动交流区、教师定期在线答疑等板块，为学生提供帮助。同时，教师要鼓励学生互相答疑，并给予提供正确答案的学生适当的平时成绩加分作为鼓励。
（3）课堂活动前
要求学生先完成课前自测题和课前思考题。其中课前自测题偏重基础，目的是供教师在上课前简单了解学生的自学情况，从而确定课上交流的内容，避免出现学生掉队的情况。课前思考题则具有一定的综合性及扩展性，用于在课上展开讨论，使有能力的学生有更进一步展示及深入学习的机会。在每个专题的课堂活动前，教师要先通过教学平台了解学生的自学情况及提问较多的问题，并设定课上要研讨的问题，同时，还要准备一定的扩展性问题在课堂上交流，以帮助学生进一步巩固和内化。
（4）课上交流时
根据课前了解的学习情况，教师可按照“学生提问―互动交流―思考拓展―专题设计展示”的流程来展开。课堂上以引导为主，鼓励学生提出问题，全体一起分析并解决问题，并提供学生展示已完成的对应专题内容的课程设计的机会。
3.总结互评阶段
翻转课堂教学模式下的专题教学阶段结束后，就进入了最后的课程设计及互评阶段。这个阶段分为两个子阶段：
第一个子阶段为展示阶段。教师要求学生必须在指定日期前上传课程设计初稿至开设好的Web服务器空间。学生之间可以通过网页互相浏览观摩，取长补短，而教师可监督课程设计的进度及质量，对进度较慢或质量较差的设计，要按要求及时整改。同时，此阶段让每位学生都掌握FTP上传及Http访问调试的方法。
第二个子阶段为正式展示互评阶段。教师利用课程安排的考查学时，将全体学生集中到课室内，每位学生在3分钟内展示自己的设计作品，全体学生现场观看并在评分表上打分。学生的课程设计成绩以教师和学生评价的总平均分来计算。这种互动评价模式能够有效地激发学生的学习兴趣及创造力，绝大部分学生都能够认真地做好课程设计及上台演示的准备。
学习效果对比分析
在尝试了新的教学手段后，需要对教学数据进行分析对比，以验证教学改革的有效性。教学数据的收集采用教学平台自动统计及向学生发放调查问卷的方式。
1.纵向比较
选取的比较对象均为公选课的学生，其基础及授课课时一致，但采用不同教学模式来对比，比较项目及结果如表1所示。
对两种教学模式的数据进行分析整理后，可以发现学生在翻转课堂教学模式下，课余学习时间明显高于传统模式，这说明了学生在翻转课堂模式中，用于课程学习的时间更多。
从平时成绩的统计结果看，在作业提交率、上课出勤率方面，翻转课堂的学生都有更好的表现，显示出更高的学习主动性，而课程设计的质量也有较大的提高。这说明翻转课堂模式下的学生实际动手能力和知识应用能力要优于传统授课模式下的学生。在课程满意度方面，翻转课堂的学生对新颖的教学模式接受度较高，并给出了较高的评价。
2.横向对比
横向对比是针对不同基础、不同课时数、不同教学方式下的学习效果进行对比。首先，公选课“网页制作”需要学生有一定的计算机操作技能，因此对比对象需要对比课前计算机技能基础不同。计算机技能的水平以必修课“计算机基础”的成绩为数据来源，其中公选班的学生来源分散，文科生占较大比例，因此平均计算机技能基础较低且学生间差异较大。而选取的普通班为工科专业，计算机技能平均水平较高，且学生间相差不大。其次，学时相差较大，其中普通班开设的课程一般以一个学期为周期，64学时，而公选课则为30学时。再次，分别采用了不同的课堂模式展开教学。对比项目及结果如上页表2所示。
对两种模式的数据进行分析整理后，虽然普通班学生的学时更多、基础更好，但最终课程设计平均分反而略低于采用翻转课堂模式的公选班，而公选班的学生的课余学习时间明显高于普通班的学生。这说明了公选班学生在翻转课堂模式下，调动了学习的积极性，学生实际用于课程学习的时间更多，且学习效率也会更高，效果更好。反观传统教学模式下学生在课堂上的表现，经常会看到教师在台上讲，学生在下面玩手机、打瞌睡的情况。这从另外的角度也反映了仅依靠课上教师的讲授，是无法引起学生学习兴趣的，即使安排再多的课时，也难以达到较好的教学效果。
结束语
通过对采用不同教学模式的班级的课程教学数据进行对比分析，结果表明采用翻转课堂教学模式能够有效地激发学生的学习兴趣，这不仅能解决原来公选课所面临的难题，还能使教学取得更好的效果。从而证明了本文所设计的教学方式及教学环节，对公选课网页制作课程是非常适合及有效的。
参考文献：
[1]曹殿波，薛苏秦.“微课”实践中亟待厘清的四个基本问题[J].中国医学教育技术，2013（5）：495-497.
[2]曹育红.“翻转课堂”在软件技术实训中的创新应用[J].中国电化教育，2014（4）：116-120.
[3]何克抗，李克东，谢幼如，王本中.“主导―主体”教学模式的理论基础[J].电化教育研究，2000（2）：3-9.
篇3
一、《网页制作》课程设计思路
《网页制作》课程根据 “前程无忧”、“智联招聘”、“贤士榜”等专业招聘网站及招聘企业中对相关的职业岗位及岗位核心能力分析，结合ACAA认证网页设计师的考证要求，提炼出与本课程相关的职业岗位及岗位核心技能，并按照范的网站开发流程，将课程分为网站规划和准备、网站站点创建、网站制作、网站测试与、网站综合实训五个项目。
二、信息技术在《网页制作》项目化教学中的应用
在教学过程中，课程项目分解出来的案例或任务，来源于企业的实际开发，从企业实际应用中分解出一个个通用、典型、实用的小模块作为讲解案例或练习任务，以利于提高学生的岗位实践能力和适应能力。以《网页制作》课程项目三网站制作中的子任务网页布局为例，子任务主要分为四部分内容：资讯、计划与决策、实施、检查与评价。
资讯：
教师通过翻转课堂重新调整课堂内外的时间，让学生成为学习的主人，调动学生学习的积极性、主动性，增加学生对知识的感性认识，培养学生分析问题、解决问题的能力。学生通过课外时间观看微课学习网页布局的基础知识、了解表格、DIV标签、AP DIV及CSS的概念，掌握创建和编辑表格的方法，掌握创建和编辑DIV标签级AP DIV的方法。课堂上教师利用多媒体创设现实情景，激发学生主体参与的兴趣。通过情景引入――**房地产有限公司是一家专业从事房地产开发与经营的公司，为全方位展示公司形象和实力，更好地宣传推广公司工程案例，特委托**传媒有限公司为其制作公司网站。教师扮演客户，学生扮演项目组成员。客户提出需求，项目组在网站建设前与客户交流，确定网站的定位、风格、栏目及功能模块，在Dreamweaver中使用表格布局或Div+CSS布局方式制作网站。
计划与决策：
各项目组根据任务要求进行讨论，确定具体的工作任务和工作流程，并对具体的工作进行分工处理，包括网站的定位、风格、栏目、布局、技术等，然后制定计划书。讨论结束后，教师适当引导，并总结观点。
实施：
各项目组围绕制作房地产网站的主题，按照计划书有步骤地进行，及时交流和讨论设计过程中出现问题，在交流、讨论之后达成共识，共同完成房地产网站的制作。项目组如出现疑难问题，讨论后无法解决，教师利用信息技术环境下的网络课堂教学，如极域电子教室软件、E-mail、QQ、微信等交流工具，充分与学生进行交流，掌握各项目组的实施情况，提供针对性的辅导，总结小组讨论后的成果，并给出解决方法。
检查与评价：
各项目组推选代表通过极域电子教室软件展示本组的网站成果，具体包括设计定位、功能模块、技术手法等内容，自评网站的优缺点。各项目组从网站的布局、功能、内容等方面互评网站，最后教师结合各项目组的综合表现和网站布局的制作情况，分析该项目制作成果的合理性，给出中肯的意见和建议。通过本项目的学习，使学生掌握网页布局的基本知识和方法，并能使用表格布局和Div+CSS布局方式制作企业宣传型网站。
三、结语
与传统教学模式即老师讲，学生听相比，项目组合作学习的教学模式是让学生以小组的形式参与交流、讨论，从中感受交流带来的快乐，分享合作的愉悦。整个教学过程中，以微课形式播放网页布局的方式及优秀网页赏析的视频，增加了学生的视觉效果，通过项目组积极合作，共同制定计划，完成项目任务。
教师通过交流工具与学生交流，针对性的辅导。通过极域电子教室软件展示项目成果，采用项目组自评、项目组互评和教师评价三管齐下的策略，从网站的主题、技术性、艺术性等方面对网站进行评价，激发了学生的学习兴趣，提高了学生的动手能力和对实际问题的解决能力。
篇4
Analysis on the problems and Countermeasures in the course of "Web design"
XUE Hui
（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）
Abstract： The web pagemakingindustryhas a huge demand for talents. The teaching of web page making technology is very important. This paper analyzed the problems existing in the course of "Web Design" from three aspects of school， teachers and students， and put forward some countermeasures to solve the problems.
Key words：web design； teaching； problem； countermeasure
1 概述
21世纪，在网络的浪潮下，各行各业无不使用网站进行宣传，各种各样的网站蓬勃涌现，互联网上出现了丰富多彩的网页形态，网页制作人才需求巨大[1]，网页制作技术的教学显得越来越重要。然而，有些高校的网页制作课程教学中却存在许多问题，课程教学完成后学生对网页技术的掌握不尽如人意，许多学生只掌握了一些浅显的操作，做不出令人满意的作品。
2 网页制作课程教学中存在的问题
2.1学校层面
2.1.1 对网页制作课程重视不够，投入不足
有些学校对网页制作人才需求巨大认识不足，没有从促进就业的角度加强对网页制作课程的教学管理，没有配备强有力的师资队伍，在网页制作课程的教学上施行大班上课甚至超大班上课，严重影响了网页制作课程的教学效果，特别是实践课的教学效果[2]。有些学校只有上课的机房，却没有配套的服务器等设施，资源不足以支撑网页制作课程的教学。
2.1.2 课程教学大纲、教材、软件等比较陈旧，跟不上时代的发展
如今，网页制作的技术发展迅速，网页制作的软件升级换代也很快，以网页制作常用的Dreamweaver槔，几乎每隔一两年就有新的版本出现。而许多学校的教学却远远跟不上时代的发展，课程的教学大纲没有及时修订，教材里面的内容比较陈旧[3]，软件使用的是较老的版本，笔者在调查中发现有些学校至今仍然在教学中使用Dreamweaver8.0的版本，这些都限制了对新知识的传播和新技术的教学。
2.2 教师层面
2.2.1 只重视操作技术的讲授，忽视了页面布局和色彩搭配的教学
网页制作技术是一门很深奥的技术，包含了极其丰富的操作技巧，网页制作课程教学的过程中必须要重视技术的讲授[4]。但是网页不仅仅是技术的叠加，更是美的化身。要制作出精美的页面，光有技术是不行的，必须还要掌握页面布局的知识、色彩搭配的原则、图片处理的技巧等，综合应用技术和布局才能做出令人满意的作品[5]。然而，许多教师只重视操作技术的讲授，忽视了页面布局和色彩搭配的教学，导致学生学会了技术却不懂得布局，即使掌握深层次的技术也做不出精美的页面。
2.2.2对新技术自我学习不足，跟不上技术的潮流
计算机技术突飞猛进，网页制作技术也日新月异，而有些高校教师由于教学、科研等任务繁重，压力较大，只忙于应付日常事务，缺乏自我学习与自我充电，对于新技术的学习不积极、不主动，甚至有抵触情绪，导致跟不上技术的潮流[6]。许多高校教师囿于学校的范围，与网页制作企业接触甚少，与市场上的网页设计人才缺乏交流，缺少对新技术应用的了解和掌握。教师自己对新技术掌握不足，自然就限制了给学生的传递。
2.3 学生层面
2.3.1 误以为网页制作课程比较简单，轻视网页制作课程的学习
网页制作课程基础的内容中，有许多和Word比较类似，入门比较简单，使得许多学生误以为网页制作课程比较简单，从思想上轻视网页制作课程的学习。其实网页制作课程是一门入门简单、易于掌握，但却难于精通的课程。入门级的网页制作技术的确比较简单，但网页制作技术层次很多，内容很深，深层次的制作技术和操作技巧是不容易掌握的。学生从思想上轻视网页制作课程的学习后，往往投入的学习精力不足，导致只能掌握一些浅显的知识，对深层次的制作技术一窍不通。
2.3.2 缺乏练习和改进
要深入掌握网页制作技术，必须进行大量练习，但是许多学生只是别动的完成教师布置的作业，不主动进行深入的练习，缺乏练习就很难掌握深层次的制作技术和操作技巧。要做出优秀的作品，往往需要多次尝试和反复改进，但是许多学生只是应付完成作业，缺乏对作品的改进。只有精益求精，在反复比较和不断的改进中才能做出优秀的作品，从而掌握布局的技巧和操作的技术[7]。
3 解决网页制作课程教学中存在问题的对策
3.1思想上要重视网页制作课程的教学和学习
思想的高度认识是做好网页制作课程教学的前提保障。无论是学校、教师还是学生都应充分认识到网页制作课程的重要性，要认识到市场对网页制作人才需求巨大，使学生精通网页制作技术能够在严峻的就业形势下为学生提供便捷的就业途径。高校要加大对网页制作课程的投入，从教学资源、师资力量、配套管理和服务等多方面促进网页制作课程教学水平的提高。
3.2要紧跟新技术的发展潮流、讲授新技术、学习新技术
要紧跟时代的发展，紧紧把握住新技术的发展潮流和发展趋势。学校要及时修订课程教学大纲，及时更新网页制作课程的教材、安装和使用新软件。教师要主动学习新技术，及时了解新动向，加强和企业的合作与交流，并向学生讲授新知识，传递新技术。学生要通过网络等途径加强对新技术的了解和学习，并在各种实习和实践的过程中主动参与各企业的网页制作活动，通过实践努力提高自己的网页制作水平。
3.3应用新的教学模式和教学手段，提高网页制作课程教学水平
教师在教学的过程中，要应用新的教学模式和教学手段，积极探索使用翻转课堂等新的教学模式[8]，借助慕课、微课等辅助教学，尝试使用项目教学法、案例教学法、层次化教学法等提高教学质量，努力提高网页制作课程的教学水平。
4 总结
网页制作技术是一门实用性很强，易于精通、难于掌握的技术。高校的教学要着眼于提高学生水平，促进学生就业，努力解决网页制作课程教学中存在的问题，提高教学质量，培养合格的计算机技术人才[9]。
参考文献：
[1] 刘述，杜世友. 就业导向的网页制作课程设计及其成效[J]. 中国电化教育， 2009（11）.
[2] 戚爽. “Dreamweaver网页制作”课程的教学研究[J]. 长春理工大学学报，2010（12）.
[3] 郭锂，叶惠文. 基于“双层项目驱动教学模式”的计算机基础课程立体教材开发与应用――以《网页设计与制作》为例[J]. 中国大学教学，2012（2）.
[4] 郭明，王凤禄. 按周推]学习安排：课程教学支持服务范式的深度探索――以“动态网页制作”课程为例[J]. 中国远程教育，2012（8）.
[5] 丁海燕. “网页设计与制作”教学实践与实验教学设计[J]. 云南大学学报：自然科学版，2012（S2）.
[6] 周小丽. “网页设计与制作”课程教学改革实践探究[J]. 教育与职业，2013（8）.
篇5
“网页制作”是大部分高校计算机相关专业的必修课，目的是使学生通过课程学习，掌握使用html+dreamweaver进行网页设计的基本方法和网站开发的整个流程；养成严谨的逻辑思维能力、问题解决能力；培养学生大胆创新、善于思考的能力。
目前，大部分院校还是采用传统的知识体系为主，或者知识体系与实践教学相结合的教学模式，导致学生缺乏学习的积极性，即便掌握了dreamweaver的使用和网页制作的基础知识，也不具备进行网站开发的能力。另一方面，课程的知识点较多，并且内容比较松散，会使学习者对其缺乏系统的认识。在该课程的教学过程中，本人进行了一些实践与探索。课程根据学生的兴趣选取真实的教学项目，在课堂教学和实践教学过程中，围绕该项目展开教学，取得了显著的教学效果。
2.基于工作过程的课程设计思路
2.1 设计理念
打破传统的按照知识体系教授课程的方式，以学生将要从事的“网页设计师”、“网站工程师”、“网站编辑员”等岗位所需的职业能力为目标，与行业企业合作，进行基于工作过程的课程开发与设计，既保证职业岗位所需技能、相关知识、职业素质的需要，又保持原有面向应用的网站开发技术知识体系的相对完整性，培养学生的职业能力，养成学生的职业习惯，同时也为学生的可持续发展奠定基础。
2.2 内容组织
在教学内容的组织上，通过对网页制作课程内容的整合、重组，以“工作过程”为切入点，选取能够涵盖高职学生需要掌握的网页设计与网站开发的实际项目，提炼出以职业能力培养为特色的教学内容，突出技术实用性。充分考虑高职学生认知能力和学习能力，对知识点的讲解采用“行动导向”的教学方法，通过“提出任务分析任务完成任务总结”的过程，体现出互动创新、提倡个性、重在应用、团结协作的教学风格，有效的提高了学生的实践能力和职业素质。
2.3 设计思路
课程按照网站项目开发的全过程和网站开发流程，首先是知识储备阶段，介绍了网站项目开发的相关知识；其次是网站规划和设计阶段，通过网站的分析、规划和设计培养学生项目分析和设计的能力；最后是网站的创建，主要学习网站开发技术。通过前期、中期和后期三个阶段的学习和开发，让学生体验一个完整的网站开发全过程。
2.4 学习单元设计说明
课程学习内容基于工作过程，选取一个能够涵盖高职学生需要掌握的网页设计与网站开发的实际项目进行教学设计。本课程通过“××企业网站”的开发讲授html+dreamweaver进行网页设计的基本方法和网站开发的整个流程。
2.5 教学组织与实施
在课堂教学中，重点放在学生的“学”上面。由学生被动地学，改变为学生主动学习的局面。教师在这个过程中的主要工作则是解答学生疑问，协助学生完成任务。
2.6 考核方式
建立过程考评与期末考评相结合的考核体系，过程考评占50分，期末考评占50分。制定科学的评价考核标准，加大过程考核、技能考核和能力考核的比重。在考评过程中体现学生对所完成任务的自我评价，每一学习小组间的学生互评，及学生对课程的评价等，以此来调动学生平时学习的积极性。
3.结束语
通过以上的授课改革，极大地激发了学生的学习热情，使学生综合应用了基础知识，提高了专业技能，初步掌握了解决实际应用问题的能力。培养的学生具有扎实的软件开发基本功，较强的学习能力、团队合作能力和创新能力，为今后更快适应软件开发岗位的工作打下基础。
参考文献
[1]吴代文.网页设计基础与实例[M].北京：清华大学出版社.
篇6
2大学文科专业开展网页设计与制作课程的必要性
随着计算机和互联网的普遍应用，各企业和各单位对自身的网站建设越来越重视，网页制作的人才也就逐渐供不应求。现如今，网页制作与网页设计已成为高校学生的热门选修专业，每个专业的学生都需要具备基本的网站制作技能，网页设计与制作这一课程也已成为高等院校文科专业计算机教程的主要科目之一。互联网已经深入现代人的日常生活中，尤其是当代大学生，通过互联网获取各种信息已成为他们学习的主要手段。网页设计将互联网的背后运作展现在他们面前，很大一部分文科生对这些是闻所未闻的。因此，在一定程度上，文科生的网页制作学习会存在或多或少的困难。但与理科生的背景知识、计算机技术等优势相比，文科生的思维比较活跃，善于文字表达。如果文科生能够快速掌握计算机技能，将自己的知识背景与现代计算机相结合，满足市场的职业要求，那么在同一竞争环境中，他们的就业优势就会比较突出。所以，对于那些文科生占较大比重的综合性大学而言，为增加毕业生的就业筹码，在课程体系中加入网页设计与制作就是十分有必要的了。
3基于就业导向的大学文科网页设计与制作课程体系构建策略
结合学生不同的专业，优化课程内容设计在以文科生为主力军的综合性大学中，不同专业的学生需要掌握的计算机技术是不同的。因此，各高校要根据专业的不同设置不同的计算机课程。基于就业导向，引入新的网页设计与制作课程的教学方法网页设计与制作这一课程的基本特征是理论和实践紧密相连，课堂教学与实际操作是一体化的，理论与实践没有清晰的界限划分。为了使教学效果最优化，本文提出一些对教学方法的建议与意见。
1）模拟任务法，课堂教学与实际操练相结合。在教学活动中，教师模拟一个制作任务，将课堂氛围假设为实际工作环境，教师可以将制作任务分为若干个子任务进行模拟演练，一边为学生演示如何操作，一边讲解，学生边听边做。这样的讲练结合过程极大地激发了学生的学习兴趣，课堂是以学生为主的，他们发现问题、分析问题、解决问题的能力得到有效提高，既学到了知识，又锻炼了能力。
2）实际案例分析法。教师可以将典型的分类网站引入到实际课堂中，在课上为学生做展示，分析并讨论这些网站的布局结构、内容分类以及技术特点。教材中的主要知识点要通过实际案例解释说明，在实践教学中培养学生的创新思维，锻炼他们的团队合作能力。有效利用多媒体、互联网等现代教育手段，采取第一课堂和第二课堂、产学研相互结合的人才培养模式。项目驱动的专题教学模式创新一是选择合适的教学项目，制定细化的开发进度表。一个优秀的教学项目可以充分调动学生的积极性，学生的学习态度也会由“要我学”向“我要学”逐渐转变。教师在备课时要充分考虑教学内容与实际案例的充分结合，选择一些略具挑战性、覆盖范围广的网络项目，这些项目是教学过程的中轴线，所有活动的展开都是以中轴线为标准的。二是引入专题教学模式，促进网页设计课程创新。完成一项网络任务的过程一般包括确定主题、收集并整理有关资料、选择风格、设计LOGO、编排网页的布局结构、确定配色方案、自定义网络样式、制作网络主页、制作各个分页、对网站进行测试、最终对外公布。教师需要将网络制作的这些过程与教学大纲紧密结合，收集整理并设计制作与实际情况相符的教学专题。教师在设计教学专题时应秉承以下几个原则：
1）尽量与教材中的主要知识点相结合；
2）寻找不同的教学案例，全方面、多角度满足学生的学习需求；
3）关注当前热点，紧跟时代潮流，网页制作技术要与时俱进；
4）把握学生对知识的接受与消化能力，精心设计课程，先易后难；
5）要从整体出发考虑专题的选择，每个专题之间都是环环相扣的，前后衔接之后才能出色地完成一个网站项目。
篇7
Discussion "Homepage Manufacture" the Curriculum Reforms which Face the Work Process
WANG Wen-li
(Guangxi International Business Vocational College, 530007 Nanning，China)
Abstract: In the now informationization society, many enterprises and institutions all hoped can establish this unit website, in order to propagandize own product and the service on-line, the homepage novel as well as the function formidable can more appealing and a convenient use. The "homepage manufacture" took in the quality colleges and universities computer specialty an essential curriculum will be facing the very big challenge. However the traditional teaching way already did not adapt society's development demand, at present the higher education primary mission was, face the work process, manifested professional technical ability. How in this paper will discuss to "Homepage Manufacture" curriculum reform.
Key words: Homepage manufacture；Curriculum reform
1 对传统课程改革的必要性
在传统的教学中，学生往往在完成课程学习后好像是学到了很多东西，但实际操作起来时就没有了头绪。也就是学生在学习理论知识时，缺乏对知识的感性认识，就是我们常说的死记硬背；在进入到专业实训阶段中，学生虽然比较感兴趣，但往往局限于模仿性操作；而在传统的考试中更不能客观反应学生理解、掌握和应用知识的实际情况。这样造成学生的学习兴趣得不到激发，结果是越学越乏味，把学习当作一种负担只是为了考试而去学，更不利于培养学生的创新能力和独立工作、解决问题的能力。目前高职专业课程体系的现状是重知识的系统性，忽视了知识与具体工作任务的联系。那么我们如何从传统模式走出来，引导学生开拓思维，使培养的人才更趋向市场需求，避免以往的与实践脱节呢？这就是要探讨的《网页制作》的教学课程改革的意义。
2 课程改革构思
对高等职业教育来说，就要培养具有较高的职业道德和职业技能的高级应用型专门人才，他们应该具有上岗适应能力和转岗适应能力，并能适应市场经济发展的需要。为适应现代化社会的需要，职业教育方法应该紧紧围绕职业教育的培养目标，运用“面向工作过程”的教学模式，以职业能力培养为课程核心，以实际项目为导向，注重职业情景中的实际技能的培养，开发学生参与活动的能力，能够让学生学中做、做中学、边学边做，从而提升学生的知识应用能力和技能的迁移能力。为了能够达到运用“面向工作过程”的教学模式，我们首先思考以下几个问题：
1) 用职业能力表述课程目标。重点关注学生在完成《网页制作》这门课的学习后能做什么，可以应用在哪方面，而不只是知道什么；
2) 以工作任务为教学内容。重点是教会学生如何完成工作任务，知识、技能的学习要结合工作任务的完成过程来进行；
3) 围绕工作任务学习的需要，以典型产品或服务为载体设计“学习项目”，组织教学。做到不与实际“脱轨”。
3 《网页制作》的课改实践
3.1 课程内容设计
构建以“网站开发工作流程”为导向的“情景式”课程结构，情景的划分以“行为导向教育理论”来展开。将知识和技能分为七个学习情景（网页基础情景、网页制作情景、网页色彩搭配情景、网页版式设计情景、网络知识情景、动态设计情景、综合项目设计情景）16个教学单元，每一个教学单元又包含若干个具体任务，在任务完成过程中进行教学内容的分解，同时项目主线中没有涉及的内容，采用“问题驱动”的形式进行补充讲解。通过完成每一个工作任务，使学生在掌握必要的理论知识的同时，具备收集、处理信息，准备、加工素材的能力；制作静态网页效果图的能力；颜色搭配和版式设计的能力；开发网站的综合能力；代码与界面融合的能力；以及创新和策划能力。
图1 《网页制作》课程设计各学习情景
3.2 对学习项目的选择
选择“学校网站设计”为工作任务进行驱动，以具体的实现贯穿教学的全过程。“学校网站设计”这个项目比较真实，比如有学生常常登录使用的“选课系统”、“讨论园地”、“校园动态”等页面，相关的流程学生比较熟悉，不必花太多的时间去了解其他行业网站的体系结构，符合学生的认知规律。
3.3 提供教材外的学习资源
在课程的学习过程中，精选一本好的教材是不够的，包括知识面的局限性等，所以还要为学生准备或者建议学生到图书馆借阅一两本教材以外的参考书，选择的参考书可以是典型案例参考、网页制作技巧和方面的；也可以给学生提供几个比较资深的网页设计的学习网站，鼓励学生课后主动进行扩充学习。这样，在参考别人的同时也积聚了一定的网页制作的知识，同时也培养了学生学习的主动性。
3.4 面向工作式教学
在课程教改中，教师观念的转变是带有决定意义的转变。观念变了，行为就会变；行为变了，教学效果才会变。所以从作为高职教师必须清楚我们的课程是“完成一个项目”入手，带着“项目”去研究和解决实际问题，要求对学生“教、学、做”一体化，而不是传统的只要求学生这节课掌握什么知识点和重点要求是什么。
首先在学习《网页制作》这门课前要求已开《图像处理技术》课程，那么学生就具备了图像处理的基础，可以在综合项目设计时自行准备图片素材，以免产生盗用图片版权的误会同时也是培养学生自主创新意识，可以根据自己的创作思路提供独一无二的信息；可以在学习《网页制作》这门课之前也可以同时开《flas设计与制作》这门课程，为制作网页设计独特的LOGO以及所需的flas。
我们选择“学校网站设计”为工作任务进行驱动，在具体的网站设计实现中贯穿了七个学习情景，其中每个学习情景又设置多个工作任务，比如情景一网页基础包含有网页欣赏与设计初步、网站设计流程两个任务，在这个学习情景中先给学生欣赏一些做得精美的网页和介绍一些功能比较强大、设计有特色的网站，引起他们学习网页制作的兴趣。接下来实行后面的学习情景，学生模仿做，边教边学边做，教师针对不同的学生和不同的问题给予及时解决，并准备足够的拓展训练题，比如网络寻呼、留言板这些平时学生熟悉又感兴趣的任务，以帮助学生强化，最重要的是能够让学生学有乐趣，就觉得学有成效。同时开展互动教学，师生互动和学生间互动，相互学习和指出不同的观点并一起去解决。在这个环节，基础比较好或者网页设计得好的同学可以“一帮一”，充当老师的“助手”帮助其他同学共同完成任务，这也是我们在职教中所要求培养学生达到的团结协作的能力。在每个任务阶段学习过程中，把学生做得比较好的作品进行展示，以相互学习同时学生得到鼓励后更激发了学习、创作的兴趣。在整个学期都围绕大型网站项目，将各个知识点融合到每个单元之中，例如在做注册页面时用到了表单，在设计特效时用到了时间轴和层，在制作讨论区时用到了ASP等等。多个小项目的实施最后完成大项目，让学生在完成这个大项目后有了一定的成就感。完成了所有实训环节后，学生模拟项目，可以从个人网站设计、学习网站设计、企业网站设计、旅游网站设计的题目中四选一，个人或者两、三个学生组成小组合作完成所选的项目。从而引导学生开拓思维，提高了他们实践能力，为今后的设计累计了经验。
3.5 考核
“以能力为中心”的原则，形成式考核。主要考核学生掌握网页制作的程度以及策划创新等综合能力。考核内容有平时的实训任务40%，期中的实训任务30%，期末项目、案例设计30%。
4 总结
面向工作过程的教学选用生活中的案例作为学习项目，学生认知效率高，能够学有兴趣；在教学过程中通过互动培养了学生的团队合作精神；综合项目设计在一定程度上培养了学生创新精神。面向工作过程的教学模式充分体现了职业教育的特点。
参考文献：
篇8
《网页设计与制作》是高职网络专业根据网页设计与制作、网站管理、网页编辑的工作岗位能力要求所开设的课程，同时也是进行WEB应用系统开发的重要基础。针对高职院校的特点，结合本行业的需求及课程特点，该文就该课程的内容如何选取，教学方法与能力培养等问题进行了一些分析和探讨。
1 教学内容的安排
1.1 根据课程标准安排教学内容
课程标准是规定课程的性质、目标、内容框架，提出教学建议和评价建议的纲领性教学文件。在进行课程设计前，要先了解该课程的课程标准。
《网页设计与制作》课程的总体目标是：基于行业企业真实工作过程设计课程教学活动方案。通过项目引入任务驱动式的教学方法，使学生在认知和实际操作上，对网页有一个整体认识。使学生掌握网页设计和制作的基本职业技能，能够制作社会企事业单位的静态网站，具备网站的策划、设计和制作及维护的能力。倡导学生积极参与真实项目制作，实践学真知，积累优秀作品，为就业打下必要基础。培养学生具有诚实、守信，善于沟通和合作的团队合作能力，为从事网络媒体网页制作工作奠定良好的基础。
1.2 以行业需求为依据，就业为导向，与时俱进为原则。
通过对IT 行业的发展现状与趋势、人才需求状况、企业调研等方面调查分析，可以将网页设计分为网页设计、网页制作、网站编辑、网站管理 4大岗位群。其中网页设计主要是网站开发前期界面的效果图设计，网页制作主要根据页面效果图利用网页制作工具实现效果图向网页的映射，网站编辑主要负责网站内容的维护和管理为主的工作岗位，网站管理主要负责网站的日常维护、网站的改版等工作。
在教学中，可以根据这些职业岗位和不断发展的IT技术对技能和知识的需求，选取课程教学内容，并从这些职业岗位中选择一些真实项目作为实践教学内容。
1.3 以激发学生学习热情为目的设计教学内容
兴趣是最好的老师，有了兴趣才能使学习效率提高，因此在学习过程中，为保持学生的学习热情，必须精心设计教学内容。
网页设计所涉及的领域十分广泛，生活之中无处不在。且本课程最终目的为制作一个成功的静态网站，那么在教学过程中，设计案例、任务及最终项目时，应以当代大学生所感兴趣的角度出发，或者给予其充分的自，让他们为了圆满完成自己的想法和创意而积极主动的去汲取新的知识，掌握技巧，提高动手能力。
2 教学模式探讨
本课程的教学过程中，所采用的教学模式主要有“教学做一体化”，“任务驱动”和“项目教学”等。根据课程特点，使用“教学做一体化”让学生打好知识基础，使用“任务驱动”模式让学生巩固知识并掌握一定的技能，提高动手能力，并能以完成任务为目标培养自主学习及发现问题解决问题的能力。最后通过“项目教学”培养学生的职业能力。
2.1 “教学做一体化”教学模式
网页设计与制作的主要知识点在于：html语言、css样式、网页制作软件的操作。对于知识点的教学应该主要由教师讲授来引导学生入门，再根据该课程实践性强的特点，让学生尝试用动手操作的方式来理解和消化吸收知识点，再引导学生总结重点、难点、方法和技巧，以此打好基础，为完成后续的任务而做好准备工作。
2.2 “任务驱动”与“工作项目”相结合
在企业中，完成一个网页也可以是一个完整的工作过程。完成一个整体网站则需要多个工作过程。本课程的要求是完成整体网页的设计与制作。其中网页是由logo、banner、导航、文字、图像、动画、视频等元素组合而成。各个元素的添加的方法与组合方法则是本课程所介绍的重点知识。
在网站建设行业中，不同的企业机构在设计网页时，均有不同的需求。如有的企业因为信息量小功能少就需要设计简洁型网页，而有些则需要设计成大型的结构复杂的页面，不管是复杂还是简洁，都是相同的制作流程，不同的是简洁型涉及知识点少。教学过程中，可以从简洁型网页入手，由浅入深设计工作项目，例如设计一个完成纯文字页面的工作项目，将些项目分解为几个工作任务：认识网页创建站点应用网页元素“文字”对网页布局完成页面初期效果，通过完成各种工作任务直到整个项目，学生不仅掌握了相关的知识点，还可以以一名网站制作人员的身份，体会了制作页面的工作过程。
在随后的教学中，再融入新的知识点，设计稍为复杂的项目，循序渐近，如适当添加元素或者变换组合方式及网站优化等，通过完成不同的项目，体会不同工作岗位的需求：如作为网页设计师对网页进行布局、配色与装饰等；作为网站管理人员从便于维护和修改的角度对网页进行修改；或者作为网站seo对网站进行全方位的优化处理等。并在完成项目的同时，通过引导学生总结学习方法，引导其自主学习，举一反三，以达到掌握知识，强化技能的目的。
2.3 以作品评价为考核方式
在学期即将结束之前，教师适合学生能力的工作项目，提出设计要求，学生以网站建设团队的人员结构为依据，组成小组，并明确分工。以市场调研需求分析整体规划确定方案收集素材协作完成推广后期维护的行业实际工作过程，小组成员分别以项目经理、业务员、网站美工、网站编辑、网站设计与制作、网站优化维护人员等身份，以工作的形式完成最终项目的制作，让学生在做中学，学中做，自主管理，使学习能力、沟通能力、岗位适应能力等各方面都得到提高。通过对项目完成的情况进行评价，项目考核成绩*60% +平时成绩*40%作为该门课程总成绩。其中平时成绩包括为出勤+ 纪律+ 团队协作能力（互评成绩），这种考核方式注重实践操作和应用开发能力的培养，可以大大发挥学生的学习积极性和主动性。
3 注重学生能力的培养
从高职院校的特点出发，再结合本行业的需求，本课程以培养学生成为一名优秀的网页制作人员为宗旨，除了让学生熟练掌握网页设计与制作中的各种操作技术具备开发维护小型网站的能力外，还要为学习计算机网络技术专业后续课程的知识打下基础。在教学中，应注意全方位的培养学生和各种能力。
首先，对于专业能力，学生除了掌握网站制作流程，网页制作软件的操作，使用软件完成网页的结构搭建、布局与美化外，还应该顺应时代养成手写代码的习惯，这样不仅使制作出来的网页能符合web标准，同时还能为学习web应用系统开发打下基础。
第二，在教学过程中，通过完成一个个项目，对学生的协调沟通能力、资料检索能力、阅读分析能力、语言表达能力、项目策划能力、分析能力、创新能力均能进行很好的锻炼。
第三，模拟工作环境的教学，对于学生端正工作态度，有责任心，具备团队意识和协作能力都有很好的提高。
4 结束语
随着经济与网络技术的发展，社会对高职类毕业生的要求越来越高，为适应市场需求，高职教师应在教学内容和教学方法、能力培养上应不断的改革与创新，根据需要调节内容，通过“任务驱动+项目导向”促进学生尽快的掌握网页设计与制作的相关技能，并在实施过程中全方位的培养学生的专业能力、学习能力、职业能力与社会能力，为大学生就业创业打好基础。
篇9
《网页设计与制作》课程是职业院校计算机类专业必修的一门专业课程。本课程以培养学生实际动手能力为目标，使学生具备网页设计、网页制作、网站建设与管理的实践技能，学生毕业后可胜任网页设计师、网站管理员等工作岗位。传统的教学方法和内容已不能实现该课程的培养目标，如学生不能独立完成网站规划和页面设计、网页设计功能和视觉效果不理想等。因此，本文结合当前职业院校学生的实际情况及岗位需求，探讨了基于工作过程的网页设计与制作课程教学改革模式。
1 基于工作过程的教学模式
德国劳耐尔教授等认为，工作过程是“在企业里为完成一件工作任务并获得工作成果而进行的一个完整的工作程序”。基于工作过程的课程教学是通过整体的职业岗位分析，确定典型工作任务，归纳出职业行动领域，按照对职业能力和知识领域的分析，形成学习领域，然后进行基于工作过程的整合，构建课程体系，设计出学习情境，整个教学组织与实施以工作过程为导向。这种教学模式要求打破传统学科系统化的束缚，将学习过程、工作过程与学生的能力和个性发展联系起来，目的是强调学生的设计与建构能力的培养。
2 基于工作过程的《网页设计与制作》课程设计
2.1 确定典型工作任务
通过前期调研及对具体岗位（群）分析，明确了本门课程涉及的主要工作任务包括：一是网站的需求分析，二是网站的整体规划与设计，三是网站的详细设计（制作、编辑），四是网站的与推广，五是网站的更新与维护。通过进一步归纳与总结，确定了该课程的典型工作任务就是在规定时间内设计出网站的规划书，并针对网页的不同特点，设计与制作网页，然后进行网页的测试，以便获得符合技术要求的网页。
2.2 归纳行动领域
通过对多个典型工作任务进行排序和归纳，按照相应的归类原则，体现几个典型工作任务所构成的集合，进而构成职业的行动领域。归纳后的行动领域应涵盖岗位群工作任务所对应的专业知识能力、方法能力和社会能力。
2.3 形成学习领域
学习领域是和行动领域相对应的，指的是完成行动领域工作所必须学习的系统性内容。学习领域的名称要表明一个完整的职业工作关系，对学习目标的描述要与典型工作任务的核心内容联系在一起，学习难度从简单到复杂、由浅入深。根据学生认知规律与职业成长规律，确定网页设计与制作课程的主要知识包括HTML语言的使用、Dreamweaver软件的使用等。此外，还要注重学生策划、设计、决策、分析问题、解决问题、审美、团队合作等能力的培养。
2.4 设计学习情境
学习情境是在职业的典型工作任务和行动领域的背景下，按照学习领域的目标和内容，进行教学转换，是具体课程的实施方案。学习情境的设计必须要具有针对性，要体现课程的培养目标。基于这一指导思想，我们确定了以企业典型真实任务为载体的个人网站制作、精品课程网站建设、企业类网站建设、自主选题网站建设4个具有典型工作任务的学习情境。整个学习情境的设计遵循从简单到复杂，由单一到综合的原则，从专业能力到素质能力，再到职业资格标准都纳入到了课程里面。通过4个情境的学习达到了教学效果与目的，提高了学生的学习兴趣。
3 基于工作过程的《网页设计与制作》课程的教学组织与实施
基于工作过程的课程教学组织与实施是按实际工作岗位的工作流程来进行的，每一个学习情境都是一个完整的工作过程，包括资讯、计划、决策、实施、检查、评估6个步骤。
3.1 资讯阶段
根据任务的难易程序，将学生分成3-6人的小组，每组选出一名组长。教师下达任务书，并对相应内容进行一定的描述，每个小组的学生依据任务书，对网站中所需要的文字、图片、音视频、动画等素材进行收集与整理。资讯阶段即是让学生了解学什么，做什么的过程，主要采用的教学方法是任务驱动法和小组合作法。
3.2 计划阶段
各小组分别进行分析讨论，根据下达的任务书，对网站页面的框架结构进行分析、讨论，学生各自表达自己的看法与意见，并讨论出每个小组的工作方案。计划阶段即是拟定学习工作计划的过程，主要采用小组讨论法和头脑风暴法。
3.3 决策阶段
各小组根据拟定的工作计划，进行概要设计和详细设计，确定一个切实可行的方案。概要设计主要包括网站的目录、架构；详细设计主要包括每个页面的功能和布局设计等。设计完成后，各小组进行分工，分别担任项目经理、网页设计人员、网页制作人员、网站测试员等不同的角色，并制订工作进度表。决策阶段即是使学生明确学习、工作方法与目标的过程，主要采用小组合作法和案例教学法。
3.4 实施阶段
各小组在项目经理的统筹指导，由网页设计人员完成首页及内页面的框架的设计，由网页制作人员完成网站内容的填加与编辑，由网站测试员进行测试并完成详细的测试报告。各小组成员轮流执行，完成整个网站的设计与制（上接第231页）作。实施阶段即是学习、工作具体实施的过程，主要采用角色扮演法和小组合作法。
3.5 检查阶段
各小组在合作完成既定任务后对完成的情况进行检查，查找问题、分析问题并解决，如网页中的链接是否正确，网页中的图片是否显示，网页中的音视频是否能够正常播放等。检查阶段即是任务完成情况检查的过程，主要采用小组讨论法和任务教学法。
3.6 评估阶段
各小组完成作品后，对本小组的作品进行展示与汇报，同时让学生集体讨论，相互评价、找出问题，最后由教师点评，对典型问题进行分析与总结，对共性问题进行强调。评价主要包括小组自评（10%）、小组互评（20%）、任课教师评价（30%）、校内专业教师评价（20%）、网络展示人气指数评价（20%）等几个环节。评估阶段即是对学习和工作成果的评价过程，主要采用案例分析法和作品展示法。
4 基于工作过程的《网页设计与制作》课程教学改革的体会与反思
基于工作过程的《网页设计与制作》课程教学改革已经在我校进行实施，与“讲解+练习”的传统教学模式相比较，学生的学习兴趣与积极性大大提高，设计与制作出来的网页作品更加专业，教师的教学水平也得到了高度认可。但在整个教学组织与实施过程中，仍需注意一些细节问题：一是应使学生全部参与学习中来，避免滥竽充数的现象发生；二是应多组织一些网页设计大赛等类型的活动来激发学生的创意；三是应通过职教新干线等网络平台，培养学生自主学习、远程学习的能力；四是教师自身应下企业锻炼，做实际项目，不断加强业务学习。
5 结束语
经过调查发现，职业院校的学生一般动手能力强，形象思维比较发达，敢于表现自我，但是对理论知识缺乏兴趣。因此，采用基于工作过程的课程教学改革有利于激发他们的学习积极性和主动性，有利于培养学生的专业技能和综合职业能力，有利于缩短学习和就业之间的距离，最终实现职业院校高素质技术技能人才的培养目标。
参考文献：
[1]李勤道.基于工作过程导向的课程和课程开发的研究与实践[J].山东电力高等专科学校学报，2011，12（2）：21-25.
[2]曹艳琴.基于工作过程的课程开发――以高职院校《网页设计与制作》课程教学改革为例[J].教学理论，2012（2）：172-173.
[3]黄丽娟.基于工作过程的软件专业课程教学改革[J].Reformation改革，2013（1）：77-79.
篇10
一、引言
培养大量掌握电子商务技能的复合型人才，是高等院校培养目标面临的问题之一[1]。但近年来，从电子商务专业学生整体就业形势来看却不容乐观，电子商务专业应届毕业生就业率远远低于全国大学生就业平均水平。但另一方面，许多电子商务企业人才难求，网易公司的总裁就曾感叹拿着钞票招不来人才，这种看似矛盾的现象凸现了高校在电子商务人才培养环节中的问题[2]。电子商务专业人才培养与行业企业的实际需求之间存在严偏差，是直接导致电子商务专业毕业生“学难以致用”的根本原因。因此，要缩小这个差距，需要培养和提高人才适应社会的综合素质与能力[3]。谢利民（2003）认为，技能包括外部动作技能和内在的心智技能两方面，两者是相互联系、相互依存的，实际操作技能的形成和熟练，不仅仅依靠语言的传授，还要依靠实践训练[4]。曾明等（2011）认为，在传统的应试教育中，传授是主要的教学方法，学生是被动的接收者，学生的创造性思维培养被忽视，发展受到束缚。随着现代社会的发展和素质教育时代的到来，实践教学作为教学中的薄弱环节，必须得到强化。实践教学领域的教学方法改革，对培养学生的动手能力和创新精神具有至关重要的作用[5]。综上所述，进行高校电子商务实践教学改革势在必行。
二、电子商务专业实践教学现状分析
电子商务行业对人才的综合性提出了很高的要求。高校所培养的电子商务专业人才在系统掌握电子商务基础理论与实务知识的同时，要能将经营管理与信息技术、网络技术以及相关学科知识有机结合。电子商务专业毕业生不仅要具有市场经济竞争能力和适应能力，同时也应该是具有创新精神和实践能力的应用型人才[6]。为了深入了解高校电子商务专业实践教学的现状，本人总结了若干学者的研究成果，对若干位电子商务专业的教师及学生进行了深度访谈，并对在校电子商务专业学生进行了调查。通过分析调查结果，可以总结出目前电子商务专业实践教学存在以下问题：
第一，总体来说，很多学生觉得所学到的认识过于抽象，无法用于实际应用中。问卷调查数据显示，一半多的同学同意“电子商务专业缺乏技能的训练”。
第二，电子商务相关课程配套的实践教学比例较少，大部分课程都是以老师讲课为主。即使有的课程加上了实践内容，但一些老师并不重视实践教学，实践教学内容不像理论教学那样有具体的教学大纲和教学要求，因而实践教学效果并不太理想。
第三，学校内部缺乏实践教学资源。具体表现在机器陈旧，学校因经费限制无法购置相关软件，而已经购置的部分软件却脱离实际的商业环境，甚至有不少软件已经落后于现有的应用。
第四，缺乏去校外进行实践的机会。通过实践性教学使学生能够直接感受到电子商务的商业化应用过程，并通过知识的运用深入理解电子商务原理和过程。而由于经费、管理等种种原因，大部分学生没有去实际公司实验，根本不了解电子商务的实际应用情况。
三、电子商务专业实践教学体系的构建
实践教学体系应该具有连续性、系统性和创造性，按照“知行合一”、“因材施教”的原则，分层次、分模块循序渐进地使学生受到较系统、全面的实践能力与创新能力培养[9]。为此可以构建“五位一体”电子商务实践教学综合体系。
第一位是认知实习部分。情境认知理论支持一些促进学习的方法（如信息丰富的真实场景中的真实作业）而避开其他的一些方法（如直接教学）[7]。本阶段主要安排学生了解本课程在具体企业的应用情况，具体方式可以是通过网站了解、去企业实践基地了解或聘请企业人士来校做讲座。
第二位是基础训练，内容是本课程相关基本技能的实习，主要方式是在低年级课程设计期间，学生在学校机房上机完成。
第三位是高级技能训练，结合具体上课内容，学生在学校机房上机完成。
第四位是综合模拟训练。建构主义认为，学习环境中的情境必须有利于学习者对所学内容的意义建构。在教学设计中，创设有利于学习者建构意义的情境是最重要的环节或方面[8]。本阶段可以购置相关课程的模拟训练软件平台，在课程设计阶段进行。
第五位是综合实战训练。国内外学者研究成果表明，课程内容的选择上要根据生产或服务的现实需要，更多地倾向于现成、实用技术与规范的经验知识，而理论知识的学习要求学生理解相关结论，及其推导过程，但更重要的是让学生掌握其使用方法，学会用理论去指导实践[9]。因此，该阶段要求学生结合企业的具体需求，进行相关内容的综合练习与演练。
四、“电子商务网页与网站设计”实践教学的探讨
上述“五位一体”电子商务实践教学综合体系是一个概念模型，在不同的课程中，还需结合具体课程的内容进行详细设计与执行。本文以“电子商务网页与网站设计”课程为例，探讨“五位一体”电子商务实践教学综合体系在该课程中的具体应用。
1.本课程实践教学的重要性。企业建立自己的网站是企业实现网络化经营及电子商务的必然途径，企业通过网站树立企业形象、信息、提供服务、接受用户反馈信息，利用网站可使企业获得最大的效益。本课程是电子商务专业的一门专业必修课，是电子商务应用技术中最重要的环节之一。本课程同时又是一门实践性很强的应用型课程。本课程根据电子商务实际应用过程中的主要环节，结合目前我国电子商务网站建设的实际情况，向学生详细介绍了建立电子商务网站所必须掌握的技术，并结合实际例子给出了电子商务网站的一般开发流程，包括网页制作、脚本技术、Web数据库技术等。通过本课程学习，可以培养电子商务网站设计、开发的实际能力。
2.本课程实践教学问题。一般来说，本课程作为专业课在大三或大四开设。根据本人调查发现以下几个问题：
第一，多数学生在中学阶段已经掌握初步的网页制作技术。当前在江苏省及沿海发达地区的中小学已经开设了信息技术课程，其中已经涉及初步的网页制作软件的应用（如Frontpage）。但学生一般对此仅仅是有一个初步的接触与了解，对软件的应用也仅仅是皮毛而已。
第二，学生大都对企业电子商务网站缺乏了解。学生一般上网所浏览的是娱乐类、新闻类网站，商务类网站中以淘宝网、当当网、卓越网等综合性商务网站为主，而对行业网站和企业商务网站了解不多。
第三，对相关网站编程技术有畏难心理。如果高校电子商务专业开设在计算机学院，则学生对有关网站编程技术比较感兴趣，掌握的效果也比较好。而对于大部分开设在经管类学院的电子商务专业学生，由于缺乏大量的编程练习，且有些学校该专业是文理兼招的，学生编程基础较弱。
3.本课程“五位一体”的实践教学模式。基于上述分析，将“电子商务网页与网站设计”这门课程的相关实习环节构成“五位一体”的教学模式。该体系一共由五轮实习内容组成，每轮实习均有详细的实践环节的大纲和实验指导书。在实验大纲中，结合课堂教学进度，明确了每次上机实验的具体任务并在课程网站上公布，使学生通过每次上机巩固所学内容并锻炼了动手能力。在实验指导书中，详细列出了每次上机的具体操作步骤，学生可以对照自己的上机掌握情况及时总结自己的问题。
第一，商务网站调查实习。本实习在大一下学期课程设计进行。要求学生通过阅读及上网浏览弄清楚电子商务网站的概念；企业电子商务网站的总体架构模式；电子商务网站有哪些常见的类型；不同类型电子商务网站在目的、结构、前台系统内容上的一般差异；等等。
第二，网页制作基本技术。本实习在大二下学期课程设计进行。因为课程教学的课时比较紧张，课上不能详细介绍网站制作软件的应用，包括Dreamweaver、Photoshop、Flash软件的基本应用，并且大部分同学具备一定的基础，而这方面完全可以让学生自己通过大量上机得以掌握和熟练。
第三，电子商务网站建设高级技术。本部分在大三上学期进行，是配合课程“电子商务网页与网站设计”的上机练习。由于学生在大二的课程设计中已经对基本的网页制作相关软件较为熟悉，因此本部分所包含的内容包括网站平台IIS的应用、对HTML的深入了解、用Dreamweaver制作网站框架及模板、样式表的应用、web应用程序开发等等。
第四，电子商务开发平台的应用。本实习在大三下学期进行。该开发平台是北京博导前程信息技术有限公司开发研制的，平台为学生提供一个集成开发环境，学生可以不借助其他任何开发工具，就能在该平台中完成开发任务。平台开发环境中还为学生提供许多现成的商务网站开发组件（如购物车组件、商品展示组件等），学生可以直接把组件套用到自己的网站里，这样就为网站的建设带来了很大方便。
第五，电子商务网站综合实习。本实习在大四上学期进行。要求以小组为单位，开发针对具体企业或商家的完整的电子商务网站。这里注重针对真实对象，进行具体的需求分析、网站规划、网站的结构设计、界面设计、网站内容的整理、网页制作、网站测试等多个方面，提交内容除了网站之外还有实习报告。该实习要求学生分组完成，使学生之间互相交流，提高团队意识，培养协作工作能力。
4.主要实践效果。学生通过多个实习，可以逐步了解电子商务网站的工作流程和整个网站的建设过程，从中学会网站建设过程中涉及的相关知识。通过电子商务网站开发平台的使用，可以使学生对电子商务网站开发有一个全面的认识，也使学生从整体上了解电子商务的内涵。学生普遍反映，通过“五位一体”综合实践体系，既巩固了书本知识，又提高了动手能力，也为今后就业掌握了一项实际本领。
五、结论
实践环节在电子商务专业人才培养中具有重要地位，论文提出的“五位一体”综合实践教学体系，强调从五个方面逐步地、整体地提高学生实践能力。具体包括：（1）首先要通过调查、比较，了解某项理论或技术在实际企业的应用情况；（2）一些理论和技术会有部分基础的实践内容，可以由学生自学并实践；（3）教学安排上要配合课堂教学，安排相应的实践教学课时，旨在让学生巩固所学知识并培养动手能力；（4）有关课程可以购置商业软件公司开发的实践教学模拟软件，为学生提供模拟实践环境；（5）高年级学生应该有结合课程内容及具体企业需求的实战演练，从而使学生毕业后能尽快适应实际企业的需求。“五位一体”综合实践教学体系在课程“电子商务网页及网站设计”中得到了较好的应用，实践效果优良。该体系可推广至“网络营销”、“管理信息系统”、“ERP”等其他课程或其他专业的实践教学环节中。
参考文献：
[1]飞，杨象驰.电子商务开放式实验的探索[J].实验室研究与探索，2007，26（5）：136-138.
[2]琚春华，刘东升，周怡.电子商务专业分类人才培养体系的探索[J].中国高教研究，2011，（3）：87-89.
[3]宋文生.高校电子商务实践教学改革研究[J].商场现代化，2007，（11）：160-160.
[4]谢利民，郑百伟.现代教学基础理论[M].上海：上海教育出版社，2003.
[5]曾明，徐晨.深化教学方式方法改革探寻创新人才培养新路[J].中国高等教育，2011，（15）：47-48.
[6]朱玉春.我国电子商务人才培养中的问题与对策[J].农业网络信息，2006，（7）：40-42.
[7]戴维H·乔纳森.郑太年，任友群译.学习环境的理论基础[M].上海：华东师范大学出版社，2002.
篇11
1 《网页设计与制作》现状问题分析
（1）对课程不了解
很多学生都有这个困惑，这门课能干什么？答案就是--开发网站！简单的来说，学好了这门课，你就有开发、设计网站的能力。这门课包含了静态网页制作、动态网页制作、Photoshop、数据库以及程序的开发等。通过程序代码将网页与数据库连接，可以实现信息的实时更新。使你的网站成为一个"有生命"的网站。通过DIV层、框架、flash、样式表等对网页进行布局和规划，再加上像JavaScript这种脚本语言来实现用户与网页的互动功能，经过这些专业技能的学习，让学生真正掌握一种技术。
（2）学校以及教师的指导不够
很多老师通过上理论课的时候将知识授予学生，并未在做后续的指导，这是一门重在实践的课程，多实践才能熟练。学校开展相关专业的比赛活动很少，仅凭平常的上机实践很难完全掌握所学内容。
（3）侧重点不明确
很多学校教师在上这门课时，将很大一部分精力放在了对工具的操作上，而忽略了内容的讲解，这就导致学生可能工具用的不错，但是做出来的东西却很一般，甚至于连一些基本的功能都不能实现。有的学生不太明白这门课程的含义，不知道学这个有什么用，将来能干什么，态度比较犹豫，这也导致对这门课不重视。
2 解决当前问题的方法
（1）学校教学思路
这门课程分为理论部分跟实践部分，理论知识的讲解一般在课堂上进行，通过授课教师的讲解，同学之间的演讲和作品展示来进行学习，举例学习是一种更快更有效率的教学方法，授课教师可以结合案例跟教材的内容去详细给学生进行分析。通过有效正确的教学方法来提高学校的教学质量。在实践部分，将重心放在学生上面，着重锻炼和培养学生自主动手实践的能力，学生有自己的想法后，可以结合教材自己去做网页，教师在布置任务不应死板的规定学生们必须要完成一个相同的作品，这样容易将一些学生的想法锁死。在课程设计上，让学生以自己的想法去进行设计是《网页设计与制作》这门课的一个关键点，充分展示学生的想法跟意见，让学生创造自己的作品，培养学生的创新意识。学校应该多给学生提供一些可供实践操作以及讨论的机会，尤其是用所学知识去解决实际问题的机会，与此同时，还应让学生自己创造机会，慢慢建立自己的学习方式。
（2）教师的教学理念
如今的社会，互联网的普及率非常高，各种新兴的行业发展非常迅猛，所以，学校授课内容应该紧跟时代的发展。技术是在不断更新的，育人的目的就是想找到一份好的工作，将就业放在第一位，及时归纳总结问题，现实遇到的问题及时解决达到活学活用的目的。教师在授课的同时，应该深入研究教学要求，确保教学内容跟目的合理性，考虑不同学生的实际情况去合理教学。鼓励学生自我动手实践能力，支持与同学一起探讨问题，教师要积极帮助学生解决他们所遇到的问题，学生通过对教材内容的了解，结合课程模块方面的实践将学到的知识运用到实际生活中，最大程度的激发学生学习的热情，进而形成良好的学习习惯。很多大学生对未来没有清晰的规划，在就业选择上不知该如何做出选择，所以他们主观意识上不太确定自己适合做什么，这就导致他们在选专业上的犹豫和不明确。校方要多做对学生未来职业方面指导的工作，让学生能从一而终认真专心的学习，不再将心思放在"能不能找到工作"上，方向明确了，自然而然学习动力就会充足。
（3）解决学生的困惑
《网页设计与制作》这门课程，教师给学生应该传达这样一个信息：在已经掌握的技术水平跟理论知识之上，还要能够独立去实践。把重点教给学生，合理平衡的分配理论知识与实践操作所占比例，在掌握学习工具以后，一定要多实践，多去了解学习理论方面的知识，技术在不断进步，学无止境，要不断的更新自己的知识，而不能安于现状。一种技术可能就是将来的求生技能，所以，学生对任何东西不要有排斥的心理，既然能有一门课程，那肯定是有道理的，有的学生不愿意去学习，是因为他不了解这门课程的作用，这时候，教师跟学校扮演了相当重要的角色，他们应该为学生答疑解难，让他们明白课程的重要性以及作用。及时指正他们认知上的错误。
3 结语
《网页设计与制作》是一门涉及面很广的课程，在教师的教学方法跟课程设计实践的作用下，都能去激发出学生对这门课的兴趣，学生自主的探究学习可以丰富完善他们的专业技能更能加深印象，教师在传授专业知识时应该让学生明白这门课程的特色和作用，可以使他们在今后的学习和择业中方向更加明确。
参考文献：
篇12
1．网页设计传统教学存在的问题以及案例教学法的含义及特点
计算机网页设计是一项具有操作性极强的一个综合性课程，想要制作出一个“有声有色”的网页，就要具备动画制作、图像处理以及文字版面处理等相关的一些知识。在计算机网页设计当中，常用的网页设计软件有：Firework、Dreamweaver以及Flash，这就是人们常说的“网页制作三剑客”。
在一般的技工学校开设网页设计课程时的教学模式都是沿用传统的教学模式，通过理论和实践的模式来组织教学的过程，也就是根据大纲的要求，针对各个章节来对学生进行教学，不同的知识点分别安排一次实验和理论[1]。然而这样做的结果是导致学生不能够学以致用，只会机械的照搬，不能够融会贯通，没有达到学生的创新能力的培养。虽然这种教学方式也比较注重实践教学，但是实际的教学效果却往往达不到预期想要的目标。形成这些结果的重要原因就是即使是学生对网页制作中的一些技巧以及技术掌握的非常好，但是在图片制作、内容排版编排、以及整个网站的布局和规划上缺乏对整体网站的把控能力，这一点是非常重要的。
案例教学法指的是在学生能够掌握基础部分的知识分析、知识理解以及能够达到辨识能力的基础上，教师通过精心的课程设计呈现给学生所要学习的案例。并且根据教学目标和课程大纲的要求和教学内容，引导学生通过运用案例来将所学的知识进行讨论和分析，并且采取团队合作和自己独立思考相结合的模式进行分析，对所学知识进行进一步的分析和辨识以及提高解决具体问题的能力。与此同时，培养学生正确的工作作风、管理理念管理理念以及沟通协调能力的一种教学模式。
案例教学法是一种通过实例为基本的教学方式，在教师教学的过程中通过生动形象的案例来激发学生对网页设计的学习星期，再把案例当中涉及到的知识点贯穿到学习网页制作的过程当中，让学生在学习知识的同时提高解决问题的能力。在整个案例教学的过程中教师扮演着重要的角色，既是设计者又是激励者，让学生能够积极的参与讨论。
2．案例教学的实现过程
在案例教学当中没有一成不变的教学方式，但是只有对每个环节的流程都加以注重才能得以有效的实施，才能够使案例教学达到成功。案例教学的流程是：案例教学设计组织案例讨论实现案例和总结。
2.1 案例教学设计
进行案例教学设计是实施案例教学法的基础和前提，授课教师要根据教学要求以及教学规划对讲授的内容进行充分的备课和对案例相关的技能和理论的讨论，并且对案例教学中可能出现的问题进行分析和讨论。
在案例设计的时候要注意以下几点：教学案例要具有实践性，设计的案例要跟现实和教学当中的案例相吻合，这样才能被学生理解；教学案例要具有典型性，教学案例要能够涵盖课程中大部分的知识点；设计的案例要具有系统性，在教学的过程中，要用到的案例之间应该是相互联系和前后贯穿的，而且要由易到难的进行编排；案例设计必须要具有针对性，教师要针对大部分学生的接收能力来设计教学案例和选择教学案例。
学生在对案例进行分析的同时，还要探索和思考怎样用于实际，及时有效地促进理论向实践的转化，达到理论和实践相结合，还能不断的扩展学生的视野。如：在网页设计的教学中，给学生一个实际的题目，设计个人求职网站。因此，学生就要根据实际情况和结合所学的网页制作知识来分析求职的素材以及独立的做出设计，提高学生实践动手能力和提高学生学习理论知识的兴趣。
2.2 组织案例讨论
组织案例讨论的重点是对问题进行分析，并且提出解决问题的思路和办法。针对同一个案例不同的学生实现的方法和分析的结果可能不大一样，有些学生能找到简易的实现途径但是难以理解，而有的学生找到的方法比较复杂但是容易理解[2]。因此，教师要引导学生删除案例当中次要的细节，并且发现案例中的理论知识和案例结构之间的联系。案例讨论的关键是教师和学生一起努力，把案例当中的教学内容和理论知识联系起来。想要达到这样的要求，教师要做好引导工作，创造自由的讨论氛围，知道案例讨论，让学生成为主角。
案例教学方法主要强调的是在教师进行教学的过程中当做一种交往的情境，在此情境当中，学生可以主动的参与各种互动交流以及学习活动，能够在情境中反复的进行学习。这就和传统的教学模式有所不同，传统的教学模式是以教师为主导思想。而在案例教学当中的主体地位是学生，对学生不要求强记内容，但是要对提出的问题进行积极的思考，并且经过反复的训练，才能使学生达到分析问题以及解决问题的能力，实现培养动手能力强的目标。如：在网页设计的教学过程中，教师可以针对不同的内容采取不一样的教学方式，在最初对Dreameaver MX网页制作工具进行介绍的时候，因为学生对这个工具比较陌生，教师可以采用案例讨论的方式来进行教学。
2.3 实现案例和总结
通过学生对案例进行讨论以后，教师要对讨论的结果做出评价，摒弃不正确的观念。并且还要对在案例分析当中需要用到的知识技能以及技巧进行讲析。在学生上机操作的时候，就可以按照课堂上的讨论内容来对案例进行实现。这样有利于使学生对需要掌握的知识点牢记。
3．案例教学在网页设计中的应用
3.1 提高教师自身素养，建立和谐师生关系
一位学者曾今说过，“人只能由人来塑造，能力只能由能力来培养”。作为一名教师的基本条件就是具有渊博的知识，这是教师传递知识和经验来决定的，教师要不断的学习通过学习方便不断地向学生提供各种新的不同的信息。只有做到这样，才能使教师的威信、影响力加以增强，并且提高教育质量。
教师还要通过各种形式的方式去关心和爱护学生，并且深入到学生中去，体会学生的心理感受，做学生的良师益友。
3.2 构建合理知识体系，选取精心教学案例
认知结构是认识事物、适应环境和学习知识必备的条件，而学生在学习的过程是“顺应”和“同化”机能的不断平衡的过程，是认知结构在不断构建的过程。所以，教师在呈现出新的知识点和引入一些必备的背景知识的时候， 要紧扣教学大纲的重点。教师在进行教学案例的选择的时候每一个案例都要反映到教学大纲当中的知识点上，做到有针对性。
如：在网页的页面布局时可以采用框架以及层和表格的方式，以一个食品网站为例做一个简单的草图：第一层插入背景图片，给网页一个主色调；第二层插入一个flash动画，使网页充满生机活力；第三层插入精品美食；第四层搭配歌曲体现企业的饮食文化；第五层可以添加一个浮动的物体，使整个网页看起来更具有立体感。教师要先对学生进行鼓励用表格布局的方式来解决问题，然后再引出层的概念，一步一步的解决问题，最后完成任务。
3.3 营造轻松的学习氛围
教师在案例教学的过程中要学会营造一种融洽的、活跃的课堂教学气氛，让学生感到心理自由和心理安全，使学生真正做到敢说、敢尝试。教师在案例教学当中处在主导地位，是案例教学的组织者[3]。因此，案例的实现过程都要由学生来完成。学生的主动性和积极性很大程度的影响了案例的教学的质量以及效果。
4．总结
总而言之，案例教学法改变了传统教学中学生被动的角色，有利于提高学生的实践能力和对理论知识的掌握。在案例教学中学生成了学习的主体，提高了学生在学习过程中的自主性，并且还解决了在传统教学中的一些问题。案例教学法是现代教学法中的一种，想要优化课堂教学，就要运用多种教学模式，根据学生的实际情况来提高课堂教学效果，提高教学质量，培养现代化高素质的应用型人才。
参考文献：
篇13
"Webpage Design and Making" Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
随着计算机网络技术的迅猛发展和网络应用的日益广泛，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.1 HTML网页设计
重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。
1.2.2 DIV+CSS网页设计
DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得 网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。
该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。
1.2.3 Photoshop图像处理
重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。
课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。1.2.4 Flas制作
重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。
1.2.5 JavaScript程序设计
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.1 HTML网页设计
实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。
2.1.2 DIV+CSS网页设计
实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。
2.1.3 Photoshop图像处理
实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。
2.1.4 Flas制作
实验1 Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。
2.1.5 JavaScript程序设计
实验1 JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3 JavaScript内置函数和对象、实验4 JavaScript事件处理、实验5 Dom操作实例。
2.2自学模式的创建
为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。
2.3参与教师科研，以研促学
鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。
2.4成立网页兴趣小组，拓宽知识面
组织成立网页课程的兴趣学习小组，具体活动包括：
1）举办讲座：资深开发人员的经验报告，网页知识讲座；
2）举办竞赛：我院已成功举办两届网页与flash设计大赛。
这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。
3课程实训
网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。
实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。
平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。
课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。
4结束语
明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步，网页设计与制作课程的教学还必须与时俱进，不断的改革和创新，教师只有不断的学习新的教学理论，掌握现代化的教学手段，才能胜任高效教育工作，为社会培养高素质的技术应用型人才。
参考文献：
