网页设计的课程范文

导语：如何才能写好一篇网页设计的课程，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

【关键词】:网页设计 新媒体 团队合作 课程设置

中图分类号:G4文献标识码:A 文章编号:1003-8809(2010)-06-0102-01

近些年来,全国各大院校相继开设了网页设计专业,有些院校称为“新媒体专业”,这主要是因为平面媒体、广播媒体、电视媒体曾被公认为三大传统媒体,网络媒体的出现在某种程度上彻底改变了这种垄断局面,这一点从日益繁荣的网络科技和数码产品中得到了充分的体现,所以不用过多的解释。由于这个专业只是近几年才出现的,所以在很多教学方法和课程设置方面还存在很多的缺陷和问题,为了更好的开展网页设计教育,让学生掌握更多更实用的网页设计技术,我决定对网页设计专业的课程设置进行详细的探讨和研究。以下是我与几位专业教师在查阅了大量的相关资料和结合了很多网页设计公司工作实践的前提下,得到的结论。

作为一个正在崛起的发展中国家,可以说潜在的市场空前的强大,然而纵观亚洲网页设计的发展进程,不难发现,中国的网页设计还远远落后于日本和韩国。其实不仅仅是网页设计,在平面设计、产品设计和建筑设计等方面,中国发展和执行的也不够好,当然,造成这种局面的原因有很多,比如政治因素和历史因素等等,这不在我们讨论的范围之内,所以不作为重点,幸而近几年来这种局面有所改善。

抛开外在因素,单纯的从设计本身来说,其实网页设计和其它设计门类一样,最根本的问题都是在解决“功能”与“形式”之间的矛盾,只不过这些矛盾在建筑设计和产品设计中得到了相对完善的解决,而在网页设计中却始终没有得到应有的重视!这也是为什么国内大部分的门户网站看上去版面都很拥挤和低劣的主要原因。其实网页设计是一门综合艺术,它要求从业人员不仅仅只局限于平面设计方面的知识,同时还必须具备计算机语言方面的能力,因为,只有这样才能设计出资源优化的高品质网站。然而当今大部分国内院校的网页设计专业都经历着各自为政的尴尬局面,一方面艺术设计院系,只注重培养艺术方面的设计人才,另一方面计算机院系,只注重培养技术方面的设计人才。这就使“功能”与“形式”之间产生了断层,虽然我承认纯搞技术的程序员也可以根据网上现有的模板,勉强完成网页设计中美工的工作,但是这毕竟是一种“抄袭”的被动方法,不能从根本上提高中国网页设计的艺术品位。在国外我们可以要求网页设计师必须先修完一个艺术设计方面的学位,然后再完成一个计算机方面的学位,在国内这种做法显然是不现实的。要想让中国的网页设计朝着健康的方向蓬勃发展,就必须想办法把两个专业的相关技术拿到一起。结合中国高等教育的实际情况,我对网页设计专业的课程设置进行了如下的整合:

网页设计课程体系设置的初步构想(根据时间的先后顺序排列)

01、平面构成

02、色彩构成

03、创意思维训练

04、图形设计

05、设计软件PhotoShop、Illustrator(版本根据实际情况而定)

06、标示与VI设计

07、网页版式设计

08、设计软件Flash、Dreamweaver(版本根据实际情况而定)

09、ActionScript:用于控制flash内容,并进行简单交互的脚本语言

10、Flash实训项目练习

11、Dreamweaver实训项目练习

12、网站设计实训项目练习(静态)

13、Html:Hyper Text Markup Language超文本标记语言

14、Css:Cascading Style Sheet层叠式样式表

15、Div:Div+Css一种全新的网页布局思想

16、JavaScript:一种最流行的Web脚本语言

17、Asp:Active Server Pages 一种动态网页编程语言(了解)

18、Asp.省略、Php、Jsp、Ajax、Smarty、MySql、Oracle和一些实训项目练习属于第二个方面,注重培养网页设计师的技术能力。第三个方面主要注重培养网页设计师的团队合作技巧和实际工作经验。

这里有一个问题需要事先声明,从事艺术工作的人大部分都习惯于感性思维,从事计算机工作的人则习惯于逻辑思维,让两种思维方式协调统一,当然存在一定的难度,这就要求从事网页设计教育工作的专业教师必须具备高水平的专业能力和科学的教学方法。相信经过这样完善的课程训练之后,我们的学生一定能够扎实熟练的掌握网页设计的相关知识,在世界经济危机的影响下,更具竞争力和主动权。

篇2

关键词网页设计与制作 案例教学 教学方法

中图分类号:G642文献标识码:A

随着Internet的飞速发展,我们已经进入网络时代,计算机网络已被广泛应用到各个领域,网页技术的发展也十分迅速,现在的网页集合了多项技术,包括文字、图片、声音、动画等等,另外还有包含了网络编程的交互式网页。《网页设计》课程是一门综合性很强的课程,是需要技术作为支持,同时也需要美感,为了提高课堂教学质量,在教学实践中从教学内容、教学方法、实训几方面进行了探索与实践,在这里谈一谈自己的一些体会。

1 明确教学目的,把握教学内容

基础学习很重要,要打好网页设计的基础。学完网页设计这门课程,学生最基本的是要掌握至少一门的网页编辑软件并制作出简单的页面。就此,老师来安排自己的教学。

(1)掌握一门好的网页制作工具。我认为,目前最好的网页制作工具是Dreamweaver,Dreamweaver一直以来作为可视网页编辑工作的标准,它在代码编辑和应用程序开发方面的功能比较强大。同时,制作网页中的动画素材可以选择Flash,处理和制作网页中的图片可以选择Fireworks,这三个软件具有良好的嵌入性,被称为“网页三剑客”。

(2)要求学生能够利用Dreamweaver设计各种网页,开发一定规模的网站。授课时以Dreamweaver为主线,讲授网页设计、HTML语言、CSS、Javascript语言及动态网页设计的基础知识。

