网页设计与制作范文

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

【关键词】研究性教学；网页设计与制作；人才培养

中图分类号：G420

所谓研究性教学，是指确立以探究和创新为核心的教育理念，更新教育教学观念，着眼于培养学生的探索精神和创造性，构建以培养学生的创新精神和创新能力为基本价值取向的教学内容和教学方法体系，着力解决教师研究性"教"和学生研究性"学"的问题，培养具有创新意识和创新能力的高素质人才，发挥学生在学习过程中的主动性和积极性，使之成为我国经济社会发展需要的具有较高素质和较强能力的易就业人才。

一、课程研究性教学的目的和意义

《网页设计与制作》课程研究性教学的实践性探索旨在通过对网页设计与制作职业岗位群的分析，充分了解市场对本专业学生知识、能力、素质的要求，确定切合市场、科学合理的模块化课程体系，选用适当的教学手段和方式，有效地促进教学质量的提高，提高学生的专业技能和就业机率，最终实现专业培养目标。

二、课程研究性教学的理论依据

1、现代学生观

2、多元智力理论

3、建构主义学习理论

4、发展性教学评价理论

三、课程研究性教学的实践过程

1、网页设计与制作岗位需求分析

通过广东省大中专毕业生就业指导中心网站、智联招聘、中华英才等专业招聘网站对广州、北京、上海、哈尔滨、南京、天津、武汉、深圳、沈阳、杭州、西安等大中型城市的人才招聘信息进行分析统计，确定与高职《网页设计与制作》课程相关的职业岗位主要有：网页设计、网页设计与制作、网页美工、网页制作、网站管理、界面设计、网页编辑、网站运营，在这些岗位需求中，选取了800个岗位进行分析，如表1所示。

2、根据岗位需求分析，构建新型课程体系

（1）本课程在计算机类专业课程体系结构中的位置

本课程在计算机类专业课程体系中处于一个非常重要的位置，《计算机应用基础》、《数据库应用技术》、《VB/C语言程序设计》作为其先导课，为其提供必要的知识准备，比如设计平台的熟悉、数据库设计方法的掌握以及程序代码的设计规范等等，而《网页设计与制作》课程又为其后续课程《Web程序设计》、《网站建设与维护》、《软件工程》等课程提供有力的支持，比如管理信息系统开发过程中对于开发界面的设计、学习JSP、ASP/、PHP等开发工具中对于HTML代码的熟悉掌握等等。总之，本课程的学习有助于学生深入学习计算机类相关专业其他知识和提高职业技能，完善学生的专业知识结构，提升学生从事实际工作的综合素质。

（2）课程体系结构内容

从内容结构体系来说，《网页设计与制作》课程包括了五大部分，分别是：网页设计基础知识、网页编程语言、网页设计工具（包括Dreamweaver部分、Fireworks部分、Flash部分）、动态网页介绍、综合实践（实训），它是一门技能整合的课程。

3、《网页设计与制作》课程设计

（1）设计理念

1）突出专业课程的职业性、实践性和开放性。

2）学以致用。

3）学生是学习主体，鼓励学生职业能力发展，加强创新能力和意识培养的理念。

（2）设计思路

以校企合作为切入点，以培养职业能力为核心，以项目教学为主要手段，积极探索教学方法与成绩评价方法的创新，保证课程目标的实现。

4、教学内容的重构

（1）教学内容的针对性与适用性

《网页设计与制作》是我院计算机网络技术专业的核心课程，同时还是计算机类其它专业、艺术设计类以及电子商务类专业学生的必修课。结合职业需求，我们所确定的教学内容在针对性和适用性方面具有如下特征：

1）教学内容的设置，满足职业能力培养的需要

通过大量的社会调研，分析了网页设计人才应具备的职业能力素养，从而选取合理的教学内容。内容的选取着重培养学生具备以下能力：

①网页的赏析能力

②网页布局的设计能力

③网页色彩运用的能力

④网页的编程能力

⑤常见网页设计工具和图形图像处理软件的运用能力

⑥网站建设和网页的能力

⑦项目开发中的协作能力和人际沟通能力

2）基于工作过程的模块化教学内容的设计

针对职业能力的培养要求，采取基于工作过程的模块化教学，按照网页设计制作实际流程来安排教学内容。

5、教学方法与手段的创新

（1）教学模式的设计与创新

《网页设计与制作》课程是计算机类专业学生的核心课程。为了让学生更好地掌握网页设计的方法和技巧，提高学生的动手能力，借助多媒体手段、电子教室、教学网站、电子邮箱和QQ流等手段，在教学方法上进行了一系列的改革举措：

1）课程内容模块化，化解难点，循序渐进

2）精心准备案例项目，从宏观上进行教学设计

3）微观教学采用"四阶段教学法"，将"教、学、做"融为一体。

4）注重师生互动，营造课堂气氛

5）充分利用现代化教学手段，提高教学效果

6）举办学生作品大赛，展示成果、促进交流

（2）多种教学方法的灵活运用

1）多媒体教学

2）"理论+实践"教学模式

6、建立以应用为导向的考核方式

打破传统的考核模式，建立新的、开放式的全程考核模式。根据本课程的特点，提出并逐步实行以项目系统考核为主线的考"应用"不考"理论"模式，同时也鼓励学生以证代考。成绩评定：

（1）期末综合作品和网页制作水平占50%

（2）平时作业、学习态度、出勤等占30%

（3）阶段性实训作品占20%

五、教学效果

1、学生对专业的学习兴趣明显提高，原来消极学习的学生现在也变成了"好学分子"。

2、　研究性教学的实践性探索的开展，使教师有机会和条件将理论和实践教学两种教学能力结合起来进行系统深入的研究，使理论教学和实践教学两种教学能力在有机结合中得到相互促进、相互提高，受到了学生的普遍欢迎和认可，教师教学的主体地位得到了强化。

3、学生考证通过率显著提高。

【参考文献】：

[1]夏锦文程晓樵《研究性教学的理论内涵与实践要求》《中国大学教育》2009年12期

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

关键词 网页制作 技巧 解决方案

中图分类号：TP393.092 文献标识码：A

1设计原则

1.1表格的定位功能

网页制作中表格的运用很重要，它的作用除了表格本身具有的统计处理数据的功能之外，还可以对所制作的网页页面中的设计元素进行定位。网页中的文本位置、图像位置，可以通过表格来准确控制，而且还能消除诸多网页元素之间的干扰，这样设计出的网页更加紧凑。

（1）网页制作使用表格时，要避免这样的设计行为：使用一张表格，然后将所有网页设计都放在这个表格中。因为HTML在被浏览器解码时是按照一定的次序进行的，浏览器解释和显示的顺序都是自上而下的，但是如果有表格在网页中，浏览器是将表格中所嵌套的全部内容都读取出来之后，再显示结果页面。一般的网页可能感受不到浏览器的这种工作顺序，如果网页中信息量大，浏览网页的人浏览速度慢，浏览器这种工作顺序就能表现出来。遇到这种网页，浏览器在读取了表格中全部内容之后，才为浏览者提供解释结果，在这之前显示的是空白。

