引论：我们为您整理了13篇网页制作与设计范文，供您借鉴以丰富您的创作。它们是您写作时的宝贵资源，期望它们能够激发您的创作灵感，让您的文章更具深度。
篇1
1.考核方案的制定
本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：
（1）项目实施过程。项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。
（2）项目总结。对本项目完成情况进行分析、总结，并介绍项目实施过程中的收获及体会。在作品展示时要求各小组派出代表对作品进行介绍，总结，便于相互交流经验。
（3）项目组介绍。对该项目组成员进行介绍及项目实施过程中的人员分工情况进行报告。体现小组合作开发项目的工作模式，让学生明白实际工作中不仅需要具备较高的技术能力，还要有合作意识，与合作者之间有效、和谐的沟通。
篇2
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）.
作者简介
篇3
The Exploration and Design of the “Meticulous Teaching and Hot Training” Teaching Mode in the Course of "Web Design"
XUE Hui， YANG Xiao-feng
（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）
Abstract： In order to improve the teaching quality of the course of "Web Design"， this paper analyzed the characteristics of the course， designed the “meticulous teaching and hot training” teaching mode， made a comparison experiment of the teaching mode. The result showed that the model can effectively improve the teaching level of the course.
Key words： web design； teaching； model； design
1 《网页制作》课程在计算机类专业课程中的地位和作用
如今网络在人们的生活中占据了越来越重要的地位，网页制作技术作为建设网站的基础技术也展现了越来越多的应用，企业对网页制作人才需求巨大。《网页制作》课程是计算机类专业的专业主干课，通过该课程的学习，使学生全面建立对网站的认知，学会网页制作和网站设计的基本方法，熟悉网页制作与网站设计的基本概念和理论，掌握网页制作的操作方法和制作技巧，使学生具备设计、开发、网站的能力，加强学生的实际动手能力和解决问题的能力，为以后激烈的就业竞争打下坚实的基础[1]。
《网页制作》课程是后续课程《交互式网页动画设计》和《》的前导课程。学生通过《网页制作》课程的学习，可以解决《交互式网页动画设计》课程中对动画网页美术效果的设计需求，也可以解决《》课程中对网站前台界面的设计和制作需求[2]。
2 《网页制作》课程具有易于掌握、难于精通的特点
《网页制作》课程属于操作设计类计算机课程，和《计算机基础》等课程不同的是，在简单的操作背后隐藏着许多深层次的制作技术和操作技巧，学生学完课程之后，往往只掌握一些简单的操作，只懂得一些简单的技术，对于复杂的技术和深层次的制作方法一窍不通，做出的作品只能达到实习生的水平，无法达到应用型人才所需要的技术水准，无法满足企业对人才的需求[3]。
造成这种情况的原因是，《网页制作》课程涵盖内容广，技术层次深，制作技巧多，具有易于掌握、难于精通的特点。《网页制作》课程的这个特点给学生掌握网页制作技术造成了很大困难，要提高教学质量，必须克服这个困难。
3 针对《网页制作》课程特点的“精讲热练”的教学模式
3.1 针对《网页制作》课程易于掌握，难于精通的困难的解决办法
1）把宝贵的课堂时间更多的用在讲授深层次的制作技巧上
《网页制作》课程总的教学时数是有限的，为了让学生在有限的时间内掌握复杂的技术和深层次的制作技巧，就要把宝贵的课堂时间用在深层次的制作技巧上。《网页制作》课程中许多简单的操作、简单的制作方法和《计算机基础》课程是类似的，对于简单的操作、简单的制作方法大略讲一下就可以，而对于复杂的操作，学生难于掌握的技术可以使用更多的时间来教学。
2）由讲授和实践分开上课转变为在机房统一上课
传统的《网页制作》课程的教学模式是老师先在多媒体教室通过投影仪讲授，然后学生在机房上机实践。这种教学模式由于讲授和实践操作有一定时间间隔，对于简单的操作影响不大，但对于复杂的操作，学生常常就忘记了操作步骤。课堂讲授内容较多时，学生甚至会把不同功能的操作相互搞混。
为了使学生能够掌握深层次的网页制作技术，需要改变传统的教学模式，更多地采取互动模式，以提高学生的学习效率[4]。最好讲授和上机实践统一在机房进行，教师通过机房的同步授课软件讲解、演示，讲完之后学生立即练习，打破理论教学和实践操作的时间间隔，使学生通过亲自操作快速掌握相关技能。
3.2 “精讲热练”的教学模式
针对《网页制作》课程易于掌握、难于精通的特点，本文提出“精讲热练”的教学模式，与传统的教师先在多媒体教室讲授，然后学生在机房上机实践的教学模式不同，这种教学模式把讲授和实践结合在一起，统一在机房授课，如图1所示。教师讲授时主要讲解复杂的操作和深层次的制作技巧，对于简单的操作、简单的制作方法大略讲一下就可以，此为“精讲”。上课时教师先通过机房的同步授课软件讲一块知识点，然后学生立即练习，练完后教师再讲下一块知识点，讲完之后学生再练，反复循环，循循善诱，使教师讲授和学生实践之间没有时间间隔，此为“热练”。精讲热练、趁热打铁，从而化复杂为简单，变被动为主动，使学生在教师的引导下逐步深入学习网页制作知识，掌握深层次的网页制作技巧。
这种模式的特点是以教师为中心，以学生为主体，把教师讲授和学生练习紧密结合在一起，变学生被动听讲为学生主动参与，创建交互式协作学习环境，加强师生交流和学习[5]，使学生在教师的引导下成为课堂的主人，从而有效提高教学质量。
图1 “精讲热练”教学模式与传统教学模式对比图
3.3 “精讲热练”教学模式的优点
“精讲热练”的教学模式具有以下几个优点：
1）“精讲热练”的教学模式克服了《网页制作》课程易于掌握，难于精通的困难，集中有限的课堂时间用于深层次网页制作技术的教学，能有效提高教学质量，使学生的制作水平和制作技巧达到较高的高度。
2）“精讲热练”的教学模式使教师讲授和学生练习相结合，能够充分营造学生积极参与的学习氛围，有效活跃课堂气氛，增进学生和教师之间的交流[6]，让学生在教师的引导下快速掌握网页制作技术。
3）“精讲热练”的教学模式由于把传统的多媒体讲授转变为了机房讲授，不仅增强了对学生的视觉冲击，而且学生可以及时动手实践操作，便于和任务驱动教学[7]、项目化教学[8]、案例教学[9]、层次化教学[10]等教学方法相结合，形成立体化教学体系[11]。
3.4 “精讲热练”教学模式的教学效果
笔者在自己所在学校同一年级计算机专业的两个班进行了对比教学实验，一个班采用传统教学模式，另一个班采用“精讲热练”教学模式，课堂教学效果对比如表1所示。从表中可以看出，“精讲热练”教学模式的课堂教学效果明显优于传统模式。
期末进行了总评成绩核定，总评成绩由平时成绩、实践作品成绩和期末考试成绩三部分组成，其中平时成绩占10%，实践作品成绩占40%，期末考试成绩占50%，总评成绩对比如图2所示。从图中可以看到，“精讲热练”教学模式的总评成绩也明显优于传统模式。
表1 课堂教学效果对比表
[教学模式＼&课堂气氛＼&互动性＼&学生兴趣＼&逃课人数＼&传统模式＼&一般＼&弱＼&低＼&较少＼&“精讲热练”模式＼&活跃＼&强＼&高＼&极少＼&]
图2 总评成绩对比图
4 总结
“精讲热练”的教学模式可以有效克服《网页制作》课程易于掌握，难于精通的困难，带动课堂气氛，提高学生参与学习的主动性，帮助学生掌握深层次的操作方法和制作技巧，能够有效提高《网页制作》课程的教学水平。该模式也可以推广到其他计算机操作设计类课程，在课堂教学上起到示范带动作用，改善计算机教学的教学氛围和教学效果，慧及更多教师及学生。
参考文献：
[1] 刘述，杜世友. 就业导向的网页制作课程设计及其成效[J]. 中国电化教育， 2009（11）.
[2] 刘铭. 高职《网页设计》课程的教学模式设计[J]. 职教论坛， 2010（35）.
[3] 张辉. 网页制作类课程的教学改革与实践――"先整体、后切分、再拼合"的新型教学法[J]. 佳木斯教育学院学报， 2010（5）.
[4] 黄宇建. 任务教学法在网页制作教学中的实施过程和优势[J]. 中国信息技术教育， 2014（14）.
[5] 刘楠. 网页制作在教学中的设计应用[J]. 黑龙江教育学院学报， 2010，29（9）.
[6] 张洪星，褚建立. 高职高专《网页设计》课程考核方式的研究与探索[J]. 教育与职业， 2007（2）. （下转第179页）
（上接第177页）
[7] 薛巧梅. 任务驱动教学法在网页制作教学设计中的应用[J]. 武汉船舶职业技术学院学报， 2013（5）.
[8] 郑丹青. 项目教学法在动态网页设计课程中的教学应用[J]. 中央民族大学学报（自然科学版）， 2014，23（2）.
篇4
【文章编号】0450-9889（2015）03B-0121-02
网页制作与设计课程是学生进入软件工作室学习的前导课程。为了让中职学生更好地学习，广西梧州商贸学校以电子商务创业园为平台，将网页制作与设计课程中的职业能力培养作为培养的主线，将典型工作融入课程，解决了学生就业层次低、就业难度大等问题，鼓励学生的创业热情，提高了学生的实践能力，为中职的创新教学提供了源源不断的改革动力。
一、当前网页制作与设计课程教学活动中存在的问题
（一）中职生学习存在的问题。当前，中职大规模扩招，使得中职生生源总体质量下降，素质参差不齐，学习质量呈现下降趋势。中职生学习存在的问题主要体现在以下两方面：
第一，学习积极性差。在上理论课时，一些学生不愿听枯燥的理论知识，不愿做教师布置的上机作业，而是玩游戏、玩手机，导致对专业知识的掌握不牢，不能有效地将专业知识迁移到实际工作岗位中。
第二，动手能力差。在上实践课时，一些学生面对给出具体操作步骤的任务不屑动手，认为过于简单，而对于没有给出操作步骤的任务又觉得太难而手足无措，高不成低不就的现象普遍，导致无法构建属于自己的知识体系，到了实际工作岗位上便无所适从，无法将所学的知识与实际联系起来，不具备解决问题的能力。
（二）教师教学存在的问题。电子商务和计算机应用专业的网页制作与设计是实践性很强的学科，目前主要有传统教学与校外顶岗实习两种教学方式，教师教学中存在的问题可从这两方面进行分析。
第一，传统教学存在的问题。一是教学内容落后，不适应社会应用实际的变化。当前全国各地相继开展了网页设计与制作教学内容的改革，但是在实际教学中，中职教师的教学思维并没有适应社会应用的变化，教学内容远远滞后于当前应用要求。网页设计中要求美化、策划，还有后期运营中可维护，这就需要教师不断融合网站的运营推广、优化、美化、营销策划等方面的知识与实际应用技能；在网页制作与设计过程中，融合管理以及市场的创新，从而培养复合型服务人才。二是教学方法存在单一性。中职教育具有实践性的特征，但是当前网页制作与设计课程教学缺乏职业教育的特征，忽略了职业情境的创建，学生在实施、设计、计划、分析中不能得到教师对疑惑的解答。在多种教学方式下，要实现教学效果快速提高，需要从思想上实现根本转变，运用这些先进的教学方式，结合当前高科技、高速度、超大信息、多元化的时代特点，不断进行课程教学改革，改变单一化教学方式。三是考评方式不够开放，而是形式化地完成。学生的考评主要涉及日常的教学考勤和完成网站的结果，不能显示出学生学习效果的提高。在这种封闭的考评方式中，学生改进的方法、存在的问题不能在教师和学生之间形成互动，降低了学习的效果。
第二，校外顶岗实习存在的问题。在顶岗实习中，一方面，学生真正上手操作的机会比较少，加之愿意接受学生实习的企业不多，并且由于大部分学生分散在不同企业，因而管理和考核难度加大；另一方面，学校与实习企业沟通不够，合作力度不深入，也不够合理，尚未形成学生、企业、学校三者共赢的局面。
二、电子商务创业园的教学模式
以电子商务创业园为平台推动网页制作与设计课程教学改进是一种尝试。该教学模式以电子商务创业园为平台，采用项目辅导、专题讨论、技术讲座等形式，促进学生在真刀真枪的项目开发中学习相关知识，从而提高学生的职业能力。“以职业活动的工作过程”是从“以知识的逻辑线索为依据”转变而来的，并且学习的资料基本上是实际工作流程和职业岗位活动，以此来安排课程顺序和内容。
具体来说，以电子商务创业园为平台推动网页制作与设计课程教学改进是将电子商务创业园平台中的企业项目作为实例，教师结合项目流程化进行重点模块教学，学生在教师的引导下开展实践性学习。为了将完成项目任务作为实际教学活动的中心，需要遵守“项目导入、任务驱动”的教学法，教师对学生进行启发、引导，让学生通过参与项目任务的网页制作与设计，亲自体验网站的开发、维护、管理这一完整流程，并在学习中激发自主学习的动力，不断提出问题，同时发现新问题，从而改变传统教学模式中教师和学生的角色，实现以学生为中心的教学。
三、以电子商务创业园为平台推动网页制作与设计课程教学改进
首先，以电子商务创业园为平台推动网页制作与设计课程的教学改进中，主要以“项目导入、任务驱动”教学法为研究方法。因为以电子商务创业园为平台推动网页制作与设计课程教学改进的模式是一种新型的教学模式，还没有现成的案例，需要我们在实际工作中研究与实践才可能推广。其次，中职教育的教学管理中，应注意分层管理，注重个性差异和个别教育，加强学生间的凝聚力，提高学生学习的积极性。落实“总项目―子项目”模式的分层管理，一方面让项目组成员分头开展研究，另一方面由项目负责人进行总协调。同时，项目将成立例会制度，目的是强化制度体制，规范行政管理，提高工作效率。最终在校企合作的推动下，一起展开项目研究。
教学改进方案具体如下：
（一）确定项目组人员和教学改进方案。首先，确定教学改进方案的依据。一方面要在网页制作与设计课程投入人力和财力的基础上，对编制问卷调查中的通用步骤进行参考，还要对研究成果以及检索资料进行借鉴，从而得到网页制作与设计课程中的岗位及能力方面的要求的基础数据。其次，教学改进方案的设计要设立审批、经费投入等管理制度，将设立审批下放到电子商务创业园中，明确学校分类管理，加大对在电子商务创业园形成过程中出现的违法行为的打击力度，对责任人严肃追究责任。再次，在教育制度改革的同时，要深化课程教学改革，实施德育综合改革，构建网页制作与设计课程的德育课程体系，把德育目标融入学科的课程中，实现全科育人，并深入开展法治教育，强化知识课程教学。然后组织相关教师研讨，编写讲义，确定教材，落实与课程培养中的各种能力相关的设备以及资金。最后，在学生综合素质评价中，要明确以学生品德养成、身心健康、学习能力为主要评价内容，坚持常态化实施，如实记录学生在创业成长过程中的突出表现，并以事实材料为佐证，切实做到有据可查。同时加强公开公示工作，用于招生使用的活动记录和事实材料必须进行公示，相关负责人须审核签字。
（二）开展实地考察并签订企业开发合同。对电子商务创业园合作的企业如广东中山市蓝狐品牌策划有限公司进行实地考察，根据考察情况形成初步的教学改进方案，并组织专家论证，与企业签订开发合同。企业和学校要在专业设置、师资队伍建设、实践教学、实训基地建设以及现代职业教育体系构建等方面形成良好的合作基础，开展针对性的对口共建活动，使学校在专业建设、师资素质和实践教学水平等方面得到提升。企业和学校协调配合、各司其职，以电子商务创业园为平台实现对网页制作与设计课程的带动作用。
（三）教学改进的实施。开展以“项目导入、任务驱动”教学法的网页制作与设计课程教学改进的同时组织开展优秀作品展评比竞赛活动，进一步加强学生技能的培养和全面提高学生的综合素质。鼓励学生参与电子商务创业园平台相关的活动，鼓励学生建立、开发工作室，可由教师牵头，组织学生参与，引入企业项目。在企业项目实施的过程中，学生可以了解、熟悉整个工艺流程、不同知识的用途以及操作过程中的注意事项。校企联合实践教学，让学生将理论和实践进行对接，使学生对所学专业有更深层次的认识，更加明白课堂教学的意义，激发学生学习专业的热情，这对于学科建设和学科发展具有积极的推动意义；同时，引导学生树立“学会认知，学会做事，学会共同生活，学会生存”的意识，使学生在创业时“走得出”，“站得住”，“干得好”。除此之外，在教学改进实施过程中，还应注意维护学生的权益。校企合作中涉及的实习生人数多，学生容易被企业当作“廉价劳动力”使用。保障政策的重点包括企事业单位不得向实习生收取实习费；不得安排实习生从事与所学专业无关的实习岗位；学生顶岗实习给企业带来效益的，企业应向学生发放实习津贴。
（四）完善项目。依照项目开发结果来完善教学改进方案，主要是硬件设施，从而逐步建立电子商务创业园平台带动下的网页制作与设计课程规律性体系，形成网页制作与设计课程的能力考核评价标准。按“理论教学项目化，实训环境真实化，素质培养职业化”的要求，开展实训基地建设。在基于工作过程的行动导向教学理论的指导下，以真实的网页制作与设计为蓝本，在企业项目实施中，建成比较完善的“做中学、学中做”教学场所。同时，对实训基地的功能进行综合论证，对原有的师资及企业职工培训、技能竞赛和教产研发服务三种功能的不足进行重点建设，主要针对软硬件投入建设。在项目完善过程中，按不同层次拆分工作内容，开发产教项目，以适合不同年级的教学；教师的教学以生产为主线，生产活动为载体，理论与实训一体。学生通过参与项目的活动，学做融合，实现工与学的对接，创新校企合作的模式，使得调整后的项目、人才规格和专业素质贴近行业、企业的现实要求。
总之，以电子商务创业园为平台推动网页制作与设计课程教学改进，始终将学生作为学习的主体，通过案例教学、任务驱动、项目教学法、小组合作与协作等方法开展教学活动，这对提高学生主动学习和解决问题的能力，提升学生的岗位职业技能，以及提升教师团队的教学水平具有重要的意义。
【参考文献】
[1]王敏.南通市职业学校首批“学生创业园”颁牌仪式暨南通中专创业教育推进会隆重举行[J].江苏科技信息：科技创业，2012（2）
[2]陈小燕，谢强，丁秋林.浅谈项目式教学在《网页设计与制作》中的应用[J].电脑学习，2010（1）
[3]彭学军.以创业为导向的《网页设计与制作》课程教学[J].职教论坛，2010（23）
篇5
在网络技术迅速发展的今天，网页设计与制作已成为当今社会上一种比较热门的技术，也是“计算机应用技术、计算机网络技术、国际贸易、国际商务专业”等专业学生的必修课，同时，也是相关专业学生的选修课[1]。
一、《网页设计与制作》课程现状与问题
对于以往的教学方式与内容，其相对落后的表现为：以简单分析为主线，系统的概念化设计思想较弱；以文字教材与课堂讲述的方式传授知识为主导；过于重视软件的操作，几乎没有创新设计的内容，忽视培养学生创造性思维；新理论、新技术相对偏少；与实际案例的联系不密切、没有反映现实技术的发展水平。
二、《网页设计与制作》课程教学改革的对策
（一）教法的改革
“教师一张嘴、学生一支笔”的传统“填鸭式”教学模式，是培养不出掌握熟练技能技巧面向市场的网页制作人才的。为此，我们必须在教师的教法上改革传统的教学模式。
1.注重培养学生的新思维
教学改革的关键是教师，要把如何培养具有创新能力的网页制作人才放在第一位。有了创新意识，就能抓住创新机会，产生创新方法，启动创新思维。通过改革，带动和影响学生去创造、去想象、去独立思考。培养学生的创新思维，可以改变学生依赖老师的习惯，也可以改变计算机教学传统的填鸭式、灌输式的教学方法。代之以自学指导法、尝试教学法、提问验证法等。教学方法创新，可使学生具有获取新知识的能力，为他们在今后工作中不断创新打下基础。
2.使学生从课本中解放出来动手实践
传统教学方式学生取得知识的途径主要是教师的课堂讲授和教科书。笔者认为，教师应该让学生从书本和课堂中适度解放出来，要求学生积极参加实践，接触实际问题，在经历实践的同时和解决问题中获取知识。教师对每一门计算机课都给学生布置实践课题，作业考核测试尽量在电脑上进行，实行“无纸化”，使理论和实践教学有机地统一。
3.鼓励并组织学生校外实习
为了让学生能更好的适应社会需求，在充分发挥本校人力资源的基础上，与一些IT公司联合，鼓励并组织一些学生去公司实习，让学生有机会参与实际项目的开发和管理，提高实际应用水平。同时，也可以聘请公司专门从事网页制作的人员来校授课，让学生能及时了解学科前沿应用信息并掌提高新技术，尽力让学生的认知内容始终与世界资讯保持一致。
（二）学法的改革
1.引导学生转变思想
学生从高中升人高职，大部分学生已经习惯中学教师的教法。简单的说就是，学生只会学习老师教的内容，不会太多想和学课外的一些知识点。但是，现在不同了，首先要从思想上给学生敲一下警钟，让他们知道，高校不同于中学，高校的学习和学法主要靠个人，网页制作的知识无边无际，需要学生自己去好好学习，自己去钻研。因此，老师应该更多的提醒学生平时独立思考问题、独立看书、独立去实践，逐步转变学生的惯性思维。
2.引导学生理论与实际相结合
我们注意引导学生从课本中解放出来，但是也不能完全的脱离课本。尤其是网页制作科目的实践性很强，所以一定要注意提醒学生不能忘掉课本的这个“本”，注意理论与实践相结合，只有通过在实践中来发现问题，同时又从课本中获取知识，才能达到理论与实践相结合，才能增长知识，才能取得更大的进步。
3.引导学生利用好网络资源
随着学校网络环境的进一步改善，学生上网的机会也随之增多。网络资源为我们的教学提供了一个很好的学习资源，但需要教师的有效规范和引导。网上关于网页制作的相关网站很多，有一些做网页的相关技巧等着学生去学。通过学生对网络资源的利用，既能大大的补充学生做网页知识的全面性，又能很好的激发学生学习的积极性。
4.引导学生建立学习小组
在教学的过程中，我们可以将学生每4—6人来建立一个学习小组，小组成员之间相互协作，相互帮助，来共同解决问题。同时可以让小组中尖子生充当小老师来指导其他成员，从而达到共同学习进步的效果。学习小组的建立，初步培养同学们合作交流的愿望，使他们能主动与他人合作，敢于提出与别人不同的见解，也勇于放弃或修正自己的错误观点。通过学生的共同探索，可以培养同学之间相互合作、共同探索的团队精神，也可以提高学习效率。
（三）成绩考核方法的改革
网页制作操作性很强，实践内容多，而理论知识少，一个学生学得好不好，关键看学生的动手能力怎么样。对学生成绩的考核也是网页制作教师长期探索的课题。
1.小的知识点，平时随堂考查
在时间允许的情况下对每个学生要逐一检查，使学生在平时就养成对小知识点的积累。久而久之，做一个网站的所有知识点就会慢慢的积累起来。
2.提前布置一些较大的工程（如个人主页、网店设计之类）
如何使学生将一些小的知识点组合成为一个大的或综合的网站才是做网页最终目的。因此，开学初我们就可以布置个人主页、网店设计的任务，要求学生做好准备，到期末后一起交上来。这样既可以即学即用，也使得学生在平时把精力真正的投入到专业技能的训练上。
3.上机操作
期末考试的成绩不能仅仅就是上面的两个方面的成绩，还要让学生能在规定的时间内来完成老师所规定的一个网站来，学生可以自由发挥，设计想出自己独特风格的网页，这样对学生就会有一个很大促进作用，有助于学生独创意识的发展。
三、五步教学法
《网页设计与制作》课程特点是：具有很强的操作性，并且新技术不断涌现，有明显的时展特点，教学内容须同步更新；设计无定势，故极富创意性、挑战性，要求学生手脑并用。
基于以上特点，教学时可反复采用五步法训练，即【分析】【归纳】【模仿】【创新】【进入资料库】，逐渐提高学生层次。具体实施时采用宏观讲解与个别指导相结合的方法进行。
（一）创设情境，提出问题，讨论分析
通过“创设情境，提出问题”可以激发学生的求知欲，而且还可以培养学生发现问题，探索问题的能力。
（二）操作演示，理论讲授，模仿创新
本课程重视实际操作，培养学生的动手能力。在组织课堂教学时：首先，演示案例结果，给学生以直观的感受，然后倒述代码；其次，提出问题，让学生模仿着翻三，归纳总结；最后，留出部分时间让学生创新设计。
（三）资源开放，自主探索，评价作品
在网上随时学习资源，鼓励学生利用搜索引擎，自主学习，互评作品，总结得失，共同提高。
四、期望达到的教学效果
通过让学生分组设计网店，掌握网络店铺营销的基本操作方法、各种信息搜集与方式的使用、网络问卷的制作与、网络广告推广策划、网络营销各种策略方案等核心知识和必备技能[2]。同时获得相应的操作能力、学习能力、应用能力，强化学生的实践能力，100％达到课程教学的要求。
学生在掌握基本知识、能力，培养素质的基础上，能掌握课程中要求的职业技能和素质，能在真实或仿真的环境中经营网络店铺。由于本课程设计为项目导向、任务驱动的工作过程系统化课程，每个项目的第一步即为明确工作任务，全体课程组教师应充分尊重学生在教学过程的主体地位，把单向灌输改为师生协同互动，从引导学生的思维方式入手，最终由学生自主完成电子商务操作流程，达到良好的教学效果，极大地调动学生的主动性，使学生的学习目的进一步明确，学习兴趣明显提高。
篇6
网页设计；高职；教学内容
随着互联网逐渐深入到经济生活的各个角落，涌现出越来越多的网站。相应的，各类单位、企业等用人单位对网页设计与制作人才的需求也开始变得普遍。而《网页设计与制作》也早已成为大多数高职院校普遍开设的课程，甚至在同一所高职院校中也有相当数量的专业开设了这一课程，这些现象都反映出了社会对网页设计与制作人才的需求。而互联网的不断发展也在推动着社会对网页设计与制作人才水平要求的不断提高，也对《网页设计与制作》的教学提出了新的挑战。
一、《网页设计与制作》教学内容存在的问题
1.教学内容与实际应用脱节。
目前，《网页设计与制作》的教学内容大致分为：网页设计基础知识、HTML语言基础、CSS样式基础、网页文本和图像、超链接、表格、框架、Div、多媒体网页、模板和库、站点管理维护。不同院校、不同专业在具体内容的选择上可能会有所差异，但大致都包括了这些内容。首先，在《网页设计与制作》教学中，往往会以Dreamweaver这一网页制作软件的使用作为主要内容，所有的操作都依赖于Dreamweaver，很少涉及对HTML代码的讲解，这导致学生无法熟练的查看、修改HTML代码，一旦离开了Dreamweaver，学生将无法制作、修改网页。而在实际应用中，HTML代码是在进行网页设计时无法绕过的一个知识点。因为在Dreamweaver的设计视图下操作是不能解决所有问题的，很多网页设计中出现的问题只有通过查看HTML代码才能发现并解决。此外，Dreamweaver也并不是计算机上的常用软件，学生应该具备在脱离Dreamweaver的环境中进行简单网页制作、修改的能力。其次，早期的页面布局以表格布局为主，但随着互联网技术与网页设计标准的不断发展，表格布局技术已经不再是主流，取而代之的是Div+CSS布局，也是所谓的内容与形式分开的布局方式。在这种布局方式下，页面元素的布局更加灵活、页面代码更加简洁。而更重要的是，采用这种布局方式的网站在整体风格的管理和后期维护上更加方便、效率更高。因此，《网页设计与制作》的教学内容应当给予Div+CSS足够的重视，加大其在教学内容中的比重，以增强与实际应用联系的紧密程度。再次，随着移动互联网的兴起，通过手机等移动终端访问互联网的用户数量已经超过了传统的通过PC访问互联网的用户数量，如何设计适合于移动终端浏览的页面，也应该作为《网页设计与制作》教学内容的一部分。
2.只重视“制作”忽略“设计”。
不同院校、不同专业对《网页设计与制作》课程的命名不尽相同，但大多带有“设计”二字。而在实际的教学内容安排中，却往往没有体现出“设计”的部分。网页设计是一门典型的交叉课程，既有计算机科学知识，又有人文社会科学知识。网页设计虽较多的依赖技术性手段，但并不代表在教学内容的安排上就要以技术为主导。学习Dreamweaver也是只是为了掌握一种工具而不是最终目的，成功的网页设计作品还要有美观的布局、配色和人性化的信息导航。
二、确定合理的《网页设计与制作》教学内容
1.加强对HTML基础的教学。
虽然Dreamweaver作为主流的“所见即所是”编辑工具，可以让使用者不接触HTML代码就能完成大部分网页制作的工作，但是只有真正理解HTML语言，才能理解网页工作的原理，才能真正深入到网页设计的核心，才能学习到其他优秀网页设计作品的内涵，为将来的能力提升铺平道路。
2.加强对Div+CSS内容的教学。
Div+CSS布局已经是成熟的主流网页布局技术，《网页设计与制作》的教学应该突出对该技术的侧重，将已经被淘汰的表格布局作为辅助。同时，对CSS的教学内容应该贯穿始终，因为CSS可以说是控制网页元素表现形式的关键，掌握了CSS就能根据需要轻松的设置页面元素的各种效果，从而为整个页面增色。
3.增加对艺术设计的教学。
目前网页设计行业内最缺乏的是具备优秀设计能力的高端网页设计人才，而目前《网页设计与制作》教学中最欠缺的就是对设计能力的培养，导致学生在学完课程后也只能进行简单的模仿和重复，无法进行有效的创新和设计。因此网页设计课程的教学应该以艺术设计为出发点，增加对传统艺术设计方面的教学内容，如构图、色彩、设计思维等知识，并进行相应的实践练习，以此培养学生基本的审美能力和在设计上的创新能力，这样才能让网页制作技术服务于网页设计，从而真正体现出“设计”，避免舍本逐末。
4.补充对主流技术的教学。
互联网的发展日新月异，新的技术不断涌现，作为《网页设计与制作》的任课教师，应该具备一定的判断能力，将未来网页设计技术发展的新趋势呈现给学生，帮助他们紧跟行业动态，为将来就业打下良好基础。
三、结束语
《网页设计与制作》作为一门开设多年的课程，在教学内容的设计上必须要关注行业的最新动态，同时明确课程的核心内容，才能培养出社会所需要的网页设计人才。
作者：韦喆哲 单位：广西经济管理干部学院信息管理系
篇7
网络运用越来越广泛，熟悉网页设计基本程序，掌握一点网页制作实用技术，对提高网络使用效率非常有帮助。特别是网页制作中的实用技术，也是平时工作和学习的需要，熟悉其技术要领，能够给我们带来更多便利。计算机已经进入寻常人家，网络把整个世界都联系在一起。网络研究也不再是专业技术人员的专利，普遍电脑爱好者掌握相关软件的使用，也是极其平常的事情。网页设计和制作技术普及当然有重要意义。
1 网页设计技术要领
网页设计经历不同发展时期，借助的工具也在不断更新之中。网页设计技术也随之软件更新中不断得到简化，如果不是特别需要，简单网页设计早已变得很容易。
1.1 HTML语言
网页制作要借助一定的工具才能实现。我们最常熟悉的网页，也是大家都会制作的Windows文本网页。这是借助Windows软件工具完成的。可这还不是我们真正需要学习的网页设计，随着人们对网页制作要求的不断提高，制作动态超级链接的网页已经成为人们的普遍需要。
要学习网页设计，首先要了解HTML语言，因为这是网页制作的基础。HTML语言是专业术语，就是指计算机标记语言，通过HTML源代码解读和撰写实现网页设计。随着更多实用性软件的问世，HTML语言对计算机爱好者来说，已经没有那么重要了。大家关注的是网页的实效性，能不能给人以视觉冲击，制作也有更多的简单便捷的软件可供选择。因此，网页设计制作对HTML语言的依赖越来越少，只有在特别需要的时候要用上HTML语言。了解HTML语言是必要的，特别是要写脚本语言程序时，HTML语言就不可或缺。
1.2 版面设计
网页版面设计时，要对版面风格进行定位，对页面文字和图片等内容做统筹考量，不仅要安排有序得当，还要体现整齐美观大方的视觉效果。版面设计其实是一种艺术，而不是一般意义的技术了。网页就是制作者的思想品位素养的直观表达，阅读网页就是对制作者的审视和评价。
版面设计首先要做好主页制作工作。主页就是人的脸面，要体现网页内容风格，就要注意突出什么，要有醒目的文字和图片，而且文字和画面要有自己的特色，一味堆砌当然不会有好效果。一般情况下，有特色的主页要包含这样几个要素：文字、图片、色调和排版方式。几种要素不可或缺，还要注意相互之间的协调和搭配，和谐统一才能体现整体美。
2 网页制作实用技术
网页制作可以借助的软件很多，Frontpage是一款比较适合初学者网页制作的入门工具。Frontpage的界面和操作和Word比较相似，非常容易学习。
2.1 插入图片
在网页中插入图片是常常要遇到的，有丰富图片内容可以让网页显得丰满生动，其操作方法并不复杂。在制作的网页中选择适当位置，确定插入点，然后在网页上部点击菜单“插入”选择“图片”，再点击“来自文件”，进入对话框，查找需要插入的图片位置，最后点击插入按钮就可以完成图片插入。
如果图片格式不是GIF或者JPEG也不要紧，在网页保存时Frontpage会自动转换格式。图片插入后还要对图片进行适当调整和修正，点击图片选中，单击便可以随意拖动图片，进行大小调整。
图片确定后还要对图片进行环绕样式选择。在网页中右键点击图片，在“图片属性”中选择“外观”，然后是“环绕样式”，找到文本图形周围流动方式，在“布局”中选择“图片对齐方式”，根据需要进行详细设置。
2.2 添加动画
网页添加动画文件可以让网页动态十足，给人带来不一样的活力感觉。与图片相比，动画需要有多幅图片构成。首先要准备好动画文件，动画文件可以网络下载，也可以自己制作。添加动画和图片插入基本相同。打开网页，确定动画插入位置，点击“插入”选择“图片”，在对话框中选择“从计算机上选择一个文件”，找到动画源文件点击“确定”，动画就插入到网页当前位置。
如果要插入用Flash技术制作的动画，操作就要复杂一些。首先要在Flash中生成动画文件moon.Swf，然后启动Frontpage，先建立一个新网页文件，点击“插入”选择“高级”到“插件”，这时会出现“插件属性”对话框，选择“浏览”找到moon.Swf源文件，确定之后回到“插件属性”找到“数据源”，并将其中的文件途径删掉，只保留文件名moon.Swf。确定之后还要选择“文件”到“保存”，将动画文件moon.Swf保存。
2.3 制作滚动字幕
滚动字幕的运用可以让网页显得活泼，其制作技术也比较简单。首先是打开Frontpage编辑界面，确定插入滚动字幕的位置，把需要显示的文字输入进去。然后将这些文字选定，点击菜单“插入”，选择“组件”到“字幕”，点击之后出现对话框，点击“字幕属性”，对文章滚动方式进行进一步设置，包括字幕滚动方向和字幕滚动延迟时间等。最后点击确定，就完成了字幕滚动插入。如果要查看效果，可以从“预览”中查看。
2.4 建立超级链接
制作网页不仅要建立自己的主页附页链接，有时还需要将网页和其他网站形成链接，这就需要建立浏览器超级链接。要链接其他网站，首先要选择作为链接的文本，然后点击菜单“常用”工具栏的“超链接”，在“创造超链接”中，将要链接的网站的地址输入在URL地址栏内，点击确定就可以了。如果要改变某些超链接，可以先确认是普通模式，右键点击要改变的超链接，选择“超链接属性”，直接输入新的URL地址就可以了。
3 结束语
网页设计和制作并不神秘，学习网页设计和制作也无需多么高的计算机理论水平，只要掌握网页设计和制作实用技术的操作过程，就可以进行网页设计和制作，并且能够把网页设计和自己的工作学习紧密结合起来，这对工作和学习都有极大帮助。
参考文献
[1]吕何新，陈伟，沈淦. Front Page 2003网页设计与制作[M].高等教育出版社，2005.
[2]许文芝.充分挖掘超链接功能设计制作网页课件[J].中小学电教，2003（02）.
[3]张红玉，王德东.如何在FrontPage2000中插入Flas[J].计算机时代，2001（06）.
[4]陈凤芹. Dream weaver网页设计与制作教学探讨[J].中国教育技术装备，2012（21）.
[5]陈艳，宋顺林，邢桂芬.基于Dream weaver方式的Web站点开发——及其在OA系统中应用[J].计算机应用与软件，2004（09）.
篇8
1设计原则
1.1表格的定位功能
网页制作中表格的运用很重要，它的作用除了表格本身具有的统计处理数据的功能之外，还可以对所制作的网页页面中的设计元素进行定位。网页中的文本位置、图像位置，可以通过表格来准确控制，而且还能消除诸多网页元素之间的干扰，这样设计出的网页更加紧凑。
（1）网页制作使用表格时，要避免这样的设计行为：使用一张表格，然后将所有网页设计都放在这个表格中。因为HTML在被浏览器解码时是按照一定的次序进行的，浏览器解释和显示的顺序都是自上而下的，但是如果有表格在网页中，浏览器是将表格中所嵌套的全部内容都读取出来之后，再显示结果页面。一般的网页可能感受不到浏览器的这种工作顺序，如果网页中信息量大，浏览网页的人浏览速度慢，浏览器这种工作顺序就能表现出来。遇到这种网页，浏览器在读取了表格中全部内容之后，才为浏览者提供解释结果，在这之前显示的是空白。
（2）在进行网页设计时，利用表格定好需要的位置，在页面视图下都是正常的，但是用浏览器浏览该网页时就会出现部分设计对象位置混乱。这是由于表格宽度的设计出了问题，有两种设置该宽度的方法，一种是利用百分比的方法，另一种是利用像素的方法，比如，利用百分比的方法，会有多种分辨率多种页面设计结果出现，但是采用后者的方法，就不会出现这种问题。
1.2文件的命名
网页制作的过程中，有时会出现如下这些问题：在设计时插入进去的图片，预览时显示不出来、已经设计安排好的链接用不了等等情况。通过对问题的分析，发现问题出在了文件的命名上（用中文进行命名）。设计制作者为了在设计之后能够便于自己查找调用，会在设计时对一些文件命以中文名，这就导致预览时无法显示图片，只要将中文名换成英文就可以正常运行。为了解决记忆和查找文件的问题，可以用英文单词或者汉语拼音有针对性的命名。
1.3图像的无缝拼接
网页中图像的应用是很有必要的，图像可以使网页更加美观。图像的格式有许多，GIF、JPG、PNG这三种图像格式在网页设计和制作的时候比较常见。网页的下载速度受图像大小的影响很大，所以有必要在将图片插入到网页之前处理图片，比如利用PhotoShop软件，只要能够保证图像在网页中显示效果不受应影响即可。如果在设计网页时，要用到大图片，设计制作的时候可以用无缝拼接技术，该技术在图像处理软件中可以实现，先将要用到的大图片处理成数个小图片，将这些小图片按照一定规则嵌套到网页中，组成大图片，拼出的大图在现实效果上与完整的原图基本上没有差别，拼接痕迹也不会被察觉。在拼接小图片的过程中，利用好表格，在表格的单元格中依次放置小图片，再将表格的间距设为零，去掉表格边框，设置好单元格的参数后，再手动微调，这样拼接好的图片就看不出拼接痕迹。这样的操作过程可能略显麻烦，但是却能保证大图显示效果的前提下又不影响网页下载速度。
1.4个人站点中导航按钮的设计
设计制作网页时，加入导航按钮，可以利用Photoshop或者Flash进行制作。设计者只有具备很好的图像、动画处理软件基础，才能掌握住这种创新性的方法，自己根据想达到的效果设计导航按钮，能够设计的创意。
2制作技巧
网站的页面中包含：作为网站门面的首页、支撑起网站结构的框架页面，网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。
比如设计首页时，有两种形式的设计可以作为网站首页，一种是形象展示型，这种方式的设计主要在布局和造型上，加了艺术化的处理，结合公司的形象与公司的服务理念，提供有相关性的图像与文字，这样设计出的画面才有生机和活力，在这样网页中，给浏览者提供最直观的公司形象，吸引浏览者的注意力。还有一种首页设计形式是信息罗列型，这种形式主要用于大中型企业网站，有很多条目和分类。
保持一致的网页设计风格。网站营销的诸多影响因素中，网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多，网站结构就是其中一种，比如，网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时，需要设计者特别关注的是网站中具有代表性的典型元素要保持一致，比如网站背景logo 、公司名称字体、网站中图片格调等等。
色彩搭配。页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其它颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉，红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。
3结束语
篇9
一、采用适当教学方法,激发学生的学习兴趣
传统的教学方式是教师在课堂上讲授理论内容,学生上机练习,教师辅导。这样一堂课结束后,学生可能对上课讲的内容听明白了,但在实际操作时往往无从下手。《网页设计与制作》是一门实践性很强的课程,教师让学生动手去做,经历网页制作、网站设计的各个细微环节,实现教与学的互动,才能充分激发学生主动学习的兴趣。学生具备了网页制作的基本知识和操作能力,教师可以采用“模仿”式教学,让学生设计和制作一个完整的网站,边做边学,使学生进一步熟悉相关理论知识的应用与实际操作。
在教学中,教师要选定一个难易度适中的网站,既不能太难模仿,使学生产生畏惧心理,又不能太简单,而达不到教学的目的。学生在“模仿”课环节,对指定的网站首页和其他主要网页进行模仿还原,该网站的各类素材可以直接使用,对于页面在尺寸、色彩、外观上也可以相同。对于这种特定的、明确的任务,学生往往会表现出极大的热情。学生在演练的过程中难免会遇到各种问题,网站完成以后,普遍都会存在着不同方面的缺陷。老师应通过实际案例的具体剖析,拉近学生与课程教学的距离,将收集的典型的问题重点讲解。学生因为刚刚实际操作过,对具体的问题有具体的认识,因而在听讲过程中针对性较强,对如何解决自己遇到的问题也会很感兴趣。兴趣是最好的老师,有兴趣才有快乐可言。
这样,学生既可以复习网页制作的基本操作,又能对完整设计一个网站的流程有更深的了解。学生在模仿教学的过程中,会不断地克服一个又一个的困难,学习自信心会大大地增强。爱默生说过,自信是成功的第一秘诀。有了信心,学生才能起航去找寻学习中的快乐。
二、注重综合实践环节,调动学生的学习主动性
在学生基本掌握了本课程的内容后,教师要注重综合实践环节的融会贯通,可布置一份综合作业,要求学生设计一个个人网站,网站既要有鲜明、统一的风格,又要有完善的内容,页面的结构、图片的位置、链接的方式设置合理,做到网页布局的和谐统一,还要做到容易更新,等等。要做到这些,学生就必须在制作网站之前,对网站进行一个总体规划,然后逐步进行设计。
为了让学生展现良好的创作技巧和独特的风格,布置综合作业之后,教师可先让学生进行选题,构建出自己的网站结构,然后上网查询相关的资料,再对网站进行规划,写出书面的网站设计方案,教师对每个学生的方案进行审查和评阅,及时指出应改进的地方和存在的问题。通过这些环节让学生学会查找、阅读专业文献资料的方法,培养学生撰写方案的能力。
如此完整的综合实践,放手让学生依照自己的想法设计、制作属于自己的网站,让学生自己做主,学生的学习主动性会大大提高,就能愉快、积极地去学习,调动自己的内在潜能,不断完善和提高自己。学生对某一件事和某一项活动的主动性发挥得越充分,与之相关的能力发展得就越快。
三、综合全面评价学生,增强学生的学习成就感
《网页设计与制作》课程的考核方式承袭传统的应试模式,考试内容侧重于对记忆型知识的考查,忽视实践动手能力和知识运用能力的考查。这样传统的考核方式既不能考查出学生真正的实力,在某种程度上又束缚了学生多向思维的发展。为了让学生对学习《网页制作与设计》课程产生兴趣,除了理论考试之外,我们还应该将整个考核过程融入到日常的教学环节中去,设计出让学生容易接受并感到“快乐”的考核方法。
实践表明,《网页设计与制作》课程的考核方式应该以学生实际制作的网页作品作为考核的主要内容。在作品考核的基础上,把学生的学习过程也纳入考核的范围,形成“过程+作品”的考核模式。教师可以将学生不同阶段作品的完成情况作为考核依据。这样,教师不仅可以有效控制学生的学习过程,而且可以根据反馈,适当调整教学进度。
一直以来,考核都是教师的“专利”,学生是被动的“待估品”,这样传统的考核方式让老师和学生的距离拉得太远,产生疏离感。“亲其师”才能“信其道”,只有老师做学生的朋友,亲近学生,与学生相互学习、共同切磋,以学习成员的身份与学生一起参与到学习的过程中,学生才敢在老师面前放松身心,体验到零距离带来的那份亲切,敞开自己的心扉。因此在考核中,教师要放弃自己的“权力”,和学生一起相互的讨论、评价,让学生享受到自己考核自己的乐趣。学生在其中找到自己的优点,会肯定自己;发现自己的缺点,会提高自己,学习成就感会逐渐增强,考核过程就不再是痛苦的,而是蕴藏无限快乐的过程。
在网络高度发展的今天,学生可以非常便捷地在网络上获取到大量的关于网页制作的学习资源,因此老师面临着更多的挑战,不仅需要对网页制作相关技术进行持续研究,而且要在教学方法、教学手段上不断进行革新,以充实的内容吸引学生,以活跃的氛围打动学生,让学生爱学习、好学习,在学习过程中获得成就感和满足感,得到身心的愉悦,实现快乐学习。
参考文献:
[1]谢志妮.案例教学法在《网页设计》课程中的应用[J].广东青年干部学院学报,2007,(68).
篇10
就课程本身运用实质来说，工作的项目其实分为网站设计与管理、网页制作、图像与媒体设计与运用、数据库设计与管理、脚本与应用程序的设计与运用。经过市场调研和多年教学实践，我把把课程牵引项目分为八个具体任务：1.图文并茂网页的制作完成该项目的知识包括常见网页设计工具的使用、HTML文档基本结构、文本排版控制标记符、图像插入标记符、特殊字符以及物理显示标记符、css的意义、创建与使用方法。项目技能目标有安装和启动网页制作软件、熟悉网页制作的基本步骤、正确插入文本与特殊字符、正确对文本进行分段分行、正确插入图像、运用css技术控制文字图片样式。2.个人简历网页的制作完成该项目的知识包括有序列表标记符、无序列表标记符、表格标记符、超链接标记符、Css技术对列表的控制方法。项目技能目标有制作有序列表、无序列表、制作混合列表、运用超链接标记符启动电子邮箱链接、运用表格进行简单页面排版、运用css技术设置列表显示方式。3.电子相册制作完成该项目的知识包括网页图像素材的特点与主要类型、Fireworks对图片进行批处理的方法、电子相册排版要点、图像、表格、超链接标记符的相关属性、css技术的滤镜使用方法。项目技能目标有熟悉网页图像素材的特点与类型、掌握Fireworks的基本操作方法、了解并掌握网页图片处理的主要方法、熟知图像、表格、超链接标记符的属性、运用css滤镜技术美化图片效果。4.学习欣赏网站设计与制作完成该项目的知识包括本地网站的创建与、IIS的安装与设置方法、网站的规划与制作流程、框架技术进行网页布局的方法、超链接标记符在框架技术中的作用、锚点链接技术、网站LOGO的制作方法、制作网站flashbanner的方法、多媒体素材网页的制作方法。项目技能目标有：正确创建、设置、本地网站、正确安装、设置与管理IIS、运用框架技术进行网页布局、锚点技术在长版面网页中的应用、运用图像设计软件制作LOGO、运用flash制作具有动态效果的banner、掌握向网页插入动画、视频等多媒体素材的方法、熟悉css控制超链接样式的方法。5.门户网站制作完成该项目的知识包括门户网站的设计、规划与制作流程、网站创建、、维护管理的方法、Div+css布局网页的方法、创建子菜单的方法、Dhtml技术、Dreamweaver的高级应用技术。项目技能目标有熟悉运用div+css技术设计网页、掌握Dreamweaver创建与运用divAp的方法、掌握运用Dreamweaver时间轴功能制作网页漂移元素的方法、掌握Dreamweaver行为面板的使用方法、灵活应用DHTML增加网页特效。6.个人信息网站设计与制作完成该项目的知识包括个人网站的规划方法与制作特点、运用图形制作工具设计绘制网页布局、Fireworks执行切片并导出网页的方法、Dreamweaver布局切片网页的方法、页内框架技术在网页布局中的应用方法、动态导航条的制作方法、css对网页进行样式规范与美化的方法。项目技能目标有了解个人网站的制作方法与特点、设计并绘制网页布局图、应用切片技术设计网页布局结构、运用Dreamweaver优化切片网页、运用页内框架技术实现网站超链接、掌握制作动态导航条的方法、运用css对网页进行样式规范与美化。7.用户注册信息网页制作完成该项目的知识包括表单与表单元素的相关标记符、表单与表单元素的作用、表格布局表单元素、css对表格、表单元素的控制方法、Dreamweaver检验表单行为的应用、以电子邮件方式提交表单的方法。项目技能目标有熟悉表单及表单元素的设置方法、掌握表格布局表单元素的方法、运用css对表格、表单元素进行规范与美化、掌握Dreamweaver验证表单的方法、掌握电子邮件形式提交表单的方法。8.浏览、查找、修改通讯录的网页完成该项目的知识包括动态网页制作与设置、数据库的绑定、表单动作设置、表单元素与数据表的对应、动态表格插入与应用、动态网站的。项目技能目标有熟悉表单及表单元素、掌握动态网页制作与设置方法、运用表单动作设置动态效果、掌握动态表格的插入方法、掌握动态网站要领。
篇11
《网页设计与制作》是高职网络专业根据网页设计与制作、网站管理、网页编辑的工作岗位能力要求所开设的课程，同时也是进行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 结束语
随着经济与网络技术的发展，社会对高职类毕业生的要求越来越高，为适应市场需求，高职教师应在教学内容和教学方法、能力培养上应不断的改革与创新，根据需要调节内容，通过“任务驱动+项目导向”促进学生尽快的掌握网页设计与制作的相关技能，并在实施过程中全方位的培养学生的专业能力、学习能力、职业能力与社会能力，为大学生就业创业打好基础。
篇12
作者简介：侯敏（1979-），女，汉族，陕西西安人，讲师。研究方向：软件工程，数据库
互联移动终端的大面积推广，使得掌握网页制作技术的人才在各个行业里都成为必不可少的需求；同时，地方普通高校为社会服务的使命感在不断增强，如何培养出“学即能用”的人才，使之在短时间内掌握主流的网页设计技术，提高站点访问量，是这门课程课堂教学效果进步的体现。
一、技术背景与课堂教学要求
（一）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的正规网站，教学效果良好。针对我校提出建立培养服务于地方应用型人才的本科院校，传统的网页设计与制作课程必须响应时代号召，更新教学内容与方法。本文仅供从事该课程教学的教师参考。
篇13
1、设计思路
本课程的设计秉着“以职业岗位工作过程为主线”、“以职业能力培养为课程核心”、“以实际项目为导向”等先进的教学理念。使用基于工作过程培养模式，强调知识的实用性。突出网站设计制作、网站推广和网络编辑等行业岗位实用能力培养，以岗位能力选择相关知识点、技能点，形成理论与实践、知识与技能相统一的课程模式。在课程内容组织和实施中突破传统学科教材的“三段式”课程设置模式和知识传授过程，将知识点的讲授贯穿于一个完整的综合性网站的设计与制作，通过情景、过程、类比、模拟等教学模式提高学生的知识、技能等综合能力。
2、课程任务及目标
通过课程的学习培养学生网站设计制作、网站推广和网络编辑等方面的岗位职业能力，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，养成良好的职业道德，为后续课程综合实训和顶岗实习与毕业设计等课程打下坚实的基础。并注意渗透思想教育，逐步培养学生的辩证思维，加强学生的职业道德观念。
3、课程内容设计
课程教学内容设计根据课程所对应的职业岗位所需的知识和技能选取出来作为课程教学内容，课程教学内容具体参照表1所示
4、课程实施
4.1 课程教学模式
本课程针对高职教育特点，采用基于工作过程（工作任务驱动）的教学模式。第一次授课时就告诉学生课程要开发的网站、要求，涵盖的知识点，以此为基础展开教学，注重培养学生发现问题、分析问题、解决问题的能力以及创新思维与技术综合应用能力。具体教学模式如下：
(1)课程教学采用一体化分组教学。教学地点为计算机实训室；
(2)教师在课前展示本学期要作为教学案例的综合性网站项目，并要求学生按照自己的兴趣和爱好分组开发不同内容的综合性网站项目。然后对综合性网站项目进行前期的需求分析，确定网站项目开发规模，所需的人力物力，学生自主组成学习小组，制定网站项目开发进度表，以此充分调动学生的创新思维，培养创新能力。
(3)网站项目设计与实施：学生按照网站项目开发进度表完成网站开发。整个过程中，教师真实案例演示为辅，学生自主设计为主，教师的作用仅为答疑、过程监控以及对共性问题进行总结与归纳。在此过程中，学生的分析问题、解决问题的能力将得到有效的锻炼，使学生对课程体系有一个更加全面的认识。
(4)网站项目验收：教师对学生完成的网站项目进行验收与评价，学生需提交网站项目开发报告并答辩，学生和老师提问，按照评分标准给出成绩。对于优秀作品，进行展示与点评。
4.2 教学方法与教学手段
本课程采用的主要教学方法有以下几种：
(1)项目教学法：课程教学通过精选企业案例、分解任务，有机地将相关知识点融合到课程中，让学生对网页设计与制作有一个直观和更加感性的认识。
(2)“教”、“学”、“做”三位一体教学法。
(3)直观教学法：通过动画演示、电子教案、电子课件、投影、录像、图片等现代教育技术展开理论教学，将复杂的原理用简单的、感性的方法展现出来，并选取与学生实际生活密切相关的项目实例进行讲解，有效地使难以理解的概念简单化、形象化，充分激起了学生的学习兴趣和主动性。
5、课程考核
课程考试成绩分两大部分：网站开发过程化考核成绩和期末网站展示考核。
(1)网站开发过程化考核；网站开发过程化的任务考核从实施过程、实施结果、态度、创新性和团队合作精神五个方面考核，其中实施过程、实施结果、态度、创新性根据每个任务的完成情况，由自我评价和教师评价相结合的方式进行。团队合作精神的考核由同小组的其他成员进行。
(2)期末考试的作品考核；期末考试的作品考核方式为课程答辩，成绩为网站展示成绩和教师提问成绩总和。
参考文献
[1]王秀丽.网页设计与制作[M］.北京:清华大学出版社,2006．
[2]蒋秀玲,邹淑英,陈文东．“任务驱动”教学法在Dreamweaver 教学中的运用[J].通化师范学院学报,2009,30(10):88－89．
[3]殷兆燕,崔毓娟．《网页设计与制作》课程教学改革探索与实践[J].常州信息职业技术学院学报,2009，8(4):64－66．