重视对HTML的教学,HTML可以说是网页的灵魂,网页的最基本构成是HTML标记符。熟练掌握了HTML语言,可以很轻松的修改你的网站的网页结构,而且对SEO网站优化很有用处,另外,无论是PHP、ASP、.NET、JSP等网站编程语言,都要用到HTML。所以说学习HTML是我们学习制作动态网页的基础。

掌握CSS的基本使用。CSS就是一种叫做样式表的技术,也有的人称之为层叠样式表。在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制,可以轻松地控制页面的布局。

掌握Javascript脚本语言应用基础。Javascript语言简单,但功能强大,具体有几点功能:制作网页特效、提升使用性能、窗口动态操作、摆脱现实环境的束缚。所以,学生掌握Javascript脚本语言应用对网页制作有很大的帮助。

2 把握好课堂,多采用实例教学

(1)教学,首先要把握好课堂。但一次课,90分钟的理论教学是枯燥和沉闷的,因此首先要在多媒体教学课件上下功夫。课堂教学的灵魂是多媒体教学课件,它不只是文字与图像的组合,还融合了音频、视频和动画信息等各种元素,使课堂变得更加生动和精彩,这样可以大大提高学生的学习兴趣。

(2)用实例作为课堂切入点。要想让课堂生动活跃,就要充分调动学生的学习积极性。为此,我们需要找到令学生感兴趣的内容作为切入点。网页设计是一门实践性很强的课程,教师可以用实例作为课堂切入点。课堂上可以先演示实例,让学生看到实际效果,引起学生学习兴趣,然后以实例引出具体知识点,将知识点融入到具体实例中。比如,在表格布局和内嵌框架的教学模块中,我们采用任务驱动教学内容如下表:

3 强化阶段实训,培养学生动手能力

实训教学是教学过程中的重要环节。《网页设计》课程实训内容的选择要真正做到以技能培养为目标的方针。在实训过程中,学生可以自行查阅资料,根据自己的兴趣设计网站,独立完成。也可以分组完成,鼓励学生以团队协作的方式完成某一个网站项目,锻炼学生的团队协作能力。

4 其他方式

要想让学生学习掌握网页设计课程,单靠课堂教学还是不够的,可以在校园内举办一些网页设计的比赛,通过比赛,既可以更大的提高他们对此课程的积极性,也可让学生找到差距,激励他们努力,不断提高网页设计水平。

5 结束语

在教学过程中,从学生感兴趣的角度出发,对课堂理论教学、实例教学和课程实训等方面进行探索和改革,能使学生从被动学习转变为主动学习,提高其实践操作技能,拓展其知识面。在未来的社会中,网页在生活中所起的作用越来越重要,对这门课程的教学的要求是越来越高,教师的教学要适应科技的变化,要有改革进取的精神,培养能真正适应社会的人才。

参考文献

[1] 韩陵宜.高职院校《网页制作》课程教学的探讨.电脑知识与技术,2005.

篇3

关键词：网页制作；考核模式；网页设计与制作

中图分类号：TP393 文献标识码：A 文章编号：1009-3044（2017）02-0192-01

《网页设计与制作》是一门实践性、应用性很强的课程。教学的目标是掌握网站设计、开发和维护的基本知识和技能，同时培养学生解决具体问题的能力以及学生的协作精神和创新能力。教学的最终目标是让每个学生具备一定的网页设计与制作能力，并能提交具有一定技术含量和视觉效果的网页作品。

为了提高课程的教学效果，激励学生学习积极性，更加有效、准确地评价学习结果。我们针对《网页设计与制作》课程的特点，在课程考核模式上做了几点有效的探索和尝试。

1 过程化考核模式的应用

传统的考核方式是平时和期中简单考核，而期末一次卷面考试权重占到70%。从而导致学生平时不努力，期末考试前死记硬背临阵磨刀。学生为了考试过关最终沦为考试的机器和知识的被动接受者。这严重违背了《网页设计与制作》课程的教学目标，忽视了对学生的实践能力、知识运用能力以及创新能力的培养。

考核不仅要重视结果的评价，更要重视学生的学习过程，重视形成性评价。重视评价学生在遇到困难时所表现出来的态度，更要注重考察学生的创新意识、协作精神和实践能力。使考试不仅是体现成绩的手段，更是探求和掌握知识技能的思路与方法。为此，我们按教学内容把基本知识与技能的考核分四个阶段进行，第一阶段考核HTML部分，第二阶段考核CSS样式表部分，第三阶段考核使用DIV+CSS进行网页布局，第四阶段期末网页设计能力综合考核。将以前集中到期末的一次性知识与技能考核，分散到学期的不同阶段。重视过程性考核，及时反馈考核结果，可以充分调动学生的学习积极性、主动性。

2 “作品”考核模式的应用

《网页设计与制作》课程的教学目标是让学生能设计出有一定技术含量和视觉效果的网页作品，所以“作品”考核成为对学生考核的重中之重。采用“作品”考核方式，教师的作用不再是监督和管理考试过程，而是通过课堂讲授、给出项目设计要求、课间和课下指导及作品修改等手段，最大限度地给学生提供思考、设计和创造的时间和空间，从而将灌输知识的过程转变为引导学生自主学习，学会交流协作，从而使学生从认知、情感到行为等各个方面都积极主动地投入到网页设计学习的全过程。

教学实践中，我们将作品考核也分为三个阶段，教学进行三周后，要求学生提交首次作品，作品虽然简单但麻雀虽小五脏俱全，通过简单作品的制作，学生可以体验网页设计的主要过程。教师可挑选出部分优秀作品在课堂展示，从而达到激励学生的目的。第二次作品考核是期中作品的制作，学生3-4人为一小组、自由选题，完成从搜集、制作素材到设计网站主页面及二级页面等一系列实践环节，在完成作品的过程中，项目小组的同学需反复讨论甚至争论、辩论而达成一致，反复修改项目作品，通过网络或找教师咨询寻求答案。学生涉及的知识已经远远超出课本讲授的内容，知识面得到了有效地扩展，学生学习的主动性得到了有效提升。第三次作品考核是实训周综合实训。从创作真实网站作品角度出发，分组完成指定选题网站制作的全过程。这也是对所学课程进行一次全面的综合训练。并且培养学生的团队协作精神、独立撰写实训报告等科技文件的基本能力以及自主学习和创新等综合能力。学生最终成绩的计算公式为：