（2）在进行网页设计时，利用表格定好需要的位置，在页面视图下都是正常的，但是用浏览器浏览该网页时就会出现部分设计对象位置混乱。这是由于表格宽度的设计出了问题，有两种设置该宽度的方法，一种是利用百分比的方法，另一种是利用像素的方法，比如，利用百分比的方法，会有多种分辨率多种页面设计结果出现，但是采用后者的方法，就不会出现这种问题。

1.2文件的命名

网页制作的过程中，有时会出现如下这些问题：在设计时插入进去的图片，预览时显示不出来、已经设计安排好的链接用不了等等情况。通过对问题的分析，发现问题出在了文件的命名上（用中文进行命名）。设计制作者为了在设计之后能够便于自己查找调用，会在设计时对一些文件命以中文名，这就导致预览时无法显示图片，只要将中文名换成英文就可以正常运行。为了解决记忆和查找文件的问题，可以用英文单词或者汉语拼音有针对性的命名。

1.3图像的无缝拼接

网页中图像的应用是很有必要的，图像可以使网页更加美观。图像的格式有许多，GIF、JPG、PNG这三种图像格式在网页设计和制作的时候比较常见。网页的下载速度受图像大小的影响很大，所以有必要在将图片插入到网页之前处理图片，比如利用PhotoShop软件，只要能够保证图像在网页中显示效果不受应影响即可。如果在设计网页时，要用到大图片，设计制作的时候可以用无缝拼接技术，该技术在图像处理软件中可以实现，先将要用到的大图片处理成数个小图片，将这些小图片按照一定规则嵌套到网页中，组成大图片，拼出的大图在现实效果上与完整的原图基本上没有差别，拼接痕迹也不会被察觉。在拼接小图片的过程中，利用好表格，在表格的单元格中依次放置小图片，再将表格的间距设为零，去掉表格边框，设置好单元格的参数后，再手动微调，这样拼接好的图片就看不出拼接痕迹。这样的操作过程可能略显麻烦，但是却能保证大图显示效果的前提下又不影响网页下载速度。

1.4个人站点中导航按钮的设计

设计制作网页时，加入导航按钮，可以利用Photoshop或者Flash进行制作。设计者只有具备很好的图像、动画处理软件基础，才能掌握住这种创新性的方法，自己根据想达到的效果设计导航按钮，能够设计的创意。

2制作技巧

网站的页面中包含：作为网站门面的首页、支撑起网站结构的框架页面，网站的内容表达主体普通页面、网站中的用来显示广告、链接和推送消息之类的弹出页。

比如设计首页时，有两种形式的设计可以作为网站首页，一种是形象展示型，这种方式的设计主要在布局和造型上，加了艺术化的处理，结合公司的形象与公司的服务理念，提供有相关性的图像与文字，这样设计出的画面才有生机和活力，在这样网页中，给浏览者提供最直观的公司形象，吸引浏览者的注意力。还有一种首页设计形式是信息罗列型，这种形式主要用于大中型企业网站，有很多条目和分类。

保持一致的网页设计风格。网站营销的诸多影响因素中，网页风格的一致性是不可忽视的重要方面。统一网站风格的方法有很多，网站结构就是其中一种，比如，网站布局、内容排版、图标大小、图片位置等等。在统一网页风格时，需要设计者特别关注的是网站中具有代表性的典型元素要保持一致，比如网站背景logo 、公司名称字体、网站中图片格调等等。

色彩搭配。页面的色彩搭配是与网站的主题分不开的，在色彩搭配上，一般来说，页面的主体文字应尽量使用黑色与背景对比明显，按钮、边框、背景等使用彩色。色彩的应用最好根据网站主题风格选定一种基调，再根据这个基调来搭配其它颜色。一般来讲，绿色配以金黄、淡白，可以产生优雅、舒适的气氛；蓝色与白色混合，能给人柔顺、淡雅、浪漫的感觉，红色和黄色、金色搭配能渲染喜庆的气氛而金色和咖啡色搭配则会给人带来暖意。整个页面在视觉上应是一个整体，以达到和谐、悦目的最佳视觉效果。

3结束语

网页制作中有很多的技巧，只有在不断的实践中才会总结出更多更好的制作网页的方法，在知道了一些技巧之后一定要付诸实践，这样才能更好地掌握，把别人的知识变成自己的知识。

参考文献

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

1.1用户登录与注册

首先,在系统功能设计中一般使用B/S结构,也就是浏览器/服务器结构,在网络环境下,将各种功能模块组合起来。用户登录和注册是网站功能中最为基本的一个模块,按照一定的分类标准设置用户权限,如管理员权限、注册用户权限和匿名登录用户权限,不同权限的用户可以访问不同的内容。用户登录的身份验证采用用户名和密码的形式,为了方便管理,用户名可以统一设置,如将学生的学号设置为用户名,密码由用户自行更改。管理员权限主要是由网站的管理人员使用,对网站信息进行删除、编辑和更改,并且对登录用户的身份、数量进行管理。注册用户可以浏览、下载网站中的绝大多数资源内容,而匿名用户只能浏览网站的基本公式信息。

1.2网站信息公布

网站信息公布是校园网站的一个重要功能,可以用来公示重大校园动态、课程信息、学生信息变动等等,所公布的信息来源于相关的校园管理部门,如教学部门、宣传部门、学生管理部门等等。同时,一些与学生密切相关的信息,在公布中可以设置提醒功能,例如当学生登录网站后,以私信或者自动弹出窗口的形式提示学生应当注意的信息。或者在学生个人信息管理模块中,设置专门的应当注意信息模块,提醒学生应当注意的一些变动信息,特别是课程信息、个人信息变动、教务信息等等。

1.3资源共享资源共享

主要是为学生提供一个良好的学习环境,提供学生自学资源支持,在网页设计与制作类专题学习网站构建中,主要的教学资源有文字资源、图片资源、视频资源等等。同时,在资源共享中,为了提高学习资源的利用效率,利用站内搜索技术构建资源查询平台,便于用户搜索所需资源。将各种学习资源进行分类,可以按照资源属性,如文档类资源、图片类资源、视频类资源等等,或者按照教学内容进行分类。站内资源还可以为学生提供一些优秀的设计方案成果,将这些成果的网页设计与制作方案。资源共享功能模块设计需要针对网站功能特点和用户使用情况进行相应的资源优化,例如针对不同学习基础的用户提供不同层次的学习资源等等。

1.4站外资源链接

在网页设计与制作类专题学习网站功设计中,站外资源是一个重要的学习资源补充途径,用户在使用站内资源时,也需要进行相关的站外资源拓展,当前使用较为广泛的方式便是站外资源链接。站外资源链接也分为外部链接和内部链接两种,外部链接同用户直接通过外网链接外站的访问权限一样,都为匿名浏览模式。而在一些提供资源下载的外部网站链接时,可以通过内部链接的方式为用户提供注册用户访问权限,例如访问一些文献资料数据库。通过购买这些数据库的访问权限,使得用户可以通过内部链接搜索和下载相关的文献资料。在站外资源连接时,应当对不同的外站资源情况进行调查和分类,按照一定的类别,例如文献资料类网站、网页设计成果类网站、相关软件下载类网站等等。

