网页设计与制作论文

　　1.引言

　　网页设计与制作是计算机应用专业的一门重要的必修课，是一门集知识性、艺术性、技能性和应用性于一体的课程，学生可通过本课程的学习，获得网站设计与开发的能力，并能熟练地进行网页的美化。本课程还有助于学生更深入学习计算机其他领域知识，培养职业技能，完善专业知识结构。对于大学生而言，在互联网技术发展和普及的时代背景下，浏览网站获得信息并不陌生。《网页设计与制作》这门课程因为面向应用、突出实践，广受学生欢迎。但是学生从前台浏览的身份突然跨越到后台进行操作实践，会存在理解和学习上的困难。比如教学时侧重对单个知识点的介绍，知识点之间的联系不多，学生对于“整体网站”的概念难以形成，往往知其表象而不知内涵，尤其在学习了各种网页美化软件后，不清楚如何将这些知识运用到实践中去；目前教学内容往往和企业的实际需要存在脱节，学生的作品自我色彩强烈而缺少实用性。针对以上存在的一些问题，本文基于计算机思维理论，对网页设计与制作课程在教学内容、教学环境和校企合作等方面的改革进行探索和实践。

　　2.基于计算思维能力培养的课程教学改革

　　计算思维是由美国著名计算机教育工作者周以真教授提出并定义的，计算思维是运用计算机科学的基础概念对问题进行求解、设计系统和对人类行为的理解等涵盖计算机科学之广度的一系列思维活动。对计算机课程的教学提出了更高的要求，不能只停留将计算机作为工具使用的狭义领域，而要着重对学生计算思维的培养，强调问题解决的操作过程和应用实践。因此在《网页设计与制作》课程的教学过程中，我们的.重点不应该仅仅是教授学生使用网页设计工具，而更应将提出问题、解决问题等思维能力培养贯穿于整个教学过程中。笔者从教学内容、教学环境、校企合作三方面进行探讨。

　　1.教学现状分析

　　1.1教学内容陈旧，难以引起学生的兴趣

　　很多教材都是先介绍理论然后配以实践，按部就班，虽然可以满足教学的基本需要，但是选取的实例内容陈旧，难以激发学生的热情，学生提不起学习的兴趣。另外，计算机软件更新迅速，往往学的是一个版本，市场上流行的又是另一个版本，跟不上市场发展的节奏。

　　1.2学生缺乏团队合作意识

　　现在大多数学生都是独生子女，习惯以个体为中心，合作和分享意识差。实践课虽然已分组，但是遇到问题不沟通，不讨论，整个小组中经常只有一两名同学切实的完成任务，其余同学观望或不配合，分工协作能力较差。

　　1.3考核方式单一

　　对于《网页设计与制作》这类实践性强的课程，以往的卷面或小作业的方式显然达不到考核的目标要求。发掘并创新多样式的考核方式，着重考核学生的实践动手能力和创新能力才能满足社会的需求。

　　2.以赛促学教学改革

　　2.1改革教学方法，采用项目教学法

　　项目教学法是以现实中的项目为主线，教师对项目进行选择和修改，以贴近学生生活为佳，并在多媒体教室演示项目中的部分实例。然后将学生分成若干小组，以小组为单位围绕项目探讨合作学习。最后以小组共同完成项目的实际情况来评价学生是否达到课程教学目标的一种教学方式。教师选取项目的依据主要是课程教学大纲，项目内容需涵盖课程的基本知识点，难度最好由浅入深，符合学生学习的认知规律。这样才能调动学生解决问题的积极性，否则学生会产生畏难情绪。实际教学过程中将几个典型的大型项目贯穿整个教学，如旅游网站、购物网站等。然后将大项目分解为若干个子项目，降低学习的.难度，让小组成员采用分工合作的方式完成整个项目。此方法不仅能够培养学生的实践能力、协调能力和创新能力，还能开拓他们的思维，提高他们的自信心和成就感，是一种更适合高职教育的先进的教学模式。