学生成绩 =（前三次知识技能考核+两次作品考核+出勤+作业）30%+（期末知识技能考核60%+期末作品考核40%）*70%。

3 自评、互评与教师评价相结合的考核评价模式

考核不应成为教学目的，而应成为激励学生学习的有效手段。教师应采用发展性的教学评价，用发展的眼光看待每一个学生，增强他们的自信心。对学生作品开展学生自评、互评和教师评价相结合的教学评价。具体做法为：教师设计网页作品考核评价表，并将电子表格分发给每个学生；学生先进行自我评价；然后通过极域等多媒体软件将网页作品展示，并让学生对作品进行设计说明与阐述。让全体学生都担任评委对作品进行评分，最终教师根据评价表，对学生进行阶段性的评价，提出自己的建议。整个评价活动应贯穿整个学期，教师可以关注学生的差异，促进学生的全面发展。通过对学生的作品进行展示，学生们在评价别人作品优劣的同时，也收获了知识、知道了自己的不足。因为作品展示的激励，使学生们在学习过程中均表现出明显的努力。

4 信息化教学手段在课程考核中的应用

过程化考核对提高学生学习主动性、提高教学效果是有目共睹的，但在实施过程中会使教师的工作量会增加若干倍，出题、阅卷、登分等工作会花费大量的时间，这就使很多教师对过程化考核望而却步。为此，我系教师自主开发了一个考试应用软件，教师登录后可在后台将平时积累的试题导入题库，系统可自动生存试卷。考试时学生登录网络即可下载试卷、做题、最后提交，系统可对选择题、填空题等客观题自动评分（不包括主观题），自动生成学生成绩表。由于信息化教学手段的应用，使得过程化考核得以实施。当然考试应用软件在不断改进中，题库也在不喑涫低晟浦小

5 结语

经过多年的教学探索与实践，我们深深地感到课程考核不应拘泥于最后的试卷考试形式。课程评价也不仅仅是课程学习的结果，更应成为激励、促进学生学习的手段。课程考核既要注重考察基本的理论知识和技能的掌握，又要从《网页设计与制作》课程的特点出发，使考核方式过程化、多样化。通过信息化教学手段的应用，可以大大减轻教师批阅试卷的工作量，使过程化考核得以真正的实施。通过分阶段的作品考核与展示，让学生在作品的创作过程中培养独立的学习能力、创新能力以及协作精神，更加全面的掌握所学知识的体系，取得更好的学习效果。

参考文献：

篇4

【关键词】网页制作，教学方法，基础教学

互联网迅猛发展，社会对于网页设计与制作应用型人才的需求量正在逐年增加，高职毕业生也是当今社会重要的人才资源。目前每年毕业大学生总量将达到800多万。高职学生就业问题也越来越受到人们的关注。作为以就业为导向、强调实践运用能力的高职院校在其计算机相关专业都开设了《网页设计》课程。在该课程的教学如果遵循传统的教学模式，培养出来的学生大多不具备实际操作能力，难以适应岗位工作。因而如何提升高职计算机专业学生自身的职业能力则是破解大学生就业难的关键所在。

一、在大学里，对学生作规划引导的重要性。

（1）要树立正确的职业理想。加强就业观念引导。通过择业观教育、帮助其养成科学合理的就业观。大学生一旦确定自己的职业理想，就会依据职业目标规划自己的学习和实践，并为获得理想的职业积极准备。

（2）开展职业道德教育。学生只有具备良好的职业道德，更好地适应社会需求。如理想教育、敬业精神教育、诚信教育、职业纪律教育等。

（3）正确进行自我分析和职业分析，就业形势与就业政策的解读、创业教育等拓宽学生就业思维，并自我分析即通过科学认知的方法和手段，对自己的兴趣、能力等进行全面分析，认识自己的优势与特长、劣势与不足。职业分析是指在进行职业生涯规划时，充分考虑职业的区域性、行业性和岗位性等特性，比如职业所在的行业现状和发展前景，职业岗位对求职者要求的自身素质和能力的要求等。

（4）构建合理的知识结构。要根据职业和社会发展的具体要求，将已有知识科学地重组，构建合理的知识结构，最大限度的发挥知识的整体效能。

高职学生应更好的根据自己的实际情况，尽量扬长避短，加强动手能力的培养，在技能的提高和熟练上发挥长处，在能力和工作实际充分结合的课程上加大投入。

二、《网页制作》基础课教学的概念与解析

《网页制作》是一门实用性特别强的课程。首先让学生了解网页制作这门课程的基本情况。网页的学名是HTML（Hyper Text Mark-up Language），翻译过来就是“超文本标记语言”，它定义了各种超文本在HTML文件中的组织方式，是一种可以在WWW上传输并被浏览器读取、翻译成页面的一种文件。网站就是许许多多网页、文本、图片、声音、图像等在一起，按照一定方式组织起来的集合体。网站是上网查信息的窗口，是我们存放资料、图片、多媒体的网上展示厅，当然也是展示个人魅力的大舞台。随着科技的发展，制作网站的软件也随之增多，但目前最常用的软件有三个：Dreamwaver、Flash及Fireworks。

根据教学目标，讲授网页制作软件、HTML语言、JavaScript码、CSS级联样式表、ASP动态网页设计以及数据库的相关知识，对每一部分知识，突出“学以致用”的理念，让学生通过这些知识的学习，马上就能直接应用到实际项目开发中，从而更深的了解该部分知识的作用和用法。HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。

Dreamweaver是网页制作工具中最基本和最重要的，是贯穿网页制作整个过程的软件。它是唯一提供Roundtrip？HTML、视觉化编辑与原始码编辑同步的设计工具。它是第一套针对专业网页设计师特别视觉化网页开发工具，利用它可以轻而易举的制作出跨越平台限制和跨越浏览器限制的充满动感的网页 。其特点有以下几个方面：最佳的制作效率、能够迅速的管理网站，拥有无可比拟的控制能力、还集成了程序开发语言。

