网页制作与设计课程精选(九篇)

第1篇：网页制作与设计课程范文

关键词：网页设计与制作；教学内容；教学方法

中图分类号：G642文献标识码：A文章编号：1009-3044(2012)08-1864-03

"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结束语

明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步，网页设计与制作课程的教学还必须与时俱进，不断的改革和创新，教师只有不断的学习新的教学理论，掌握现代化的教学手段，才能胜任高效教育工作，为社会培养高素质的技术应用型人才。

参考文献：

[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.

第2篇：网页制作与设计课程范文

关键词:网页制作 课程改革 项目教学 个性化教学

一、互联网行业的潜在需求

在互联网时代,新兴行业层出不穷,例如新媒体、电子商务等新型传播方式和商业交易模式,为经济发展注入了新的动力。而不少传统行业也逐渐淘汰落后产能,引进各种新型电子智能技术和设备,纷纷建设电子信息网络平台与管理系统,以实现高效便捷的管理,并且极大地提高了生产效率。

二、网页设计与制作课程的发展现状和培养目标

(一)网页设计与制作课程的发展现状

在以往的教学过程中,教师往往只是从课本知识入手,着重传授相关概念和理论,而对于软件的操作,采取“为教而教”的方式,对学生的培养重在使用,而非实用。如此教学的结果是,学生虽然掌握了基本的软件操作方法,却只是停留在“知其然而不知其所以然”的阶段,一旦面临企业或者用工单位指派的实际任务,就会陷入一筹莫展的境地。究其原因,仍然是老师的作用没有充分发挥,没有培养学生良好的设计和规划意识,致使学生没有建立起完整的作品概念,更不用说创新意识和能力的培养。因此,应当明确的是,课程内容的教授应是“设计”与“技术”并重,甚至将设计理念提到更加重要的位置,让学生真正意识到开发与设计的重要性,培养独立设计与制作的能力,达到作品所应有的功能和视觉效果。

(二)网页设计与制作课程的培养目标

新课程教学目标中明确规定,我们应该确立以学生为主体的意识,明确以培养学生的实际动手能力和操作技能为教学目标。这样才能保证教学的目的和意义的实现。

网页设计与制作课程的教学就是面向实际应用,解决实际问题的实践活动,在教学过程中,老师和学生都应该具备目标意识和创新意识,在软件和网络知识的运用过程中,在实际问题的解决和网页的设计操作中,提高学生的网页设计技能和综合素质。倡导运用不同方式和灵活运用各种工具、寻求最佳途径的轻松活泼的教学,让学生参与到教学活动中来,提高学生解决实际问题的能力,培养学生的创新能力、服务意识和团队合作精神。

三、新形势下课程改革的新思路

互联网行业是近年来发展最为迅速的行业,也是自身更迭和淘汰速度最快的行业。顺应知识爆炸时代的需求,互联网行业的特点就是新鲜、快速和海量信息,而作为互联网依托之一的网页自然也要跟随时代潮流而变。作为新时代的技能型行业,网页设计与制作要求将最新的知识和科技融汇进来,才能保证不被淘汰。

(一)项目开发教学

1.协调好理论课与实践课的关系

任何学科的教授都是理论与实践相统一的整体,任何一方都不可偏废。但是对于注重实际能力的设计与制作课程,可以将理论的传授更加实用化。

2.案例教学或项目式教学

以案例或项目开发为教学载体,既生动活泼,同时在潜意识中培养了学生解决问题的意识和能力。

(二)打造学生的展示平台

利用学校的资源优势,为学生打造一个成果展示平台,促进学生间的互动和交流。利用每堂课的任务教学或者教学实例,引导学生开动脑筋,去寻求最优解决方案,并且满足他们展示与交流的愿望,建立一个开放活跃的学术氛围。

四、结论

综上所述,网页的设计与制作本身就是生动而充满乐趣的课程,教学的目的就是要让学生真正在实践中运用相关的软件和技术知识,并且在运用和实践的过程中锻炼思维,提高解决实际问题的能力,从而顺利走上就业岗位,成为实用型的技术人才。

参考文献:

[1]杨森,刘潇潇.网页设计与制作课程教学改革的研究与探索[J].办公自动化杂志.2010.(03).

[2]磨曙明.网页设计与制作课程中项目教学法的运用[J].新课程.2010.(05).

[3]敖冰峰,乔阳.“项目教学法”在网页设计与制作中的应用[J].科技创新导报.2010.(17).

[4]蒋红,包松颖.高职网页设计与制作课程的教学思考[J].宁波教育学院学报.2010.(06).

第3篇：网页制作与设计课程范文

关键词：网页设计；教学改革；案例教学；项目驱动

基金项目：梧州学院2010年院级教改项目“项目驱动式案例教学法在电子商务专业“动态网页设计”教学中的应用”

随着互联网的推广和普及，上网的人数越来越多，网页是互联网上信息传播的主要方式，因此《网页设计与制作》课程成为很多专业的基础课程。网页设计是一门很有创造性的课程，艰涩的学习过程和设计出的精美且具有创意的网页，让同学对这门课既畏惧又喜爱。我希望通过对以往一些教学过程的改革，使该门课程的学习过程也变得有意义，能吸引学生的兴趣，充分调动学生的积极性和创造性。

一、以往教学中存在的问题

在以往的教学中存在几点不足之处：1.教学内容的安排。课程主要内容是讲授网页三剑客，讲解网页设计工具的使用，大部分时间是教学生如何做一个网页，很少有时间教学生如何把一个网页做好；2.教材。教材是学生学习知识的主要来源，但是现在的很多教材都是泛泛而谈，说得不明白也不错误，学生不仅不能从中学到知识，反而越来越糊涂：3.考核方式。之前主要是笔试，对于网页设计这类操作性很强的课程，笔试并不能反映出学生的真实水平。

二、对教学内容改革的想法

网页设计是一门实践性和操作性很强的课程，在课程设计，教学内容，教学方法上，应该以调动学生的兴趣、实践操作能力和创造能力为主，以理论为辅；应该以传达给学生设计思路，创意为主，以技术讲解为辅；在这样的原则下，对教学内容改革作如下设计：

(一)第一阶段，案例教学法，以常用网站实例为例进行知识点的讲解。网页设计课程的入门阶段主要是一些知识点和技能技巧的学习，如果只是把这些知识点简单的介绍给学生，不会吸起学生的兴趣。所以应该改变一下教学方法。首先给同学看一下该知识点在一个具体网站应用的效果，再来告诉他们该如何实现这样的效果。比如，讲解这一对标签，先让同学看新浪网站上的滚动新闻，或者一些个人网站的文字图片等的滚动效果，这样先激发学生对这个知识的兴趣，再告诉他们怎么实现这样的效果，学生看到这样的漂亮效果，兴趣和积极性都调动起来了，就愿意主动地学习了。

(二)第二阶段，临摹优秀网站设计。在书法的学习中，有一个临摹的过程，在网页设计中，也可以使用此方法来练习和提高。在掌握了网站的常用技术之后，就需要开始设计网站，如果现在就直接给学生一个主题，让他们根据该主题来设计网页，学生会感到不知如何着手，第一阶段的知识只能让他们拼凑出一个网页，而对整个网页该怎样设计，如何才能让网页精美且与主题切合，学生是无法做到的。所以需要他们多学别人的网页，临摹别人的网页，在临摹的过程中，学会如何设计网页，学习网页的风格，网页的配色，网页的布局，以及如何审美网页。经过大量这样的临摹练习之后，才能学到不同的网页设计风格，并把别人有价值的东西转化为自己的知识，为以后的创作提供基础。通过该阶段的锻炼，使学生能够根据一个主题，利用自己的知识和创意，完整的设计出一个网页。

(三)第三阶段，项目驱动教学法。经过前两个阶段的学习和锻炼，学生对网页设计的基础知识和技能，对网页设计风格和布局有了比较全面的了解。这个时候就需要给他们一些具体的实践机会，让他们在实践中，使自己的技能、水平得到锤炼和提升。要实现真正的项目驱动教学法，需要找到一些实际的网站项目让学生去实践。可以将学校和系部的一些网站在老师的指导下让学生来完成；也可以在外面找一些公司的网站让学生来做。通过这样的方式，可以让学生在多方面获得益处：1.可以让学生的知识学有所用，设计出的网站被社会认可会，止学生体会的学习快乐，从而给他们提供新的学习动力；2.可以让学生学到给多的知识，课堂上的内容是有限的，实际的网站制作过程，会让学生在实践中学习更多的有用知识；3.可以锻炼学生的团体意识，使他们认识到：网站的设计和开发不是一个人就能够完成的，他需要一个团队的共同努力，需要团队之间的相互配合和胁作。所以，通过项目驱动教学，能使学生得以实践，在多方面得到提高和锻炼。

三、对教材选取和考核方式的想法

(一)教材的选取。网页设计课程设计的内容主要包括四方面：HTML、Dreamweaver、Fireworks、Flash。现在的教材中，讲解得不够详细，只是泛泛而谈。这就给学生的学习带来很多困扰。可以从两个方面弥补这个问题：一是给学生推荐好的参考书，并告知学生其中的重点和非重点，让学生学习有的放矢；二是编写适合自己教学需要的教材。

(二)考核方式的改革。该课程的考核内容应以实践操作为主。因此将考核方式定为考查，给出一定范围的主题，留给学生足够的时间完成作品的设计和制作，最后上交制作好的作品即可。留给学生足够的时间和发挥空间，可以使学生充分发挥他们的想象力和所学知识。这样的一种考核方式经过几届学生的实践，受到同学的好评，并且出现了相当一部分好的作品。

经过几年的教学实践和教学改革探索，以上的一些教学思路已经过教学实践验证，这样的教学方式受到学生的欢迎。该教学改革能为学生打下牢固的基础，也能够更好的调动学生的积极性和创造性，培养他们的团队意识。教学改革是一个不断进行的过程，以后也要根据教学实践，在教学改革上做出更多有益的尝试。

参考文献

[1]李淑珍，李晓宾《网页设计与制作》课程在不同阶段的不同教学方法探讨[J].软件导刊2008(4)：138-139

第4篇：网页制作与设计课程范文

关键词： 项目教学 《网页设计与制作》 项目教学法 任务驱动法 考核模式

在网络技术迅速发展的今天，上网已成为一种潮流，人们越来越习惯从互联网上获取信息，而网页是信息的载体，如何把要传递的信息呈现在网页上，是《网页设计与制作》这门课要关心、学习的问题。本文以高职院校的计算机教学为背景，结合《网页设计与制作》这门课程，从这门课程教学过程中应注意和改进的地方展开论述。

笔者在从事大专院校计算机专业各课程教学的过程中发现，《网页设计与制作》这门课程与其他课程的教学相比，无论是教学内容还是教学方法都有其独特之处。它是一门有较强的工具性和实用性的实践课，而且涉及计算机图像处理、文字版面处理等相关知识，需要对相关课程有一定基础。所以按照传统的教学模式――由老师讲解、演示范例、学生上机学做范例、老师辅导是远远不够的。一堂课下来，学生是被动的，只会做教师演示的范例，不会融会贯通，创新意识得不到培养。只有在实际教学中突破以往教学模式，才能培养学生的自我探索及独立研究能力、团队精神与自主创新精神。

下面笔者就谈谈这门课程的教学中应注意及改进的地方。

一、理论课程教学改进：项目教学法

在《网页设计与制作》项目教学中，教师与学生承担着更多的教与学的责任，要求更多的投入和参与。首先，教师设计出总的项目方案和要求，项目既要易于理解，又要与学生的背景相关，难度要适中，并将项目分解成若干个子项目。教师可通过如下形式开放教学。

1.针对项目进行项目分解，以项目为主线，根据学生所要完成的任务，主动引导学生发现要解决的问题。教师要启发学生发现问题，由学生探索，目的是培养学生发现问题和解决问题的能力。

2.围绕项目展开、介绍问题涉及的知识点，并将问题涉及的知识点渗透在教学活动中。在这个环节中应将项目分解为若干个小项目任务，这样将技能的展开顺序与学生的心理认知顺序结合起来，就更能体现按人的思维发展和认知规律的特点安排教学内容的思想。因为教学改革的趋势是逐步减少这门课的课内学时，所以教材中需要通过使用大量案例引导学习方法，便于学生自学和实践。

3.项目的分阶段评价、总结。我们可在一个或几个子项目完成后，在学生中开展讨论，进行项目分阶段评价，大家共同评价好与不好，有问题怎样改进，这是一个互相学习的过程，可以使他们共同进步，可以纠正偏差，也可以聘请行业专家、企业人士参加，对学生建设的网站给予评价，对于有争议的问题，可以一同找资料，共同解决。

二、实践课程教学改进：任务驱动法

任务驱动法十分注重学生的主体性、主动性及自主性的发挥，在这个过程中学生要学会收集各方面的资料和信息，学会对已有资料作多方面分析，促使学生思维不断深化，并在力图对一个问题寻找多种解答的过程中培养和形成创造性思维。

1.设计学习任务，激发学生学习兴趣。在教学过程中，教师要注意激发学生的学习兴趣和求知欲望。在上理论课的时候，除了介绍网页制作的基础理论知识和操作过程外，还结合国内外的几个知名网站进行整体分析，介绍知名网站在版面设计方面是如何布局，在色彩搭配方面如何合理地统一网站风格，如何合理地使用图片美化自己的网站，做到与众不同，被广大浏览者认可。完成对这些典型网站的分析后，向学生提出学习任务，就是学完这门课后，自己动手制作一个符合要求的网站。这时学生会不由地在心中设计自己想要的网站风格，甚至立即就产生出制作个人网站的渴望，这一渴望就是学习的动力，是学生学好这门课的基础和前提。

2.以小组为单位布置网站的设计任务，让学生思考、设计、完善，调动学生能动性。在制作过程中不作过多指点，让学生在实践中自我摸索和不断提高。这一环节的设计思想主要是增强学生的自主创新能力，这样的教学方法使学生通过亲身实践获取知识，因此学得扎实，记得牢固，也进一步提高他们分析问题和解决问题的能力。

三、考核模式的改进

改革考核模式，客观评价学生的学习效果。学期结束，学生要参加等级考试，可是等级考试的成绩并不能完全体现学生在这门课程中的学习情况，所以期末考试成绩应由以下几部分组成：期末成绩=（平时成绩+实验成绩）*60%+等级考试成绩*40%。

总之，经过多轮的教学实践，我们进行大胆改革和尝试，实践证明，本课程的教学效果取得较大改善。教学方法的实践极大地激发学生的学习热情。在今后的教学过程中我们会逐步完善，精益求精，争取使这门课程更规范化、合理化和科学化，以适应时代的需求，取得更好的成效。

参考文献：

第5篇：网页制作与设计课程范文

该课程采用项目化教程，根据高职高专学生的动手能力强、思维较活跃这一特点，针对教学内容、教学手段、实验实训等诸多方面进行教学改革，促进了课程建设，增强了课程意识，全面提高了教学质量，为社会发展的需求多培养一些实用型、技能型人才。1.1划分模块，由浅入深根据授课计划，将授课内容划分为五个模块：网页创建与设置、文本与图片的使用、多媒体、框架设置、CSS使用等。各模块之间既独立存在，又相互关联。在理论教学过程中，树立以教师为辅，学生为主的教学思想。灵活运用多种教学方法，提高学生学习兴趣，帮助学生深化理解、正确应用，保证教学过程良好有序地进行，并针对该课程的专业培养方向，强调理论学习的重要性和实际动手操作的必要性，鼓励学生自主学习，调动其学习的积极性。在实践教学过程中，借助于电脑实验室，使用Dreamweaver软件进行网页的设计与制作，推广边学边练的教学模式，在教师的带动下，学生边学边练是最直接、最理解的学习过程。使其真正做到“教、学、练、做”融为一体。这种以理论教学为基础，以实践训练为重点的教学模式，在授课过程中取得了较好的效果，使理论教学与实践训练结合的更加紧密、贴近技术应用实际。增加了学生的学习热情，使学生真正学到了知识、掌握了技能。1.2开设实训课程，提倡“任务驱动”项目化教学理念实训课程，即给予学生一个在无其他课程安排的情况下充足、完整的制作与设计网站的学习时间。通过该课程可以让学生系统的学习如何创建网站，如何规划网站，如何管理网站。针对高职高专贯彻培养高技能应用人才的教学理念，在该课程有教学过程中积极探索新思路、新方法。由于新知识的不断增加、教学时间的相对减少，传统的教学方法已难以适应新形势的需求，所以需要对课程体系和教学方法进行改进，实行新的教学模式，让理论和实践有机结合。为了提高教学质量和效果，使学生能够学到知识、掌握技能，在保证课程教学合理性的同时开设实训课程，改变理论学习容易出现抽象枯燥、难以理解和接受的问题，解决传统教学过程中存在的理论学习与实际操作难以融会贯通的缺陷，使得教学的针对性和学习的趣味性大大提高。在实训课程中教师应明确教学目的，采用任务驱动法、演示法、讲授法等，组织并启发学生制作一个属于自己的网站。网站的选题与色调根据学生个人爱好自由发挥、自行设定，从而大大激发了学生的学习热情。在制作过程中教师与学生进行交流，辅导学生进行“一对一”互动学习，并针对学生存在的问题逐一进行讲解，引导学生依靠个人能力解决技术难题，达到轻松学习、自主学习的目的，力求每一位学生通过实训课程的演练，都能够对网站开发与制作的过程有一个清晰的了解和认识。这种教学形式既能突出操作技能的训练，又能使学生学到与职业技能有关的知识，不仅培养了学生的分析问题和解决问题的综合能力和创新能力，还培养了学生的一专多能。该教学形式是以培养学生能力为中心，让实训任务始终贯穿在整个教学过程中，达到了学以致用的教学目的，既能够检验学生在该课程中所学到的技能，又能够真正发掘学生的潜在能力，还能够大大激发学生主动学习的热情，使学生从“要我学”变为“我要学”，形成了一个“比学赶帮”的学习氛围。1.3开设“作品展示”课堂，促进师生之间的交流《网页设计与制作》课程的学习目的是通过学生对Dreamweaver软件的使用，制作出一个符合企业以及个人需求的网站，远比机械记忆，应付理论考试重要的多。开设“作品展示”课堂，要求学生自己演示自己制作的网站，鼓励学生对所制作网站的设计理念和各网页之间的衔接加以详细说明，教师再针对每位学生网站的主题风格、色彩搭配、网页布局、多媒体运用等诸多方面加以分析、点评，肯定成绩，找出不足，鼓励学生精益求精，不断提高技术水平做出更加优秀的网站。通过“作品展示”课堂，学生之间不仅可以相互学习、相互借鉴、相互欣赏，真正认识到自己的所学知识和掌握知识的真实情况。同时，还可以提高学生团队合作的精神，增加学生之间的情感。实践证明，此种教学方法对学生的学习方法和努力方向能够起到一定的引导作用，对学生的实际动手能力能够起到一定的强化训练作用，对学生的求知欲和上进心能够起到一定的激励作用。1.4组建兴趣小组，模拟企业网站开发

“以服务为宗旨、以就业为导向、以能力为本位”是职业教育的办学宗旨，为了让学生真正参与到实践项目开发中，真正体验网站的开发与推广对企业发展的重要性。教师利用课余时间承接企业网站开发项目组建“网页设计”小组，鼓励学生积极参与，通过项目让学生学习如何与企业直接进行有效地沟通与交流，如何充分了解企业需求，如何完成预订目标。通过学习与锻炼不仅提高了学生的网页制作技术，而且做到了所学的内容与社会需求零距离的结合，同时还锻炼了在校生的人际交往能力、组织协调能力、团队合作能力和提高社会经验适应社会的能力。

2课程考核标准改革

根据高职高专教育的特点，结合《网页设计与制作》课程特点，取消试卷百分制的传统，将考核标准划分为两部分：（1）理论课考试部分。理论考试以教学大纲为指导，长期坚持教考分离和期末考卷分析总结的传统，统一考核标准，注重规范教育，营造公平的竞争环境；（2）网站作业成绩。通过“作业展示”给予学生作业相应的分数，改变实验实训课在学生心目的附属地位，加深学生的感性认识，提高学生上课积极性、主动性以及实践技能。两部分的分值各占总分数的50%，综合评定学生考核分数。

第6篇：网页制作与设计课程范文

关键词：网页设计与制作；慕课；终身学习

一、背景

当今社会正处在一个变革的时代，信息化在推动着政治、经济、文化、军事、教育各个领域都在不断地变化着，人们获得信息的方式不仅限于传统的媒体（如电视、报纸、书籍、杂志和广播），可以随时随地通过电脑、平板电脑或手机访问网站和浏览网页。在校大学生也不例外，他们每天都要通过电脑、手机或平板电脑阅读资讯，查阅资料，或进行相关专业的学习和科学研究，网页正是这些信息和知识的载体。因此，越来越多的大学生对网页设计与制作产生了浓厚的兴趣。掌握网页设计与制作的方法和网站开发的相关技术也非常实用和重要。本文对当前高校开设的网页设计与制作课程进行了深入调研，据统计我校每年选修这门课的学生超过千人，这门课程非常受欢迎。

与此同时，慕课的出现使得教育也出现了翻天覆地的变化。慕课是指大规模网络在线课程，这些开放课程大部分是由全球知名高校制作，然后放在一定的学习平台上，向全世界免费开放，他对学习者没有什么要求，只要你有一部可以联网计算机或智能手机，就可以自由选择平台上提供的课程进行学习，学习完后你可以选择参加考试，成绩合格就可得到由课程的提供者认证的合格证书。

那么，慕课时代我们如何来讲授这一门课程呢？接下来我来从网页设计与制作的教学中经常遇到的问题来着手讨论。

二、在网页设计与制作的教学中，存在以下几个问题：

1.网页设计与制作课程是一门高度综合的课程，是技术与艺术的结合，它涉及网络技术、平面设计、动画设计、程序设计等多种知识。首先要学会读写HTML，熟练掌握可视化网页制作软件Dreamweaver的使用，能手动修改CSS样式表文件，了解JavaScript脚本语言；其次要熟练使用Photoshop、Fireworks和Flash等软件；最后还要对ASP等动态网页制作技术有一定的了解。如何在有限的课时内去选择有代表性的教学内容，既让学生掌握了网页设计与制作的精髓，又能培养学生不断获取新信息的能力。

2.网页设计与制作课程主要介绍网页的设计与制作及网站的建设与管理，课程每一部分内容都有相对独立性和完整性。该课程教学基本是在多媒体教室开展，特点是操作性强，而用多媒体教学基本采用“满堂灌式”和“填鸭式”，这种单调的教学方法和教学手段不能调动学生的学习积极性，不能激发学生的学习兴趣。一门课讲下来可能让学生感觉到零散，难以达到融会贯通，而且在网页设计与制作课程的讲解过程中，发现学生在上课时看老师的操作能掌握，课下过会就忘了。所以，要在这门课的教学过程中简单明了地把课程的体系结构介绍清楚，再建立一个课上内容和课下相连接的桥梁，让学生知道上课的内容实例，用教学内容里的相关素材加以操作，使得学生可以在课下对上课内容进行巩固，以期达到较好的授课效果。

三、如果把慕课应用到《网页设计与制作》教学中，这门课的学习将有以下几个方面的变革。

1.学习方式的变革

在当前的高等教育改革中，我们一直试图利用网络将学习延伸到课堂外，让学生能够不受空间和时间上的限制随时随地学习交流。慕课的出现为这一理想的实现提供了可能，使得学生对于知识的理解和吸收，往往要比传统课堂更有效率。慕课的发展使传统教育的学习方式面临变革，但它也是新生事物，不能替代课堂教学。我们需要迅速转变思想观念，积极探索更加适合高等教育发展的道路。因此，利用这一特性，在大学教学过程中采用线上线下相结合的混合式教学、翻转课堂等新型的教育模式也在许多高校中进行试点。鉴于网页设计与制作涉及网络技术、平面设计、动画设计、程序设计等多种知识，各个知识点之间比较零散，难以融会贯通的问题，可以把课程内容划分为若干个模块，通过一个典型的小型网站来引入网页制作，由浅入深地介绍各个知识点的操作，建立班级QQ群，把上课资料全部上传共享。将基本的知识讲解放在线上，让老师省下更多时间与学生当面交流分享，答疑解惑，获得更好地教学实效，学生通过课堂学习和课下辅导相结合，既掌握了网页设计与制作的精髓，又能培养不断获取新信息的能力。并且所有的慕课课程也不一定都要都亲力亲为，可以充分的使用“拿来主义”把网上的优秀的资源拿来使用。

2. 教学方式的变革

慕课在线课程为教学方式的多样化提供了新的途径。课堂与在线教学相结合，可以实现更加深入和个性化的学习，能够显著提高教与学的质量和效率。学生可以按自己的节奏、进度和方式随时随地学习，课堂时间更多地用来进行师生间的深度互动。每学习一段内容之后的测试和即时反馈有利于学生学习的循序渐进。学生在慕课上不仅能学习本门课辅导老师的授课过程，还能学到世界各地名校名师的授课，把宝贵的资源最大可能的共享，教师通过这种“翻转课堂”模式，从一个讲授者、讲解者，真正变为学习的激励者、启发者。

3.评价方式的变革

慕课可以全面跟踪和掌握学生学习行为、学习过程，进行有针对性的教学，更准确地评价学生，提高学生学习效率，大幅度提升人才培养质量。而它的大数据分析功能可以帮助教师轻松地完成对学生的分析与评价，并实时调整教学手段。

四、把慕课运用到教学中，学生有以下几方面的改变：

1.学生的动手能力增强

这门课主要通过一个小型网站的实例，分步介绍各个章节的内容，课上老师操作，课下同学们按照老师给的素材、要求和操作步骤练习并拓展，增强了学生的动手能力。

2.学生的就业竞争力增强

当前电子商务发展迅速，掌握网页设计与制作的方法和网站开发的相关技术也非常实用，可以运用到以淘宝、天猫、当当、京东、亚马逊等为代表的电子商务网站中，使其更好地发挥作用。拓宽我校学生的就业面，提高就业竞争力。

3.在校学生整体素质提高

加强各学科的相互渗透和交叉综合，拓宽学生的思维空间，还可以融合学科前沿知识和高新科技，培养适应社会需求的应用型人才。

4.慕课可引导社会向终身学习慢慢转变

学生在校时，可以把慕课作为一种辅助教学的手段。即使毕业工作了，也可以通过在线开放课程自由、开放的学习模式，实现终身学习自我提升。

慕课的开放性以及系统性对当前教育改革有着深远的影响。教育成为了人们基本的权利，使得终身学习成为可能。慕课在探索开放互联网背景下全新的大学课程组织实施模式，撬动着根深蒂固的传统课堂的组织管理模式。因此，我们有必要对于慕课进行总结和思考，进而将课堂与在线教学相结合，使得学生能全面掌握每一门课，整个社会向终身学习转变，增强整个社会的竞争力。

参考文献：

[1]王亮 浅谈慕课背景下计算机网页设计课程的教学改革.智富时代，2015.7

[2]段永平，杨再祥.浅议慕课在高职教育改革中的作用――以高职《网页设计与制作》课程为例.新课程（下），2015.7

[3]张琳 慕课视角下网页设计课程的教学生态模式研究.电脑知识与技术，2015年21期

基金项目：安徽财经大学校级教研项目“慕课时代的《网页设计与制作》课程教学探索”建设成果，课题号：ACJYYB2014102

作者简介：

杨威（1982-），管理科学与工程学院，讲师；

第7篇：网页制作与设计课程范文

关键词：网页设计；教学方法；任务驱动；课程实训

中图分类号：TP393 文献标识码：A文章编号：1007-9599 (2011) 12-0000-01

Course Teaching Reform and Practice of Website Design and Construction in Higher Vocational Colleges

Min Jie,Zhu Yanping

(Xinyang Agricultural College,Xinyang464000,China)

Abstract:According to the objectives of talents training in higher vocational colleges and the characteristics of the course―"Website Design and Construction",the educational reform has been proceeded from three aspects,the curriculum,teaching methods and assessment methods.And with several employment-oriented projects practice,the reform aims to cultivate application-oriented talents which can meet the needs of current social demands.

Keywords:Webpage design;Teaching method;Task-driven;Courses training

一、引言

随着互联网的发展，社会对于网页设计应用型人才的需求量正在逐年增加，作为以就业为导向、强调实践运用能力的高职高专院校在其计算机相关专业大都开设了《网页设计与制作》课程。通过对职业岗位的分析，高职计算机专业《网页设计与制作》课程的职业定向一般从事网页设计员或网站管理员相关岗位。因此，我们在进行课程教学时，需注重对课程体系、教学方法、考核方式等方面进行改革，激发学生自主学习的兴趣，加强学生实际应用能力，提高教学效果，以适应高等职业技术教育的培养目标。

二、进行有效的课程教学改革，激发学生的学习积极性

（一）课程体系改革。将网页设计与制作这门课程的前导课程和后续课程分别列出，分析出不同的专业的学生对学习该门课程所需的技能的要求，将该课程与对应专业中已有的课程建立有机联系，合理进行课程设置。例如计算机网络专业侧重于动态网页制作，学生需先行掌握数据库应用，WEB程序设计等相关专业知识，而图形图像专业侧重于静态网页的设计，需先行掌握PHOTOSHOP、FLASH等专业知识。这样不同专业的学生将会得到不同的技能，以满足将来适应社会的不同需求。

（二）教学方法改革。精心选取教学案例，强调师生共同参与，以案例教学激起学生的兴趣，用任务驱动提高学生的积极性。案例教学法，是现代教育实践中一种很重要的教学方法。在进行《网页设计与制作》课程入门阶段教学主要是一些知识点和技能技巧的学习，如果只是把这些知识点简单的介绍给学生，不会引起学生的兴趣。教师可先通过生动的实例吸引学生的学习兴趣，再将所涉及的知识点贯穿于制作案例的过程中，让学生在解决问题的同时完成对所学新知识的吸收，最终把以教师为主的课堂演示转化成学生为主体的自主性学习。

（三）考核方式改革。网页设计是一门实践性很强的课程，采用传统的考试方式，不利于培养动手能力。因此，采用多样性的考核方式更能体现出学生的真实水平。通过教学过程中所反应的学生学习情况、认知能力、实践操作能力、创新意识、团队协作精神等多方面考核出发，将课程的考核分为四部分：平时考勤及上课表现占20%，实验作品效果情况占20%，综合作品考核占40%，最后学生需对期末考核的综合作品进行答辩占20%。其中作品的评价标准需结合课程教学内容从创意、审美、内容、技术和工作量5个角度进行评比。这种考核方式是以能力为中心的全程化、开放式和全面的考核方式，能够综合考查学生平时参与课程的情况和每阶段学习的状况。也能使学生相互交流、取长补短，促进学生共同提高。

三、以就业为导向的项目实践，增强学生综合能力

（一）加强实验实训环节，实现知识与技能结合。实训教学是《网页设计与制作》教学过程中的重要环节。传统教学模式以课堂讲授、上机实验为主，实训课上很少涉及与未来工作岗位相关的更深层次的应用，并且学生的依赖性仍然非常强，学生在长期学习之后很容易遗忘前期的知识，学完课程后，并不能将所学知识加以整合与应用。因此，在课程中非常有必要设置课程实训，教师在实训中要注重引导、培养学生的知识应用能力、信息获取和选择能力、动手实践能力和创新能力。

（二）坚持工学结合，强化学生动手能力。高职高专教学的最终目的是为了培养满足社会需求的实用型人才，这就要求教学活动要紧紧联系企业的生产活动，注重强化学生的动手能力。学校与企业结合，按照职业岗位的需求，强化实践能力的培养。在课程的每一个环节都坚持工学结合，校企结合的核心理念，将理论课与实践课融为一体。在教学过程中，讲练结合，边学边练，注重上机指导环节，实现一对一、点对点教学，提高学生的独立操作能力。

（三）基于任务的协作学习，有利于培养学生团队协作能力。团队协作能力是二十一世纪人才必须具备的素质之一，尤其是对于网页设计这个领域而言，任何一个优秀的网站的设计完成都离不开各个环节的相互交流和协作。教学中应该把学生事先分成一个个学习小组来组织教学活动，鼓励学生以相互讨论、协商的形式开展学习活动和任务实践，学生们在相互交流中取长补短，把传统教学中教师与学生之间的单向或双向交流转变为教师与学生、学生与学生之间的多向交流，能够快速提升自主学习的积极性和职业技能，促进人际合作的良好氛围，进一步培养学生的团队协作精神、创新能力及优势职业品质。

四、结束语

教师作为课程教学的领航者，应把专业知识融于真实工作环境的技能实训中，注重学生参与教学活动中发现问题，解决问题的能力，通过完成项目把理论与实践有机地结合起来，不仅提高了理论水平和实操技能，而且又在教师有目的地引导下，体验了创新的艰辛与乐趣，培养了认识能力、创新能力、团队协作能力等综合素养，提高学生的职业技能，为社会培养满足职业岗位需求的应用型人才。

参考文献：

第8篇：网页制作与设计课程范文

中职生的共性就是对缺乏学习兴趣。笔者通过多年的课堂教学体会到：如果有一套行之有效的既适合中职生实际水准、又贴近他们学习生活、能激发他们学习兴趣的案例贯穿于整个课程教学，就有可能解决这个问题。基于此，笔者提出了“课程案例”这一新概念，设计并开发出一套“课程案例”应用于“网页设计与制作”课程教学中，学生通过案例的模仿再开发，全面掌握“网页设计与制作”课程知识与技能的基本要领，从而实现课程的教学目标，培养学生的网站开发和设计能力。下面详述这一“课程案例”教学的设计及所进行的课堂教学。

“课程案例”的提出和设计

（一）“课程案例”这一新概念的提出

市面上相关教材比比皆是，但从其所提供的案例方面看，没有比较适合中职学生的：要么网页主题让学生很陌生，要么网页页面设计太复杂，中职生很难掌握，而且其中的案例多是针对某一知识点或某一章节设计的，属于“知识点案例”或“章节案例”，是零碎知识，不能贯穿整个课程知识教学。所以，教科书只适合作为本课程理论知识点的参考资料。“网页设计与制作”是一门技能型课程，重要的是要教会学生如何去构建和设计一个完整的网站，而不是空泛地谈一些理论知识。“课程案例”区别于“知识点案例”或“章节案例”之处在于：该案例贯穿于整个课程教学，覆盖课程包含的所有知识，课程知识的学习以“课程案例”为线索进行，学生模仿再开发设计完该案例，课程的所有知识学习也已结束。笔者思考并设计这样的“课程案例”，并对教材进行如下处理：提炼教材所提到的知识点，将其重新排列组合，按由浅入深的学习顺序，将课程知识点结合到自主设计的“课程案例”中，分模块渐进教学，整个教学过程注重学生自身思维的开发，将个体集美术设计、课程知识学习和课程实践三者紧密结合，将学生各方的能力逐渐激发展示出来。

（二）围绕学生的兴趣进行“课程案例”的设计

学生对一门应用型技术课的学习如没有兴趣，可能是没有一个令他们感兴趣的实例吸引他们渐次深入学习，从而引导他们学习掌握课程知识。班级是校园学习生活的一个集体，班级网站中所记录的人物、活动都是学生身边的人和事，网站的主题反映的正是他们的校园生活。如果把班级网站作为教学案例，让学生以自己的学习生活为主题组建成网站，一方面能引起他们极大的学习兴趣，另一方面，作为同一个班级的学生，在设计本班级的网站过程中，能够创造很多互相交流的机会，培养互相学习的精神，也能加深同学间的友情。所以，“班级网站的设计与创作”是一个理想的课程案例。笔者应用模块教学法，将理论知识与该课程案例完美结合起来，在近似实践的学习过程中培养学生的学习兴趣，让他们在兴趣中学、在学习中增添兴趣，从而在良性循环中完成课程学习。

再考虑学生的能力方面，他们已经有了对文字、图片和表格的基本处理能力，还学过或同步学习Photoshop、Flash、计算机网络基础等相关课程，所以，只要对网页素材的处理提出具体的要求，或对他们略加指导即能自行设计处理完成。对于该课程，虽然大部分学生浏览过很多网站内容，但并没有真正了解网站是怎么回事；对互联网世界充满兴趣和好奇，却还没有网页设计与制作的理论知识和实践技能，对网站常识还比较陌生。因此，在课程学习中，重点是要力求深入浅出、尽可能直观全面地剖析一个好的网站案例，运用视、听的方法，帮助学生建立有关网页设计与制作的基本概念和基本知识，掌握建设网站的基本技能。

鉴于此，教师如何将Dreamweaver、HTML和CSS三部分内容有机结合，让学生通过课程学习，模仿再开发出一个比较完整的“班级网站”，着力培养学生的实际建站能力、设计开发能力，从而提高他们自主学习与创新能力、信息收集与处理能力、提出问题并分析问题和解决问题的能力，成为课程教学的重要目标。

“课程案例”教学方法的设计

教学手段以“多媒体机房、网络、项目开发”三项结合。多媒体机房为学生设计网站提供基本条件，网络是学生寻找素材资源和借鉴别人经验的空间，项目开发是他们学习的任务。

教学方法上，采用示范讲解、任务驱动的教学模式，从以下三个方面展开：

采用案例讲解的教学模式 教学过程根据编排好的知识点内容和事先创建好的“班级网站”实例，逐步讲解该“课程案例”，便于学生理解和进行模仿设计开发。

实施模块化教学方法 遵循学生“由浅入深，循序渐进，由感性到理性”的认识规律，把知识点组合后分模块渐进教学。教学过程讲练结合，以学生实践为主，完成“班级网站”这一“课程案例”中包含的每个模块的再设计与再创作；以教师引导为辅，讲解设计与创作过程中遇到的新知识，组织学生完成能力拓展训练。

走四步教学流程，融“教、学、练”于一体 第一步，教师展示课程案例，演示创作过程，讲解涉及的知识点内容；第二步，下达任务，提出完成任务的具体要求和完成时间；第三步，学生模仿再设计再创作，完成任务；第四步，任务验收，学生自我评价，教师综合讲评。

“课程案例”的课堂教学

基于学生的现有知识技能，教师课程教学中重点讲授如何设计开发网站，在其他环节只扮演一个组织者和启迪者的角色，一步步引导学生完成本课程的目标，充分培养和发挥学生的自主设计能力、绘画能力和创新能力。

整个课程的课堂教学以“课程案例”为主线，设定以下几个教学模块。

模块一：学习有关网页的基本知识，介绍建设网站的工具等。

模块二：草拟“网站地图”，设计网站“模板页”。展示课程案例网站，分析班级网站的风格、页面的布局和包含的元素，先给学生一个真实的空间印象，之后让学生模仿如何设计这样的网站。首先设计出纸质的网站空间布局和内容：包括考虑整个网站的 风格、主色调、页面布局、页面的大概内容等，每一个页面设计草拟在一张纸上，其实这就是网站地图了。做足了这个功课，日后的整个班级网站的设计就有了头绪。为避免各页面出现相同内容的重复设计，提出设计制作“模板页”来生成其他页面。例如：把风格和内容相一致的部分（如班级广告图、班级徽标、导航条、版权信息等）设计出来，作成模板页保存下来，以备后面制作网站各页面时利用模板页生成，并在此基础上进行相应页面内容的设计创作。草拟“网站地图”和设计制作网站“模板页”是同时进行的，要结合着做。这个阶段都还是“纸上练兵”。

模块三：收集和创作素材。班级网站的素材主要来源于学生自己的学习生活，可以是活动的照片、活动记录，也可以是为自己班级创作的班级广告图、班级徽标等Flash或Photoshop作品，将这些素材分门别类放入建好的站点目录树中。

模块四：学习Dreamweaver，首先建立班级网站站点。

模块五：设计创建“模板页”。根据前期草拟的网站地图，利用布局表格设计模板框架。框架搭好后就是为模板页添加素材。模板上需要的素材并不太多，关键是要“精”，用精心选择和创作的素材。提醒学生，模板上大块的空间要留出来给各页面添加相应的内容，这点至关重要。

模块六：利用模板生成网站各页面。模板设计成熟并制作出来后，就要根据模板上的导航设计生成相应的页面，并将各页面互相链接起来。

模块七：完善各页面内容。每一两次课完善一个页面的内容，直到网站中各页面内容全部添加完成。当然，课后要为如何合理安排这些页面内容花很多时间去构思、去创作或收集相应的素材。所以，收集素材这项工作是一直贯穿于整个网页设计过程中的。

模块八：应用一些网页特效的代码，如添加背景音乐、QQ互动、图片文字的滚动、表单等，让页面动起来，增加网页的吸引力和活力。

模块九：本地站点测试。

教学评价设计

评价方案 （1）学生自我评价：即每个学生对自己的评价。教师事先给出评价标准和具体要求，学生对照自己的学习态度、创作的作品，对自己给出合理评价。（2）模块作品评价：教师对每个学生的评价。教师通过对学生课堂反映、每个模块上交的作品、讨论活跃程度等方面，对每个学生进行评价。（3）期末考核：教师通过对学生一整学期模仿再设计创作的“班级网站”进行评分，考核学生的实践与动手的综合能力，对学生进行合理的评价。

成绩评定 按出勤率、模块作品成绩、成熟作品成绩加权考核。

结语

在“网页设计与制作”课程案例的课堂教学中，笔者采用的是兴趣教学和让学生贴近实战的方法，以保持学生对知识探索的兴趣并提高学生的动手能力。这种教学的重要前提是要设计一个好的案例，“好”的标准是内容贴近学生的学习生活、设计难度又适合他们的实际水平，“班级网站”这一课程案例便是好案例之一。此外，在教学过程中，笔者为学生提供了十分丰富的信息资源，教会他们信息资源该如何收集、从哪里获取、以及如何有效利用等知识。

参考文献：

[1]刘瑞新.网页设计与制作教程[M].北京：机械工业出版社，2010.

[2]唐乾林.网站界面设计案例教程[M].北京：机械工业出版社，2011.

[3]尚俊杰.网络程序设计——ASP[M].北京：清华大学出版社，北方交通大学出版社，2009.

第9篇：网页制作与设计课程范文

关键词：网页设计与制作；实例教学；教学方法；中等职业学校

中图分类号：TP3-4

近年来，网络技术已经成为推动社会经济飞速发展的重要基础，渗透到了社会发展的各个部门和领域。网络技术的迅速发展和普及，使网页设计日益显得重要。[1]我校把《网页设计与制作》课程作为计算机应用及相关专业的一门重要专业基础课程，目的是让学生能够掌握网页制作和网站开发，毕业后能够进行网站的设计开发与维护工作，可以使学生更好的就业。为实现这个教学目标，在近几年的教学过程中，我根据学生实际情况采用适当的教学方法作了很多的尝试，在教学过程中应该逐渐总结出一套以实例为授课重点的教学方法，取得了很好的教学效果，较好的实现了教学目标，提高了学生综合能力。下面，我对近几年的探索做以下总结。

1 以实践应用为目的来制定教学方案

教学目的是教学方案设计的出发点以及归宿。一个好的教学方案，应能较好地达到教学目的。本课程的目的是培养学生的网站设计及开发能力，这个目的服从于职业教学目的，就是满足社会发展和就业需求。因此，教学方案要侧重于掌握常识和训练技术、技巧。[2]

2 以实例教学来激发学生学习兴趣

以教学目的为中心，精心挑选实例，用实例串联知识点，贯穿教学过程。具体做法是通过选择适合中专学生阶段感兴趣的日常学习和生活中具体实例，将这些实例分解到每次的课堂教学中实现。授课时先展示网页效果，再讲解相关内容，激发学生的学习兴趣，让学生产生一种迫切想要实现实例的要求，让学生变被动学习为主动学习。实践证明，这样的教学方式，学生不仅能实现课堂实例，而且能灵活运用课堂知识，完成自己的设计。

一般情况下，我主要规定主页的制作要求，而各个分页依据学生自身的爱好去设计，充分发挥学生能动性和想象力，调动了学生的学习积极性。这样就改正了以往学生可能对上课讲的内容听明白了，但实际操作时，又无从下手的缺陷。这样就会取得良好的教学效果，使学生每节课既巩固了以往所学知识，又都有新收获，极大的激发了学生的学习兴趣。

3 以任务来驱动来加强学生自主学习能力

“熟能生巧”，大量反复的练习是培养学生自主实践能力最有益的办法。教师在讲完理论常识和相应实例后，应马上布置大量难度相当的练习作业，要求作业依据学生自身的爱好去设计，充分发挥学生的能动性和想象力。[3]及时收集作业，引起学生的重视。选择典型的学生作业进行评析，对学生在网页设计中易出现的共同问题进行纠正，对作业完成优秀的进行表扬，激发学生互相竞争与学习，来提高学生的自主学习和设计能力。[4]

通过练习、实践，不仅可以提高学生的动手操作能力，同时也是教师检验教学效果、发现学生问题的好机会。收集作业的方式也是多样化，可当堂点评，也可以通过教学软件进行收集，通网络进行收集。

4 利用网络启发学生的创造力

通过让学生上网多欣赏优秀的网站网页，让学生学会欣赏他人作品，理解和观察优秀作品。鼓励学生通过网络上网站设计的论坛，加强和更多的同行高手来交流学习，学习更多的人设计和创作的经验和教训，来提高自己的能力。只有多欣赏，多学习，才能在脑中形成一定的意识，才能学会模仿，进而为下一步的创作打下基础。这样让学生不光在课堂学习，课外也可以的自主学习。并鼓励学生到提供空间服务的站点申请主页空间，上传自己的作品到空间中，让更多的人来欣赏自己的作品，品评自己的作品，这样可以看到他人和自己的优缺点。在授课过程中，我会要求学生先申请免费空间，再把自己的作品上传到空间，然后让学生公开自己的空间网址，最后进行集中欣赏或个别欣赏。我校学生在一些网站上申请免费空间及上传作品。在利用网络教学过程中，教师要注意教学过程中出现的上网管理的问题，组织好课堂秩序。

5 通过合作建站加强学生团队意识

当学生掌握了网页设计的基本知识和技能后，还要锻炼学生的综合制作能力，要把所学知识运用到实例中。前一阶段的学习每堂课学生的作业都紧密围绕当前所授课程实例网站进行，而在最后的综合制作期间，如教材第十二章可根据上课内容安排学生完成相应的设计，分阶段分小组完成。并且在设计过程中要形成完整的网页设计报告。在网页制作的报告中，主要有如下内容：内容简介、主要模块划分、网页布局的实现方法、网页间超级链接的跳转关系图等。报告是根据网站设计的进行逐步完成。这有利于教师了解学生设计的思路及遇到的问题，及时调整教学内容、改进教学方法，从而提高教学效果。报告从初稿到完成需要一定的过程，是根据网站的具体设计来不断修改，加以完善的。根据网站制作要求，在不影响整体效果情况下，学生可以在制作过程中加入自己的想法，运用自己所善长所感兴趣的方法来制作网页。这样既不失整体，又会各有特色。

综合网站的制作是需要学生做稍微复杂的网站，这就需要鼓励学生以团队协作的方式完成任务，锻炼学生的团队协作能力，为日后的工作打下基础。在设计过程中，分小组进行制作，几个人一组选择网站中的同一主题。安排学生分组对抗，合作建站，充分发挥每个学生的创造力，通过团队协作的方式完成任务，锻炼学生的团队协作能力。另外，在设计过程中，分小组进行制作，几个人一组选择网站中的同一主题，有利于学生共同讨论、解决设计中的难题，也有利于互相学习，取长补短提高自己的设计水平。[5]

6 适当的拓展教学，培养学生的综合能力，让优秀学生更进一步发展

《网页设计与制作课》是一门综合课程，它涉及到色彩、图像处理、动画制作、视频制作等其他综合知识。要想学好这门课程，就得了解和应用这些知识，由于课堂资源和时间有限，在具体授课过程中不能全部学习，我在教学过程中主要让学生了解色彩设计与版式设计，这样学生做出来的网页才能具有美感，让人眼前一亮。在教学过程中，要适当引导和培养学生的综合能力，尽量让学生从多方面进行发展。

7 合适评价机制，激励学生的进一步学习

适时合适的评价，对学生是很好的激励方式。只有在学习过程中不断评价，才能让学生认识到自己的优点与不足。在评价过程中教师要注意语言表达，对学生的优点要给予肯定，对于不足也要给予指导，尽量让学生做到“做好不骄傲，不好不气馁”。适时评价还可以全面真实地反映学生的学习水平，而且有利于反映教学中的问题。如在理论知识与实践应用方面，一般学生容易注重实践应用而忽略理论知识，这就要求教师在平时考查时适当加入理论基础及口试。另外，评价时还应该让学生从创意、版式、色彩、特色等方面介绍一下自己的作品，这样可以考查学生对整个网站开发的思路及方法，同时考查学生口头表达能力、与人沟通能力。

以上是我在近几年的教学过程中摸索出来的一些教学方法，在课程结束时，绝大部分学生可以完成一个完整的网站，并把自己的网站上传到网络空间，还可以时常更新和维护自己的网站。实践证明，这些方法可以激发学生的学习兴趣，提高教学效果，能够有效完成教学目的。

参考文献：

[1]曹丽明.网页设计与制作[M].北京：中华工商联合出版社，2007.

[2]刘静.项目教学法在《网页设计与制作》课程中的应用研究[J].中国科教创新导刊，2009.

[3]贾海陶.浅谈《网页设计与制作》教学方法与研究[J].魅力中国，2010（9）.

[4]张伟娜.《网页设计与制作》课程教学的探讨与实践[J].中国教育信息化，2008（3）.