时间：2023-07-10 09:24:49
序论：速发表网结合其深厚的文秘经验，特别为您筛选了11篇网页制作与设计范文。如果您需要更多原创资料，欢迎随时与我们的客服老师联系，希望您能从中汲取灵感和知识！
网页制作课程包括设计软件的学习和设计技术的学习两部分。一般高校的计算机技术管理等专业都会设置一定的网页制作课程来提升学生的网络技能。
在课程设置上，一般院校都会在学生进入大二后开设网页设计课程。主要原因是，网页制作包含了较多的网络技术语言，且考查到了学生对信息、设计的知识的综合应用，需要在大一阶段打好理论、技术的基础。
网页制作课程的教学内容主要包括程序设计语言、数据库原理等。其中程序语言包括了C语言，C++语言，Java语言等，数据库原理则分为Access数据库基础，VFP数据库基础等内容。学生可以根据自己的专业情况和学习进度从中做出选择和组合。
2.教学目标
网页制作课程的总体教学目标是，使学生通过对相关网络技术基础内容的学习和实际的上机操作，掌握一定的网络技术应用能力，并在此过程中培养学生的自主创新能力和团队协作精神。其中具体的教学目标有以下几条：
2.1 知识目标
在进行网页制作前首先要掌握一定的网络基础知识和软件操作流程。例如Dreamweaver是网页制作中十分常用的一种软件。在进行网页基础知识的学习时要对软件菜单栏、工具栏等项目的操作方法进行熟练掌握。对于一些基本的编辑、排版技术也要做到有一定的了解。具体应掌握的技术有表格绘制、排版的技术，动画、音频的处理技术，网页编辑、链接的技术，图形绘制晕染的技术等。
2.2 技能目标
技能目标主要指根据现有的网页内容，通过模仿、修改等方式初步完成网页的制作。在网页中应包含一定的解释、说明文字，与文字相对应的图片、符号及一定的动画、切换效果等。在进行网页内容的排版时，可借助一定的表格划分内容结构和层次，还可给网页配上一定的背景图片和音乐以丰富网页内容，增加网页的观赏性和完整度。
2.3 情感目标
情感目标主要包括学生在进行网页制作时培养的团体合作、自主创新及操作动手等能力。与此同时，学生在学习网页制作的过程中也相应地提高了鉴赏能力和学习能力，给未来的职业发展打下了一定的基础。
3.网页制作课程的内容
网页制作课程的教学内容主要包括网站制作基础知识、网页制作、网页特效、网页图像处理和动画制作等四个部分。其中，网站制作部分会涉及到网站和网页概念的区分，网站设计语言等内容;网页制作则会应用到Dream Weaver，FrontPage等网页制作软件;在网页特效部分，会着重介绍JavaScript、Gif图片的制作;在网页图像处理和动画制作上则会应用到Photo Impact和Flash动画制作软件。
4.网页设计课程的设计思路
尽管我国许多高校都开设了网页设计这一课程，但由于课程设计、操作设备等条件因素的限制，其实施效果并不理想，制作出的网页也难以达到实际使用标准。造成这一情况的主要原因有两个。首先是网页色彩的搭配不符合审美的要求，其次是网页内容的安排缺乏一定的合理性和规范性。网页设计课程的作用就是帮助学生在审美、设计等方面获得全面的提高和成长，因此在设计教学内容时，必须综合考虑到各个方面，设计出相对科学、高效的网页设计培训课程。
在教学进度的设置上，可以采用分部教学的方式，将一些具有难度的项目分解为几个部分进行教学。例如几个网页制作软件的应用，对于初学的学生而言具有一定的难度，教师在教学时可以先从基础知识入手，使学生对软件的用途有一个整体的把握。其次，在分部讲解软件中所包含的功能，使学生在实际操作中逐渐掌握软件使用的方法。
课程设计必须充分遵循学生学习、进步的一般规律，切实提高学生网络技能。为达到更好的教学目的，教师在教学时应注重根据学生的学习兴趣进行教学安排，充分激发学生的学习动力，提高学习效率。同时，在教育形式上也可进行一定的创新，充分利用网络资源，为学生提供更多的学科信息。在学习不同内容时，也应采用不同的教学模式。例如在学习网页制作的相关理论知识时，要注重教学语言的简洁、生动，使学生能在短时间内理解网络应用语言和网页图像符号;在网页制作过程中，应着重培养学生的自主创新能力和编排规划能力。在设计网页内容时充分保证学生的自主性，让学生根据自己的审美情趣和专业技巧对网页内容进行安排。教师在这一过程中主要起到引导作用，在学生遇到技术性困难时给予一定的指导和帮助，使学生能在具体的操作过程中，培养起一定的自学能力和创新能力。为提高学生的相互协作能力，教师还可建立合作小组，对一些重点难点的内容进行小组分工。在具体实施工作上，则由小组组员自主安排，在保证了小组合作的同时，也强调了学生学习的自主性。
5.教材分析
网络课程设计是针对当前网络教学过程中，如何有效直观的进展课程和培养学生实际操作能力的一种教学方式，它突出以学生为重点，强调理论实际相结合从而达到快速掌握和应用的目的。“网站开发与网页制作”是运用编程语言，数据库语言和网页美工的一种集网页链接、编辑、制作生成的所见即所得的网站编辑程序，它的诞生提高了宣传和认知能力，加速了电子商务的发展，基于它的重要性和普遍性，激发了我们对网络课程设计的浓厚兴趣，使之精益求精，来确保我们的“网站开发与网页制作”课程丰富多彩，运用自如。
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）.
作者简介
近年来为使学生能够尽快满足用人单位的需求，高职院校与相关的行业企业在专业建设、实习实训基地建设、学生顶岗实习等诸多方面都进行了深度广泛的合作。校企合作积累的人才培养的经验来看，用人单位更看重的是学生的个人素质和主动参与学习的能力，进而希望学校对所授课程的教学手段的运用应更加灵活。本文力求对现有的课堂教学手段和模式进行整合和改良，进一步优化教学效率，以使每一个学生的个性化教学需求得到最大的满足，从而更有效地帮助学生理解和运用各种知识和技能，从而提高学生主动学习的能力和个人的综合素质。
1、现有的课堂教学模式调查分析
通过设计调查问卷的方式对我校2010级艺术类专业的学生做了关于《网页制作》课程的课堂教学的调查，调查结果如下：
“在课堂学习过程中你最喜欢的环节是”，60%的学生选择“完成了做业的成就感”，40%的同学选择“老师精彩的课堂导入”；
“在课堂学习过程中最吸引你的环节是”，60%的学生选择“教师准备充分，讲解到位，学习起来省时省力”，40%的同学则认同“在课堂上体验到成就感和幸福感，感到学习的快乐”；
“每次的作业评价对你的吸引力”，95%的学生选择“可以持续激励我学习该课程”；
“你认为该课程考核模式最好是”，95%的学生选择“积累每节课的分数，期末合计”；
“你希望课堂学习过程中教师应该是”，60%的学生选择“控制课堂气氛，调节学生情绪。”40%的学生选择“随时提供帮助，解决问题。”
“你可能逃课的最主要原因”，80%的学生选择“老师不点名，不影响成绩”，20%的学生选择“课程无聊”；
“你喜欢教师以小组为单位进行教学活动吗”50%的学生选择“不喜欢”，50%的学生选择“一般”；
“你希望学习成绩优秀的最好的奖励方式应该是”，70%的学生选择“组织参加有意义的活动，从中体验成功”，30%的学生选择“本专业公示名单，发奖品”。
从调查反馈结果中可以发现，目前通用的教学手段能够满足学生的需求，传统的教学模式虽然还是能够被学生接受，如学习小组创建，教与学顺序确定等。但在满足个性化差异方面，课堂教学活动的执行存在较大不足。目前的学生由于生活背景、成长的社会环境的影响，普遍个性较强，因此学生对组件学习小组的学习方式不再积极，尤其是学习小组成员构成以及成员之间分工不明确，小组在完成项目时缺少有效的监控时，学习层次好的学生会有不满情绪。另外几乎所有调查的学生对课堂气氛、自身的学习情绪有了更高的要求，对学习该课程的成就感、成功感有一定要求，因此如果教师不能根据学生的情况来灵活控制课堂的教学活动，就会导致教师的教学方法和学生的学习方法如果不能很好的配合，学习效果不够理想。这将影响学生的学习积极性，大幅降低教与学的效率。
2、教学活动设计
网页设计课程是一门应用性很强的技能课。同时网页制作技术发展较快，教学内容涵盖网页制作的主流技术，并适当对前沿热点问题技术进行介绍，针对不同内容，应采取相应的讲授方法，以获得最佳的教学效果。在实际教学过程中，每一个学生往往会有不同的知识背景、性格差异，从而会有不同的学习目的、学习速度、对知识的掌握程度、学习和考试的结果等等。所有这些实际需求决定了课堂教学活动的设计和实施。教师需加强对课堂节奏的把握和管理，在明确教学目标的前提下，首先应熟练驾驭所授内容，从而有针对性地为不同的教学内容设计不同的教学活动。
2.1 加强课堂纪律管理
学生课堂纪律的好坏与教学活动能否顺利实施密切相关，因此良好的课堂纪律是上好一堂课的前提和重要保障。目前高职学生普遍具有自我约束力不强的特点，主要表现在上课无故迟到、早退，在课上睡觉，并偷偷的上网游戏等等。我们做的调查结果也表明，大多数学生迟到早退甚至旷课的原因是认为老师不管，不影响成绩。笔者通过教学实践证明，在课上一定要严格要求，首先要明确地告之本门课对考勤及课堂纪律的明确要求以及相应的奖惩措施。并要以身示范，要求学生做到的，自己首先做到，标准制定后必须严格执行。当然对于经常容易违反纪律的同学，在看到他的一点小进步的时候，要注意肯定，多加赞许和激励，效果不错。
2.2 温故而知新方式导入新内容
《网页制作》课程的教学过程中的导入环节的形式是多种多样的。选择合适的课堂导入能够自然而流畅的实现新旧知识的过渡，优化学生的学习效果。至于选择何种导入方式很大程度取决于课程的排课时间和教师对学生和所授内容的把握。通常我校的《网页制作》课程一周讲授一次，一次4个学时即上午四节课的时间。如此时间周期的间隔上课，如何能让学生有效梳理已讲的知识，从而能为学习新的内容做好铺垫。在教学实践中， 我们经常有这样的经历， 在复习的过程中时，有时会在不经意间对已经很熟悉的内容产生新的理解，新的想法。由此，我在教学中将我国古代伟大教育家孔子提出“温故而知新”的学习方法转变为“温故而知新”教学法，收到了很好的效果。首先增加学生的复习次数，便于知识的掌握；其次对学生暴露出的问题，能及时给予纠正；还能祈祷活跃课堂气氛，调动学生的积极性，使学生迅速掌握新知识的作用。
2.3 小技能竞赛巩固重点与难点
《网页制作》课程内容广泛，不乏很多重点知识、难点问题，更有一些是当前制作网页的主流技术需要学生去熟练掌握，并加以灵活运用。那么怎样调动学生动手实践的积极性呢？一次课上，我突然冒出了一个想法，来一次小技能竞赛。规定一分钟时间，做一个带颜色的细线表格。按要求第一个完成任务者可免做本次课后作业。我话音刚落，全班顿时鸦雀无声，各自在电脑前埋头苦干，以前上课不认真听讲、玩游戏的同学，有的在认真翻看教材寻找相关内容，有的紧盯着旁边同学操作，这一次技能小竞赛收到了出乎意料的效果。看来偶尔在课堂上搞一次诸如此类的小技能竞赛，既不占用课堂时间，反而对调动学生课堂学习的积极性起到了促进作用。通常按要求又快又好完成任务的必然是对知识掌握程度很好的学生，对课后作业即便是老师不作要求也能完成。笔者通过课堂实践，发现这个教学活动反而对那些学习目的不明确，课堂学习任务完不成、主动学习能力弱的学生的促进作用更大，同时也能有效地巩固难点知识与重点要掌握的技能。
2.4 讲评每次作业激励学习热情
一种合理的评价反馈机制，有利于刺激学生的学习积极性。通过前面的调查问卷也发现，学生性格的差异影响着学习情绪的因素有很多，但绝大部分学生都需要对学习的成就感、学习的自信和自尊的渴求。有些学生会因得到认可而受鼓舞，也有些学生则会因鼓舞而去不断接受新的挑战。学生的层次不同，接受能力也不同，这是当前教师所面临的客观事实。那么如何掌握教学进度并照顾到所有学生的学习要求，让所有的学生在课程的学习过程中都有成功的体验。由此，我在学生的独立完成作业环节中打破以往的做法即提供两个有难易差别的题目，而是一个题目同时提出四到五个完成该作业的要求，使学生能够根据自身能力和兴趣去完成题目。不同学习能力的学生都会将自己已掌握的知识技能发挥出来，在这个过程中，教师要及时跟进作业讲评，对完成的每一个要求都积极赞扬，这样学生会不断获得成就感，更大的激发他们的学习热情。目前大多数课程由于课时限制，平时的作业练习很少有时间在课上做有效的反馈，不利于刺激学生的学习积极性。调查之中我们也发现课堂上，学生非常希望能得到老师的表扬和鼓励，这就要求我们老师，要多给学生学习成果上的关注，多关注学生的情感体验。
2.5 阶段性总结学习状态巩固学习成果
调查结果显示学生其实非常看重教师对自己的评价，当他们得到认可时，就觉得自己有进步，兴奋之情溢于言表，学习情绪渐入佳境，因而增强学习的内部动力，这就达到了我们通常所说的变“要我学为我要学”的教学的内涵。高职学生或多或少都存在懈怠懒散的毛病，加之年龄偏小，有的还没脱离初中、高中的课堂管理模式，因此在教学进程中放任自流会造成跟上队伍的学生越来越少，以至于期末节课考试时才发现对该课程的掌握非常不系统，知识点技能点相对零散。因此笔者的做法是每四周做一次阶段性地学结，分别从课堂纪律、作业完成情况、学习态度方面做信息反馈，表扬优秀学生，鞭策落后学生。这就好比我们教师在实施教学活动过程中，要时不时地拽一拽手中的风筝（学生）线，让风筝知道教师一直在关注他，关注他的学习状况。否则一些自我管理能力差的学生会认为老师从来没注意到我，我先放松一下。教学实践表明，阶段性总结学习状态能营造一种开放、积极的学习氛围是调动学生持续性主动学习的最有效方法，能有效地巩固学习成果。教师要在阶段性总结中多发现可以肯定的东西，正确的加以赞赏， 让他看到自己的成绩， 以利再学。
3、结语
面对二十一世纪的学习对象，学生可以非常便捷地在网络上获取到大量的学习资源，如何最大程度地满足个性化的学习需求是任课教师不得不面对的挑战之一。有鉴于此，本文对如何满足差异化学习需求的教学活动及其执行过程中的有效控制给出了一些方式，实践证明及调查结果表明在一定程度上满足了不同学生的实际需求，让学生在学习过程中获得成就感和满足感。当然，我们的研究工作还存在一些不足。例如还需要对网页制作相关技术的有效教学进行持续研究，以充实的内容吸引学生，而且要在教学方法上不断进行革新，如何利用活跃的课堂氛围感染学生，来帮助教师高效地完成知识的传授将作为今后研究的一个主要课题。
参考文献
[1] Lipeng Wen，Chris Jesshope. A General Learning Management System Based on Schema-Driven Methodology[A]；Proceedings of the 4th IEEE International Conference on Advanced Learning Technologies[C].Joensuu， Finland， 2004.633-635.
第五，单击菜单“窗口”中的[框架]，显示[框架]面板，在[框架]面板中，选中“mainFrame”，在[属性]面板中将“滚动”设为“自动”。
第六，在顶部的框架中插入图像。在左侧的框架中插入一个7行1列的表格，在表格中输入文字。
第七，在左框架的表格中选中文字，分别设置文字的超链接。
第八，按下F12键，打开浏览器查看网页内容。
这个例子用框架布局整个页面，但在框架里又嵌套了表格，这就实现了框架和表格有机结合，让页面布局更加灵活。
三、表格和框架的优缺点
表格是用于划分页面区域的。使用表格布局页面的好处是：表格方便排列有规律、结构均匀；使用表格会使页面结构清晰、布局整齐；表格可被绝大部分的浏览器所支持，具有很好的兼容性。表格的缺点是容易产生垃圾代码，影响页面下载时间，灵活性不大，难于修改。
框架则是用于分割浏览器窗口的，框架可以将一个页面拓展为多个页面，每个页面都可以显示不同的网页。框架的优点是支持滚动条，方便导航。框架的缺点是：难以实现在不同框架中精确地对齐各个页面元素；保存时不方便，应用范围有限；兼容性不好，并不是所有浏览器都提供良好的框架支持。
使用表格和框架对网页进行布局，各有利弊。初学者要根据不同网页页面的要求做出良好判断。
中图分类号：TP3-4文献标识码：A文章编号：1007-9599 (2012) 07-0000-02
在网络技术迅速发展的今天，网页设计与制作已成为当今社会上一种比较热门的技术，也是“计算机应用技术、计算机网络技术、国际贸易、国际商务专业”等专业学生的必修课，同时，也是相关专业学生的选修课[1]。
一、《网页设计与制作》课程现状与问题
对于以往的教学方式与内容，其相对落后的表现为：以简单分析为主线，系统的概念化设计思想较弱；以文字教材与课堂讲述的方式传授知识为主导；过于重视软件的操作，几乎没有创新设计的内容，忽视培养学生创造性思维；新理论、新技术相对偏少；与实际案例的联系不密切、没有反映现实技术的发展水平。
二、《网页设计与制作》课程教学改革的对策
（一）教法的改革
“教师一张嘴、学生一支笔”的传统“填鸭式”教学模式，是培养不出掌握熟练技能技巧面向市场的网页制作人才的。为此，我们必须在教师的教法上改革传统的教学模式。
1.注重培养学生的新思维
教学改革的关键是教师，要把如何培养具有创新能力的网页制作人才放在第一位。有了创新意识，就能抓住创新机会，产生创新方法，启动创新思维。通过改革，带动和影响学生去创造、去想象、去独立思考。培养学生的创新思维，可以改变学生依赖老师的习惯，也可以改变计算机教学传统的填鸭式、灌输式的教学方法。代之以自学指导法、尝试教学法、提问验证法等。教学方法创新，可使学生具有获取新知识的能力，为他们在今后工作中不断创新打下基础。
2.使学生从课本中解放出来动手实践
传统教学方式学生取得知识的途径主要是教师的课堂讲授和教科书。笔者认为，教师应该让学生从书本和课堂中适度解放出来，要求学生积极参加实践，接触实际问题，在经历实践的同时和解决问题中获取知识。教师对每一门计算机课都给学生布置实践课题，作业考核测试尽量在电脑上进行，实行“无纸化”，使理论和实践教学有机地统一。
3.鼓励并组织学生校外实习
为了让学生能更好的适应社会需求，在充分发挥本校人力资源的基础上，与一些IT公司联合，鼓励并组织一些学生去公司实习，让学生有机会参与实际项目的开发和管理，提高实际应用水平。同时，也可以聘请公司专门从事网页制作的人员来校授课，让学生能及时了解学科前沿应用信息并掌提高新技术，尽力让学生的认知内容始终与世界资讯保持一致。
（二）学法的改革
1.引导学生转变思想
学生从高中升人高职，大部分学生已经习惯中学教师的教法。简单的说就是，学生只会学习老师教的内容，不会太多想和学课外的一些知识点。但是，现在不同了，首先要从思想上给学生敲一下警钟，让他们知道，高校不同于中学，高校的学习和学法主要靠个人，网页制作的知识无边无际，需要学生自己去好好学习，自己去钻研。因此，老师应该更多的提醒学生平时独立思考问题、独立看书、独立去实践，逐步转变学生的惯性思维。
2.引导学生理论与实际相结合
我们注意引导学生从课本中解放出来，但是也不能完全的脱离课本。尤其是网页制作科目的实践性很强，所以一定要注意提醒学生不能忘掉课本的这个“本”，注意理论与实践相结合，只有通过在实践中来发现问题，同时又从课本中获取知识，才能达到理论与实践相结合，才能增长知识，才能取得更大的进步。
3.引导学生利用好网络资源
随着学校网络环境的进一步改善，学生上网的机会也随之增多。网络资源为我们的教学提供了一个很好的学习资源，但需要教师的有效规范和引导。网上关于网页制作的相关网站很多，有一些做网页的相关技巧等着学生去学。通过学生对网络资源的利用，既能大大的补充学生做网页知识的全面性，又能很好的激发学生学习的积极性。
4.引导学生建立学习小组
在教学的过程中，我们可以将学生每4—6人来建立一个学习小组，小组成员之间相互协作，相互帮助，来共同解决问题。同时可以让小组中尖子生充当小老师来指导其他成员，从而达到共同学习进步的效果。学习小组的建立，初步培养同学们合作交流的愿望，使他们能主动与他人合作，敢于提出与别人不同的见解，也勇于放弃或修正自己的错误观点。通过学生的共同探索，可以培养同学之间相互合作、共同探索的团队精神，也可以提高学习效率。
（三）成绩考核方法的改革
网页制作操作性很强，实践内容多，而理论知识少，一个学生学得好不好，关键看学生的动手能力怎么样。对学生成绩的考核也是网页制作教师长期探索的课题。
1.小的知识点，平时随堂考查
在时间允许的情况下对每个学生要逐一检查，使学生在平时就养成对小知识点的积累。久而久之，做一个网站的所有知识点就会慢慢的积累起来。
2.提前布置一些较大的工程（如个人主页、网店设计之类）
如何使学生将一些小的知识点组合成为一个大的或综合的网站才是做网页最终目的。因此，开学初我们就可以布置个人主页、网店设计的任务，要求学生做好准备，到期末后一起交上来。这样既可以即学即用，也使得学生在平时把精力真正的投入到专业技能的训练上。
3.上机操作
期末考试的成绩不能仅仅就是上面的两个方面的成绩，还要让学生能在规定的时间内来完成老师所规定的一个网站来，学生可以自由发挥，设计想出自己独特风格的网页，这样对学生就会有一个很大促进作用，有助于学生独创意识的发展。
三、五步教学法
《网页设计与制作》课程特点是：具有很强的操作性，并且新技术不断涌现，有明显的时展特点，教学内容须同步更新；设计无定势，故极富创意性、挑战性，要求学生手脑并用。
基于以上特点，教学时可反复采用五步法训练，即【分析】【归纳】【模仿】【创新】【进入资料库】，逐渐提高学生层次。具体实施时采用宏观讲解与个别指导相结合的方法进行。
（一）创设情境，提出问题，讨论分析
通过“创设情境，提出问题”可以激发学生的求知欲，而且还可以培养学生发现问题，探索问题的能力。
（二）操作演示，理论讲授，模仿创新
本课程重视实际操作，培养学生的动手能力。在组织课堂教学时：首先，演示案例结果，给学生以直观的感受，然后倒述代码；其次，提出问题，让学生模仿着翻三，归纳总结；最后，留出部分时间让学生创新设计。
（三）资源开放，自主探索，评价作品
在网上随时学习资源，鼓励学生利用搜索引擎，自主学习，互评作品，总结得失，共同提高。
四、期望达到的教学效果
通过让学生分组设计网店，掌握网络店铺营销的基本操作方法、各种信息搜集与方式的使用、网络问卷的制作与、网络广告推广策划、网络营销各种策略方案等核心知识和必备技能[2]。同时获得相应的操作能力、学习能力、应用能力，强化学生的实践能力，100％达到课程教学的要求。
学生在掌握基本知识、能力，培养素质的基础上，能掌握课程中要求的职业技能和素质，能在真实或仿真的环境中经营网络店铺。由于本课程设计为项目导向、任务驱动的工作过程系统化课程，每个项目的第一步即为明确工作任务，全体课程组教师应充分尊重学生在教学过程的主体地位，把单向灌输改为师生协同互动，从引导学生的思维方式入手，最终由学生自主完成电子商务操作流程，达到良好的教学效果，极大地调动学生的主动性，使学生的学习目的进一步明确，学习兴趣明显提高。
随着计算机和网络信息通信的发展，越来越多的人青睐于上网查找信息，作为上网的桥梁，网页被越来越多的人使用。于是，网页制作就成为了高职院校计算机专业纷纷开设的主干课程，但是怎样提高高职院校学生学习网页设计的效果，就成为了高职计算机教师思考的问题。本文对高职院校《网页设计》课程的教学方法做了一些探讨。
1 高职院校学生特点分析
高等职业教育是培养适应生产、建设、管理、服务第一线需要的高等技术应用性专门人才。高等职业教育区别于普通高等教育，是一种职业教育。教育部明确提出了“以就业为导向”的思路，这就要求高等职业教育的毕业生必需有较强的实际动手能力。所以，高职院校的学生在学习课程上面，应该特别注重实践环节的学习，培养他们很好的动手能力。区别于普通高等学校的学生，高职的学生一般来说具有学习的主动性和自觉性不强的特点，另外学习和掌握知识的能力也往往有别于普通高等学校的学生，如果老师只是一味的讲授一些理论知识，然后让学生自己完成课堂上的操作作业，学生是很少会按时按质量完成的，这样，学生就制作不出高质量的网页。所以，针对高职学生的特点，教师必须采取讲练结合的教学模式，随时督促学生练习所学内容，最好是采取边讲边练的教学模式，这样，学生学起来比较容易一点，才会很好的掌握所学知识。
2 根据教学需要安排教学内容
2.1 根据需要安排课程顺序 网页制作是一门综合性比较强的课程，在制作网页的过程当中，往往还用到其他课程的知识。高职计算机专业的学生在学习网页制作课程之前，最好先安排学习一些其他相关的课程，比如图片处理课程（Photoshop）、动画制作课程（Flash）、色彩搭配课程等。有了这些知识的储备，在做网站的过程中，就可以很容易的制作出适合自己网站风格的素材，使得整个网页看起来更加协调。
2.2 根据需要安排授课方式 由于网页制作是一门实践性非常强的课程，要求学生在学习的过程中有大量的练习。所以，授课应该都放在机房实验室，这样教师就可以很容易的控制学生的学习练习情况。这样，教师在讲授了一定的知识后，就可以让学生同步的对教师刚刚在课堂上讲过的知识进行相关的练习。通过这种方式，学生可以及时的练习教师所讲的内容，对一些没有听明白做不出来效果的知识点，教师还可以随时为学生做出解答，通过课堂上教与学的互动，学生基本可以掌握课堂上所讲的知识，并且完成相关的操作。然后，为了巩固学生对课堂知识的掌握程度，教师可以布置课后作业，通过课上课下的加强练习，学生基本都可以很好的掌握所学知识。
3 把知识点融入到实例当中讲解
3.1 第一节课高度调动学生学习的积极性 课堂上调动学生学习的积极性非常重要。如果教师只是就知识点单独的讲解，学生可能觉得比较乏味，对老师所讲的知识不感兴趣，那么就会在课堂上处于无精打采，昏昏欲睡的状态，课堂效果自然就很差。为了调动学生学习的积极性，教师可以把知识点融入到实例当中讲解。尤其是第一次课非常的重要，如果教师的第一节课不能引人入胜，不能给学生留下很好的印象，那么之后的授课过程往往就会很困难了，学生大多不会服从老师的授课。针对网页制作实践性比较强的课程特点，我们可以这样安排课程进程：第一节课，为了吸引学生的眼球，首先按类别找一些比较好的网页让学生欣赏，比如让学生分别欣赏一些优秀的个人网页、企业网页、Flash网页、国外网页、韩国的一些网页等等。在欣赏这些网页的过程中可以给学生介绍每种网页的特点和结构，重要的是告诉学生如果好好学习，我们也可以做出这种效果的网页，当然，在网页当中我们可以赋予自己的想法，自己的创意，可以完全赋予网页我们自己的灵魂。这样，学生学习这门课的积极性就会提到很高，因为他们都希望可以做出具有自己风格的网页，这种情况下学生就特别期待能够做出点东西来，这时，教师就可以先让学生做一个简单的网页，让他们感受一下做网页的快乐。这就要求教师在备课的时候提前准备一个比较容易做出效果而又有意思的网页，教师操作之后让学生自己完成，学生大多都可以很好的完成这个作品。那么这第一节课就非常的成功了，学生都会带着极大的期待去上这门课。
3.2 实例讲解中蕴含知识点 在安排课程内容上，不能一个知识点，一个工具一个工具单独的讲解，而是要把它们放在实例当中去，让实例成为知识讲解的切入点。我们可以这样安排课程内容，整个讲课过程，从易到难安排几个完整的网页，在完成网页的过程中教会学生知识点，比如：第一个网页完成一个“E—SHOP”购物网站的制作。网站首页采用T字形框架结构，网页的Head采用传统的Logo加Banner样式，下面安排一横幅广告条，把网页的Head与网页主要框架内容分隔开，为了增强网页的活泼性，横幅的广告条可以用学生之前学过的Flash知识制作与网站内容相关的Flas。下面就是网站的主要内容，网页的最下面是网页的Foot。因为是第一个网站，学生刚接触到这些内容，教师要首先把做好的网站给学生看，然后以引导的方式告诉学生这样的网站是怎么规划出来的，为什么这么规划，怎样做出这样的效果来。在学生明白了这些以后，教师就带领学生一起完成这个网站的制作，在网站制作的过程中教会学生知识点。通过第一个网站的制作，学生已经掌握了制作网站的基本知识，接下来教师就可以安排难一点的网站给学生做了。这时，教师不要给出网站具体的内容和框架结构，而是要充分发挥学生学习的主观能动性。教师只要告诉学生所做网站的标题、要求和大致要达到的效果就可以了，然后就这个网站的制作在课堂上进行讨论，通过讨论来确定网站的内容和框架结构，然后和学生一起布局网站，接下来主要由学生制作素材，完成整个网站的制作。比如：可以让学生制作一个学院全国计算机等级考试的网站，网站的页面布局与色彩风格要与学院网站协调，以便于做好以后挂靠到学院网站上。要求：网站要具备注册登录和查询功能；要有相应的模拟试题可以在线或者下载做题；要有留言板，可以讨论计算机等级考试相关的问题；要有在线咨询功能方便考生咨询问题等等。最后学生做出的网站基本上符合要求，质量比较高。通过几个完整网站的制作，学生已经很好的掌握了网页制作的知识。在整个学习过程中，学生都积极参与到其中，活跃了课堂气氛，充分发挥了学生的学习积极性，真正体现了课堂上以学生为主的教学新理念。
4 改革考核方式，变理论考试为创作作品
根据高职院校的教学需要和课程教学特点，课程考核形式要能全面地评价学生的综合素质和技能应用能力。如果还是以传统的理论考试来衡量学生学习的好坏，恐怕很难达到预期的效果。在高职网页课程的考核过程中可采用多种考核方式相互补充的多样化考核方式。这种考核方式更适合网页课程的特点，更加强调学生学习的灵活多样性。在期末考试当中，我们可以大致从两个方面去考核学生，一是考核学生平时成绩，二是期末成绩，对于期末成绩的考核我们可以让学生来完成大作业，把这个作为考核内容。教师给出网站制作的要求，只要内容积极向上，可以不限定题目，不限定题材，让学生按照自己的思维方式去创作一个网站，从选题到框架设计，到制作素材，再到制作网站都由学生自己完成，这样就摆脱了学生按照老师的思路，按照老师规定的框架制作，一改学生被动学习的传统习惯。当然鼓励团队协作，同学们之间可以探讨问题，达到共同进步的目的。经过前面课程的学习，经过自己的思考和同学之间互助互邦，学生做出来的网站质量都比较高，实用性也很强。这种考核方式真正体现了学生的操作能力和运用知识的能力。
5 结束语
在教学过程中，根据不同的教学对象设置不同的教学方法，从学生感兴趣的知识入手，调动学生学习的积极性，变被动学习为主动学习，鼓励学生自己创作，从而提高学生实际操作的能力和解决问题的能力，培养学生成为实用性的人才。
参考文献：
[1]韩陵宜.高职院校《网页制作》课程教学的探讨.电脑知识与技术，2005.
[2]张丽香.高校《网页设计》课程教学探讨.大众科技，2006，5.
随着互联网的发展和普及，网页设计和制作技术成为网络时代非常实用的技术，这一课程也成为学校开设的热门课程。无论是计算机专业的学生还是非计算机专业的学生，网页制作都成了一门重要的基础性技术课程。但是很多学校在教学中采用传统的教学模式，导致学生的学习积极性不高，实际动手能力也比较差，为了让学生快速的掌握网页设计和制作的技术，需要采用一些新型的教学方法实施教学，加强学生综合能力地培养。
1加强学生创新能力的培养
创新是一个民族的灵魂和动力，同时也是当今社会竞争的核心。学生创新能力的提升和创新意识的增强对于他们以后的发展具有非常重要的作用。网页设计与制作教学作为新时期教学的主要课程，在教学中培养学生的创新能力有利于促进整体教学的发展。因此，在教学中，可以通过多方面内容加强学生创新能力的培养，首先，可以通过兴趣教学法唤醒学生的求知欲望，兴趣是能够推动学生求知的内在力量，学生只有对某一学科充满兴趣，才能够持续的钻研该学科知识，从而增强学生的学习效率。在教学中，为了增强学生对网页设计和制作的兴趣，教师可以在上课时准备一些网页作品，让学生对作品进行点评，然后提出改造的意见。让学生在头脑中对网页设计有一个模糊的认识，产生做网站的想法，这样一来，通过教师的指导就能够让学生梳理一个成型的站点框架，紧接着引导学生如何做网页，如何使用工具，学生对这些内容产生兴趣，就会带着教师提出的问题进行主动探索和学习，以此增强学生的学习效果。除此之外，还可以通过精品赏析的方式增强学生的学习灵感。网页设计和制作课程是一门艺术和艺术相结合的课程，学生不仅要掌握基本的网页制作技巧，还要具备欣赏美和创造美的能力。创造的来源是灵感，而灵感的来源则是通过观察，因此，可以在教学中设计精品赏析的环节，利用上课之前的时间展示作品，向学生展示一些布局合理，设计新颖的精美网页，让学生对这些网页进行观察和欣赏，这样不仅可以拓宽学生的视野，同时还能激发学生的创造灵感，为学生以后设计出精美的作品奠定基础。
2培养学生的网页制作综合能力
在学生掌握网页设计和制作的基本知识之后，网页制作综合能力的培养就显得非常重要了。即使学生掌握了网页制作技术，也不一定能够设计出好的网站，只有提升学生的综合能力，加强对他们所掌握知识的综合应用，才能够设计出一个精美的网站。为此，需要注重学生在实践方面的能力培养，可以从教学实验方面入手，将所有的理论教学和实验教学都安排在计算机机房完成，可以让学生在学习理论知识之后直接进入实践探索阶段。此外，为了给学生提供更好的实践机会，可在学校建立计算机基础教学网，网页设计和制作教学的老师可以建立自己的教学网站，同时给学生分配相应的网站空间，要求学生建立自己的个人网站主页，然后将自己的实践作业上传到网站空间中，设计的风格和主题不受限制，网站主页的内容也不做要求，学生可以根据自己的兴趣进行网页的制作，将所学习的网页制作技术灵活的运用到个人网页的设计中，做好个人网站。为了让学生在网站设计中学会创新，教师可以搜集一些具有创意的网站和网页设计的素材，和学生一起分享，然后与学生所做的网站进行对比，从而提升学生的创新能力。在网站设计中，针对不同的设计环节，学生可以自己发现设计中存在的问题，然后进行分析和解决，对于学生综合能力的培养具有很大的帮助。
3加强培养学生的团队协作能力
现在社会的分工越来越细，很多工作都需要人们协助完成，这样以来，团队精神就显得格外重要。协同合作是团队精神的核心内容，尊重个人的兴趣和成就是团队协作的基础。就学生而言，独立意识较强，现代的学生比较自我，沟通能力也有待提升，这些缺陷显然不适合学生未来的工作。网页设计和制作教学是一门实践性要求较高的课程，同时也对学生的团队协作能力要求很高。在教学中的综合实训中可以选择采取项目教学法实施教学，将学生分成不同的小组，在自愿的基础上进行强弱搭配，并且每一个小组推荐一位组长，在老师布置任务之后，组长可以做好小组内的分工，让学生能各司其职，然后合力完成作品的设计和制作。在作品制作中，如果组内的成员存在意见不同意的现状，组长可以和其他的成员进行沟通协调，最后达成一致，当组员能够为同一个目标一起努力时，无论最后的结果如何，学生最后都会有成就感。在这一过程中，有利于提升学生的团队协作精神，增强学生的沟通能力。
4结语
网页设计和制作教学是一门实践性很强的课程，对于学生的综合实践能力以及创新能力的要求较高，因此，在教学中，教师要给根据学生的兴趣爱好设计教学内容，并且为学生提供一些优秀的教学作品，让他们进行赏析，在优秀作品的激励和教师的引导下，学生的学习兴趣会有很大的提升，从而真正的投入到网页设计和制作的探索当中，熟练的掌握网页制作方面的技巧，增强学生开发和维护网站的能力，使他们的知识结构不断得到完善，对于教学效果的提升会起到很大的作用。
参考文献:
［1］马玲燕．《网页设计与制作》课程的教学实践研究［D］．呼和浩特:内蒙古师范大学，2013．
［2］毕惠丽．浅谈网页设计与制作教学中学生能力的培养［J］．新课程(上)，2012，02:185．
中图分类号：TP393.092 文献标识码：A
1设计原则
1.1表格的定位功能
网页制作中表格的运用很重要，它的作用除了表格本身具有的统计处理数据的功能之外，还可以对所制作的网页页面中的设计元素进行定位。网页中的文本位置、图像位置，可以通过表格来准确控制，而且还能消除诸多网页元素之间的干扰，这样设计出的网页更加紧凑。
（1）网页制作使用表格时，要避免这样的设计行为：使用一张表格，然后将所有网页设计都放在这个表格中。因为HTML在被浏览器解码时是按照一定的次序进行的，浏览器解释和显示的顺序都是自上而下的，但是如果有表格在网页中，浏览器是将表格中所嵌套的全部内容都读取出来之后，再显示结果页面。一般的网页可能感受不到浏览器的这种工作顺序，如果网页中信息量大，浏览网页的人浏览速度慢，浏览器这种工作顺序就能表现出来。遇到这种网页，浏览器在读取了表格中全部内容之后，才为浏览者提供解释结果，在这之前显示的是空白。
（2）在进行网页设计时，利用表格定好需要的位置，在页面视图下都是正常的，但是用浏览器浏览该网页时就会出现部分设计对象位置混乱。这是由于表格宽度的设计出了问题，有两种设置该宽度的方法，一种是利用百分比的方法，另一种是利用像素的方法，比如，利用百分比的方法，会有多种分辨率多种页面设计结果出现，但是采用后者的方法，就不会出现这种问题。
1.2文件的命名
网页制作的过程中，有时会出现如下这些问题：在设计时插入进去的图片，预览时显示不出来、已经设计安排好的链接用不了等等情况。通过对问题的分析，发现问题出在了文件的命名上（用中文进行命名）。设计制作者为了在设计之后能够便于自己查找调用，会在设计时对一些文件命以中文名，这就导致预览时无法显示图片，只要将中文名换成英文就可以正常运行。为了解决记忆和查找文件的问题，可以用英文单词或者汉语拼音有针对性的命名。
1.3图像的无缝拼接
网页中图像的应用是很有必要的，图像可以使网页更加美观。图像的格式有许多，GIF、JPG、PNG这三种图像格式在网页设计和制作的时候比较常见。网页的下载速度受图像大小的影响很大，所以有必要在将图片插入到网页之前处理图片，比如利用PhotoShop软件，只要能够保证图像在网页中显示效果不受应影响即可。如果在设计网页时，要用到大图片，设计制作的时候可以用无缝拼接技术，该技术在图像处理软件中可以实现，先将要用到的大图片处理成数个小图片，将这些小图片按照一定规则嵌套到网页中，组成大图片，拼出的大图在现实效果上与完整的原图基本上没有差别，拼接痕迹也不会被察觉。在拼接小图片的过程中，利用好表格，在表格的单元格中依次放置小图片，再将表格的间距设为零，去掉表格边框，设置好单元格的参数后，再手动微调，这样拼接好的图片就看不出拼接痕迹。这样的操作过程可能略显麻烦，但是却能保证大图显示效果的前提下又不影响网页下载速度。
1.4个人站点中导航按钮的设计
设计制作网页时，加入导航按钮，可以利用Photoshop或者Flash进行制作。设计者只有具备很好的图像、动画处理软件基础，才能掌握住这种创新性的方法，自己根据想达到的效果设计导航按钮，能够设计的创意。
2制作技巧
网站的页面中包含：作为网站门面的首页、支撑起网站结构的框架页面，网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。
比如设计首页时，有两种形式的设计可以作为网站首页，一种是形象展示型，这种方式的设计主要在布局和造型上，加了艺术化的处理，结合公司的形象与公司的服务理念，提供有相关性的图像与文字，这样设计出的画面才有生机和活力，在这样网页中，给浏览者提供最直观的公司形象，吸引浏览者的注意力。还有一种首页设计形式是信息罗列型，这种形式主要用于大中型企业网站，有很多条目和分类。
保持一致的网页设计风格。网站营销的诸多影响因素中，网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多，网站结构就是其中一种，比如，网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时，需要设计者特别关注的是网站中具有代表性的典型元素要保持一致，比如网站背景logo 、公司名称字体、网站中图片格调等等。
色彩搭配。页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其它颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉，红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。
3结束语
关键词：
传统教学；学即能用；CSS
互联移动终端的大面积推广，使得掌握网页制作技术的人才在各个行业里都成为必不可少的需求；同时，地方普通高校为社会服务的使命感在不断增强，如何培养出“学即能用”的人才，使之在短时间内掌握主流的网页设计技术，提高站点访问量，是这门课程课堂教学效果进步的体现。
一、技术背景与课堂教学要求
（一）Internet发展历程Internet经历了从Web1.0到Web3.0的迅猛发展。Web1.0是静止、单向、被动的；Web2.0则为用户开设了主动权，使得用户和网站可进行双向信息互动；Web3.0提升了用户的主动权，用户可对页面的多种元素（显示、色彩、像素、框架等）按需设置，订制专属的功能模块，整合数据资源，适用于电脑、手机、PDA等多终端平台定制。
（二）传统的网页设计与制作课程内容一般情况下，高校开设的网页设计课程从教学内容上可划分为两大块：1.相关知识介绍。网站的概念、基本元素及页面等相关知识的介绍。2.应用软件的使用。介绍使用最多的Dreamweaver系列网页制作工具，使学生掌握布局（表格、层、框架、模板等）、超级链接、表单和几种特效。随着互联网的全面推广和“学即能用”的需求，以上内容已不能满足互联网时代与时俱进的特点。最关键的问题在于：课堂学到的知识是否马上就能得到应用，是否与目前社会上专业的网页制作公司的技术规格保持一致。因此，本门课程的改革势在必行。
二“、服务于地方”教学内容的改革
（一）教学内容改革内容改革是课程改革的首要环节。关于什么是关键内容，什么是次要内容，笔者走访了本地专业网页设计公司中企动力的设计总监马女士，通过对她的访谈，了解到时下主流的网页设计公司所涉及到的技术规范，对本校现阶段的教学内容做了必要的调整，简化了表格布局页面、框架设计等已被淘汰的陈旧技术的授课内容，有选择地介绍了网页交互特效及表单的应用，加强了网页美化工具、HTML语言及CSS的学习内容。改革后的课程主要分为六大模块：网页和网站的基础知识、网页美化工具（Photoshop或者Fireworks）、HTML语言、网页开发工具的介绍、DIV+CSS、动态网页技术。首先，通过具体的例子阐明网页、网站的定义，页面的布局类型（主要是盒模型）、整体造型及配色方案的相关知识；其次，介绍网页美化工具图片处理工具（Photoshop或Fireworks）的使用，学生可用其设计页面元素，加强页面的视觉效果与美观性，提升站点的专业度；再次，介绍HTML的基本语法结构和语句，使学生熟练掌握其主要标签的使用（传统的教学模式对这一部分的内容有所忽略）。实践证明，学生若不熟悉HTML的语法构成，学习DIV+CSS这一主流的网页布局模式就会相当吃力。当然，对于非专业学生而言，学习一门语言，即便是文本标记语言，由于其本身对计算机系统相关知识的欠缺，授课会比较困难，学生也学得辛苦，但这又是一个必要的过程，其所占用的时间比较长，需要设计大量实例，反复练习才能掌握。之后介绍开发工具，重点是要理解页面的代码模式和设计模式，而DIV+CSS则是本门课程的重头戏，由于学生对代码有种天生的恐惧，所以，在建立CSS时又以开发工具建立为主，修改程序为辅。最后简单提及动态网页技术。由于课时限制（32节），本课程主要讲授静态网页制作。静态网页技术分为传统技术和新技术。传统课堂教学内容重点是布局表格、框架、模板等，而目前主流的网页制作公司则主要应用DIV+CSS。所以，对于陈旧的技术简单介绍即可，而把DIV+CSS作为布局的主要技术进行讲解。由于这些内容需要学生对代码部分比较熟悉，所以，在课时中增加了相应的HTML的基本语法结构和语句的介绍，并对主要标签的使用熟练掌握。
（二）实际授课效果笔者今年为设计和思政两个专业的学生授课。设计专业的学生已经开设了PS，有一定的设计基础，所以，课程内容改革中的第一部分可以省略；思政专业的学生没有图片处理基础，笔者在授课过程中有意加强了这部分内容，讲授简单的图片处理方法和文字特效工具。实践证明，学生有追求新知识的欲望，基本能做到学以致用，并反馈到最终的作品中。往届学生的作品更像电子小报，而今年通过课程内容改革的学生作品虽不完美，但在形式内容上更接近Internet的正规网站，教学效果良好。针对我校提出建立培养服务于地方应用型人才的本科院校，传统的网页设计与制作课程必须响应时代号召，更新教学内容与方法。本文仅供从事该课程教学的教师参考。
职业技能大赛已经成为职业教育的重要载体，其技能要求也代表了职业教育培养的方向。每年各省市举办的技能大赛可以促进高等学校人才培养模式改革，提高高校创新型、应用型人才培养的质量，营造创新人才培养环境，拓宽学生动手能力和就业能力的培养途径。笔者带领学生参加了网页设计与制作比赛。网页设计与制作课程是计算机类教学的重要组成部分，现就教学与参赛经历，以网页设计与制作为例，谈谈职业技能大赛对网页设计与制作教学的启示与思考。
1 网页设计与制作在人才培养中的地位、作用
网页设计与制作是高等职业技术学院计算机类专业开设的一门专业主干课程，是一门操作性和实践性很强的职业技术课程，在专业人才培养方案中处于核心地位，对于网页设计与制作岗位应具备的网页设计与制作能力的培养起到重要作用。在学生具备了一定的美术设计知识和一定的图形图像处理及动画制作能力的基础上，本课程主要学习网页设计与布局知识、网页制作技术及网页编辑与制作软件Dreamweaver cs6的使用，让学生能熟练地设计与制作出符合客户需求的网站。
这也就决定了网页设计与制作在整个人才培养中的地位和作用。各个高校也为计算机相关专业开设了网页设计与制作方面课程，来满足社会的人才需求。通过这些课程的学习，使学生掌握一定的网页设计与制作理论知识和开发技术，在进行网站开发时，能够熟练地制作出有专业水准的网站。
2 网页设计与制作教学现状
在大多数高校的网页设计与制作教学中，许多教师在教授这门课程的时候，只是注重理论的传授，虽然也有一些上机操作教学，但是整个一学期下来做的也只是一些简单的操作，在教学中几乎从来是不用一个完整的网站来讲授的。整个一个网站开发应该怎样具体的一步一步的去实现不会讲，没有将理论和实践进行很好的结合，使学生在整个教学中感觉不到网站制作的实际应用，也不知道网站设计的具体过程是怎样实现的，需要掌握哪些技能点，这对我们人才的培养是很不利的，在当今计算机技术发展迅猛的信息社会，如果让学生掌握不了实际的应用操作的话，我们的教学只能说是失败的。为此，为了培养有核心竞争力的人才，我们必须对网页设计与制作教学进行改革，培养创新型人才。
3 以大赛要求为教学目标，激发学生的学习兴趣
兴趣指人对事物喜好或关切的情绪，它表现为人们对某件事物、某项活动的选择性态度和积极的情绪反应。兴趣以需要为基础，在人的实践活动中具有重要的意义。唯物辩证法告诉我们，事物的发展，通常情况下，内因起决定作用。可见，能否使学生主动学习直接决定了学生的学习效果。在课堂教学中，要想让学生主动学习，就要使他们对所学内容感兴趣。激发学生学习兴趣，可以提高教学质量。激发并维持学生的学习兴趣要从把握教学目标这个关键点入手。对学生制订的教学目标不能过高或过低。例如，大赛要求制作一个完整的网站，需要电脑和手机都能访问。根据比赛试题和提供的需求，分析网站目录的规划、素材的收集、版面的设计与制作、交互式功能设计，并完成站点的与调试以及网站的美化处理等任务，选手需提供相应的网站设计文档。把以上大赛要求作为一阶段教学的目标，把以前的参赛获奖作品展示给学生看，吸引学生的眼球。
现在大多数学生都喜欢通过电脑或智能手机网上购物、浏览网页、网上查找学习资料。上课时谈到网购或某个网站的特效，学生都很感兴趣，引导学生平时多观察、多模仿，将学习到的知识能运用到以后的工作生活中去，真正做到学以致用。
4 将大赛要求细化，找出教学中的重点和难点问题
有了明确的教学目标，教学也就有了明确的方向。确定课堂教学的重点和难点，是教学设计的重要组成部分。教师需正确把握教学重点和难点，才能够在教学中有的放矢，教学针对性强，效果也才会达到最佳。教师可以根据学生的原有知识水平和技能基础、学生已有的经验和生活体验、学生学习新知识的认知水平、学生的综合素质等确立教学的重点和难点。
参加技能大赛需要深入理解大赛要求，才能制作出高水平的网站。通过分析大赛要求，重新规划了本课程的重点和难点。
《网页设计与制作》课程重点：
1）规划网站目录结构；
2）网页主题明确，内容栏目设置合理，布局结构层次清晰，主次关系分配合理；
3）掌握网页布局的常用技术；
4）网页色彩搭配得当，美观得体，能正确处理色彩与网页内容的对比关系，使网页数据能清晰呈现；
5）导航链接功能设置正确；
6）HTML书写格式规范、正确，无语法错误；
7）熟练使用css美化网页。
《网页设计与制作》课程难点：
1）使用javascript或jQuery技术，实现交互行为；
2）兼容不同浏览器；
3）响应式web效果的设计。
从大赛要求可以看出，比赛的要求更接近企业对网页制作人才的要求，对网页的视觉效果要求比较高，另外，大赛紧跟技术前沿，要求学生能够开发出手机版的网页，因为现在使用手机上网的人越来越多。
5 结束语
中图分类号：G424 文献标识码：A 文章编号：1009-3044（2012）35-8529-02
《网页设计与制作》是高职网络专业根据网页设计与制作、网站管理、网页编辑的工作岗位能力要求所开设的课程，同时也是进行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 结束语
随着经济与网络技术的发展，社会对高职类毕业生的要求越来越高，为适应市场需求，高职教师应在教学内容和教学方法、能力培养上应不断的改革与创新，根据需要调节内容，通过“任务驱动+项目导向”促进学生尽快的掌握网页设计与制作的相关技能，并在实施过程中全方位的培养学生的专业能力、学习能力、职业能力与社会能力，为大学生就业创业打好基础。