2基于PHP和MySQL技术网页设计与制作类专题学习网站的实现

2.1数据库管理实现

基于MySQL技术的数据库管理功能实现,应当针对网站数据的储存和使用特点,应当确保数据库的正确性、融合性、有效性等等,优化数据库检索技术,提高数据检索效率,数据库结构设计的合理性会直接关系到网站构建的整体质量。在数据库中将各种不同类型的数据资源按照一定的类别进行分类处理和储存,同时将各种文档信息添加日期、作者、预览内容等信息,主要的数据操作功能有编辑、录入、存储、删除、复制等等。再有,应当保证数据库的完整性和适时性,及时进行数据更新,数据存储要严格遵守相应的规定,定期进行数据备份,一般数据库的管理权限为网站管理人员。

2.2信息管理功能

实现信息管理功能主要是实现网站基本的信息公布、信息删除和修改、重大信息警示等等,同时还包括用户个人信息的录入、修改等等。信息管理权限由两部分组成,分别是网站管理人员的信息管理功能权限和访问者的信息管理功能权限。信息管理人员所主要管理的信息为网站公布信息和一些动态资源信息,而访问者所使用的信息管理功能为个人信息管理和个人资源信息管理。例如访问者在利用网站资源进行学习时,需要更改个人资源数据库,不定时的删除资源和添加新资源,构建成个人知识管理系统。而网站管理人员,在使用信息管理功能时,也应当针对不同信息的特点,在相应的信息公示板块进行信息公布。

2.3资源共享功能

实现资源共享功能主要包括两部分,分别是站内资源共享和站外资源共享,站内资源包括管理人员录入的校园资源数据库和师生上传的相关资源等等,站外资源则主要是针对相应的教学内容,选择的一些专题网站。在资源共享功能实现中,应当提高资源使用效率,借助站内搜索技术和互联网搜索引擎技术,为学生提供完善的资源环境。同时,资源共享本身也是一个持续性的过程,管理人员应当长时期的进行资源引进和更新。

3结语

基于PHP和MySQL构建网页设计与制作专题类学习网站,应当详尽分析网站的需求,包括功能需求、硬件需求、系统需求等等,在分析需求的基础上,进行相应的功能模块设计和优化。主要的功能模块有用户登录和注册功能模块、网站信息公布模块、资源共享模块、外部资源链接模块等等。并且对数据库结构进行优化,选择适宜的搜索引擎技术,完善信息管理功能,加强内部资源和外部资源的共享。相关网站管理人员,也应当建立起完善的网站维护体系,保证网站的稳定、高效运行。

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

项目一：个人网站的设计与制作。随着网络技术的不断发展，个人网站已成为人们展示自己的一种手段。本项目将通过制作一个简单的“鸿澜”个人网站，从任务资讯、任务决策与计划、任务实施、任务检查与评估和练习与提高五个方面进行描述，了解个人网站规划与设计的基本原则和主要内容，熟悉网站建设的基本流程，掌握Dreamweaver的基本操作和表格布局排版技术，认识HTML语言的基本结构和常用标记符<table>、<img>、<font>、<p>、<br>等使用方法，培养学生团队合作和独立思考的意识，养成良好的职业素养，为制作更加复杂的网站做好知识准备。项目二：电子商务类网站的设计与制作。21世纪以来，电子商务伴随着IT的成熟，逐渐发展壮大，成为网络经济的核心。企业通过电子商务网站实现了宣传公司形象、企业动态、产品展示、网上订单、网上交易等功能，与客户间的距离进一步贴近。本项目通过完成整个电子商务网站的设计与制作，相关内容层层展开，在学生头脑中形成“如何搭建整体网站”的概念。项目三：中小企业网站的设计与制作。作为企业类网站，主要实现的功能首先是具有较强的盈利能力。其次网站是企业树立形象和展现文化的重要窗口，是为顾客提供服务的一个工具，是企业整体营销战略的一部分。常见功能有企业信息、新闻中心、产品展厅、人力资源、会员中心、留言反馈等。本项目通过某一中小企业类网站的整体设计，培养学生在学习过程中发现问题、解决问题的能力，提高学习的主观能动性。项目四：主题网站的设计与制作。本项目给出网站设计与制作的如下要点：（1）建立网站站点；（2）建立网站页面（首页为：index.html），页面元素完整；（3）应用表格或者div、css布局页面；（4）在页面中插入文字，并用css美化文字大小、字体、颜色等效果；（5）在页面中添加超级链接，并用css美化超级链接；（6）建立模板，并制作其他页面；（7）至少完成8个及以上页面，页面标题栏、状态栏、版权等信息齐全；（8）页面中超级链接如没有链接页面以空链接（#）代替。学生根据以上设计要求，结合所学内容，从旅游类网站、时尚类网站、教育类网站、门户类网站等几个大类中选择某一项进行设计制作。教师将根据学生完成情况的复杂程度和实际效果给予评价，锻炼了学生的实践动手能力，增强了自信心和学习兴趣。

二、教学素材的选用方法

教学素材是以完成课堂教学任务为目的，以教师引导学生开展课堂活动的形式呈现的教学材料。1.合理性。以个人网站设计来说，文本的制作上讲求清晰、明了、突显个性化，Logo和导航的字体、字号设计可以依个人的喜好采取不规则式，选择跳跃感强的色彩。在图像的选取上也是以色彩丰富、形状多样的图案为主。2.整体性。选用的教学素材要能够自然、贴切地把各个知识点整合在一起，教学素材要服务于教学目标，要突出教学的重点。电子商务类网站以从事电子商务为主，对安全、稳定等性能要求较高，比较考验网站中运行的程序。在知识点上以表格嵌套、模版运用、脚本语言和行为语句为重点进行讲解。3.现实性和针对性。课堂教学中选取的素材要符合学生的认知水平和实际生活，教师可以从具体教学对象的特殊性出发，根据教学对象因人、因地、因时选材，为他们“量身定制”针对性较强的教学素材，如在教授电子商务专业学生时，素材的选取多以电子商务平台或某一个人网店为主，以便引导学生从自己熟悉的教学素材中直观体验获取知识、提高能力的喜悦。

三、教学模式在教材中的运用

在《网页设计与制作》校本教材的开发上主要采用“基于过程的项目式教学法”。即“在引导学习者融入有意义的项目完成的过程之中，让学习者积极地探究与发现，自主地进行知识的整合与建构，以现实的、学生生成的新知识和提高的完成项目任务的能力为主要成就目标，项目完成的过程也是学习者学习活动进行的过程”。为此，以项目作品开发为主线，把教材中的范例网站分解成若干个子任务，将课程标准中的图像处理、动画制作、音视频处理、网页页面设计制作、站点维护等多方面的知识点融入其中，在整个课堂教学实施中，教师根据网站设计开发的实际工作顺序安排，以作品演示的方式从头至尾带领学生操作，让其感受网站从无到有一步步制作的全过程，有助于提高学生的学习兴趣，培养其创新设计能力。

四、结语

笔者认为，一本好的教材应具备合理的章节顺序，精练、准确的理论描述，必要的理论实现步骤和贴合学生实际、具有一定扩展性的实例，以及最后的综合性练习章节，并且在教材中最好还要加上行业规范和相关的职业岗位及要求。这样，使用这些教材的学生才能更好地明确自己的学习目标和学习要求，将来才能适应社会的需要。

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