其次FLASH也是网页制作必不可少的软件，也应掌握其基本操作。FLASH是一种交互式矢量多媒体技术。使用矢量图形和流式播放技术。流式播放技术使得动画可以边播放边下载。强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，把音乐，动画，声效，交互方式融合在一起，现在网上已经有成千上万个Flash站点，可以说Flash已经慢慢成为网页动画的标准，成为一种新兴的技术发展方向。

Fireworks是业界领先的优化工具，可帮助您在最佳图像品质和最小压缩大小之间达到平衡。它与Dreamweaver和 Flash 共同构成的集成工作流程可以让您创建并优化图像，同时又能避免由于进行 Roundtrip 编辑而丢失信息或浪费时间。利用可视化工具，无需学习代码即可创建具有专业品质的网页图形和动画。使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，因此还可以轻易地完成大图切割、动态按钮、 动态翻转图等。

在教学中，我们提倡“任务驱动”的教学理念：先给出任务，让同学先思考，找思路，想解决问题的方法和手段。教学中可以先由刚开始以老师制作素材为主，逐步过渡到学生自己收集素材为主的教学过程，引领学生对信息的收集，注重学生审美观的提高，强调学生的网页设计能力。提高学生的创新思维。还可以合理对教学内容进行取舍，让学生尽快入门，引起他们学习的兴趣。对网页制作中一些复杂的问题，教师在授课过程中可以引入屏蔽一此复杂的过程，采用循序渐进，从易到难，逐步深入的教学方法，让学生掌握操作技能。

学生开始通过此步骤学习，打好基础，感觉学习容易，有了兴趣，信心倍增，从而喜欢上《网页设计》这门课程，学好这门课程。

参考文献：

[1]余平。高职高专网页设计教学改革实践与探索。文教资料。2007.06

[2]严正.《网页设计的艺术初探》科技信息（学术版） 2007年 第18期

篇5

针对以上的问题，结合我校制作的精品课程，笔者认为，对于精品课程的内容设计，前期准备工作十分重要。一门课程要在网络上呈现，目的不是为了炫耀网页的界面如何好，更不是炫耀里面的内容如何的好，最主要的是要让学生能够接受，要以学生的需求为第一要素。而学生的学习，由于传统教育的影响，或多或少地存在被动性，因此，在设计过程中，要力求简洁，链接不能过深，学生想到了学习的内容，通过点一级，最多二级导航即可进行内容的学习，这样才能吸引学生。具体设计过程如下：

1．导航设计

精品课程的导航的内容一般包括教学文件、视频课堂、在线练习、在线测试（留言版）、网上讨论、拓展学习以及与课程相关的政策法规之类的栏目，导航栏的设置一定要把与课程相关的最主要的内容分类清楚，不能放一些无关的或者关系不大的栏目，以免引起学生的反感。

2．版面设计

精品课程的版面设计最主要的是简洁、明快，以青海电大《纳税基础与实务》精品课程为例，整个网页的显示部分像素设计为960×700，头部课程主题或动画设计为960×80～120（可根据不同的课程来增减头部的高度），导航的设计是在一行中，插入一个单行的表格，将每一个导航内容放到单行表格的各个单元格中。头部与导航是所有网页共有的内容。设计子栏目的过程中，比如在设计教学文件这一版面的时候，中间分为左右两部分，左边放如教学大纲、实施方案等教学文件，是教学文件的内容导航，左边的导航单元格宽度设计为200px；右边设计一嵌入式框架网页，此框架大小760×490为宜，将左边教学文件中的导航内容全部在这嵌入式框架中显示，在浏览的时候，整个网页不动，点击切换左边的导航，相应的内容在右边的嵌入式框架中显示，滚动条在嵌入式框架中拖动即可。别的栏目用同样的方式进行设计，做到页面设计的统一性，根据显示内容的不同，可以适当地调整嵌入式框架的宽度。对于一个导航栏目来讲，如果有子栏目，最常用的方式就是用折叠式菜单显示内容，折叠式菜单的显示用简单代码即可实现，这种显示代码在网上很常见，从别的网页上引用过来即可。我们在制作过程中发现，二级栏目可读性最强，因而，一个精品课程的栏目设计一般不超过三级栏目。很多高校制作的精品课程（比如清华大学精品课程）还采用了统一的模板，即网页的模式、色彩及导航内容基本一样，所不同的是内容及针对各课程自身的一些特殊的栏目。笔者认为，对于某一特定的学校，形成本校风格的精品课程的模板是可取的，最大的好处是，在以后制作精品课程的时候，设计人员用不着为如何设计网页的模式或者色彩绞尽脑汁，利用现成的模板替换网页内容即可，这种方式将大大提高制作精品课程的效率，做得多了，网上自然形成了某学校精品课程的特定模式。

3．视频的处理

首先，对于老师讲课视频的录制需要采取高清的方式进行。其次，针对老师讲到的视频内容，要准备充分的素材，素材包括文本、图片、另加视频以及针对某些内容制作的动画，然后在非线性编辑软件中进行精细的制作，真正做到图文并茂，吸引学生的眼球。再次，将制作后的视频进行必要的压缩，以适应网上在线播放，可以选择wmv、flv、rmvb等格式，但必须注意压缩后的视频要清楚，以国家标准为基准，压缩时只能比国家标准高不能低。最后，将制作好的视频以合适的方式放到网页中，可以直接链接视频，进行在线播放，也可以制作成三分屏网页，效果更理想，所谓的三分屏是将老师讲课的视频、内容导航、讲义文本（或PPT）分成三个区域。现在很多精品课程中，多以三分屏的方式呈现视频。现在很流行自动生成的三分屏视频课件，即教师讲课时采用PPT或者文本，录制过程将教师讲课及PPT操作一并录制下来，录制完成以后，自动生成索引即导航。这种方式在我校精品课程《纳税基础与实务》中全部采用，效果非常好。

4．内容设计