　　摘要：分析了传统教学模式与培养应用型人才模式对网页设计与制作的教学改革的影响，提出为培养应用型人才的改革方向，并以两个专业、四个班的学生做为实验样本，对本年度教学内容做出了一些改革，得出了在培养应用型人才时该课程内容的改革方案和注意事项，指出为培养服务地方应用型人才，网页设计与制作的课程改革势在必行。

　　关键词：传统教学；学即能用；CSS

　　互联移动终端的大面积推广，使得掌握网页制作技术的人才在各个行业里都成为必不可少的需求；同时，地方普通高校为社会服务的使命感在不断增强，如何培养出“学即能用”的人才，使之在短时间内掌握主流的网页设计技术，提高站点访问量，是这门课程课堂教学效果进步的体现。

　　一、技术背景与课堂教学要求

　　（一）Internet发展历程

　　Internet经历了从Web1.0到Web3.0的迅猛发展。Web1.0是静止、单向、被动的；Web2.0则为用户开设了主动权，使得用户和网站可行双向信息互动；Web3.0提升了用户的主动权，用户可对页面的多种元素（显示、色彩、像素、框架等）按需设置，订制专属的功能模块，整合数据资源，适用于电脑、手机、PDA等多终端平台定制。

　　（二）传统的网页设计与制作课程内容

　　一般情况下，高校开设的网页设计课程从教学内容上可划分为两大块：1.相关知识介绍。网站的概念、基本元素及页面等相关知识的介绍。2.应用软件的使用。介绍使用最多的Dreamweaver系列网页制作工具，使学生掌握布局（表格、层、框架、模板等）、超级链接、表单和几种特效。随着互联网的全面推广和“学即能用”的需求，以上内容已不能满足互联网时代与时俱进的特点。最关键的问题在于：课堂学到的知识是否马上就能得到应用，是否与目前社会上专业的网页制作公司的技术规格保持一致。因此，本门课程的改革势在必行。

　　[摘要]网页设计与制作课程教学能锻炼高职学生的创造思维，提高动手能力，是非常重要的一门课程。本文结合高职网页设计与制作的教学现状及教学要求，提出课程改革的几点对策，希望对提高该课程的教学有效性有所帮助。

　　[关键词]高职教学；网页设计与制作；课程改革

　　在高职院校教育中，网页设计与制作是计算机专业的重要课程，并且在非计算机专业也是重要的选修课程；在当今社会，计算机的应用越来越普及，与人们的生活、工作密切相关，因此网页设计与制作课程的重要性得到教师与学生的普遍认可。在新形势下，高职计算机教学工作应更好地适应社会发展需求，加快改革步伐，提高教学的实效性。以下将提出几点高职网页设计与制作课程改革的具体措施。

　　1创新计算机教学的内容

　　计算机技术的发展与变化非常迅速，如果教学不能做到与时俱进，当学生毕业参加工作后，在校期间所学的知识已经过时，失去了学习的意义。因此，在网页设计与制作教学中，教师应根据实际情况调整教学计划和教学内容，删减已经落后的知识内容，添加前沿知识。同时，教师要多关注社会变化与市场走向，培养的学生既要具备夯实的理论基础，也要具备丰富的实践经验。例如，根据网页设计与制作课程的教学目标，围绕“Dreamweaver”讲解相关的基础知识，并且培养学生理论与实践相结合的意识，给学生更多动手操作的机会。

　　2提高课程体系的实践性