关键词：网络课程；学习环境；信息资源；教学策略；教学设计

中图分类号：G462文献标识码：A文章编号：1007-9599 (2012) 03-0000-02

Web Design and Production Curriculum Development and Practice

Tang Huai

(Zhaoqing Business and Technology College,Zhaoqing526040,China)

Abstract:Web design and production of network programs compared to traditional courses in educational philosophy,educational models,teach-

ing strategies,learning and evaluation aspects of change,breaking the constraints of time of teaching and learning,provides a good learning resources,learning environment,and convenient learning.This article focuses on the learning environment of the online courses to build analysis and discussion and teaching strategies and evaluation systems design.

Keywords:Network courses;Learning environment;Information resources;Teaching strategies;Instructional design

一、引言

《网页设计与制作》是我院计算机各专业及电子商务类专业的必修课程，自开设以来深受学生的喜爱。因本课程教学内容及教学资源较多，学生很难在课程中完全掌握所学知识，为更好地补充和辅助学生进行课外学习，更加开放的网络教学成为本课程的有益补充和良好的学习途径。

二、课程分析与设计

《网页设计与制作》课程是高职高专计算机专业的一门技能课程，结合职位岗位对人才的需求，我们收集了网页设计、平面设计、动画设计、动态网页开发等课程的相关知识，对本课程的教学内容、知识结构、信息资源的选取、教学策略的使用进行了精心的策划和设计。我们将学生熟练的网页设计与开发的操作技能作为培养重点，在课程教学设计中，以“高素质、技能型”人才为培养目标，采取“小组协作学习”的学习方式完成整个课程的教学，并注重对小组的考核评价。

（一）学习需求分析

对于高职高专的学生，学习的主动性和积极性不够强，但对于操作性比较强的课程，往往有强烈的学习愿望，针对学生的特点，并根据《网页设计与制作》这门课程的性质特征，在教学中我们主要采用任务驱动的教学方法，实施项目教学，让学生的学习和工作的内容紧密相联，这样不仅能够吸引学生的注意力，并且能够提高学生的学习兴趣，同时达到“工学结合”的教学理念。

（二）学习内容分析

我们分析了多门与网页设计与制作相关的教材，从课程的实际应用与培养需求出发，对教学内容进行了重新安排。从本课程的教学实际出发设定的学习目标是：培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS、JavaScript和网页制作工具，熟悉网页的制作和流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作等。考虑到学生的层次不同，大家可以根据自己的实际情况有选择的学习适合自己的模块，自学能力较强的学生可以通过我们的网络平台得到进一步的提高和知识的拓展。

（三）知识结构体系

网页设计与制作融合了平面设计、网页制作、动态程序、数据库等知识，作为一门综合性强的课程.。把核心知识以最快、最有效的方式传递给学生，而又要能使学生容易掌握，所以本课程以“表格式”布局作为教学的主线，把Photoshop平面设计、Flas设计融入其中，同时适当引入“div+css”网页布局的内容。而在动态网页设计中，简单介绍Asp+Aceess动态网页设计知识。据此，在学习内容的组织上，以“用表格进行页面布局”和“网页与数据库”这两个知识点为主线，将其它知识串联起来，可帮助学生迅速建立起知识的体系结构。

图1 《网页设计与制作》网络课程知识体系和信息资源结构图

三、信息资源的选择

在《网页设计与制作》网络课程的设计中，以课内项目、课外项目和教学专题的形式进行信息资源的规划与整合，选择合适的形式来展现信息资源是非常重要的。如在网页的中文排版教学模块中，网页文字材料应以文本为主，而涉及的图片只需提供原始图片即可，增强学生对资源的应用与处理。而在“实验演示”、“动态网页的原理”模块中，以动画的形式形象地展示出来，激发学生的想象力。而在课外拓展模块中，信息资源应以视频的形式展现，使学生方便参照与模仿。信息资源总体结构见图1。

四、教学策略的设计

（一）任务驱动的教学模式

“任务驱动教学”就是将要学习的新知识隐含在一个或几个任务中，学生通过对任务进行分析和讨论，明确该任务所涉及的课程知识，并找出其中的新知识，然后在老师的指导和帮助下找出解决问题的方法，继而完成相应任务。《网页设计与制作》课程在教学中使用“任务驱动教学法”的具体做法是：教师先给学生呈现一个具体的网页效果，接着与学生共同分析该网页需要如何去处理，然后在老师的指导下师生共同完成网页，形成“阶梯式螺旋化”教学模式。这样做的好处是：通过一个任务的完成，培养学生发现问题、分析问题、解决问题的能力，激发学生的学习兴趣，同时能够提高学生的实际动手能力；而且将新知识点融入任务中进行学习，所学知识具有一定的针对性与目的性，学生的学习就会认为学的有价值，且通过一项任务的完成，学生同时可以体会到一种成就感。

（二）开放式自主学习模式

本课程建立的网络教学平台中包含本课程的教学资源、教学课件、课程教案、教学指导等模块。通过网络提供10大类、45000多个文件的立体化教学资源，所有的教学资源可在网上浏览和下载，任何学生在任何时候、任何地方都能借助网络学习。同时开发了在线答疑系统，提供了QQ和TQ两种访问途径，在线访问和离线留言两种方式。在“学习资源区”针对不同层次的学习者设计了丰富的学习资源。通过电子教案，学习者可以了解教师课堂上讲授的知识要点，并可下载素材进行相应的训练；如果在学习中遇到了困难，一般通过“学习资源区”中的“你问我答”即可解决，确需教师帮助的，也可在网络的“教师答疑”中给教师留言。专题学习板块基本上覆盖了较高层次学习者所要了解的知识。

（三）课外小组协作学习模式

在课外作业环境，采用基于构建主义学习理论的协作学习模式。一方面教师在网络教学平台创建学习主题和要求，另一方面学生可自由创建学习主题和内容，挖掘优秀学生的潜能。由学生自行组成小组并进行分工设计，在设计过程中可通过小组讨论、师生网络交流进一步深化和完善学习内容，完成后相互进行评价和交流。因此在设计网络课程时要注重协同工作环境的设计，充分发挥网络的功能。

五、学习评价系统的设计

为更好地评价学生在网络教学中的学习效果，学习评价系统的设计是十分重要的。在本网络课程中，根据学习者的学习需求和特点，进行不同程度的强化练习评价，并及时给出反馈意见。在学生完成对应的学习内容后，教师可以对学生进行评价，学生之间也可以相互评价。同时完成专题学习后，挑选出优秀的作品进行课外开放式评价，增强学生的成就感，以此达到学生的再学习的主动性。

六、结束语

全方位、立体化的网络课程教学资源，弥补了课堂讨论的局限性，调动了学生课内及课外学习的主动性和积极性，促进了学生对课程的全面掌握和理解，满足了不同层次、不同学生对计算机知识的学习的需求。而网络教学系统又具有共享性、交互性、非线性、时效性、多媒体化、服务个性化等特点，从而为学生自主学习的开展提供了保证，拓展了学习的空间和时间，充分保证教学活动的开放性、自主性，学习方式灵活多样。