（1）一个精品课程能不能吸引学生学习，最主要的是放置的内容要适合学生学习，所以在栏目的设计中应当将所有的因素考虑周全，每个栏目中准备的内容以课程为主线，突出重点，全面概括，具体来讲，视频课程最为重要，一定不是辅导性的讲解，相关的教学文件、练习题等必不可少，辅助的拓展内容等根据需要放置。在拓展内容中可以放一些辅导性视频或者与课程相关的视频，不管是自制的视频还是取自网上的视频，尽量选择质量较高的视频。（2）网上精品课程中文本字号的选择一般是10号字，10号字是网页显示文本的默认字号，笔者认为，在精品课程中字号应该选择稍大一些较好，通常标题设为黑体14号字，正文部分设为宋体12号字，对于文本网页的行距设为1．5倍行距最理想，也可根据文本中的内容适当调整字体或者字号，比如在文学类精品课程中，文本网页里如果引用了一段小故事或者引用了名人名言，则可以用楷体来表现。（3）学生比较容易接受的学习内容是视频、动画，还有声音，看文本是最枯燥的。因此，在制作时，能用视频的地方尽量用视频，能用动画的地方尽量用动画，尽可能地将网页制作得生动一些，以加强精品课程的可读性。

5．练习题的制作

篇6

关键词：自主性学习 项目牵引教学 课程改革

随着高职教育教学改革的深入，各种课程改革全面展开，《动态网页设计》课程教学的改革也势在必行。《动态网页设计》课程有着自身的特点，在此次课程改革过程中，主要采取“项目牵引式”教学模式。所谓“项目牵引式”教学就是以完成项目为目的贯穿教学始终，在项目牵引下开展教学工作，最终达到能设计项目，完成项目的要求。

《动态网页设计》是我院计算机技术应用群中各专业的一门专业基础课程，该课程不仅实用性强、应用面广，而且与岗位的联系非常密切。我们希望通过本课程的学习，让学生具有动态网页的设计、制作能力。然而，实际教学效果却很难尽如人意，传统的教学模式一般采用接受教学和案例教学两种形式，教学方法比较单一，学生也能掌握其中的知识和技能，但是应变能力比较弱，综合运用能力不强，远远不能达到社会对人才的要求，学校的教学与社会生产实践往往出现脱轨现象。要想达到这个教学目标，学生必须在系统学习课程基本理论、熟练掌握网站开发工具的基础上，参与实际网站的设计、开发。使学生在学习的过程中，发现问题，并通过实践解决问题，这样即可以培养学生的学习能力，又可使学生更快地掌握基础知识与基本技能，更容易了解社会职业，培养职业意识，更好地做好就业准备，进入职业角色。为此，课程组对该课程进行了较大的教学改革，打破传统的教学模式，将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，较好地实现课程教学目标。

在进行教学模式设计时，始终围绕 “以培养职业能力为目标、以体现职业实践为主旨、以项目牵引的形式构建课程体系”的总体思想。本课程以形成具有制作动态网站的能力为基本目标，彻底打破学科课程的固有思路，紧紧围绕动态网站设计、制作的需要来选择和组织课程内容，让学生在设计、完成网站设计项目的基础上掌握知识，增强课程内容与职业岗位能力要求的相关性，提高学生的就业能力。

一、在教学中构建自主性学习能力培养模式

本课程传统的教学方式是教师先进行理论讲解，然后安排学生在机房上机操作。这种传统的教学方式，以实例教学为主体：实例较小，知识点很散，教学工作和复习工作难度较大，学生掌握程度较底，兴趣也不高。学生学到的知识比较零碎，至于以前学过的诸如数据库知识、图形图像处理技能等等，也不知如何运用，对于所学课程很难构建一个相对完整的知识结构体系。学生虽然在校学习了两三年，可总觉得什么也没学到，更别谈承担实际项目的开发。为了突破传统的教学模式，提高学生技术应用能力，结合该课程的特点，在教学实践中引导学生进行自主性学习。自主性学习可以通俗理解为“学生在教师指导下，以类似科学研究的方式主动学习，在掌握知识内容的同时，让学生体验、理解和应用探究问题的方法，培养创新精神和实践能力。学习的基本形式是“以类似科学研究的方式”，学习的基本内容是“获取知识和应用知识，以解决问题”。自主性学习教学模式具有重过程、重应用、重体验、重全员参与的特点。通过学生的主动实践，增强探索和创新的意识，发展综合运用知识的能力；增进学校与社会的密切联系，培养学生的社会责任感，对于培养学生的创新精神和实践能力具有促进作用。

二、使用项目牵引式的教学方法

在《动态网页设计》课程教学中，将网站建设的项目引入教学，其效果成功与否关键在于实践教学。在教学过程中以项目为主线，将项目与教材相结合、同时注重学生能力和综合素质的培养，通过项目来评价考核学生学习质量，实现教材职业化、能力岗位化。选取项目要以教学的内容为依据，以现实的对象为材料，既要包含基本的教学知识点，又能调动学生解决问题的积极性。教师要注意启发学生去主动发现身边的素材，选择难度适合的工程项目。经过筛选在教学引入聊天室、通讯录、留言板等项目，这些项目学生熟悉，难易相当，又让学生有动手实践的欲望，把教学内容融入项目，通过实践项目来达到教学目标。

在传统的教法中，引入有关概念时，往往是按“提出概念解释概念举例说明”的顺序。在本课程的教学中引入新概念、新知识时，紧密结合项目的开发过程，以学生的认知规律为依据，以“布置项目介绍并完成项目的制作方法归纳结论”的顺序引入有关概念，展开教学内容。采用项目式教学后，在项目目标驱动下，采取自主、合作、探究为主的教学模式，共同学习教学内容

三、新教学模式下，师生位置的转变

教师是项目教学材料的提供者。项目教学材料是项目教学顺利实施的基础，教师角色的重心应由讲解员转变为供货员。教师必须找准时机，载入“必需、够用”的理论知识。项目教学中注重实践和操作，但并不否定理论，而是结合模块任务来讲解理论，有效地将理论和实践结合起来。教师是精选项目的引导者。项目的选取是项目教学成功的关键，教师的角色由“授”转为“导” 。教师是项目实施的管理者。项目实施是项目教学的核心内容，有效地管理项目、按制定的项目计划顺利完成项目实施过程，是教师教学的基本任务，是教师担当的主要角色。

