网页制作与设计课程精选(九篇)
前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的网页制作与设计课程主题范文，仅供参考，欢迎阅读并收藏。
第1篇：网页制作与设计课程范文
关键词 案例教学 网页设计
网页设计作为一门综合性、实践性、应用性极强的课程，在教学的方法上应有别于一般的基础理论课程，原来那种照本宣科填鸭式教学已经不适应高职教育的需要，必须改进传统的课堂教学方法，引入现代教学理念，提升学生学习的主动性，提高学生实际动手能力是教学关键。
基于以上特点，“网页设计与制作”这门课程设要以学生实际出发， 以“教师为主导， 学生为主体”的符合这门学科特点的教学与管理模式， 让学生在教师的指导下， 对所学的课程进行探索、分析、研究。
一、案例教学法的思想和特点
案例教学法也被称为“实例式教学”或“基于问题的教学，其原型是抛锚式教学。这种教学方法要求建立在有感染力的真实事件或真实问题的基础上，学生要想完成对所学知识的最好办法是让学生到现实世界的真实环境中去感受、体验（即通过获取直接经验来学习），而不是仅仅聆听教师关于这种经验的介绍和讲解。与传统的以教师讲授为主的被动灌输式教学相比，案例教学法是一种注重师生互动的开放式研究型的教学方法，注重学生动手能力的培养，是一种具有针对性、实践性、启发性、研究性和时效性的教学方法，能开发学生智力，培养学生分析问题解决问题的能力，提高学生素质。符合高职教育的特点。
二、案例教学法运用在课堂教学中
《网页制作》是一门实践性和综合性很强的课程，涵盖Dream Weaver网页制作软件、Flas制作软件、Photoshop图形图像处理软件、脚本语言等多方面的内容，知识点非常丰富。笔者从事该门学科教学多年，摸索出一套案例教学方案，使用案例教学法可以大大地提高学生的积极性。案例教学方法如下：
1、兴趣激励阶段
这一阶段主要采用优秀作品展示教学法，其目的是：提高学生的兴趣、让学生了解一些基本的网站布局。作品来源：一个是网络上的一些优秀的网页；二是往届学生的优秀作品；三是跟学生的生活相关的网站，如校院主页等。
2、基础知识学习阶段
在这一阶段，学生要学习一些网页设计的基本知识和基本技能，即根据不同的知识点，来设计出与之配套和相适应的案例，这些案例的编排要遵循由浅入深、由易向难、循序渐进的原则。网页设计课程教学中，教师可以选取一二个典型的网站进行简化设计，将有关网页设计的基本内容、基本概念包括在内，学生在教师指导下，自主地完成相关案例网站的设计，从而掌握网页设计的基本技能，可以达到良好的教学效果。
3、技能强化阶段
在这一阶段主要采用较为简单的中小型案例教学法。其目标是，让学生在复习旧知识点的过程中学习新的内容；将上一阶段的的案例整合成为一个具有一定雏形的完整网站，让学生来进行尝试，这样就使得学生在熟悉的环境中学习了整合能力。
4、综合网站制作阶段
这一阶段主要采用综合案例教学法。本阶段主要是为了提高学生综合网站开发的技能水平，同时也为了检验学生的学习成果。在此阶段中，教师可以让学生自己选择一个主题，利用所学知识和技术开发一个网站，要求学生独立完成，通过相应的方式上传到WEB服务器上，作为学生的最终考试成绩。总之，这个阶段对于学生知识的巩固和技能的提升是大有裨益的，同时也可以充分发挥学生的主动性，锻炼学生动手能力，培养求异思维。
三、在实施案例教学过程中必须注意的问题
1、选择合适的教学案例
教师要根据教学进度和教学要求设计案例， 选择的案例必须具有针对性、代表性、实践性、系统性的特点。（1）案例应具有针对性，这样做容易突出授课目标，不易偏离授课内容；（2）案例应具有代表性，学生能够从该案例得到启发，进行拓展性思考；（3）案例应具有系统性，前后相互联系，相互渗透，后续阶段的案例尽可能涵盖前面的内容，以加深和巩固所学知识；（4）案例应具有真实性，从实际出发，根据学生的特点，尽可能设计一些学生感兴趣的、贴近生活工作的案例，通过生动有趣的案例教学激发学生的学习兴趣，加强学生的动手能力和创新能力的培养；（5）案例应循序渐进，从易到难的递进方式设计，一方面是有利于调动学生的积极性；另一方面是便于学生对项目分解的理解，从而掌握整个项目的核心思想和构建步骤。
2、组织课堂讨论及案例总结
组织案例讨论旨在分析问题， 提出解决问题的途径和方法。教师应对整个案例的特点、主要知识点进行分析、解剖、归纳并及时组织学生对案例实施过程及其中的网页技术进行讨论，使学生对所学的、所做的案例有全面的认识，对设计步骤、设计思想有比较完整的认识。
案例经过学生的讨论后， 教师应该及时做出讲评。这样做有利于学生把要求掌握的知识记牢，同时， 我们要改革课程成绩的评价方式， 提高平时成绩的比例， 刺激学生上课的积极性。
3、实践教学环节—采用任务驱动法
任务驱动教学是建立在一定理论基础上的一种教学模式，它强调学生的学习活动必须与任务相结合， 以问题的探索来引导和维持学习者的学习兴趣和动机。教师应创建真实的教学情境， 让学生带着真实的任务去学习， 以使学生拥有学习的主动权， 掌握网站设计与网页制作的知识与技能。
四、结束语
总之，在高职院校计算机专业《网页设计与制作》课程教学中运用案例教学法，在实践环节实施“任务驱动”教学法，有利于学生实践能力的提高和理论知识的掌握。案例教学法只是现代教学方法中的一种，要优化课堂教学，应要综合运用多种教学法，每个教师都应根据教学大纲、教学内容和学生实际情况的不同选择和运用不同的教学方法，只有这样才能真正提高课堂教学效果，提高教学质量，培养符合时展要求的新型高素质应用型人才。
参考文献：
第2篇：网页制作与设计课程范文
关键词：网页设计与制作；教学内容；教学方法
中图分类号：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.
第3篇：网页制作与设计课程范文
关键词： 《网页设计与制作》 工作过程 课程设计
《网页设计与制作》是一门综合性很强的课程，是计算机应用技术专业的专业技能课程之一。在本课程的开设过程中，我们通过对网页美工师、网站设计师等岗位的调研，学习和借鉴德国等先进国家的职业教育经验，结合《网页设计与制作》课程的特点，基于工作过程导向确定了该课程设计的指导思想和课程内容体系。
一、课程设计思路
基于工作过程的课程体系开发是以职业岗位工作过程为导向，以职业技能为中心，以学生为主体，实现知识传授与职业能力训练相结合、学历教育与职业资格证紧密结合，重视专业技能和综合职业能力考核，培养面向生产、建设、服务和管理第一线需要的高技能应用型人才。在基于工作过程的课程开发过程中，遵循“岗位导向、注重过程（工作过程和开发设计过程）、多能（专业能力、方法能力、社会能力）并重、细化标准”的原则，按照“工作任务（职业岗位的典型工作任务）―行动领域（工作任务的分析归纳）―学习领域（工作过程的课程开发）―学习情境（教学过程的方案设计）”的步骤进行。
二、课程内容体系的建设
1.课程教学目标的确定
“以就业为导向，以能力为目标”的高职课程改革，首要任务就是明确课程的教学目标。在教学中，我们在岗位分析基础上确定本课程的教学目标。
*知识目标：学会如何规划网站、设计网页；能根据网站内容的特点设计并制作相应风格的网站。
*能力目标：掌握从Internet网上搜索需要的资料并进行加工处理的技能；掌握利用相关软件设计、制作网页的技能。
*情感目标：学会协作；学会如何正确认识、评价自己与同学；增强自信心；培养良好的职业道德。
2.课程教学内容设计
在工作过程为导向的教学过程中，需改变传统学科型课程以学科知识逻辑为主线、专业理论知识为主体的教学内容，应以实际工作任务需要为基础，以职业活动为主线，以培养职业核心能力为本位，注重理论知识与实践知识、职业技能的综合，重新组织和设计教学内容。
根据对网页制作岗位工作过程的调查与分析显示，工作人员应具有完整的设计思路和创造理念，能独立进行门户网站、行业网站的策划、规划、架设工作，能独立完成网站编程、后台搭建等。依据学生职业能力形成规律和网页制作的实际工作过程，坚持理论够用、适用、实用原则，将工作任务模块转换成教学内容，我们将课程内容调整为：网站策划、网站规划、网页风格设计、网页制作、网站测试和网站上传与更新维护六个知识模块，每一个小的模块项目又具体细化为一个个小的任务。教学内容均来自于职业岗位的具体工作任务，并使教学内容由抽象的概念转变为具体的工作项目，构建围绕职业核心能力为中心的以“做”为主体的课程。
3.课程教学方法
为了充分发掘学生的创造潜能，提高学生解决实际问题的综合能力，我们采用工学结合、教学做一体的教学模式，综合采用了项目导向、任务驱动、案例分析、多媒体演示等教学方法，将“在实践中学习、在学习中实践、理论与实践教学一体化”的思想贯穿在整个教学过程中。本课程以完整的“企业宣传网站”为例，将各个知识点融于项目开发过程中，从简单到复杂，从基础到高级。在教学过程中，首先以需要制作的项目为背景，设计相关的案例，以案例的讲解引出项目，以问题形式提出，这样每个小项目的主题也就是教学重、难点的内容，项目的完成过程也就是教学重难点的突破过程。最后，以“布置项目”的方式引入有关概念，展开教学内容。学生通过项目实践寻找完成任务的途径和方法，最终得到项目结果。通过本课程的学习，学生不仅学到了基本知识、基本技能，而且通过项目的开发，积累了项目开发的经验。
此外，深入开展第二课堂活动，指导学生课余实践活动，引导学生将课堂上学到的知识和方法应用到其他网站项目的开发中去，学以致用。充分利用校内实训基地，将教学与实训合一，满足培养学生综合能力的需要。
4.课程教考核方式
建立科学、完整的课程考核方式，是检验项目教学方法的实际效果，促使学生更积极主动地投入到项目任务的自主学习和实操中，提高教学质量的主要手段。课程的考核以能力考核为主，采用多种方式综合考核的方法。课程的总评成绩由平时成绩和期末考核成绩两部分构成，其中平时学习考核成绩占课程总评成绩的40%。期末考核成绩占课程总评成绩的60%。平时考核成绩由课堂讨论、交流，提交的课后作业完成情况综合评定。期末考核采用理论+实践的考试模式。理论考试采用国家信息产业部“网页设计师”认证考试并实施；实践考试采用“项目开发+现场答辩”的考核方式，重点考核学生对整个项目开发的思路及开发方法，同时考查学生口头表达能力、与人沟通能力，最主要的考核是以项目最后实现的效果及每个人完成工作量的情况、完成工作的质量及效率进行评分，由项目小组与教师共同打分。在交流评价的基础上对学生获得的材料和做出的作品进行检验。验证学生自己的观点。通过对比师生评价结果，找出造成结果差异的原因，让学生反思他们在探究实践中所运用的解决问题的策略。
三、结语
在今后的教学中，我们必须依据高等职业教育人才培养目标和职业岗位综合能力的需要,以工作过程为导向进行《网页设计与制作》课程开发，依据该课程的知识结构特点，以职业能力为目标确定教学内容，注重职业情境中实践智慧的养成,提高毕业生的素质和就业能力。
参考文献：
［1］姜大源.当代德国职业教育主流教学思想研究［M］.清华大学出版社，2007，（4）.
第4篇：网页制作与设计课程范文
关键词：中职；网页设计与制作课程；教学做合一
中国教育家陶行知先生曾说过，“行是知之始，知是行之成。”“做是学的中心，也是教的中心。”他说：“手和脑在一块儿干，是创造教育的开始；手脑双全，是创造教育的目的。”注重实践是陶行知先生“教学做合一”的真谛。国务院印发的国发[2014]19号文件《关于加快发展现代职业教育的决定》中也指出：“深化产教融合、校企合作、工学结合，推动专业设置与产业需求对接、课程内容与职业标准对接、教学过程与生产过程对接、毕业证书与职业资格证书对接、职业教育与终身学习对接，提高人才培养质量，强化职业教育的技术技能积累作用。”
陶行知视“教学做”为一体，“做”是核心，主张在做中教、做中学。在数学中等职业学校的网页设计与制作课程中，我们要从培养目标出发，坚持理论联系实际的原则，加强学生动手训练，培养学生的创新能力。
一、选用合理的教材
中等职业学校的人才培养模式是指在一定的教育理论指导下，按照特定的培养目标和人才规格，以相对稳定的教学内容、课程体系和评估方式，实施人才教育的过程的总和。
我校网页设计与制作课程的培养目标是能对网站的功能进行分析，全面掌握使用的能力；能对页面进行修改的能力。为此，我校选用的教材除了国规教材外，还补充了Adobe创意大学的标准教材。教学内容不仅能满足中等职业学校专业教学标准，能够反映当前的生产技术水平和职业岗位资格要求，更注重课程内容对接职业标准、教学过程对接生产过程。教材的内容编排符合学生认知特点，突出网页制作的创意工作流程，将创意设计与软件功能相结合，以软件的实际应用为主线，对行业中的典型案例与Dreamweaver软件新功能等方面的知识进行深入探讨。
Adobe创意大学的标准教材是联合行业专家、行业协会、教育专家、一线教师、Adobe技术专家开发的，重点清晰，内容完善，为专业及其相关行业实践型人才的培养量身订制。
二、采用“教、学、做”一体的项目式教学方法
以学生为主体，有效设计和实施“教、学、做”一体的项目式教学方法，通过真实、完整的实例呈现知识点。
1.循序渐进，由浅入深：选择小范例诠释理论知识，每一个项目都从最简单的内容入手，慢慢深入，达到制作出高级页面的效果，避免只讲定义的乏味与枯燥，符合学生的认知规律。
2.内容全面，实例丰富：融入大量的实用操作技巧，力求将最常见的软件技巧与行业流程全面细致地进行介绍。结合实例介绍每种应用的操作步骤，学生只需要按照步骤一步步进行操作，就可以在不知不觉中掌握大量的知识，创作出精彩的个性网站。
3.行动导向、任务驱动：从网页制作行业的实际出发，基础知识与基本技能相结合，紧扣“做中学，做中教”的教育理念，将知识点穿插在网站实例制作的操作过程中，在实际制作中介绍网站开发的实际流程与制作技巧，尤其是针对实际制作中广泛采用的“Div+CSS布局模式”，对教材内容进行全面的补充和完善。拓展HTML代码的学习内容、学习方法，通过课后训练设计达到课堂知识的“举一反三”，这样更加贴近实际。
4.由易到难、由部分到整体：从网页制作技能培训的实际需要出发，设计一个网站建设实例，采用循序渐进的方法，详细描述网站的开发过程，介绍网页制作的各种知识、技能和注意事项。所学知识分别涉及：站点的规划与管理；文本、图像及CSS层叠样式表；表格布局，超级链接；框架布局，多媒体文件；热区、层和行为；表单及各种表单元素；模板、站点的测试、与维护等各项静态网页开发知识，采用知识讲授与案例教学相结合的方法。
5.综合运用，注重启发：制作两个企业网站，系统全面地介绍网站建设的实际开发流程及常用手法与技巧。每个任务包含“任务描述”“自己动手”和“举一反三”三个模块，将知识点、技能点和注意事项穿插在网页制作的过程中，注重启发学生的学习兴趣，力求在知识结构编排上体现循序渐进、重点突出、难点分散，在语言叙述上注重概念清晰、逻辑性强、通俗易懂、便于理解。
6.注重现代信息技术在教学中的应用。现代信息技术参与之后的课堂“以教师创造性的教为主导，以学生探索性的学为主体”，丰富多彩的教学环境，给学生更大的思维空间，突出学生的主体地位。运用现代信息技术，创设他们感兴趣的事物与情境，抓住学生的心理特点，将抽象化的、概念化的知识点，以贴近生活的生动、鲜明的图文并茂的画面呈现乏味的定义定律，集声音、文字、图像、图画动态显示于一体，达到将抽象概念具体化、微观概念宏观化的目的。让学生易于理解接受，让学生身临其境，亲历其中，得到体验，在轻松的氛围中愉快地学习，提高了学生的思维能力、想象能力和创新能力。
现代信息技术使课堂教学以发展为主，教师通过创造教学环境，在课堂上为学生提供观察、独立思考和实践，将技术与学科教学灵活有机地结合，为学生提供一个友好交互、自由开放的学习环境，组织并指导学生进行实践活动，激发学生主动去探索、积极去思考，从而极大地提高教学效率。
三、考核评价方式多角度
网页设计与制作课程对学生的能力要求是：（1）会Dreamweaver的安装；（2）合理使用网页元素制作简单静态页面；（3）能够使用表单、CSS样式、行为、层、模板、框架等技术制作比较复杂的静态网页，并能够进行站点；（4）初步了解动态网页设计的基础知识，能够制作简单的留言板等动态网页。因此，我从以下几方面对学生进行评价：
1.网页作品与真实生活是否有关联，主题鲜明。这表现为作为真实的项目场景，这种真实场景是对日常企业场景的模拟，或者真实场景中的实际操作。
2.要求学生对一些与职业有关的问题进行思考和解决。比如企业网站，学生要依据问题，以科学的论证和推理方式设计合乎自身认识的、具有创造性的解决问题的方案，创作具有创造性的网站作品。
3.操作过程和最终作品是评价的重点。在实际操作过程中，学生解决问题的综合能力得到锻炼，如思考问题能力、问题反思能力、团结合作能力、信息搜集能力和创造力等，评价中充分展现出来，而网站作品则是各种能力综合锻炼得到的结果。
4.学历证书与职业资格证书对接。Adobe创意大学考试认证是Adobe公司推出的权威国际认证，是针对全球Adobe软件的学习者和使用者提供的一套全面科学、严谨高效的考核体系，为企业的人才选拔和录用提供了重要和科学的参考标准。
总而言之，运用陶行知先生的教学做合一思想，我们在中职网页设计与制作课程中坚持理论与实践的有机结合，注重学思结合、知行统一，坚持“做中学、做中教”，加强理论课程与实践课程的整合、融合，开展项目教学、场景教学、主题教学和岗位教学，从而强化对学生实践能力和职业技能的培养。
参考文献：
[1]陶行知.陶行知全集：卷1[M].成都：四川教育出版社，1991.
[2]陶行知.陶行知全集：卷2[M].成都：四川教育出版社，1991.
第5篇：网页制作与设计课程范文
该文介绍了《网页设计与制作》项目化教学思路和方法，从设计理念与思路、对计应相关专业建设与发展的定位与作用、课程内容的针对性与适用性、教学内容的组织与安排、教学模式的设计与创新、实践教学条件的建设与使用等6个方面进行了设计与分析，为学生较好地掌握知识及快速适应工作岗位需求进行了一些思考和探索。
关键词：
高职院校;网页设计;项目化课程;开发实践
《网页设计与制作》是计算机应用专业的一门专业核心课程。该课程目标是让学生掌握网页设计与制作能力。它以图形图像处理、互联网应用等课程的学习为基础，也是进一步学习动态网站设计等课程的基础。学完本课程，要求学生能达到掌握网页美工初步技能；熟练掌握HTML+CSS进行页面布局与排版的技能；基本掌握使用网页脚本控制页面操作和提升用户体验的能力。按照高职高专知识传授特点与职业技能需求，同时根据网页设计与制作课程知识的掌握规律，目前我校采用了项目化教学方法，为学生较好地掌握知识及快速适应工作岗位需求打下扎实的基础。
1设计理念与思路
该课程根据职业能力发展的基本规律（新手—生手—熟手—能手—专家），将学习内容设计为网页设计实际工作，通过工作实现学习。采用整体→模块→整体的设计思路，按照简单到复杂、单一到综合、低级到高级的原则进行。
1.1设计理念：学习的内容是工作，通过工作实现学习。这一理念体现了该课程的职业性和实践性，同时学习的主体变为学生，学习内容以培养学生的职业技能为主。为体现这一设计理念，在课程设计前我们调研了数十家合作企业，与企业专家一起，对网页设计各个方面涵盖的岗位进行职业技能与职业素质分析，整合出一个基于工作实践的“网页设计与制作”项目（比工作实践更完备体现课程的各个知识点）。同时分解实际工作中网页设计的工作流程和岗位，确立多个子项目。这种方式学习，充分体现职业典型工作任务，以“工作”促学习，边“工作”边学习，学生学习内容具体化，学习兴趣大大提高。
1.2设计思路：整体→模块→整体课程设计的思路是根据几个不同类型的网站案例整体设计入手，将网页设计所有环节和操作步骤详细介绍给学生，让学生从与“用户”沟通开始参与到整个系统的设计过程中，教师根据任务需要，先给出网页效果图，让学生体验完成后的整体效果，再根据项目进程分解任务，这种设计优点是能让学生将学习过程作为完整的“工作”过程。在此基础上，进一步将各工作任务分成若干子任务，通过90课时教学+30课时整周实训学习，最终将各个子项目整合，完成网站整体设计工作。在子模块学习任务设定中，每个子任务设计是按实际工作中网页设计的技能要求提炼出来的，能满足不同岗位的需求。项目完成时，我们还设计了学员相互评价体系，对设计成果进行评估，让学生在自我学习过程中及时总结并收获进步。
2对专业建设与发展的定位与作用
该课程采用项目化教学方式，可以起到如下作用。（1）学生对该专业的工作岗位有了具体认识，了解了各岗位所需的专业知识，从而帮助学生进行职业规划和知识储备。（2）学生对所学专业的工作内容有了比较具体的认识。该课程使学生对计应专业到底是做什么的、怎么做等问题有了全面认识，增强了学习信心和学习兴趣。
3课程内容的针对性与适用性
（1）该课程是依据“计算机应用专业职业岗位与职业能力分析表”中网页设计师职业岗位设置的。总体设计思路是：着重培养学生网页制作能力，具备HTML、CSS、JavaScript等知识，以网站设计工作任务为中心选择和组织课程内容，让学生在完成网站设计具体项目的过程中完成相应工作任务。课程构成主要突出职业能力要求。（2）课程总学时为90学时教学+30学时整周实训，内容包括Web服务器配置、网页视觉效果设计、用户体验设计、网页兼容性设计等。（3）知识目标和能力目标。知识目标应掌握HTML、CSS、JavaScript、HTML5、CSS3等知识，该课程学习结束，学生应能自行设计各种网页、开发一定规模的网站，熟练掌握网站制作基本方法和技巧，并最终设计出综合性的网站。能力目标主要体现以下方面：①熟练使用网页编辑软件。②熟练使用样式表控制页面外观。③能在网页中设置需要的脚本。④能进行网站的更新与管理。另外根据职业教育要求，加强学生以下素质：①服务意识：为他人提供优质的服务。②文明法制意识：网站内容积极健康向上，不做违法的事。③合作精神：能够与他人合作，具有协调能力和组织管理能力。④较强的自我知识及技术更新能力：能快速跟踪网页制作的新技术及市场应用动态。
4教学内容的组织与安排
该课程主要教学内容包括网站服务器、HTML、CSS、网页界面整体设计(含JavaScript应用)、网页兼容性等5个教学模块，其中HTML和CSS为学习和实践的重点，通过几个案例的制作过程展开知识讲授。具体教学内容及课时安排见表1，“网页外观制作技术”项目的教学设计见表2（其他教学项目的教学设计因篇幅所限此处省略）。
5教学模式的设计与创新
在该课程的教学中，教学地点由教室迁移到一体化实训室，教学方式由教师讲为主转变为学生做为主。实施中包含如下步骤。（1）指定清晰的工作任务，教师展示页面效果。（2）学生制订工作计划，理顺工作思路。（3）教师进行工作过程辅导，讲解涉及的理论知识。（4）学生根据需要在课程网站上获得丰富的教学资源。（5）学生完成工作任务，体验工作效果。（6）师生及企业专家共同评价工作成果。
6实践教学条件的建设与使用
课程在网站设计一体化教室完成，其间配合到企业现场教学实习环节,实施时由每位学生独立完成网页制作任务，课程各种教学资源能够在学习过程中在线使用。
7结语
第6篇：网页制作与设计课程范文
关键词 商务网页设计与制作 课程设计 电子商务专业
中图分类号：F713 文献标识码：A
截至2012年12月，中国网络购物用户规模达到3.12亿，市场整体交易规模为10.2万亿元，同比增长29.9%。随着网络购物人数爆炸式的增长，越来越多的企业开始尝试利用网络平台开展商务活动。同时，企业对于电子商务人才的需求也越来越大。鉴于中小企业自身的特点，企业希望人才来了就能用，这就要求学生具有较强的专业技能。《商务网页设计与制作》课程是电子商务专业的一门核心专业课程，这门课程学好了，对于学生未来的成才和发展效果是非常明显的。笔者结合多年从事电子商务专业《商务网页设计与制作》教学实践经验，引入企业网站的生产流程，对课程教学内容体系进行了重构。
1课程教学现状及存在的问题分析
《商务网页设计与制作》是高职电子商务专业的一门核心专业课程，既是学生最期待、最向往的课程，也被认为是最艰难，最难啃的课程，以文科学生为主体的商贸财经类专业尤甚。之所以向往，是因为它如此之重要；之所以艰深，是缘自于技术的隔膜和不必要的恐惧。当然，究其原因，传统教材与教法，自然难辞其咎。
1.1课程设置不合理，知识内容落后
传统网页设计与制作教材，往往专注于“网页三剑客”等技术软件的操作，让学生从一个代码，一段文字，一张图片入手，来制作属于自己的网页和网站。这种教学模式，经过两到三年，学生还难以上手；而一名合格的网页设计师，往往只需一两天，就能开发出一个让企业签单付费、价值达几百上千元的小网站。网页设计思路不明确、网站栏目设置不合理、首页布局无特色，内容定位不清晰。总之，网页制作门槛高、学生动手操作难，美工不出彩、商务没感觉，这是传统模式的致命缺陷。
1.2课程教学模式落后
传统的《商务网页设计与制作》教学中，许多学校是以教师为中心，偏重于讲授为主，传授网页制作的工具、技术等专业知识，缺少对学生思考和解决问题能力的训练，没有引导学生去自主学习，这就导致很难培养学生的理性精神及创造能力、创业意识，也无法培养学生独立思考、敢于向权威挑战的学习态度和竞争精神，更无法引导学生的创业意识和创造性思维。
1.3实践教学方法有待完善
现有的《商务网页设计与制作》实践教学更多的强调技术层面的东西，很少有考虑到商务诉求。在教学过程中，大部分学生都有畏难情绪，导致教学效果不明显，学生网页设计的思路不清晰，动手操作难。
2《商务网页设计与制作》教学模式设计总体方案
2.1打破传统学术思维的束缚，遵循网站建设的业务逻辑
课程设计以典型企业网站为载体，通过商务网页设计导引、商务网页布局与设计、网页效果图制作、静态页面制作、DIV+CSS网页布局五个学习型项目的创设，对商务网页设计与制作的基本原理及实现方法进行了系统介绍及完整展示，让学生能在较短的时间内制作出不仅美观大方，而且能体现企业商务诉求的网站，打破传统学术思维的束缚，遵循网站建设的业务逻辑――企业怎么做，我们怎么做。商务网页设计制作流程如下图1所示。
2.2教学内容体系构建
本课程在教学内容的设计上以商务网页设计与制作业务流程为主线，将商务网页设计的基本原理与方法融入到典型工作任务的介绍和实训中。
第一个模块和第二个模块以典型商务网站类型、典型商务网页版面风格分析入手，使学生快速理解和掌握网页设计的基本原理和方法，并能完成网站栏目规划及商务网页版面设计的任务。
第三个模块以网页素材的选择为突破口，使学生快速地熟悉并掌握网页效果图制作的方法、步骤及要点。
第四个模块则要求学生在已有效果图的基础上能制作实现静态页面，以使学生掌握必要的html标记语言，并掌握常见的两种页面布局方式，为后续课程的学习打下基础。
在课程实训方面，则选择目前商务网站建设服务市场业务类型较多的企业网站建设业务为主线构建实训项目。这类网站建设业务中的页面设计素材丰富、规范化程度高，便于学生学习。
在教学内容的细节处理上将充分考虑本课程与艺术设计类及软件设计类相关课程的区别，降低学生学习难度，突出商务网页设计与制作的重点，使学生能举一反三，适应商务网站网页设计师岗位能力需求。
3课程教学的实施途径
3.1基于校企合作的课程项目开发
《商务网页设计与制作》要求教师教学应以企业真实需求为逻辑主线组织教学内容，以项目为知识学习、技能训练和素质养成的载体。为了保证与企业生产实践相结合，最大限度地利用企业有效资源，通过积极深入市场与企业一线，认真分析当地产业结构与发展趋势，寻找校企合作的结合点。目前，课程依照行业标准、岗位技能要求以及岗位工作流程等进行项目运作。在项目的开发过程中，企业高度参与，共同确定基于工作过程的典型工作任务。
3.2基于职场环境的教学实训基地建设
建设能够进行教、学、创于一体的基于职场环境一体化教学实训基地，是实施一体化教学的硬件保障，是实现教学模式转变的重要条件。目前，我们已经建立了三个学生工作室：网赢工作室、智越工作室和服务外包工作室。其中智越工作室的核心业务是中小企业网站建设与维护，每年吸纳30多名学生，完成10多个企业真实项目，收入1万多元。通过引进企业真实项目，和企业建站的标准流程，提升学生的专业技能和职业素养。
3.3考核评价体系改革
本课程的学习，是要求学习者联系一家有商务网站建设需求的真实企业，来完成课程模块的实训。本课程以学习者的实训作品为主要考核依据，兼顾学习者的学习态度、职业素养、团队意识及表达沟通能力。
4结束语
将企业真实的生产制作流程引入到《商务网页设计与制作》课程教学中，引导学生重视企业的商务诉求，制作出符合企业需求的商务网站，是本课程的重要特色。
参考文献
[1] 方玲玉.《网络营销实务》工学结合课程开发的实践尝试[J].职教论坛，2008（16）.
[2] 张婵.基于就业一创业导向的独立学院网络营销实践教学方法改革探讨[J].物流工程与管理，2012（5）.
[3] 周建良.以创业能力培养为导向的电子商务课程开发探索[J].科教文汇，2010（7）.
[4] 韩义.对电子商务课程教学改革的思考[J].天津电大学报，2008（9）.
[5] 方玲玉，李小斌，李念.高职经管类专业系列项目课程开发――以高职电子商务专业为例[J].职教论坛，2010（12）.
第7篇：网页制作与设计课程范文
关键词:网页设计 网页制作 教学改革
中图分类号:G64 文献标识码:A 文章编号:1007-3973 (2010) 01-178-02
1根据专业特色确定教学目标
《网页设计与制作技术》是计算机类专业的一门基础课程,考虑到计算机类专业的学生缺少艺术设计基础,通常是以掌握静态网页的制作技术为教学目标。但是对于多媒体专业的学生来说仅仅掌握网页制作是不够的。
多媒体专业的任务是能够将图形、图像、文本、声音、视频、动画等多种媒体元素以合理的形式进行整合,为其设计美观的界面和人性化的交互方式,使之成为一个完整的多媒体系统。所以多媒体专业对学生在艺术设计水平和软件制作能力方面都提出了较高的要求,针对这一专业特点,《网页设计与制作技术》课程的教学目标放在了网页的“设计”和“制作”两方面。“设计”方面要求学生能够利用设计工具设计出符合商业需求的网页界面,能够对网站的信息进行重组,能够根据需要设计合理的交互方式;“制作”方面要求学生具备将网页界面设计稿采用合理的制作技术转换为真实网页的能力,能够制作可维护、可扩展的网站结构。
2依据教学目标制定教学内容
教学内容是依据教学的两个目标来制定的,总体分为两部分“网页设计”和“网页制作”。这两部分的内容对于多媒体专业的学生来说同样重要,授课时间上要给予合理的分配。
“网页设计”部分的内容主要包括:
2.1网页布局设计
由于受到显示屏幕的限制,网页具有区别于一般平面设计的布局结构,并且根据网页信息量、网站主题和风格的差异可以设计出千差万别的布局。学生应该具备根据实际合理设计网站布局的能力。
2.2网页色彩设计
网页的色彩创作拥有自身的设计规则,与其他视觉形式有着较大的差异。对于平面设计来说,色彩是静止的,色彩的分布根据固定的信息来编排。对于网页来说,信息是流动的,网页上的色彩也会跟着流动,因而,学生要掌握网页上的用色更需谨慎。
2.3网页界面元素设计
网页上包括的文字、图片、按钮、声音、动画等都需要经过精心设计来配合完成一个完整的网站。学生需要掌握各种软件来实现素材的设计与制作,这些软件可以是Photoshop、Fireworks、Flash、Cooledit等。
2.4网页导航设计
这一部分绝不仅仅是制作菜单,重点是对网站信息的组织。学生对网站信息的组织往往是随意的,他们没有意识去分析大量要在网页上出现的信息哪些重要,哪些是辅助的,重要信息应该出现在页面的什么位置,以及如何使用色彩来突出重要信息。
2.5交互设计
浏览者不仅要求网页具有良好的外部界面,也非常关心界面的组件、布局和风格,看它们是否能支撑有效的交互,浏览者是否能轻松使用网站的功能来快速寻找到所需要的信息,这是评价网站可用性的一个重要指标。
“网页制作”部分的内容主要包括:
(1) 使用XHTML+CSS实现网页布局。早期的网页制作大多采用表格嵌套的方法实现,这种方法制作的网页难以更新和扩展。现代的网页越来越多使用XHTML+CSS来实现,因为其具有良好的灵活性,同时也提出了一种全新的网页制作思路。
(2)利用模板快速生成网页。模板技术在XHTML+CSS流行的时代同样重要,能够帮助快速生成同类型的网页,也更易于后期的维护。
(3)使用框架构建网站。
(4)使用Flash辅助。Flash在制作导航条、按钮、动态图片等方面具有明显的优势,把Flash结合进来能让网页增添不少亮点。
3 根据现代学生的特点选择教学方法
现代的学生都有一些新的特点,比如喜欢拿手机发短信、喜欢通过网络获取知识多过于书籍、喜欢在网络上与他人沟通、喜欢使用博客、玩游戏等,思想认识上也与以前的学生有很大的不同。教学应该以学生的学习为中心,教师的任务是帮助学生提高学习兴趣,教学的过程要符合学习习惯。如何改变传统的教学方式来适应现代的学生是我们需要研究的课题。可以考虑在以下方面改进教学方法,从而加强对学生的学习引导:
3.1让学生在自由、轻松的课堂环境下学习
国外的一些研究表明,让学生在完全放松的状态下学习能够得到比严肃的课堂环境更好的教学效果,尤其对于需要发挥创意的课程来说更是如此。我们可以考虑将课堂从教室移至亭子、池塘边、树荫下等大自然的某个角落,或者重新布局教室,使它看起来象工作室、会客厅、休息室,或者通过课堂上给予学生充分的自由思考、自由交流的机会,教师的语言如果更具有幽默感和亲和力,就能更好地激发学生的兴趣和创造力。
3.2充分利用网络实现零距离教学
现代的学生对网络的使用非常普遍,通过网络获取知识的比例越来越大,所以利用网络进行课堂外的教学补充是非常有效的。通常可以使用网络课程、论坛、博客等形式为学生提供随时随地可以获取的学习资源;利用QQ等实时通讯工具实现教与学的零距离。
3.3注意调节课堂教学的节奏和气氛
学生在一堂课的学习过程中注意力有明显的变化规律,开始阶段学生的注意力是最高的,中间最容易分散,接近最后又会慢慢提高。建议老师在讲授知识的过程中可以利用这一规律,把重要的内容放在前面,中间要加一些提高注意力的环节(可以是一次小组活动、一点小幽默)重新激发学生的热情,需要强调和总结的内容要把握好最后的时间段。
4课程改革的进一步探讨
《网页设计与制作技术》是一门综合性的课程,根据学科的差别,可能会不同程度地涉及到网页布局、色彩、交互、数据库、服务器程序设计等内容。针对多媒体专业,本文没有涉及后台的数据库和服务器程序部分,对于前台的网页制作技术,如果学时充足,还可以考虑增加利用JavaScript实现网页特效的内容。随着网页制作技术的不断发展,新技术、新方法、新标准将会不断涌现,所以我们也需要将网页设计与制作的最新、最实用的技术反映到课堂教学中去。
5 结束语
网页的设计与制作更多的表现为一门艺术,要让学生学到网页设计的理念而不仅仅是网页制作的方法,这应该是该门课程在多媒体专业中承当的任务。上面所提到的教学目标、教学内容和教学方法都应该围绕这一核心任务展开,最终为培养既有设计能力又有动手能力的合格学生服务。
参考文献:
[1]尤彩虹.高职《网页设计与制作》课程建设实践与探索[J].中国科教创新导刊.2009,(2):183.
第8篇：网页制作与设计课程范文
关键词：网页设计与制作；教学模式；改革；实践
一、课程教学改革背景
我校的《网页设计与制作》课程多年来一直是网络技术、信息管理、电子商务、计算机应用、软件技术等专业的基础课程，该课程技能操作强，知识点多，是重要的专业基础课。但多年来教学存在一些问题和弊端，尤其是教学模式的不足严重影响了教学质量。《国家中长期教育改革和发展规划纲要（2010-2020年）》明确指出：“职业教育要改革人才培养体制，深化教育教学改革，创新教育教学方法，推进课程改革，探索多种培养方式”。因此，我们进行了多种教学摸索和实践，以改变现状。
二、课程教学模式改革基本思路
通过详细的调研，我们确定了教学模式改革的基本思路：把企业需求作为出发点，以就业为导向，着力培养学生制作网站的技能水平与操作能力。在此基础上酝酿改革：自创“案例―模块―项目”正逆向启发式教学方法，综合应用已有的适合技能学习的教学模式。
三、课程教学模式改革的应用
1.自创了“案例―模块―项目”正逆向教学方法
这种教学法以案例为基础，相关案例构成一个模块，几个模块构成一个项目。其中案例是将课程内容与教学内容联系，将要讲授的知识点以实例的形式体现，在课堂上以技能操作方式进行分析；模块是按照教学大纲的思路，将几个相近案例组合在一起，实现岗位技能的应用，同一教学模块对不同层次的学生有不同的要求和考核标准，针对学生的具体情况和教学内容来分析；项目是以案例模块为教学单位、专项能力模块为学习单元综合起来的一个任务，根据制作完整网站项目任务分析，确定不同知识模块。
2.辅以任务导向法、技术艺术法、趣味引入法、学生施教法、作品评价法、互动教学法、讨论教学法等多种教学方法
多种教学方法因时制宜综合运用，提高了学生的学习兴趣，增强了课程的知识性、实践性和趣味性。
3.教学配套设施改革
充分利用学校优质互联网教学资源和网络信息资源作为辅助教学资源，为学生创造一种开放、主动、发现式的学习环境。
（1）我校实训室配有大屏幕投影仪，六七十台配置最先进的品牌电脑，高质量、高尖端的网络教学平台，并开发了教师端教学程序利用校园网在实训室内联机教学，教师机能随时点名、教学、演示、答疑，控制学生机的开关、收发作业，学生也能随时提问、观看教师演示、自己练习，目前该课程已有三分之二课时在实训室内进行。
（2）充分发挥Internet互联网对此课程的特殊作用，开放网络资源让学生学习，鉴赏、观摩国内外优秀网站、动画，调用、借鉴网上好的版面、图片、资料，维护、修改学院网站，上传自己制作的个人主页和小型网站，学生实学实用，将广阔的因特网作为学习和实训操作空间，学到许多课堂上接触不到的知识，专业素质、技能水平进步很大，极大地提高了教学质量。
4.革新实训
我们跳出旧有的坐在机房搞实训的模式，直接和学校、公司、企业、社区联系，让学生利用所学知识为他们制作网站，全过程按企业开发网站的工作流程去规划、设计、制作，让学生进入实际领域内调查、搜集资料，感受实际工作中所需要的知识、技能、能力，学会表达、解决问题的方法与团结协作的精神，完成从学生到设计师、从学校到社会的蜕变。
5.实行考评改革
为了让学生平时扎扎实实地学习，学到实用的技能知识，在考评上我们加大了平时考评的力度，由最初的试卷考评、认证考评到现在通过平时纪律、态度，作业完成情况，网站项目制作情况，创新、协作精神四个方面来考查学生的综合素质和动手能力，确定学生的考评成绩。
四、改革效果
1.提高了学生的技能水平
通过改革，学生由原来的被动灌输变为现在的主动学习，学生成了课堂主体，对“案例―模块―项目”这种授课方式充满了浓厚的兴趣，学习积极性提高，尤其是动画和图片处理，掌握得非常好，一般学完本课程后，每个学生都能制作出一个完整的中小型网站来，毕业后就能赴生产一线工作岗位，成为高技能应用型人才。其中有部分学生在教师的指导下对本校网站进行维护、更新、管理工作。
2.提高了教学效率
教改后“案例―模块―项目”正、逆向授课相对于原来灌输式授课来说，教学效率有了质的飞跃，原来需要四五个课时才能讲清的内容，现在两三个课时就能掌握，教学效率提高了许多。
3.提高学生的学习积极性与创新思维
案例、模块、项目的授课方式推出，引起了学生的浓厚兴趣，看到每一个练习有实实在在的效果，每堂课都能学到实用的东西，学生的学习积极性越来越高，课堂上也越来越投入。加上技术艺术法、趣味引入法、学生施教法、作品评价法、互动教学法等教学方法的使用，学生参与其中，亲身体验良好的课堂氛围，思维越来越敏捷，学习越来越主动，创新性作品不断涌现。
4.提高了教学质量
自从进行“案例―模块―项目”正、逆向教学模式改革后，教学质量有了很大提高，课堂上每个案例、模块学生都能学会并当场操作演示；原来学生在课程结束后只能做几个简单的静态页面，而现在技能水平有了很大的提高，都能制作出一个完整的网站，静态、动态效果处理得很好，在后能进行更新、维护、管理工作，显示了深厚的专业素质。
五、总结
通过近两年的网页设计与制作课程教学模式改革，取得较好的效果，网页制作技能水平得到很大提高，都能够利用所学的知识与技能去制作和开发网站，较大地调动了学生的学习积极性，培养了创新思维、团结协作能力与动手操作能力。但改革还需不断深化，教师与学生还需不断努力，让实践来验证效果，实现师生双赢的美好明天。
参考文献：
第9篇：网页制作与设计课程范文
关键词： 电子商务 网页设计与制作 教学改革
随着高等职业教育改革形势的纵深发展，随着对教高16号文的深入学习，“基于工作过程的课程与课程开发”的理念逐渐为广大高职院校师生所接受，这也从侧面印证了该理念与高等职业教育方针的吻合。职业教育要能真正培养出技能型人才，必须按照技能型人才的成才规律来进行。因为知识和能力是由学生主动构建的，而不是由填鸭式教育从外部灌输到学生头脑中的。没有实际的工作活动，学生不可能真正获得对知识的理解和能力的掌握。所以，职业教育培养技能型人才，其核心是必须彻底破除目前高职教育本科化、理论繁琐的课程体系和教学内容，以及在课堂上以知识学习为中心的教学方式，使职业教育的课程在内容、结构、实施方式和实施环境四个方面反映技能型人才的知识和能力结构构建的要求。
一、现阶段电子商务专业网页设计与制作的缺憾
《网页设计与制作》是电子商务专业的一门核心课程，也是一项核心技能，还是一门综合性、交叉性课程。该课程的教学目的主要是让学生掌握构建电子商务网站的轮廓和前台模块，并为后续的网站建设专业课程打好基础。该项课程能很好地和学生的就业技能相结合，是体现电子商务学生动手能力和核心技术的重要途径，也是电子商务的核心课程。该课程教学不仅关系到学生对电子商务专业的理解与把握、后续专业课程的学习效果，更直接影响到学生毕业后从事电子商务实际操作的主要动手能力。
然而在现阶段的教学中普遍存在以下问题：首先，教师的课堂讲解无法激发学生的能动性和创造性；其次，实践教学的课时不足，该门课程实践性很强，过多依靠教师演示，将使学生实际掌握能力无法提高，难以解决实际问题；再则，传统的书面考核评价方式过于单一，无法全面了解到学生掌握技能的真实情况和学习热情；第四，现阶段的教学往往偏重于网页制作工具的介绍和各软件功能的讲解，忽略了网页设计与制作的本质，往往只注重教学生使用工具，而不是在实际工作环境中带着思考去使用；最后，学生学过该门课程后，还是不会设计与制作电子商务方面的网页，例如淘宝中的个人网店、个人博客的设计等。这样的学生毕业后，自然不会立即适应需要网页设计与制作技能的工作岗位，还需要用人单位的大量培训，或者根本没有机会获得相关的岗位，对自己和社会都造成了极大的浪费。这也是我们高职教育的失败。因此，为了提高电子商务《网页设计与制作》课程的教学实效性，必须对传统的教学模式包括教学内容、教学方式和考核评价等方式进行改革。
二、引进项目课程的意义
那么什么是项目课程呢？项目课程中的“项目”应该是学生按计划、运用已有的知识经验，通过自己的操作，在具体的情境中解决实际问题，可理解为一件产品的设计与制作，一个故障的排除，一项服务的提供等，最后能产生所对应的产品。而职业教育的项目课程应该是把企业生产、管理、经营、服务中的实际工作过程作为课程的核心，把典型的工作任务或工作项目作为课程的内容，并与职业资格标准特别是职业资格认证相衔接，由学生独立或以小组形式自主完成从信息收集、工作计划制定、工作任务实施、对工作成果的评价等完整的工作过程，学生在这一过程中获得综合职业知识和职业能力。
项目课程的整个体系和结构与我们传统学科课程模式的体系与结构截然不同。项目课程模式的基础体系是工作体系。工作体系来源于面向生活生产的一线，脱胎于基于职业岗位的工作任务的相关性，是紧密围绕职业技能的要求，完成所谓职业目标的，在实质上更是一个实践体系。项目课程的目标体系就是在完成工作任务的过程中让学生提高职业技能。这本身也是高职教育的基本导向，同时项目课程的职业技能培养不同于原有教学体系中单一、分割的各个技能。项目课程所要培养的是综合职业能力，它包括职业业务范围内的单项技能与知识、综合技能与知识；独立学习及获取新技能、新知识、新方法的能力；人际沟通、交往、合作等方面的态度和能力。同时，通过一个个工作任务的“项目”载体，以实际行动为过程，着重培养学生的理论联系实际的技术应用、合作学习、自我学习和方法创新的能力。
项目课程的运用，将使学生学习过程实践化、学习目标明确化、学习结果可测化。学生先通过工作任务书分析获得工作化的“学习任务”，然后通过组建工作项目来转换成学习内容。项目课程的学习过程是以行动为主的学生自我建构过程，学生在有目标的行动化学习中逐步熟练掌握实践知识、获取理论知识，并能通过工作成果激发成就感，提升学习兴趣，提高工作结果的主观愿望，真正变“要我学”为“我要学”。通过每个项目的结果实现学习结果的可测化。
项目课程的实施也能主动有效地推进教师进行教学改革，使教师面对整个知识体系和学生需求时能较好地解决为什么要选择这些知识，为什么要设置教这些内容，这些知识能让学生掌握什么技能，在工作岗位中能如何体现出来等问题。因此，项目课程的引入将能有效地培养高素质技能型人才，也符合高职教育人才培养规律。
引入项目课程的实施能充分反映学生胜任生产、管理、经营、服务实践活动的实际，能从根本上保证技能型人才培养的要求。这也就是要求将就业单位中的实际工作过程、工作任务和职业活动的真实场景引入到教学中来，并以学生胜任工作任务为核心形成学习项目或课题。这也是我们按照教高16号文进行教学改革，并将学生所需的职业能力提炼，进行组合和编排，构建项目课程的意义。
三、建立电子商务网页设计与制作项目课程标准的思路
对电子商务网页设计与制作进行项目课程改革，紧紧围绕着以教师为主导、学生为主体、就业为导向进行校企合作工学结合工作过程系统化项目课程改革，强化学生对岗位的适应能力，培养学生具有良好职业道德、过硬的岗位操作和管理能力、可持续发展能力，以满足当地经济社会和企业发展对人才的需要。体系改革的难点与重点不在于项目课程的理论，而是该课程课程标准的重构和建立。只要建好课程标准，那么也就有了整个课程改革的思路，教学大纲，各个工作任务、模块的划分，知识体系的分配，乃至教材的编写、教学环节的设计等也就有了明确的目标和参照。
本课程标准的总体设计思路：变三段式课程体系为任务引领型课程体系，打破传统的文化基础课、专业基础课、专业课的三段式课程设置模式，紧紧围绕完成工作任务的需要来选择课程内容；变知识学科本位为职业能力本位，打破传统的以“了解”、“掌握”为特征设定的学科型课程目标，从“任务与职业能力”分析出发，设定职业能力培养目标；变书本知识的传授为动手能力的培养，打破传统的知识传授方式，以“工作项目”为主线，创设工作情景，结合职业技能证书考证，培养学生的实践动手能力。以电子商务专业学生的就业为导向，根据行业专家对电子商务网页设计与制作所涵盖的岗位群进行的任务和职业能力分析。毕业生所适应的岗位主要有：企事业单位电子商务网络信息资源的收集、整理和，中小企业电子商务网页设计和网站建设，网络营销方案策划及实施，第三方及传统企业的电子商务客户服务等专业岗位的需求。可见，电子商务网页设计与制作是本专业培养的目标岗位之一。那么整个课程的工作体系也就要从这些职业技能群出发，寻找那些典型的工作任务过程。同时遵循高等职业院校学生的认知规律，紧密结合职业资格证书中的相关考核要求，确定本课程的工作模块和课程内容。为了充分体现任务引领、实践导向课程思想，本课程按照制作网站的基本开发流程即规划和准备阶段、基础网页制作、网页特效制作、网页图像动画处理等课程内容安排，选择具有代表性的范例为载体组织课程内容。通过任务引领型的项目活动，掌握电子商务网页设计与制作的技能和相关理论知识，对各类工作项目的任务过程有一个基本了解，主要培养学生能描述网站开发流程，规划版面，书写网站分析报告；能熟练使用Dreamweaver制作网站；能通过修改模版对已有网站进行二次开发；能使用Dreamweaver设计网页布局；能将脚本特效运用于所制作的网页上；能熟练掌握拍摄静物商品的照片；能把商品照片处理后运用于网页；能使用图形处理软件制作电子网务网站店标、活动广告、商品描述、网站按钮文字等；能使用Flash制作商品宣传动画等职业技能培养目标。
在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学，以工作任务引领提高学生学习。课堂教学通过校企两个课堂进行教学，并带领学生到企业进行参观；然后利用学校的仿真模拟实训室进行模拟实践；再利用校外实训基地进行实习；在此基础上进行顶岗实习；使学生掌握岗位职业技能、学会学习和学会工作的方法能力、培养学生的岗位职业道德和可持续发展能力；同时辅以社会实践、大赛，提高学生的发现问题、分析问题和解决问题的方法，通过网络平台使学生进行自主创新性学习。在教学过程中，要创设工作情景，同时应加大实践实操的容量，要紧密结合职业技能证书的考证，加强考证的实操项目的训练，在实践实操过程中，使学生掌握实践项目的操作流程，提高学生的岗位适应能力。教师示范和学生分组讨论、训练互动，学生提问与教师解答、指导有机结合，让学生在“教”与“学”过程中，会进行常用案例分析、机房独立制作完成。要重视本专业领域新技术、新特点的发展趋势，贴近实践操作。为学生提供职业生涯发展的空间，努力培养学生参与社会实践的创新精神和职业能力。
在教学评价时也要注意改革传统的学生评价手段和方法，采用阶段评价，过程性评价，现场评价与目标评价相结合，项目评价，理论与实践一体化评价等模式，关注评价的多元性，结合课堂提问、学生作业、平时测验、实验实训、技能竞赛及考试情况，综合评价学生的成绩。应注重学生动手能力和实践中分析问题、解决问题能力的考核，对在学习和应用上有创新的学生应予以特别鼓励，全面综合评价学生能力。
四、小结
现阶段大学生就业竞争空前激烈，以“就业为导向”的高职教育也面临较大的压力。项目课程改革将使高职学生能在校园与就业岗位之间的过渡尽可能少，能使学生熟练掌握电子商务网页设计与制作的职业技能，并获得进一步提升职业素质的方法，以增加就业机会。这也就是对高职电子商务《网页设计与制作》这门课程建设的肯定。
参考文献：
［1］蒋庆斌，徐国庆.基于工作任务的职业教育项目课程研究［J］.职业技术教育，2005，（22）.
［2］徐国庆.项目课程的基本理论［J］.职教论坛，2006，（04）.
［3］王伟，叶颖.项目课程的教学设计探讨［J］.中国现代教育装备，2007，（1）.