参考文献：

[1]武法提.网络课程设计与开发[M].北京:高等教育出版社,2007

[2]戴士弘.高职教改课程教学设计案例集[M].北京:清华大学出版社,2007

[3]董志彪,李文光.网络环境下主题式学习的教学设计与实施[J].中国电化教育,2007

[4]黄荣怀.网络课程开发指南[M].北京:高等教育出版社,2010

[5]陈庚.网络课程要素分析及建设[J].开放教育研究,2008

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

【关键词】教学内容，教学手段，教学方法，考核方式

随着计算机技术的发展和电脑的普及，网络在人们生活中发挥着越来越重要的作用，通过网站向外界宣传个人或单位形象，推广公司产品或开展公关活动，已成为一种新的流行趋势。为此高职院校很早就开设了“网页设计与制作”课程。学生通过这门课程的学习，掌握静态网站设计、制作的流程和技法，锻炼静态网站开发能力，既可以确定毕业设计的创作方向，也可以设计与制作个人网站来展示自己的优秀作品，有利于就业率的提高。

一、“网页设计与制作”课程教学存在的问题

网页设计与制作课程是一门操作性和实践性都很强的实用型课程，应以就业为导向，以实际工作岗位所需的技术应用能力和基本素质为主线，突出培养应用型人才。传统的以教师为主的教学往往会导致学生的自主学习能力差，无法激发学生的创造性和能动性；对课程实践环节的重视程度不够，使学生的实践能力和专业技能难以提高；以期末考核成绩为主的考核方式，因过分强调结果而忽视过程，无法激发学生在学习过程中的热情，也无法全面了解学生技能掌握的真实情况。针对这种状况笔者认为，更新教育观念、探索新的教学模式才是根本出路。笔者根据多年的教学经验，对网页设计与制作课程从教学内容、教学手段、教学方法、考核方法方面进行了一系列的创新改革。教学内容主要解决如何调动学生积极性，激发学生创新能力，如何提高学生创新能力、实践能力、设计能力、发现问题和解决问题能力等综合素质；教学方法主要解决如何实现“以人为本”，如何通过任务引入、启发等方法，激发学生的发散性思维。同时利用软件工作室，为学生的创新和实践能力的锻炼和培养提供一个良好的平台。

二、教学内容的创新

课程内容的选取与组织是课程教学改革的基础。人才培养方案对“网页设计与制作”教学内容进行重新整合，把课程学习划分成培养学生的基本设计制作能力和培养学生的综合设计制作能力两个阶段。

第一阶段安排在大一第一学期，主要针对没有任何设计经验的大一新生，重点介绍基本知识，包括超文本标记语言html、网页布局和css、Dreamweaver软件的使用和简单的JavaScript的使用。在第一阶段教学中，笔者采用任务驱动教学方法，创设情境，引导学生自己总结掌握代码的使用方法和艺术设计的美感。第一阶段学习结束的时候，学生可以独立完成一个小的图文并茂并且布局合理的网站。第二阶段教学放在大一第二学期初，针对具备基础程序设计能力的学生，重点培养学生的综合设计制作能力。在第二阶段的教学中，以学生为主体、以教师为引导，采用国家火炬计划河北省软件人才工程实训课程，使学生融会贯通所学知识，完成一个具体的项目，以达到提高学生综合设计能力的目的。迄今为止，学生完成的项目包括“旅游网站”、“小游戏网站”和“化妆品网站”。教学实践证明，这种理论和实践技能并行的教学模式，更加有助于学生的创新能力的提高，使学生在不断的实践中掌握设计技能，在技能学习中提高基础能力。

三、教学手段的创新

在授课期间灵活采用多种教学手段。利用多媒体投影演示教学，将真实项目的设计与制作过程直观的演示给学生，传达给学生难以理解的教学内容，来达到教学的目的。利用课程网站辅助教学。建设课程网络教学平台，以有效地促进学生课后的学习。课程网站放置学习资源，并定期更新，学生可以通过课程网站了解先进的技术和理念。利用课程qq群、博客等辅助教学。通过课程qq群、博客等现代化沟通方式和学生探讨学习中的疑点和难点。

四、教学方法的创新

课程每个章节内容结构主要由三部分组成：

知识点：介绍本章需要掌握的知识或技术。

应用案例：介绍本章知识应用的案例。

创新训练：针对具体的问题，应用本章技术来完成知识点的应用。

在整个课堂教学中，主要采用案例教学法和任务驱动教学法实施教学。将实际工作任务引入教学体系，将每次课程中的教学重点与难点知识与技能，精心设计并包含在工作任务中，使之与实际应用结合起来。

在实践教学中采取分组教学法来实施教学。首先进行分组时，兼顾学生任务实施过程中相互间的合作配合问题和学生的个体情况，采取互补的方式，按学生的学习成绩、知识结构、学习能力、性格特点搭配分组，利于学习的相互促进。每组人数控制在6人左右，同时设立组长一名，便于意见的集中统一。对各组员明确分工，防止个别组员出现依赖思想，确保每个学生都参与到工作实践过程中。各个组员分工合作，独立完成工作任务，以提高学生的团队合作意识和竞争意识，提升职业素养。

五、考试方式的创新

课程考核以学期末大作业形式实现。改变了以前闭卷笔试的考核形式，要求学生在课程结束后独立形成一个完整的网站，主题自拟并且积极向上，使用Dreamweaver，Photoshop和Flash等软件实现至少80%课上讲解的知识。对使用课外的工具和手段使得网站更加生动的学生可加分，即鼓励学生自己摸索和创新网站制作方法。最终成绩的评定依据网站的创意、美观性、内容、技术和工作量等多个方面来评分。同时也考核了学生在项目开发过程中对所学知识的运用能力、实践能力、学习方法、创新意识、协作精神和职业素养。本课程最后的综合成绩评定除了依据上述大作业完成情况，还依据平时上课情况和上机实训完成情况，其比例分别为60%，10%和30%。

总之，经过不断的摸索与实践，通过以上的教学方法与教学手段的改革和实践，不仅提高了学生的学习兴趣，让学生对自己的设计作品更加满意，对自己更加充满信心，同时也培养了学生制作的美感，充分发掘了学生的创造潜能，锻炼了创新和协作精神。

参考文献：

[1]纪明明 浅谈“项目教学法”在网页制作与网站设计课程教学中的应用[J].中国新技术新产品，2010，24：239

[2]卢新建 试谈ASP动态网页课程的教学探索[J] 计算机应用教学研究，2010（10）

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

本文着重分析了《网页设计与制作》课程教学存在的问题，探索了《网页设计与制作》课程教学改革的策略，以提高《网页设计与制作》教学质量。

关键词：

网页设计与制作；课程；教学改革；策略