传统教学模式中，学生往往是知识的被动接受者，学生的主动性、积极性难以发挥，而开展项目式教学要求学生是一个项目的实施者，必须主动参与。学生上课观念还必须改变，有些项目必须借助课余时间来完成。以前以学知识为目标，现在以完成项目任务为目标，学习动机改变了，教师要引导学生逐步适应。传统教学检验学生学习情况通过作业和测验，项目教学检验学生的掌握程度是通过看得见，摸得着的项目作品。

通过教学实践证明，项目牵引教学法非常适合动态网页设计课程。项目牵引教学法有效地建立了课堂与职业的联系。使学生的学习更有针对性和实用性,学生在教师的指导下主动学习，由内在动力调动学习兴趣，更能持久，更有利于教室的教学展开。

参考文献:

篇7

【关键词】任务驱动法；教学方法；网页制作

1.课程教学现状

网页设计与制作作为高职院校计算机技术专业的专业必修课，是一门知识性和实践性很强的课程。要求学生熟悉网页的基本理论知识和掌握网站设计与制作全过程。熟悉网页设计与制作的基本方法和常用技巧，能够熟练地使用网页制作软件Dreamweaver cs3制作出具有一定专业水平的综合型交互网站。高职教育的目标是培养技能型的应用人才，因此需要高职教师的教学要重点培养学生的操作技能，在教学设计中激发学生的学习兴趣，通过任务让学生明确本课程的知识目标和技能要求。

由于本课程涉及的知识点比较庞杂，技术技巧也比较多，学生要理解和掌握这些理论和技能，需要学生有主动学习的意识，在学习中要善于思考勤于实践，最终达到具有一定的应用能力。然而在教学实践中，教师使用传统的教学方法，以灌输式的方式逐一介绍软件的界面和菜单工具等，学生在练习中，往往会束手无策，虽然清楚软件的各种工具，但无法进行应用。没有操作的思路和方向。结果抑制了学生的积极性和创造性，从而降低了学习效果。概括起来有以下几个方面：（1）教学内容缺乏实践性、应用性不强，脱离了技术发展的步伐。（2）对教学对象特点分析不够，没有考虑学生的实际情况，忽视了学生的主体作用和职业素质要求。（3）教学方法过于陈旧，不适应现代高职教育的教学特点，对学生的积极性和创造性培养不够，职业特点不够明显。因此如何在教学中，激发学生的兴趣，让学生在“做”中“学”，在“做”中“会”。而把任务驱动法引入教学中是课程教学改革的有益方向。

2.任务驱动教学法

任务驱动教学法，是一种基于建构主义学习理论为基础的教学法。要求在教学过程中，教师巧妙的设计任务，把教学内容蕴含在任务之中，学生在具体的任务中，提出问题，并经过思考和教师的点拨，自己解决问题，从而完成任务。以培养学生的分析问题，解决问题的能力，激发了学生的积极性，掌握了技能，获取了能力。任务驱动教学法在应用中要注意几个原则：（1）任务要吸引学生。任务要贴近学生生活中关注的兴趣点，把实际问题设计成教学任务，从而激发学生的学习热情。学生通过学以致用，解决问题会产生一种成就感。比如让学生制作乐器、体育用品、明星达人等的图片展示的网站。或者制作一个招聘网站，具有注册、提交、岗位浏览、会员登录等功能。（2）任务设计要有知识的连贯性。学生在任务中能用学过的知识技能，分析问题并提出新问题。比如在制作相册的网站中，学生已经掌握了图片链接的知识，引导学生分析问题，进而提出如何布局网页，把图片嵌入到网页中，方便浏览。任务的设计要使得知识点前后呼应有连贯性，即巩固了已学过的知识，有学会了新知识。从而形成一个系统的知识建构。（3）任务设计要有层次感。由于学生的基础和掌握知识水平能力的差异，任务的难度要有一定的弹性。在任务要求中，既要满足教学目标的要求，又要注意提供知识的探索空间。保证大部分学生要完成指定的简单任务，又要让学有余力的学生可以有更多的收获，有效发挥学生的创造性和解决问题的能力。从而让不同层次的学生都有所收获，并体验到学习成功的喜悦，增强了学习的信心。

3.任务驱动法教学应用

任务驱动法教学模式要求，教师在备课中，把所要教授的知识点巧妙设计到任务中。然后在课堂教学中，教师要创设情境，引出任务，呈现整体任务。教师把目标要讲述清楚，让学生明确任务要求。在接受任务后，要引导学生要分析问题，分解任务，并制定详细的任务完成计划，通过自己的思考和教师的帮助来解决问题，从而完成任务。教师对任务进行展示，学生交流，最后给出评价和改进措施。在整个教学过程中，要以学生为主体，教师为主导，在师生的积极互动中完成教学目标。整个流程可分为创建情境引出任务、提出问题分析任务、教师引导完成任务和展示交流评价任务四个阶段。