　　高等职业学校的根本教育目标就是培养实用型人才，因此网页设计与制作课程改革要设计合理的课程体系，以培养更多的实用型人才。首先，课程体系建设要紧密围绕职业岗位的用人需求，着重开展实践教学，培养学生的实践运用能力；其次，由于计算机技术的类别较多、变化较快，因此教师在夯实学生基础知识的前提下，还要多引入拓展性教学内容，激发学生的拓展能力和创新能力，为学生的未来发展与就业做好准备。例如，在网页设计与制作课程的实践教学中，教师可多引入一些真题模拟练习，以某个公司企业的实际情况为案例进行题目设计，学生可以结合自己掌握的`知识以及感兴趣的内容选择课题；也可邀请相关公司的工作人员实际安排任务，让学生真题真做，根据设计要求及设计步骤完成开发过程，这样在学生实际操作过程中，不仅能巩固所学的知识内容，客观认知自身的优势和不足，也能明确学习目标、制定学习计划，以此提高学习主动性与积极性，激发学习动力；学生只有将课堂学到的知识内容进行综合运用，才能真正适应未来就业与岗位需求，成为社会所需的人才；再有，教师设计的课堂教学内容要与高职学生的实际生活体验相贴近，不断调整和改进实践教学的内容与形式，保持课堂教学的新鲜感，调动学生的学习兴趣并提高教学质量。

　　摘要：《网页设计与制作》是一门实践性、操作性、综合性很强的课程,对学生动手能力的要求很高。为了提高《网页设计与制作》课程的教学效果，必须不断改革与充实教学内容，注重突出人才培养的实践性、应用性。改革教学方法，培养学生的实际动手能力，使学生能够运用所学的知识进行网页设计。

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

　　1 明确课程特点，把握教学目标

　　在网络技术迅速发展的今天,网页制作已成为当今社会上一种比较热门的技术。《网页设计与制作》是职业院校计算机专业的专业基础课,与传统的其他学科相比具有鲜明的自身特点：1)具有很强的操作性和综合实践性,特别强调学生的操作能力和学以致用的综合实践能力。2)理论教学服务于实践教学，实践教学反过来又作用于理论教学，任何一个细节都是为整体服务的，在教学过程中常有学生反映，上课能看懂、理解，但课后什么都忘了，做实验的时候还得翻开书一步步照着做，这也就是本课程的一大特点：易学易忘。

　　为了提高《网页设计与制作》课程的教学质量，笔者不断地从教学内容、教学方法、实验环节等多方面对本课程进行了积极的创新。在此基础上总结出一些实际教学经验与体会，与大家一起探讨。

　　2 激发学生探究热情，以学生为主导，采用适当的教学方法

　　《网页设计与制作》是综合实践性很强的'课程，无论是网页界面设计、网页编程、网页艺术欣赏的教学，要让学生成为教与学的主要部分，把“要我学”变“我要学”，课堂上给与学生充足的思考，激发学生探究热情，让学生变被动学习为主动学习，从而成为教与学的主体。

　　一、双项目双中心教学模式

　　在课程教学时，以整个课程学习为基础单位（这里为一学期），在课程教学的前期，以教师的“教学项目”为中心驱动教学，在课程教学中后期，以学生自拟的“主题项目”为中心驱动学习，这种项目中心地位交换、多元立体化教与学的方法称为“双项目双中心教学模式”。

　　（一）模式构建的基础

　　“项目驱动教学法”的理念来源于建构主义学习理论。该理论关注学习者知识和能力的自我生长，教师通过创设“情境”等手段，帮助学生实现“意义建构”，是目前许多高等院校在实操性强、应用性强、非基础理论类的课程上常用的教学法之一。这种教学法是以项目开发为主的教学方法，是由教师指导学生以一个完整的案例项目为中心展开的教学活动。在教学过程中，教师刻意把大纲知识点融入到项目的各个环节中，随着授课的进度项目也就随之完成。其优势在于促使学生对知识点间的相互关系及项目的整体解决方案形成清晰的认识，有利于所学知识的实际转化应用。

　　为了使这种教学模式更利于高职院校学生的学习，在原教学模式上增加另一个项目中心：以学生自定的“主题项目”为中心——此项目中心的增设是为了更好地管理学生课堂实验和课后实操任务完成的情况，以避免学生到课后盲目性大，期末无法完成预先制定的目标和任务，达不到预期教学效果。

　　（二）模式构建的方式

　　这种教学模式教师以课堂“教学项目”为中心引导教学，在课堂实验和课后以学生自定的“主题项目”为中心开展辅助教学。考虑到“网页设计与制作”的教学目标、课程特性以及实际教学的需求，以“项目驱动教学模式”作为主体结构，关注“学习环境四要素”对学习的影响，借鉴“支架式教学”、“抛锚式教学”等核心环节理念，采用多元量化方式评价学生学习以及教学设计中注重学生在学习过程的认知规律，通过一线教学实践中不断的试验、修正。

　　二十一世纪是信息化的时代，通过互联网，就能达到足不出户便可了解世界的目的。为了加深对互联网的了解，《网页设计与制作》这门课的出现就成为了必然。

　　1《网页设计与制作》现状问题分析

　　（1）对课程不了解

　　很多学生都有这个困惑，这门课能干什么？答案就是--开发网站！简单的来说，学好了这门课，你就有开发、设计网站的能力。

　　这门课包含了静态网页制作、动态网页制作、Photoshop、数据库以及程序的开发等。通过程序代码将网页与数据库连接，可以实现信息的实时更新。使你的网站成为一个“有生命”的网站。通过DIV层、框架、flash、样式表等对网页进行布局和规划,再加上像JavaScript这种脚本语言来实现用户与网页的互动功能，经过这些专业技能的学习，让学生真正掌握一种技术。

　　（2）学校以及教师的指导不够

　　很多老师通过上理论课的时候将知识授予学生，并未在做后续的指导，这是一门重在实践的课程，多实践才能熟练。学校开展相关专业的比赛活动很少，仅凭平常的上机实践很难完全掌握所学内容。

　　（3）侧重点不明确

　　很多学校教师在上这门课时，将很大一部分精力放在了对工具的操作上，而忽略了内容的讲解，这就导致学生可能工具用的不错，但是做出来的东西却很一般，甚至于连一些基本的功能都不能实现。有的学生不太明白这门课程的含义，不知道学这个有什么用，将来能干什么，态度比较犹豫，这也导致对这门课不重视。

　　2解决当前问题的方法

　　1翻转课堂概述

　　1．1内涵理解

　　翻转课堂的内涵为，在信息技术的基础上，将传统的课堂教学和课外学习的过程进行转换的一种新型的教学模式，又叫做颠倒课堂。在这种教学模式下，教师要将原本的课堂教学内容和学习资料以视频的方式展开，学生则需要在课下提前观看视频，然后在课堂上共同交流，讨论并解决之前学习过程中遇到的问题。

　　1．2应用优势

　　通过和传统教学模式的比较，我们可以对翻转课堂的应用优势进行如下归纳:第一，翻转学习方式。在翻转课堂中，学生可以从被动学习转变为主动学习。因为课程内容以视频的方式呈现，可以永久性保存，便于学生随时观看。这样部分基础较差的学生可以结合自身的实际情况进行反复学习，获得教师的个别指导，能满足个性化教学的需求。另外，通过课前学习、课堂讨论和课后复习的过程，还能对教学的内容进行整合，提高课堂教学的效率。第二，翻转课堂活动。在翻转课堂中，学生在课下就可以初步完成知识的学习，节省了课堂讲解的时间，教师和学生有充足的时间开展讨论、实验探究、互动交流等对知识的内化活动，对课下学习中的问题进行解答和指导，增加课堂教学的活跃程度，有助于激发学生的学习兴趣。第三，转换师生角色。在翻转课堂中，充分体现了学生在学习活动中的主体地位，他们能够根据自己的实际情况，自由选择教学资源。同时，在课堂讨论中，不再是由教师主导，而是根据学生感兴趣的问题进行针对性的指导教学，符合因材施教的要求。