随着互联网的发展，互联网已经被广泛运用到人们的工作和生活之中，其中企业网站对企业的宣传与发展有着重要作用，网页设计与制作成为企业建设网站的重要技术支撑。因此，各企业积极引入高素质网页设计与制作人才的，强化企业网站建设。而高校作为为企业培养人才的基本场所，十分重视《网页设计与制作》课程教学的开展，并在新课改背景下积极探索《网页设计与制作》教学改革的科学方法。但是，由于受传高校教育模式的影响，《网页设计与制作》课程教学在学习地位、实践教学、师生沟通等方面都存在着一些问题需要高校改进。研究《网页设计与制作》课程教学改革不仅能够提高教学质量，培养高素质网络设计与制作人才，而且对企业发展和互联网发展有着深刻意义。

1《网页设计与制作》课程教学存在的问题

1.1学生学习被动

长期以来，我国高校《网页设计与制作》教学多采用理论与实践课程交替的教学方式，教师为学生讲解基本的《网页设计与制作》理论知识，并为学生进行实践操作师范，让后让学生根据课堂笔记或一级进行模仿操作。在这种教学模式下，学生的网页设计与制作处于被动的地位，学生的积极性不高。具体来说，有些学生不愿意听教师的理论知识讲解，有些学生不愿意完成老师的网页设计与制作作业，在课堂上出现睡觉、玩手机甚至是旷课现象，学生的专业基础知识不扎实，无法将专业理论知识与网页设计与制作实践相结合。

1.2学生动手能力较差

在教师进行示范的时候，部分学生认为教师致使拖动鼠标，具体操作内容没有难度，不愿意认真观察教师的示范，而到实践锻炼的时候，很多学生对具体的操作步骤不屑一顾，认为网页设计与制作操作过于简答。但是当学生真正上手进行网络设计与制作会发现自己对操作步骤和操作技巧不了解，无法进行网页设计与制作。另外，还有些学生的自我意识较强，不愿意按照教师的讲解进行网页设计与制作，而是一味按照自己的经验和想法设计制作网页，导致网页设计与制作的专业性和科学性不强。

1.3缺乏沟通

首先，在《网页设计与制作》教学中，教师与学生之间缺乏沟通与互动。一方面，教师缺乏对学生的了解，无法掌握学生的学习现状、学习兴趣和学习需求，《网页设计与制作》教学只是按照教学大纲和教材开展，缺乏对学生学习需求的重视。并且，很多教师在课堂讲解的过程中一味追求讲授的知识量，没有涉及师生互动环节，导致学生的课堂参与程度较低。另一方面，学生习惯了传统的教师权威的师生关系，很多学生在《网页设计与制作》课程学习的过程中不敢与教师沟通交流，也不敢向教师提问，害怕教师批评和嘲讽；其次，在《网页设计与制作》教学中，学生之间缺乏沟通与互动，很多学生都是独自为战，自行设计并制作网络，但是，个人的知识和智慧是有限的，个人设计与制作网页受到知识水平和专业技能的限制较大。

2《网页设计与制作》课程教学改革的策略

2.1重新定位课程教学标准

首先，高校《网页设计与制作》教学应积极重视企业的用人标准，在《网页设计与制作》教学中重点培养学生的职业素养、团队精神、审美能力、美术功底、计算机技能等基础能力和素质；其次《网页设计与制作》教学应加强重视课程教育目标，根据新课改的课程教学要求强调学生创新思维和动手操作能力的培养，使学生具备网页正当年规划与构建能力、网页图形设计能力、动画设计和制作能力等。

2.2优化教学内容

《网页设计与制作》课程教学应根据教学大纲和企业的用人要求科学设计教学内容，将教学内容氛围Web基础知识、Fireworks、Flash、Dreamweaver这四个模块。具体来说，Web基础知识模块主要包括网络常用名、网页浏览器、网页设计原则等基础知识。Fireworks主要包括基础知识、基本操作技能和高级应用。Flash主要包括基础知识、基本动画制作技巧和高级技术等内容。Dreamweaver主要包括基础知识、网页定位技术、动态网页设计、网页站点管理、数据库连接技术等知识。

2.3更新教学模式

高校《网页设计与制作》课堂教学应积极更新教学模式，采用班级授课制、网络教学、个别化教学等模式开展课堂教学。并且，教师应积极运用高校的多媒体设备，让每个学生在课堂上拥有一台计算机，并使用多媒体技术向学生全面展示教学内容，指导学生的网页设计与制作，加强学生的动手练习。另外，高校《网页设计与制作》教学应积极利用网络中的教学资源，将网络中的教学资源引入到教学活动中，以视频、图片等形式向学生展示网页设计与制作技巧，提高《网页设计与制作》教学的吸引力。

引用：

[1]《网页制作》课程实践教学模式的探索与设计[J].薛辉.电脑与电信. 2016(Z1)

[2]网页制作课程教学方法探讨[J].李扬. 网络安全技术与应用. 2014(01)

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

关键词:高职教育;网页设计;网页制作;教学研究

1引言

随着我国社会主义现代化的飞速发展，国内各行各业均得到了极大的进步。政治、经济、文化、社会、法律等诸多环境的完善给予了当代各种新技术良好的发展环境与支撑。互联网与计算机技术作为时下最为热门的技术，其已然和多个行业之间紧密结合起来。作为现代居民、企业获取信息、传播信息、共享信息、储存信息的重要途径，互联网与计算机技术的使用无不改变着当代居民的生活方式、企业的经营理念。而这些信息的获取与宣传，均需要依靠由HTML所编辑的网页程序。良好的网络界面设计、网络窗口点击习惯等，将会给予网络使用用户良好的体验与满足。高职院校作为现代社会人才培养与输送的重要根据地，其每年均会为社会输送大量的优秀人才。面对时代的不断发展与进步，以及现代居民对文化的需求、现代企业对人才素质的需求，高职院校也不得不开始思考适应社会主义新城市产业发展人才供给水平及质量的问题。作为时下最为热门并受各行业关注的网页设计与制作课程，已然成为了时下亟待进行教学改革的课程之一。能否整合资源切合实际教学需要、能否采用科学有效方法提升学生对课程的实践应用能力等均成为了重要的研究课题。

2高职网页设计与制作课程教学改革的发展研究