以制作个人相册网站为例，具体教学流程如下：（1）提出任务。课上教师引出任务。比如任务是制作一个相册网站，基本功能有可以点击浏览具体信息（如拍摄时间地点人物等介绍）、支持分页浏览。扩展功能要求用户注册成功后，可上传图片，可浏览相册，单击每张图片可查看照片基本信息。（2）分析任务。首先对功能分析，用户注册成功可登陆网站。此功能需要什么方法实现？提示学生可以通过使用asp语言，编写代码实现判断用户是否可以登录。上传图片的功能如何实现，提示学生需要后台建立数据库，后台选择图片单击命令可实现把图片上传到指定文件夹。数据库是存放图片信息的载体，如何设计数据表？在分析任务过程就引出了新内容，其中基本要求是可浏览的相册，这个功能可以讲授在Dreamweaver中的相册生成功能。任务计划可以先准备素材，在建立网站，设计主页，然后演示Dreamweaver中的相册生成操作。对于能力较好的学生可鼓励学生通过ASP与Dreamweaver结合制作具有动态功能的相册，实现注册，上传图片和浏览相册的网站。教师可讲授ASP实现用户注册的代码，access数据库如何建立数据表，如何实现上传等扩展内容。（3）完成任务。教师要帮助学生分解任务，把大任务分解成一个个子任务，要有合理性和可执行性。比如此网站可分解为建立站点任务、注册登录模块任务，设计数据表任务、图片上传模块任务、主页制作任务、浏览模块任务等。学生在独立完成任务过程中，教师要适时给与帮助，监控整个过程的进展，给与需而生必要的点拨。学生在实验过程中，会提出别的方法和问题，教师要给与指导。任务的设计是有弹性的，所以完成标准也是有差异的，教师需要在教学过程结束前对任务扩展和细化，使得所有同学都能有所收获。（4）评价任务。当任务完成后，教师要展开对学习成果的展示、交流、讨论、分析和点评。及时反馈学生在学习中的问题，了解学生掌握情况，进一步激发学生学习动力和完善其知识的建构。学生在交流展示中，获得了成就感和自信感，教师的点评对学生强化知识理解有重要作用。对于评价可从多方面进行，学生自评、互评和教师评价结合，对于实践性很强的课程，不妨采用学生的作品评价为主，让小组互相打分，评出等级，作业的质量也反映了学生的利用知识处理问题的能力。

4.结束语

任务驱动法是当今高职教学中普遍采用的方法，但对于实施落实情况仍需要科学对待。没有万能的方法，只有最适用的方法，即使同一门课程，也是有的内容适合采用，有的并不适合。任务驱动法不可忽略基础知识和理论知识的学习，所以在实际应用中要灵活多样，真正做到理论实践相结合，科学使用任务驱动法，培养具有创新性的应用型人才。

参考文献：

[1]孙文新，杜玉红.任务驱动法在信息技术课程中任务的设计[J].深河职业技术学院学报，2008，7（2）.

[2]丁肖忠，倡导.以“任务驱动”组织信息技术科教学[J].中国信息技术教育，2010（6）.

篇8

关键词：教学资源 动态网页设计 三化 课程建设

科技日新月异的时代，计算机也得到了长足的发展，互联网也悄然走进了千家万户，且广泛的被应用到不同的领域，IT技术人才的需求也不断的增加。程序设计开发、网页设计都拥有非常广阔的前景，且它由传统的客户端/服务编程结构向B/S结构进行了过渡。但是在传统的动态网页设计课程中，教师的教学方式完全忽视了学生的学习主体性，过于强调基础知识，较少的对锻炼学生的实操能力。

一、动态网页设计教学现状分析

由此，可以看出ASP动态网络课程是一门理论深化、实践性强的课程。而对于中职学校的学生来说，他们的基础薄弱，理论功底不扎实，学习自律性差，动手能力差。当前，动态网络课程普遍存在以下几个问题：课程内容不合理，忽视能力的培养。目前，大部分中职学校ASP动态网页课程的可是安排普遍较少，导致教师在上课的过程过于强调理论知识，没有足够的时间去让学生形成一种完整的开发思维，无法构建课程的系统性。在教学过程中，大部分教师忽视了对教材内容的整体性，往往设计的ASP实验例子仅仅针对某章节的知识点，这样会导致学生只追求结果，缺乏了对过程的思考。

二、明确教学目标，优化教学效果

引领学生积极的参与到创新实践的课程当中。中职学校应当建立计算机实训中心，实行开放式的教学模式，学生可以在课外也得到老师全方位的技术指导。学生可以带着自己的选题来请教师参与，这样能进一步培养学生的学习的积极性、动手能力，这样可以将创新能力不断的渗透在实训的每一个环节当中。

三、以理论为基点，完善教学案例，提高实操能力。

结论

随着科技的不断进步，社会对技能型人才要求也不断的提高。当前大部分中职学校的培养方案总是滞后于社会的发展。教师在教学过程中需要不断的思考、总结经验教训，通过理论教授、实践教学的方式来提高学生的动手能力，真正的掌握ASP动态网页的开发、设计与维护。

参考文献：

[1]王兴宇.基于网络平台的动态网页设计课程教学模式探讨[J]

篇9

【关键词】 工作过程系统化；《网页设计与制作》；课程开发

【中图分类号】G642.421 【文献标识码】A 【文章编号】2095-3089（2013）17-00-01

基于工作过程系统化的课程开发强调对工作过程行知识和经验性知识的学习，培养高素质技能型人才的要求，职业教育课程开发的起点是职业分析，基于工作过程的课程对现代职业活动与工作过程相关的典型工作任务进行整体化的分析和描述[1][2]。

基于工作过程系统化的课程开发有以下步骤：

第一步：本地区及周边地区人才市场调研；

第二步：职业分析；

第三步：提炼本课程所设计的职业行动领域；

第四步：按照工作过程系统化对课程知识体系进行解构和重构；

第五步：精心设计教学内容和教学过程；

第六步：精心学习情境设计。

总结起来就是：工作任务分析行动领域归纳学习领域转换学习情境设计[3]。

一、工作任务分析、行动领域归纳

《网页设计与制作》相关的职业岗位有网页设计师和网页制作师。我们课程团队对珠江三角洲的一些企业走访调研，对已在相关岗位就业的毕业生进行回访。调研的范围主要涉及以下几方面：（1）工作具体的流程；（2）工作中常用的技术；（3）负责设计与制作的网站类型；（4）你认为学校的教育对你现在工作的影响等。对收集的调研资料，我们课程团队总结出网页设计师的主要工作任务：（1）负责网站项目的整体版式、风格设计（2）根据网站策划对网站整体框架的设计；（3）网页的具体设计制作；（4）协助网页制作师完成网页的制作。网页制作师的主要工作任务：根据网站说明书和网站设计图完成网页的制作。

二、学习领域

网页设计师这个岗位涉及到美工方面，我们网络系统管理专业相关的课程只有photoshop和《网页设计与制作》，美工方面的知识只能是学生根据自己的兴趣爱好自己补充，但是没有美工专业基础，还是有很多计算机专业的人从事这个职业。根据调研结果我们确定《网页设计与制作》的主要教学任务是让学生掌握网站设计开发的流程与方法，掌握DreamWeaver开发工具设计网站和制作网页，培养学生设计网站和制作网页的能力。