2．1开发与企业需求相对口的专业技术培养高职教育作为以培养契合实际企业发展、输送更具职业化现代化人才为目标的高等教育基地，其应当在现有网页设计与制作课程教学的大纲编写、内容设置等方面与社会中的岗位与需求相互结合。根据当前社会企业中网站开发团队通常扮演的职能角色，学习网页设计与制作课程的学生毕业后不单会从事网页设计师、网页开发师、网页检测师等岗位，而且还会从事网页美工师、网页维护工作员等岗位。面对众多就业方向与选择，当代高校应当紧密契合时展需要，针对现有教学目标、内容、纲领等给予调整以便于适应社会企业对人才知识水平与综合素质能力的需要。在此过程中，可以采用更加具有针对性的专业细分模式，并结合对口专业就业方向给予相应课程重点的调整。例如:针对从事电子商务网页设计与制作岗位专业人才的培养应当在基础课程培养后，重点提升WEB应用程序开发课程的教学;针对从事艺术网页设计与制作岗位专业人才的培养不单应重视基础知识教学，而且还应提升学生对于布局、构图乃至色彩等的敏感性程度，并提升学生对CSS等软件的学习。2．2采用项目驱动型教学模式与策略在当前高职院校开展网页设计与制作课程授课过程中，通常将学生作为教学客体来进行传授，而忽略了高职院校学生本身所具有的年龄阶段及灵活思维。网页设计与制作课程在实践教学环节经常采用案例教学的模式，以此来实现对学生更为全面综合素质的培养。然而，却容易由于上述问题的存在，从而使学生在学习过程中经常处于被动学习的状态，严重偏离了网页设计与制作课程名称所应有的提升学生动手能力、设计水平的要求。在此过程中为了良好改善这一现状及问题的存在，可以采用项目驱动型教学模式与策略。这一教学模式可采用三步走的方式:第一，进行项目选择。在开展网页设计与制作课程之处教师应当结合课本及大纲要求选择恰当、难度适宜的项目范本，也可以根据学生层次不同选择层级较多的项目范本。在此基础上，将大班教学模式打散，采用三五成群的方式实现小组建立，并选取题目开展讨论型动手能力实践学习环节;第二，采用专题教学方式。可以选择耳熟能详的一些网站设计样本，并将其与同行业公司网页的设计之间相互比较，从而使学生能够设置一个心中的标杆。在此过程中可以分别从网页主题、网页资料设置、网页logo设计等多个方面来开展专题教学;第三，组织讨论。在进行项目选择和相关标杆样板的指引之后，就可以对学生每个小组的成果进行比较和分析，利用总结的形式让学生能够在这种教学模式下实现阶梯式提升。2．3采用考核分阶段型教学模式与策略除了可以采用项目驱动型教学模式之外，还可以结合网页设计与制作实际工作特点开展分阶段教学。由于对一个大型网站的设计与制作通常会花费一个团队几个月的时间，每个阶段性完成点之间的衔接对最终网页的质量均会产生较大影响。为此，在进行高职网页设计与制作课程教学时，为了提升教学质量也可以与实际相互结合起来，开展考核分阶段型教学模式。在此过程中通常可将课本内容进行重新编排或总结，从网站选题、网站设计、网站制作、网站测试、网站、网站使用反馈等多个递进环节开展专题教学，并以考核机制来实现上述阶段过渡，从而保障每个学生都能够利用课堂快速实现自身知识容量提升。

3结论

通过上文的研究，可以发现，高职院校在当代社会现代化人才培养领域的地位十分重要。因此，面对互联网信息时代到来，其必须与时代共同发展。网页设计与制作作为广告行业、新媒体行业等新城市产业发展的重要基础知识与领域，高职院校应不断推动当今时代背景下的教学改革。在本文中作者首先针对国内互联网与计算机技术发展的现状进行研究，在此基础上对高职院校网页设计与制作课程教学改革的策略提出了些许具有系统性、可行性的建议。谨此希望能够利用本文的研究为国内高职院校网页设计与制作课程的教学质量提升带来帮助。

参考文献

［1］探讨计算机网页制作课程教学中的应用［J］．刘冬寅．中小企业管理与科技(中旬刊)，2016(03)．

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

随着社会的快速发展和互联网的普及，计算机技术及其应用发挥着重要的作用。为了全面提高高校学生的网页设计能力，激发学生的网页设计兴趣，探索课程改革的几点思路，从而实现对高校学生的能力提高、兴趣培养和考核标准的改革，结合课程改革的《网页设计与制作》教学模式的研究显得极为重要。

【关键词】

网页设计；课程改革；教学模式

《网页设计与制作》是一门实践性极强的课程，也是为满足社会需求而设置的。网络是人们获取信息的重要来源，随着网络在人们生活中的地位逐渐上升，企事业单位和政府机构以及个人通过网页来宣传自己的单位和个人形象。因此，提高学生对网页设计的兴趣、培养学生自己开发网站的能力显得尤为重要。

1激发学习兴趣，鼓励创新精神

1.1案例教学古语讲“学起于思，思源于疑”，良好的学习兴趣是学习的先导。首先采取案例教学，摒弃传统的教学方法。在传统的课堂上，教师讲授理论知识，之后学生进行上机练习。往往会造成机房内操作过程中无处下手。因此，结合教学内容和目标选取典型的案例进行案例教学法能够很好的解决这个问题，提高教学效果。枯燥的理论与实际案例相结合，在课堂上及时展示网页设计的效果，必将为课堂带来全新的效果，对于学生熟悉理论知识和实际操作能力也能全面加强。激发学生的学习兴趣、鼓励创新精神，化被动为主动和提高学生解决实际问题的能力是网页设计课程改革的出发点。

1.2互动教学建立教学网站，开设相应的学习论坛。在网站上传课堂视频、经典课件、网页设计的学习资料以及课堂作业，加强师生的交流、资源共享。学生在课堂上不可能掌握教师所讲的所有内容，加强互动交流和平台建设这样有助于学生的课后复习巩固，清楚学生在课堂上的疑问。

2实验设计与大作业制作标准

制作一个主题网站，主要从下面三个主题中选择：个人网页、校园生活、文学。综合运用本课程所学的内容知识，导航、布局清晰、信息分类合理。可以从网上下载部分资料，但是不能超过整个内容的30%，绝对不允许直接从网上下一个网站，一经发现直接记0分，总的页数应超过8页。（一个包含主题内容的html文件或asp文件算一页。）具体要求如下：（1）站点结构清晰，站点内文件夹名、文件名命名规范，杜绝使用中文汉字。(5分)（2）页面布局可采用表格或者css+div。（10分）（3）创建模板，并根据模板至少创建1个页面。（10分）（4）为一个页面添加浮动框架，并有链接的页面显示到浮动框架部分。（10分）。（5）使用css样式美化网页。（10分）（6）网页中必须有插入图像、文字、鼠标经过图像等页面元素，并与主题相关。（10分）（7）要求首页中加载5种链接方法：内部链接，外部链接、邮件链接、锚点链接、图像链接。（15分）（8）网站中应用的方法和技巧的种类多少。（10分）（9）网站中无断掉的链接和孤立的文件。（10分）（10）制作一份网站设计说明书，放在站点总文件夹中，并用A4纸打印一份。（该说明书必须能够体现制作网站的过程，否则视为抄袭以0分计。）（10分）在网站制作过程中应注意以下几点事项：（1）建立站点，图片存放在文件夹images中。（2）所做网页的首页文件名必须为index.html。（3）不要忘记给每个页面命名。（4）所以文件和目录名全部使用英文字母和数字，不得汉字和全角字符。（5）网上下载的文字要注意删除多余的超级链接和？之类。（6）最好在每个页面加一个超级链接返回首页。（7）网页的总容量一般不要大于15mb。（8）如果网站制作粗糙，站点结构混乱，每个扣5-10分。（9）如果运用的动画、图片等不符合作品反映内容扣5-10分不等。将制作的网页及说明书压缩成一个文件，文件名为：学号_姓名_班级。

3团队协作

在网页制作过程中，鼓励学生进行分组讨论，以团队形式完成作业，培养学生的团队协作能力。在制作过程中，将同学们以5-7人分成一个课题小组，按照分工协作、组长负责的原则加强同学之间互相讨论、互相学习、取长补短，一个团队的同学共同思考完成一个网站的制作，锻炼学生的合作精神。设计多个题目供学生选择，学生可以自选题目，充分发挥学生的兴趣和主观能动性，在规定时间内完成最后进行网页设计汇报演示。

4《网页设计与制作》课程的考核标准

多数课程通常采用笔试的方法，然而计算机类课程考核的重点是实际操作能力而非单一的理论知识。《网页设计与制作》这门课程考核内容过多偏于死记硬背的记忆性知识考核，就恰恰忽略了课程本身的性质，因此应重点培养学生的实践能力。《网页设计与制作》的课程考核方式要全面反映学生的真实学习水平、激发学生的学习兴趣和制作灵感。为充分调动学生课堂以及课后完成网页制作的积极性，在具体的考核中平时成绩占总成绩的20%，期末大作业的网站设计占总成绩的80%。这样能够调动学生上课以及完成课堂练习和实验任务的积极性。

5结语

网页设计的人才培养目标和方案必须适应市场经济对人才的需求，培养具有能够自主思考、开拓创新和独立解决实际问题能力的学生，这也是高等教育的基本目标。结合课程改革的《网页设计与制作》教模式以学生为主题，发挥学生的主观能动性，鼓励团队协作和师生平台交流必将发挥重要的作用。

参考文献：

[1]马国德.对提高课堂教学质量的一点思考[J].青海教育,2002(04):18.

[2]刘显丽.网页制作课程的整合研究[J].辽宁教育行政学院学报,2005,(02):125-126.

[3]尹玉菡,杨万军.非计算机专业《网页设计制作》课程教学设计与实践[J].辽宁师专学报,2010,12(01):44-45.

[4]史科蕾，高咏欣.《网页设计与制作》课程的教与学[J].信息技术与信息化,2007(02):129-131.

[5]刘强,张阿敏,翁艳彬.网页设计与制作[M].北京:高等教育出版社,2010.

[6]DarcyDiNucci.WebSiteRedesigns[J].PearsonEducation,2001.

[7]谢良辰．对网页制作技术课程实验教学设计探讨[M]．山西:教学与管理,2006.

网页设计与制作范文第10篇

【关键词】网页设计与制作 教学理念 教学策略 考核方法

【中图分类号】G71 【文献标识码】A 【文章编号】2095-3089（2014）08-0228-01

随着信息技术的迅速发展，网络在人们的生活中扮演着越来越重要的角色，使人们的生活方式发生了翻天覆地的变化，上网已成为一种潮流。因此，网络成为信息革命的主导力量，它能承载巨大的信息量，是世界最大的资源宝库，由于网络可以实现资源共享，人们越来越习惯在互联网上搜索信息。而Dreamweaver网页设计与制作是现代计算机网络技术中最受欢迎的技术之一，自然而然《Dreamweaver网页设计与制作》课程也倍受学生的青睐。该课程具有自身的特点，它对学生的操作能力和实践能力要求比较高，主要是要求学生能够熟练掌握Dreamweaver制作简单的静态网页。通过使用Dreamweaver软件掌握基础网页设计与制作的基本方法，综合所学知识能够建立基本的静态网站，成为社会所需人才。因此，本文根据社会的需求，就如何使学生更好地掌握Dreamweaver网页设计与制作进行探析。

1.改变教学理念，激发学生的学习积极性

根据社会发展的要求对本课程的教学内容进行了一定地调整。课程教学内容的调整必定涉及到教学理念的改变。由于调整后的课程教学内容主要由当今实用的、流行的新技术几个部分组成，如Html和fireworks的使用，而这几个部分的内容具有较强的实用性、操作性。因此，教师讲授时应该抓住Dreamweaver这条主线，将课程内容融会贯通，整理思路，便于学生接受和掌握。

在讲授理论知识的时候学生会觉得Html语言很乏味，这种操作性强的内容如果不进行及时的实践操作，掌握起来很困难，一旦能让学生看到自己亲手操作后的效果就会有一种成就感，这样就能激发学生的积极性，强化所学内容，增强自己的动手操作能力。

众所皆知，兴趣是最好的老师。如果学生有浓厚的学习兴趣就会积极主动地学习，集中注意力，注重每一步操作的细节。因此，在教学的过程中，教师要激发学生的积极性，培养学习兴趣。如第一章介绍网页制作的基本内容和相关操作步骤时，教师就要结合具体的实例进行具体讲解，介绍有代表性网站的整体布局、网站风格等网站的相关内容。由此学生就能触类旁通，根据自己的想法制作和设计出意想中的网站风格，从而产生制作个人网站的欲望。这份欲望给了学生巨大的动力，也是学生学好网页制作的前提条件。

2.改进教学方法，提高学生的动手能力

《网页设计与制作》课程要求学生具有较强的动手实践能力[2]。不仅要求学生能够熟练使用Dreamweaver进行基本的网页制作，还要求学生能够根据所学知识解决具体问题，能够灵活运用到实际操作中。

《网页设计与制作》课程的教学要循序渐进，首先学习网页设计与制作的基础知识，然后要学习如何美化网页、使用各种工具进行操作，最后综合所学知识制作一个简单的网站，使所学知识能够融会贯通，灵活运用，这样就可以有效提高学生的整体性思维能力，增强学生的动手能力。

3.改革考核方法

考核是任何课程进行测试的一种方法，Dreamweaver网页设计与制作课程也不例外。改革考核方法一方面可以帮助教师改进教学方法，激发学生学习的积极性[3]。以前一些操作性和实践性较强的课程也习惯用笔试的方法进行考核，考核的内容都是一些理论知识，根本不能反映学生对所学课程的具体情况，这与该课程的要求相悖[4]。因此，在“网页设计与制作”课程中，要采用多种考核方式，把学生的成绩分为三部分，分别为平时考查成绩、综合作业、期末考试。

考查成绩主要是根据学生在上实践课时的表现来评定，此部分成绩占30%；综合成绩则以学生在规定的实时间内完成的设计方案来考查学生的动手实践能力，教师根据学生的设计方案评定学生的综合成绩，评价学生的专业技能，这部分成绩占30%；最后是期末上机考试的成绩，考试形式为开卷式，只对最终网页的制作效果提出要求。这样学生就能根据自己的想法设计出不同风格的、有自己个性的网站，提高学生的整体思维性能力，最终的考核质量作为学生的考试成绩，占总成绩的40%。

总之，改革Dreamweaver网页设计与制作课程的考核方法，有利于激发学生的学习积极性，培养学生的学习兴趣，提高学生的整体思维性能力，进一步提高学生的动手能力和实际操作能力，从而提高教学质量和水平。

4.结语

经过上述分析得出，在Dreamweaver网页设计与制作的教学过程中，不仅要改变教学理念，激发学生学习的积极性，还要改进教学方法，提高学生的动手能力。除此之外，考核方法的改革也是必要的，以此来提高教学质量和水平。

参考文献：

[1]黄学群.《网页设计与制作》课程的教学探讨[J].今日南国，2011，12（08）：105-106.

[2]陈风芹. Dreamweaver网页设计与制作教学探讨[J].教学园地，2012，25（12）：255-255.

[3]张雅茹.《网页设计与制作》的教学设计与实践[J].陕西教育（高教），2010，30（19）：89-90.