三、学习情境设计

根据行动领域的归纳和学习领域的转换，我们选择了个人主页、班级网站、商业企业网站、旅游网站、商业购物网站作为课程的教学项目，总结为三个学习情境：小型网站网页设计与制作、中型网站网页设计与制作和大型网站网页设计与制作。具体的学习情境设计如下表1：

其中拓展项目可根据校企合作的情况和学生兴趣小组进行补充和更改，每个学期每个班可以不一样。

参考文献

[1]姜大源，职业教育学研究新论[M]，北京：教育科学出版社，2007。

篇10

关键词：网页设计与制作；教学方法；探索与实践；高职院校

高职院校作为培养专业技术人才的前沿阵地，已在计算机科学与技术、电子商务、广告设计与制作、软件工程等专业开设了《网页设计与制作》的课程，不断探索适合高职院校学生的网页制作能力的教学方法显得格外重要。

1 《网页设计与制作》教学方法现状

《网页设计与制作》一门既包含一定的理论知识且实践性、技能性和创造性比较强的课程。笔者在近几年的教学过程中发现现有的教学方法存在一些问题，首先，其涉及内容广泛，大多数教师仍按照课程的章节顺序进行讲授，在有限的课时内很难讲完，即使讲授完，学生大多只能是表面接受，缺乏网页设计的实战经验。其次，教学方法比较单一，造成学生往往只能记住一些最基本的制作，无法独立全面完成一个网站的制作与设计。最后，课程讲授结果与市场需求严重脱节，学生学完课程后，没有真正的实践经验，缺乏相应的就业竞争力。鉴于现有的教学方法存在严重的不足，迫切需要探索新的方法从而激发学生的学习积极性，提高教学质量，让学生学有所成。

2 《网页设计与制作》课程改革的几种教学方法

⑴案例教学法。案例教学法作为一种新型的教学方法已遍及各个领域及学科。案例教学法是一种以案例为基础的教学法，要求学生在对相关的基础理论知识具备理解、分析和辨识的条件下，老师根据教学大纲规定的目标和要求精心设计案例，并引导学生对实际案例进行深入剖析，采取个人独立思考和团队合作讨论相结合的分析方法，进一步提高学生辨识、分析和解决某一具体实际问题的能力，同时培养正确的管理理念、沟通能力和协作精神的教学方式。在案例教学中，教师和学生都需要相互配合，积极投入并参与到教学过程中。教学方法以学生的独立分析研究为主，老师的传授和指导为辅。教学任务要求学生通过对案例的分析积累经验，培养自己的思辨能力。教学过程总是从案例开始，然后分析问题，最终解决问题。由此可见，培养学生具有独立分析研究工作的能力是案列教学中的一个重要环节，教师的指导和教学的准备都是为学生的分析研究工作所服务的。

⑵项目教学法。项目教学法是师生通过共同实施一个完整的项目工作而进行的教学活动。该方法是以项目为主线、教师为主导、学生为主体的一种教学模式。教师在教学过程中创设项目活动情境，结合学生的知识技能和实践经验，引导学生完成本项目活动的方法和过程。根据课程和项目要求，教师可将学生分编成几个不同的项目组，并要求各小组中每个学生的能力达到互补，使之在进行项目开发的同时能够相互学习，相互促进，取长补短，激发学习兴趣。通过项目的完成，增强学生的知识和技能，提高分析和解决问题的能力，在情感、态度的价值观多方面对学生进行培养。结合《网页设计与制作》课程实践性非常强的特点，笔者在教学过程中要求学生不仅要完成课堂上讲解的知识点和必要的练习，还要求其在课后自主设计完成一个网站，主要通过和学生共同实施一个完整的项目工作来进行教学活动。这样的项目教学法主要是从学生的专业和工作中的实际应用出发选择具有典型性的事例作为教学内容，学生在教师的指导下按照问题的要求搜集和选择信息资料，通过小组的共同研究，创造性地去解决和分析问题，并完成项目。最后，对各小组项目作品进行评价，并针对评估提出的问题对作品进一步完善。通过项目教学法可以使学生的学习更加具有针对性和实用性，培养学生的实践能力、分析能力、应变能力、交流能力、合作能力和解决实际问题的能力。

⑶任务驱动教学法。任务驱动教学法是在任务驱动教学和案例教学的基础上提出的一种基于建构主义和人本主义理论的教学模式。在教学过程中，紧紧围绕一个共同的任务活动中心，把所要学习的知识巧妙地融入在一个个任务当中，并在完成任务的同时充分发挥学生的积极性、主动性和创造性，从而培养学生独立探索和勇于开拓进取的自学能力。笔者在《网页设计与制作》课程教学中，要求学生完成一个网站的设计，设计的网页包括网页框架布局、网页元素的定位、网页规划与设计、信息的处理、网页的修饰、图片的插入、超级链接和文件存储等教学内容。在设计该任务时，我把网页设计与制作所涉及的基础理论知识和操作方法与技能充分隐含在任务中，然后将此任务分解成若干个小的任务，在教学过程中分步骤的指导学生去完成该任务，从而保证课堂教学目标顺利完成。

3 结束语

教学方法的改革是当前高职院校面临的一个重要课题。教学方法的合理运用，既能提高学生的学习兴趣和效率，又能培养出适合社会需求的合格人才。根据本人的教学实践，通过对以上三种方法的综合运用，并采用模块化教学模式对《网页设计与制作》课程进行教学，可以让学生能够快速对整门课程的基本知识点和操作技术全面了解，并在有限的教学时间内快速学习完成整个网站设计和开发的基础知识，从而实现《网页设计与制作》课程的教学目标和高职院校的人才培养目标。

[参考文献]

[1]谭慧琳.案列教学法在《网页设计与制作》教学中应用的探讨[J].电脑知识与技术，2009（05）：1425-1426.

[2]王雅婷，吴慧林.基于项目驱动的《网页设计与制作》一体化教学模式引用研究[J].科技信息，2012（19），182.