网页制作与设计篇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、学生考证通过率显著提高。

网页制作与设计篇2

一、课程现状分析

随着网络技术的不断发展，计算机网络应用日趋丰富，已经渗透到人类社会的各个角落，网络在人们生活的作用也越来越大，利用Internet足不出户就可以获取所需的信息，实现购物、炒股、旅游和学习等。网页和网站是Internet的重要组成部分，拥有一个自己的网站是政府机关、企业、个人的共同需要，制作出精美的网页来吸引浏览者的眼球，提高网站的知名度，是大家追求的共同目标，而这一切都依赖于网页的设计和制作技术的运用。

因此，该课程的课程设置必须符合教育教学规律和学生成长成才规律，符合专业人才培养要求。按照创新型人才培养模式重新构建课程建设平台，整体优化课程内容，重组课程结构，构建以能力为核心的课程体系，更有利于学生可持续发展能力的培养。

二、课程定位与课程目标

与高职“网页设计与制作”课程相关的职业岗位主要有：网页设计、网页设计与制作、网页美工、网页制作、网站管理、界面设计等。

目前，许多高等院校都开设了《网页设计与制作》课程，它已成为软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、电子商务、计算机应用专业公共的必修课程，也受到了其他专业学生的喜欢，成为一门选修人数最多的课程之一。

（1）对于多媒体专业。本课程与《图形图像处理》、《动画制作》等必修课程相结合，主要用于设计与制作网页，对网页中的文本、图像、动画进行加工处理。本课程作为多媒体专业的专业课程之一，是多媒体专业实践体系的基本技能模块之一。

（2）对于软件技术、计算机信息管理、计算机网络、电子商务等专业。本课程为后续课程提供静态网页设计与制作的理论基础和操作技能。本课程作为一门专业基础课，侧重于学习静态网页的设计与制作、HTML语言、CSS样式、JavaScript等知识。

（3）对于非计算机类的专业。《网页设计与制作》也是非计算机类专业学生最受欢迎的一门全院性选修课，通过该课程的学习，扩展知识面，了解网页设计与制作的一些基本知识和技能。

课程培养总体目标是通过4个项目（2个基础项目，1个提高项目，1个综合项目），使学生掌握网站开发的过程及网页的设计制作方法，能开发静态的中小型网站，通过多个网站的分级开发实施，不断强化学生的网页设计与制作技能，积累网页设计与制作经验，激发学生学习兴趣并形成持久的学习动力，提升学生自主学习能力，满足职业岗位需求。

根据高职学生的特点我们将人才培养目标定位于主要从事网站建设、网站维护等一线工作的高性能人才。考虑到计算机专业更新换代很快，学校教育不仅仅要教给学生技能，更重要的要教给学生一种学习的方法，以维持学生职业的可持续发展。我们在教学过程中采取项目化教学，以学生为主体，着重培养学生自主学习能力、创新能力，培养学生养成良好的学习习惯，以期学生在以后的工作中能够快速、高效的接受新知识，新方法。

三、课程内容的选取与序化

根据对职业岗位的需求调研分析，高职《网页设计与制作》这门课程的教学内容主要选取以下内容：HTML、CSS、JavaScript、网页制作基础知识、站点创建与管理、页面的整体控制、文本与图像操作、网页的布局、网页中的动感元素、超级链接与导航栏、表单网页、网页特效、网站规划与网页设计原理、网站测试、与维护。

充分考虑学生的认知水平和认知能力，把握学生的认知规律，合理地组织教学内容。按照由简单到复杂、由局部到整体、由易到难循序渐进地学习知识、训练技能。

高职学生对知识的认知有其自身规律，但高职学生认知规律与网站开发的工作过程存在不一致、不同步的问题。为了适应岗位工作需求，教学内容序化时应充分考虑企业开发网站的工作流程，以“网站开发工作过程”为导向，提高岗位的适应性。

综合考虑“网站开发工作过程”和“高职学生的认知规律”，将高职网页设计与制作教学内容划分为五个教学阶段：

第一阶段：欣赏优美网页，留下直观印象，激发学习网页设计的兴趣。

第二阶段：学习网页制作的基础知识，熟悉网页制作工具，训练创建站点、制作网页的操作技能，形成制作网页的感性认识。

第三阶段：学习HTML语言，掌握美化网页、制作网页特效的方法，进一步提高网页制作的技能，深入了解网页制作的编程技术。

第四阶段：学习网站规划与开发的流程，熟悉网页设计的原理与技巧，掌握网站测试与的方法。使用读者的网页制作水平由操作应用层提高到设计规划层，由感性认识提高到理性认识，由简单操作提高到综合设计。

第五阶段：按照企业开发网站的工作过程全面熟悉网站开发的全过程，将前面所学习的知识，所掌握的技能应用到实际网站开发的实践中。

经过对课程内容的选取和序化，教学内容的主线为：网站赏析-基础知识-站点创建-网页整体控制-文字操作-图像操作-网页布局-动感元素-超级链接-导航栏-表单网页-HTML语言-CSS样式-JavaScript技术-网页特效-网站规划与网页设计-网站测试、与维护-网站开发。

四、开发“项目化”的实践任务

网页制作与设计篇3

【中图分类号】G642

一、教学目标

完成“心理健康教育网站”的设计与制作，并在网上。在完成上述任务的过程中，学生要学会：

1）掌握网站开发流程

2）学会网页的设计和制作

3）能够正确认识心理健康教育以及相关概念，了解心理教育知识

4）通过开发网站的学习，培养学生创新能力。

5）通过分组合作学习，培养学生的自主学习能力，团结协作能力，问题解决的能力，提高学生的信息检索能力。

二、学习内容分析

以下是本次学习活动的教学内容知识结构图，也是本课程的重点。它是对网页设计全过程的总结，也是最终的教学目标。

三、教学过程设计

1.项目名称：“心理健康教育网站”的设计与开发

2.项目负责人：学习委员张红梅

3.项目的提出：

大家阅读过学校的心理健康报吗？看过几期呢？你们只能看到这学期出版的心理健康报。咱们想一个办法让学生可以随时阅读任意一期的心理健康报。就是设计一个心理健康教育网站。通过这个网站，大家不仅能够查阅校报，还可以学到心理健康教育的知识，全校的师生可以给校辅导员留言。

4.教学活动过程

从学生设计网站的过程中反映出学生已经掌握了网站开发的流程，但是网页设计的基础知识中有一部分掌握的不太好。如：站点的建立，模板的使用，CSS样式表的定义等。在今后的教学中要加强这些知识的学习。

在网站设计过程中遇到了很多问题，师生共同讨论解决。仍然有些没有解决的难题，需要进一步的解决：

（1）在模板的可编辑区域添加内容后，模板的不可编辑区域布局增加，使得表格中的内容和表格间距增大，重新修改模板也不能调整表格间距。

（2）使用了模板的网页中不能添加SPRY构件。

（3）如何解决层起始位置发生移动问题

五、总结

基于项目的学习内容呈现方式很适合网页设计课程的教学要求。充分发挥了学生的主观能动性。学生由被动转为主动，提高了学习积极性。只是学生刚刚接触项目教学法，在制定项目计划时考虑不全面，不明确，造成后期的探究活动目标不明确，容易造成学习混乱。今后在教学中要加强练习项目教学的流程。

参考文献

网页制作与设计篇4

中图分类号：TP393.092-4

准备建设的专题学习网站是基于网络资源的数字化学习平台，利用网络技术，创设主动学习情境，让学生在开放、互动的平台上去寻求《网页制作》专题资源，激发学生学习兴趣，让学生主动思考、主动探索、主动学习，实现高效课堂。让学生在建设网站的过程中，学习掌握提高《网页制作》的技能，体现“学中做，做中学”的教学理念。

《网页制作》是开设一学期的课程，主要内容包括网页的基础知识、网页布局和色彩搭配、HTML语言、JavaScript脚本语言、Dreamweaver软件使用、CSS层叠样式表、AJAX技术、jQuery技术、网站的创建与管理。还涉及到使用Photoshop软件对网页图像进行处理、使用Flash软件制作网页动画等其他相关课程。

在实际的教学过程中，往往需要使用大量的素材和学习视频教程。这些学习资源怎样能够方便快捷的分发到学生的计算机上，成为需要解决的问题。如果机房的计算机是通过网线连成小型局域网的，就可以先把工作页、资料包等学习资源先存储到一台学生机上，再利用windows自带的文件夹共享功能，将其共享，便于其他学生从这台计算机上下载资源。文件夹共享实现过程如下：

鼠标右击文件夹，在弹出的快捷菜单中，选“共享和安全”，选中在网络上共享这个文件夹。这时，其他用户就可以通过网络访问这个文件夹，下载其中的学习资源。

这样利用文件夹共享的方法实现资源下载，优点是操作简便。缺点是机房的计算机一般都带有C盘还原功能，往往一次共享完成后，下一次重新启动计算机后，还需要再次设置文件夹共享，十分麻烦。专题学习网站就可以实现简单的文件夹共享达不到的效果，可以使素材和教学资源分类存储在服务器上，以清晰明了的操作界面，便于学生在线学习和下载相应的网页制作素材。

1 《网页制作》专题学习网站的作用

专题学习网站为中等职业学校计算机专业学生《网页制作》课程的学习提供优质的数字化学习资源，为学生提供制作网页所需的丰富资源，搭建展示学生作品成果的平台。通过专题学习网站创设学生自主学习的情境，引导、激发学生学习《网页制作》课程的积极性，建立高效课堂，让学生更好的掌握网页制作的技能。

（1）研究中职学生特点，动手实践能力相对于理论知识学习能力强。

（2）分析《网页制作》课程，涉及内容广、技术多，实践性和技能性强。

（3）设计开发专题学习网站，探索基于专题学习网站的《网页制作》课程的教学模式。

给《网页制作》课程的教学提供教学资源，辅助学生进行自主学习。在课外时间里，对于学生的学习给予支持，帮助学生学习在课堂上没有完全掌握的知识。提供学生展示作品的平台，学生和老师在这里可以对学生的作品进行一系列的评价。提供一个在课外进行师生交流或生生交流的平台，学生可以在这里提问、交流学习心得等。

2 《网页制作》专题学习网站的设计

首先网站需要教学资源模块来进行教学的辅助，教学资源模块既能辅助课堂教学，也可以指导学生进行自主学习。其次作品展示模块，学生需要一个作品展示模块，首先通过展示学生自己的作品能够激发学生自己的兴趣，第二展示作品模块有助于学生进行自评互评。第三，讨论模块，既要有以班级为单位的讨论小组，也要有全校师生都能进行参与的大型讨论平台，使学生在学习中出现问题时，能够自主的进行讨论学习。

在建站之初，为网站以后继续完善（例如：开发手机客户端等），需要考虑给学生划定一块空间，让学生自己上传自己的网站作品。自己维护自己的网站，将网站交给学生自己运营。让学生发出自己的声音。

为了把建立网站的过程和学生的《网页制作》的学习过程相结合。主要是教学资源的共建共享，在课堂使用该网站的教学资源进行辅助教学，结合工作过程系统化的课程开发，结合工作页的素材的使用。通过上传网站网页给学生一个展示自己作品的机会。

可以让每一个班级在校园网上建立自己的班级网页，将校报办到网上去，网页上建立与中职学生相关的栏目，例如：求职、招聘信息等。组织学生自己定期更新常用工具软件的版本，交流专业课的学习体会。利用所学知识解决实际问题，活学活用，学生在使用专题学习网站中遇到了问题，通过小组讨论去寻找答案。将工作过程系统化课程学习情境实施的六个步骤：资讯、计划、决策、实施、检查、评价，充分运用到教学实践当中。达到学生越学越爱学，越学越想学的自主学习状态，真正实现专业课教学是以学生为主体，教师起到陪伴学生自主学习的作用。

3 《网页制作》专题学习网站的实现

网站开发中，数据库技术主要用来支持实现协作学习平台、专题研讨等动态网页部分数据的存取。常用的数据库有ACCESS、SQL Server、My SQL等。图像处理技术主要用来设计、生成网页背景图片，使网页更加美观，有利于创设“真实”的学习情境。常用的图像处理软件有Photoshop、Fireworks。

运用静态网页制作技术、动态网页制作技术、数据库技术、三层结构技术进行网站开发，编码实现网站的建设制作过程。《网页制作》专题学习网站的测试、评价和完善，专题学习网站建成完成后，依照专题学习网站各个功能模块的功能，在应用专题学习网站教学的过程中不断纠正和完善，通过问卷调查专题学习网站的应用效果，更全面的了解基于专题学习网站的教学模式的有效性。

通过校园网试运行《网页制作》专题学习网站，邀请网站设计与制作专家和学生使用专题学习网站，根据反馈意见，对网站进行修改和完善。

4 结束语

专题学习网站不仅为学生提供了丰富的专题学习资源，还为学生提供了功能强大的协作平台和专题研讨区，为学习者开展协作学习、交流和探讨相关问题、展示自己的学习成果提供了良好的舞台。利用专题学习网站进行课程教学，培养了学生自主学习、协作学习等综合能力，形成了一种崭新的数字化学习方式。

专题学习网站的资源要丰富，提供必要的演示视频录像，能够给学习者以足够的资源进行探究式的学习。教师博客、微博是教学的辅助平台.用以促进教学的交流。通过博客、微博叙事式的记录可以更好地了解教师的教学思想、研究成果和兴趣爱好.也可以进行教师之间的教学交流。学生可以发表自己的见解和想法。特别是作品创意，供其他同学学习和参考，以达到共同进步的目的。

运用教学设计思想对《网页制作》专题学习网站进行设计，主要包括需求分析与功能定位，中职学生特征分析，专题内容的选择，信息资源的选择与设计，自主学习的设计，学习评价系统的设计，学习情境创设等内容。通过专题学习网站创设学生自主学习的情境，引导、激发学生学习《网页制作》课程的积极性，建立高效课堂，让学生更好的掌握网页制作的技能。

参考文献：

[1]郝中超，金薇.Web3.0环境下运用专题学习网站实现学习资源共享建设的思考――运用专题学习网站实现学习资源共享的应用现状调查分析[J].中国教育信息化，2013（01）.

网页制作与设计篇5

1基于标准化的课程内容分析

1.1了解技术标准，锁定课程框架任何一门课程，都应该是基于某种需求而存在，这种需求必定有一个标准。而对于网站建设也是如此，W3C标准对建站相关内容都制定了成熟与完整的标准。《网页设计与制作》课程作为建站的主干课程，所有课程内容都应该来源于W3C标准框架之中。1.2深入行业调研，熟知技术要求标准一旦制定，便不会轻易改动，而课程的完整内容也不会有太大变化。但对于内容的理解和使用却是随着技术和行业的发展而变化。尤其对于网页设计，技术更新更是迅速，例如由原来的表格布局发展到现在的DIV布局，甚至将来可能的响应式布局、弹性布局、网格布局等等。内容还是这个内容，只是它的作用和用法发生了变化。而这些都是需要我们深入企业一线去调研才能知道的。1.3充分探讨沟通，完善课程内容一旦对技术标准和行业要求有了深入的认识之后，就要确定合理的安排课程内容，无论课程内容如何，重点是教授这门课程的老师。相关老师集中对内容进行讨论，不仅可以更好的对课程内容进行设置和安排，同时也是一个学习和提高的过程。

2构建标准化的课程内容

通过对标准的解读和行业的调研后得知，《网页设计与制作》这门课程大体可分为3大部分来构建：网页结构、网页表现与网页行为。2.1网页结构（HTML）此部分内容以HTML标签为核心内容，根据需要创建的内容，使用具有较强可读性和可识别性的标签来进行表示，例如要创建一个段落，我们可以使用<p>来表示，如果要创建一个章节，则可以使用<section>。这样不仅可以实现网页内容的创建，同时也完成了对网站结构的优化。通过W3CSchool和W3School的内容参照，可将HTML内容分为基础教程、高级教程、HTML媒体及XHTML等内容，由于目前最新推出了HT⁃ML5，在新旧技术的过渡时期，尽量将新旧知识点分开讲解，有利于更加清楚的分层。2.2网页表现（CSS）此部分内容为网页制作里面最重要的一个技术环节，用于网页布局与网页美化，CSS是网页课程里面的一项重要组成内容，同样分为两个版本，CSS2.0与CSS3.0，依据W3C标准，将选择器、属性、hacks、单位等等归纳完整，分类清楚。通过W3CSchool和W3School的内容参照，可将CSS内容划分为CSS基础教程、CSS样式、CSS框模型、CSS定位、CSS选择器及CSS高级教程。目前行业正处在新旧技术交替状态，因而在内容制定上也要分开制定，使得层次递进更加分明。2.3网页行为（javascript）此部分内容为实现网页交互，网页中使用的主要技术为javascript。而javascript是属于客户端脚本语言的一种，它也成为web前端技术里面的重要成员。目前很多非程序员都在使用它，可见javascript是一门相对容易上手的技术。原生的javascript对于一般人来说是有难度的，但是对于理解js（之后都用于javascript简写）是十分必要的，目前有很多基于js的框架，例如jQuery是一款非常优秀的js库，因为此部分内容可以设定为原生javascript与jQuery两个部分的内容。上述3个方面，按照W3C标准严格制订内容，便可基本全部涵盖课程所有内容。

3加强关联课程建设，做好课程衔接

仅仅依靠《网页设计与制作》课程内容是无法满足岗位与技术要求的，它需要大量其他课程内容的知识来支持，才能更好地学习和掌握，例如：网页美工，除了要求掌握网页结构、网页表现外，还要会使用设计软件先对效果图进行设计，甚至在目前已经越来越多的企业还要求网页美工掌握网页行为部分的知识技能，因而根据整个行业体系，可将建站内容分成3个阶段：3.1网页美工主要针对网页效果图，网页元素设计，可将此部分内容加入到平面设计课程中例如Photoshop、AI等，且平面课程一定要在网页课程之前开设完成。此阶段的课程内容必须要有针对性，要求对网页的构成元素的设计，网页的配色、网页的风格设计，以及客户需求的分析制定相关内容。此阶段将很大程度上影响到后续课程内容的学习的效果。通过个人实际的教学中发现，做出一个好的效果图作品，将会极大的促进学生的学习积极性，也会无形中使得学生学习更加主动和自信。3.2web前端此阶段是紧跟上一阶段的，当学习完网页美工，制作出最后的效果图后，紧接着就是将图片效果先实现成静态网站。这里存在一个重要的环节，那就是切图。许多人对于切图并不太重视，但实际情况是，切图的好坏，直接影响到整个建站的效率。切图不好也会造成流量浪费及网速变慢等后果，这就需要美工与前端人员之间能够很好地进行沟通和合作，因而这个阶段并不是完全的独立存在。3.3网站后台开发当静态网站建站完毕后，此时网站只具备在客户端电脑浏览的基本功能，人机之间无法实现数据的传输。例如当需要在网站留言，并马上显示在网站中时候，当需要对网页的数据进行及时的更新修改的时候，这都需要服务器端技术的支持。目前建站的服务器端技术主要有PHP、JSP、ASP等。从过程可以看出，此阶段是必须承接上一个阶段的才能继续实施的，如果更好的实现对接，这就要求前端或美工人员与后台人员之间进行详细的沟通。上述3.1和3.3是可选内容，各专业可根据自身需要选取开设。

4完善教学资源，规范教学内容

完备的教学资源是课程标准化建设不可或缺的一部分。制定完课程内容后，如何学习课程是至关重要的。由于师资不同、专业不同等原因，同一门课程，教学内容却相差甚远，应该针对具体的知识点，制定统一的基础案例，也就是必讲案例，不分专业，不分教师，凡涉及某知识点，此对应的基础案例为必讲内容，然后可在此案例基础上，自由增加其他案例。这次既可保证课程内容的标准化，又可灵活变通。必备的主要课程资源大致有以下几种：4.1标准化的教学大纲此标准化教学大纲是课程学习的指导性文件，应该是针对课程内容统一制定，不区分教师，不区分专业，对每一个知识点都提出达到的目标要求。教学大纲不易经常性变动，它是一个完整的指导纲领，只有当内容发送实质性变化时，才会做出改变，最后由各专业针对自身特点从此教学大纲中有选择性的执行。4.2标准化的实训大纲如果说教学大纲是一个指导性的文件，那实训大纲就是实实在在的执行方案，针对每一个知识点都应该设定一个独立的案例，有详细的实现步骤及过程，也要对每一个案例提出明确的实训目标。实训案例不仅仅要针对一个个小知识点，更要有完整的案例，通过小案例的叠加，并最终能实现一个覆盖全部环节的完整案例。4.3视频教程仅仅有文字性的指导文件不够，配套的视频教程是必不可少的。课程内容的制定向来都是开放的，课程的学习应该是不受时间和空间的约束。视频可以很方便地将知识点清楚的呈现。视频的制定应尽量碎片化，按知识小节进行准备，时长在20分钟以内比较适宜。有了视频，学习者就可以更加方便的自学了。4.4反馈系统课程的内容的完善和优化，需要不断地在实践过程中发现问题，总结问题，通过反馈系统，将各种建议和意见进行收集整理，查缺补漏，不断完善和改进，此反馈系统可以通过网络手段，通讯手段等方式实现。4.5网络平台如何将课程内容更好的呈现和管理也是课程标准化建设的一项重要任务。可以建立一个网络平台，如专门建设此课程的网站，与优质课程，共享课程，精品课程看齐，将反馈平台、视频案例、教学大纲和实训大纲有组织地结合在一起，并实现资源的共享。

5创新考核方式，将考核落在实处

对于操作性极强的课程，使用传统的考核方式效果并不理想，如何创新考核方式呢？这里有以下几点想法：5.1以赛代考以比赛成绩作为课程考核成绩。通过比赛提高学生学习积极性，并将课程所学知识运用到实际大赛中，这样既考查了学生的学习情况，也可进一步提高学生的学习能力。5.2以证代考可鼓励学生参加相应职业资格证书考试，以职业标准来考查学生学习情况，以考证成绩作为课程考核成绩。5.3答辩式通过对所做案例进行详细分析和讲解，由专业老师和同学进行提问的方式进行考核，这样不仅可以促进学生的学习积极性，也可以加强对学生监督考查。5.4自荐式一个班级的学生能力总是有差异的，有的学生学习能力较强，在课程中期便已经掌握课程要点，为了促进学生学习积极性，充分体现差异化的教学特色，可由学生自己申请考试，便在学期中期就完成考核，以便学生可以更加自由的利用和分配时间。无论采用哪种考核方式，只要真正地把考核落在实处就是好的考核方式。

6结束语

当前对于教育的创新和改革不断地深化，无论是教学方法的创新还是教学模式的改革，都必须立足于课程的建设，《网页设计与制作》课程标准化建设不仅是对课程内容的重新梳理，更是一个自我提高和学习的过程，对于提升教学质量，促进专业发展都是很有意义的！

参考文献：

[1]郑伟,薛岚.高职院校图形类专业实践教学研究[J].科技资讯,2010(12):248-248.

网页制作与设计篇6

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

在网络技术迅速发展的今天，网页设计与制作已成为当今社会上一种比较热门的技术，也是“计算机应用技术、计算机网络技术、国际贸易、国际商务专业”等专业学生的必修课，同时，也是相关专业学生的选修课[1]。

一、《网页设计与制作》课程现状与问题

对于以往的教学方式与内容，其相对落后的表现为：以简单分析为主线，系统的概念化设计思想较弱；以文字教材与课堂讲述的方式传授知识为主导；过于重视软件的操作，几乎没有创新设计的内容，忽视培养学生创造性思维；新理论、新技术相对偏少；与实际案例的联系不密切、没有反映现实技术的发展水平。

二、《网页设计与制作》课程教学改革的对策

（一）教法的改革

“教师一张嘴、学生一支笔”的传统“填鸭式”教学模式，是培养不出掌握熟练技能技巧面向市场的网页制作人才的。为此，我们必须在教师的教法上改革传统的教学模式。

1.注重培养学生的新思维

教学改革的关键是教师，要把如何培养具有创新能力的网页制作人才放在第一位。有了创新意识，就能抓住创新机会，产生创新方法，启动创新思维。通过改革，带动和影响学生去创造、去想象、去独立思考。培养学生的创新思维，可以改变学生依赖老师的习惯，也可以改变计算机教学传统的填鸭式、灌输式的教学方法。代之以自学指导法、尝试教学法、提问验证法等。教学方法创新，可使学生具有获取新知识的能力，为他们在今后工作中不断创新打下基础。

2.使学生从课本中解放出来动手实践

传统教学方式学生取得知识的途径主要是教师的课堂讲授和教科书。笔者认为，教师应该让学生从书本和课堂中适度解放出来，要求学生积极参加实践，接触实际问题，在经历实践的同时和解决问题中获取知识。教师对每一门计算机课都给学生布置实践课题，作业考核测试尽量在电脑上进行，实行“无纸化”，使理论和实践教学有机地统一。

3.鼓励并组织学生校外实习

为了让学生能更好的适应社会需求，在充分发挥本校人力资源的基础上，与一些IT公司联合，鼓励并组织一些学生去公司实习，让学生有机会参与实际项目的开发和管理，提高实际应用水平。同时，也可以聘请公司专门从事网页制作的人员来校授课，让学生能及时了解学科前沿应用信息并掌提高新技术，尽力让学生的认知内容始终与世界资讯保持一致。

（二）学法的改革

1.引导学生转变思想

学生从高中升人高职，大部分学生已经习惯中学教师的教法。简单的说就是，学生只会学习老师教的内容，不会太多想和学课外的一些知识点。但是，现在不同了，首先要从思想上给学生敲一下警钟，让他们知道，高校不同于中学，高校的学习和学法主要靠个人，网页制作的知识无边无际，需要学生自己去好好学习，自己去钻研。因此，老师应该更多的提醒学生平时独立思考问题、独立看书、独立去实践，逐步转变学生的惯性思维。

2.引导学生理论与实际相结合

我们注意引导学生从课本中解放出来，但是也不能完全的脱离课本。尤其是网页制作科目的实践性很强，所以一定要注意提醒学生不能忘掉课本的这个“本”，注意理论与实践相结合，只有通过在实践中来发现问题，同时又从课本中获取知识，才能达到理论与实践相结合，才能增长知识，才能取得更大的进步。

3.引导学生利用好网络资源

随着学校网络环境的进一步改善，学生上网的机会也随之增多。网络资源为我们的教学提供了一个很好的学习资源，但需要教师的有效规范和引导。网上关于网页制作的相关网站很多，有一些做网页的相关技巧等着学生去学。通过学生对网络资源的利用，既能大大的补充学生做网页知识的全面性，又能很好的激发学生学习的积极性。

4.引导学生建立学习小组

在教学的过程中，我们可以将学生每4—6人来建立一个学习小组，小组成员之间相互协作，相互帮助，来共同解决问题。同时可以让小组中尖子生充当小老师来指导其他成员，从而达到共同学习进步的效果。学习小组的建立，初步培养同学们合作交流的愿望，使他们能主动与他人合作，敢于提出与别人不同的见解，也勇于放弃或修正自己的错误观点。通过学生的共同探索，可以培养同学之间相互合作、共同探索的团队精神，也可以提高学习效率。

（三）成绩考核方法的改革

网页制作操作性很强，实践内容多，而理论知识少，一个学生学得好不好，关键看学生的动手能力怎么样。对学生成绩的考核也是网页制作教师长期探索的课题。

1.小的知识点，平时随堂考查

在时间允许的情况下对每个学生要逐一检查，使学生在平时就养成对小知识点的积累。久而久之，做一个网站的所有知识点就会慢慢的积累起来。

2.提前布置一些较大的工程（如个人主页、网店设计之类）

如何使学生将一些小的知识点组合成为一个大的或综合的网站才是做网页最终目的。因此，开学初我们就可以布置个人主页、网店设计的任务，要求学生做好准备，到期末后一起交上来。这样既可以即学即用，也使得学生在平时把精力真正的投入到专业技能的训练上。

3.上机操作

期末考试的成绩不能仅仅就是上面的两个方面的成绩，还要让学生能在规定的时间内来完成老师所规定的一个网站来，学生可以自由发挥，设计想出自己独特风格的网页，这样对学生就会有一个很大促进作用，有助于学生独创意识的发展。

三、五步教学法

《网页设计与制作》课程特点是：具有很强的操作性，并且新技术不断涌现，有明显的时展特点，教学内容须同步更新；设计无定势，故极富创意性、挑战性，要求学生手脑并用。

基于以上特点，教学时可反复采用五步法训练，即【分析】【归纳】【模仿】【创新】【进入资料库】，逐渐提高学生层次。具体实施时采用宏观讲解与个别指导相结合的方法进行。

（一）创设情境，提出问题，讨论分析

通过“创设情境，提出问题”可以激发学生的求知欲，而且还可以培养学生发现问题，探索问题的能力。

（二）操作演示，理论讲授，模仿创新

本课程重视实际操作，培养学生的动手能力。在组织课堂教学时：首先，演示案例结果，给学生以直观的感受，然后倒述代码；其次，提出问题，让学生模仿着翻三，归纳总结；最后，留出部分时间让学生创新设计。

（三）资源开放，自主探索，评价作品

在网上随时学习资源，鼓励学生利用搜索引擎，自主学习，互评作品，总结得失，共同提高。

四、期望达到的教学效果

通过让学生分组设计网店，掌握网络店铺营销的基本操作方法、各种信息搜集与方式的使用、网络问卷的制作与、网络广告推广策划、网络营销各种策略方案等核心知识和必备技能[2]。同时获得相应的操作能力、学习能力、应用能力，强化学生的实践能力，100％达到课程教学的要求。

学生在掌握基本知识、能力，培养素质的基础上，能掌握课程中要求的职业技能和素质，能在真实或仿真的环境中经营网络店铺。由于本课程设计为项目导向、任务驱动的工作过程系统化课程，每个项目的第一步即为明确工作任务，全体课程组教师应充分尊重学生在教学过程的主体地位，把单向灌输改为师生协同互动，从引导学生的思维方式入手，最终由学生自主完成电子商务操作流程，达到良好的教学效果，极大地调动学生的主动性，使学生的学习目的进一步明确，学习兴趣明显提高。

网页制作与设计篇7

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

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

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

二、教学内容的创新

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

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

三、教学手段的创新

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

四、教学方法的创新

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

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

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

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

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

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

五、考试方式的创新

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

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

参考文献：

网页制作与设计篇8

【关键词】

网页设计；高职；教学内容

随着互联网逐渐深入到经济生活的各个角落，涌现出越来越多的网站。相应的，各类单位、企业等用人单位对网页设计与制作人才的需求也开始变得普遍。而《网页设计与制作》也早已成为大多数高职院校普遍开设的课程，甚至在同一所高职院校中也有相当数量的专业开设了这一课程，这些现象都反映出了社会对网页设计与制作人才的需求。而互联网的不断发展也在推动着社会对网页设计与制作人才水平要求的不断提高，也对《网页设计与制作》的教学提出了新的挑战。

一、《网页设计与制作》教学内容存在的问题

1.教学内容与实际应用脱节。

目前，《网页设计与制作》的教学内容大致分为：网页设计基础知识、HTML语言基础、CSS样式基础、网页文本和图像、超链接、表格、框架、Div、多媒体网页、模板和库、站点管理维护。不同院校、不同专业在具体内容的选择上可能会有所差异，但大致都包括了这些内容。首先，在《网页设计与制作》教学中，往往会以Dreamweaver这一网页制作软件的使用作为主要内容，所有的操作都依赖于Dreamweaver，很少涉及对HTML代码的讲解，这导致学生无法熟练的查看、修改HTML代码，一旦离开了Dreamweaver，学生将无法制作、修改网页。而在实际应用中，HTML代码是在进行网页设计时无法绕过的一个知识点。因为在Dreamweaver的设计视图下操作是不能解决所有问题的，很多网页设计中出现的问题只有通过查看HTML代码才能发现并解决。此外，Dreamweaver也并不是计算机上的常用软件，学生应该具备在脱离Dreamweaver的环境中进行简单网页制作、修改的能力。其次，早期的页面布局以表格布局为主，但随着互联网技术与网页设计标准的不断发展，表格布局技术已经不再是主流，取而代之的是Div+CSS布局，也是所谓的内容与形式分开的布局方式。在这种布局方式下，页面元素的布局更加灵活、页面代码更加简洁。而更重要的是，采用这种布局方式的网站在整体风格的管理和后期维护上更加方便、效率更高。因此，《网页设计与制作》的教学内容应当给予Div+CSS足够的重视，加大其在教学内容中的比重，以增强与实际应用联系的紧密程度。再次，随着移动互联网的兴起，通过手机等移动终端访问互联网的用户数量已经超过了传统的通过PC访问互联网的用户数量，如何设计适合于移动终端浏览的页面，也应该作为《网页设计与制作》教学内容的一部分。

2.只重视“制作”忽略“设计”。

不同院校、不同专业对《网页设计与制作》课程的命名不尽相同，但大多带有“设计”二字。而在实际的教学内容安排中，却往往没有体现出“设计”的部分。网页设计是一门典型的交叉课程，既有计算机科学知识，又有人文社会科学知识。网页设计虽较多的依赖技术性手段，但并不代表在教学内容的安排上就要以技术为主导。学习Dreamweaver也是只是为了掌握一种工具而不是最终目的，成功的网页设计作品还要有美观的布局、配色和人性化的信息导航。

二、确定合理的《网页设计与制作》教学内容

1.加强对HTML基础的教学。

虽然Dreamweaver作为主流的“所见即所是”编辑工具，可以让使用者不接触HTML代码就能完成大部分网页制作的工作，但是只有真正理解HTML语言，才能理解网页工作的原理，才能真正深入到网页设计的核心，才能学习到其他优秀网页设计作品的内涵，为将来的能力提升铺平道路。

2.加强对Div+CSS内容的教学。

Div+CSS布局已经是成熟的主流网页布局技术，《网页设计与制作》的教学应该突出对该技术的侧重，将已经被淘汰的表格布局作为辅助。同时，对CSS的教学内容应该贯穿始终，因为CSS可以说是控制网页元素表现形式的关键，掌握了CSS就能根据需要轻松的设置页面元素的各种效果，从而为整个页面增色。

3.增加对艺术设计的教学。

目前网页设计行业内最缺乏的是具备优秀设计能力的高端网页设计人才，而目前《网页设计与制作》教学中最欠缺的就是对设计能力的培养，导致学生在学完课程后也只能进行简单的模仿和重复，无法进行有效的创新和设计。因此网页设计课程的教学应该以艺术设计为出发点，增加对传统艺术设计方面的教学内容，如构图、色彩、设计思维等知识，并进行相应的实践练习，以此培养学生基本的审美能力和在设计上的创新能力，这样才能让网页制作技术服务于网页设计，从而真正体现出“设计”，避免舍本逐末。

4.补充对主流技术的教学。

互联网的发展日新月异，新的技术不断涌现，作为《网页设计与制作》的任课教师，应该具备一定的判断能力，将未来网页设计技术发展的新趋势呈现给学生，帮助他们紧跟行业动态，为将来就业打下良好基础。

三、结束语

《网页设计与制作》作为一门开设多年的课程，在教学内容的设计上必须要关注行业的最新动态，同时明确课程的核心内容，才能培养出社会所需要的网页设计人才。

作者：韦喆哲 单位：广西经济管理干部学院信息管理系

网页制作与设计篇9

《网页设计与制作》作为一门高校网络与新媒体相关专业强化学生学习兴趣点的专业基础课程，开展课程教学模式改革与实践研究有着十分重要的现实意义[1].

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

结合学生就业实际情况、已从事与网站建设相关岗位的毕业生反馈信息，现阶段《网页设计与制作》课程教学中存在的问题，具体而言：

1.1不够积极主动，学生实践能力不足

长时间以来，《网页设计与制作》课程大多推行理论课与实践课交替开展的教学模式，起先由教师对相关专业知识、软件技术操作内容进行教授示范，之后由学生通过随堂笔记或者学习记忆对教师教授内容开展模仿操作.教师占据课程教学主体地位，教学内容缺乏生动形象性，学生学习过于被动，学习主观能动性难以得到有效调动.一些学生对教师教授的理论知识、布置的上机作业等不感兴趣，沉溺于网络游戏、手机游戏等，致使专业知识教学成效不尽如人意.学生受基础理论知识与专业理论知识不扎实影响，对于自身面临的疑难问题难以迅速反应并开展自主解决.再加上理论教学内容与实践教学内容未能实现有效衔接，使学生在对于“何为过程性知识、何为陈述性知识？”、“何为理论性知识、何为实践性知识？”等认识上模棱两可，即便学生能够对教师所教授知识展开有效模仿操作，也难以将它们运用至实际工作中去.

1.2不够实事求是，学生动手能力不足

教师在《网页设计与制作》课程教学中通过操作鼠标进行示范，学生片面的认识十分简单，学习过程中不实事求是，等到进入实践课要求他们独立开展操作时，面对提供完备操作流程的学习任务不屑一顾，认为太过简单；面对未提供相关操作流程的学习认识则无从着手，进而产生“高不成低不就”的局面.学生未能基于独立自主实践队专业知识进行掌握，致使难以建立隶属自身特有的知识、经验架构，一旦进入社会职业岗位中便不知所措，无法独立自主制定工作方案，更别谈是付诸实际行动，难以有效将所学知识与实际结合，不具备自主解决问题的能力.

1.3各方缺乏沟通，学生适应能力不足

结合毕业生反馈信息，普遍存在学生沟通意识欠缺，不具备客户至上理念等问题，致使难以对职业岗位进行有效适应.一些学生不明确客户要求，亦或对客户要求抛之脑后，而凭借自身主管意识开展设计；一些学生对客户要求形成错误认识，为客户带来不必要的麻烦.受各方缺乏沟通或沟通能力不足影响，致使返工情况屡见不鲜，不但降低了工作效率，还会对客户信任造成负面影响，不利于企业的有序发展.这些不良后果极易使学生产生负面情绪，进而对后续工作造成不良影响，由此进入恶性循环；进而这些学生对工作产生厌烦心理，没有成就感，不具备工作的动力.

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

在时展新形势下全国高校网络与新媒体专业，必须与时俱进，大胆进行改革与创新，引入先进的科技和成功发展的经验，进一步强化《网页设计与制作》课程教学模式改革与实践，对促进《网页设计与制作》课程教学模式改革与实践逐步开展可以从以下几个方面着手：

2.1强化教学内容改革

高校《网页设计与制作》课程强调对设计人员实践操作能力和基本功训练，对于网页设计等一系列相关操作技术要求每个学生必须能够娴熟掌握，具有管理、开发和维护小型网站的能力.鉴于此，《网页设计与制作》课程开展教学内容改革的重要前提是用人企业的需求.结合企业用人需求从事不同高校网页设计与制作专业、网上招聘启示及人才市场相关信息等，对不同行业需求开展总结：（1）以企业局域网为重要前提的操作，好比对等网的组建与维护、office文档的存储与整理、B/S企业MIS系统的管理与维护、计算机一系列软件的安装与使用等；（2）企业网站的管理，好比企业网站建设、企业网站文件管理、企业网站策划等；（3）企业电子商务活动，好比在线商务活动、产品在线宣传、互联网信息处理等；（4）具备相应计算机图形设计、软件设计能力，具备相应B/S应用程序开发能力；（5）娴熟掌握Flash、Dreamweaver等网页设计工具，精通CGI网页交互语言，熟悉HTML设计等[2].在此基础上，《网页设计与制作》课程在侧重Flash、Dreamweaver及Fireworks网页教学前提下，应当进一步关注HTML设计、图形设计与处理、JavaScript代码等的教学，以强化学生计算机图形设计能力、软件设计能力；此外，还应当强调网站建设、管理，强化学生对网站组建、管理、维护等内容的系统认识.

2.2强化教学方法改革

2.2.1案例教学法要想调动起学生学习主观能动性，避免传统灌输式教学模式，在教学期间应当推行案例教学法.结合教学进度、要求引入案例并开展好备课工作，对案例涉及理论、技能进行教授讲解，探讨案例中存在的相关问题及处理对策等，同时案例要具备针对性、典型性，自符合学生接受能力开展选取、设计.好比，可选取介绍“民族传统”、“家乡美景”等的门户网站，教师通过向学生开展讲解此类网站涉及的知识点，要求学生制订学期学习计划，设计制作一个小型网站，且网站制作过程要与课程教学内容保持协调.2.2.2项目化教学法选取实际项目为前提，加大对学生分析、解决问题能力培养的力度.在专业网站设计与制作过程的前提下建立学习项目，沿着职业岗位任务主要方向明确不同模块内容，包括网站建设方案制作、网站制作以及网站设计等，依托紧贴职业实际的教学内容，有效调动起学生浓厚的学习兴趣.依据职业岗位任务主要方向提取各项能力目标，并融入进制作网站建设方案、网页基础知识储备等多个不同模拟制作任务中，达到对学生分析、解决问题能力培养的目的.与此同时，制定一系列相关独立实践任务，以使学生在完成任务的同时，对自身所学知识理论进行巩固，进而娴熟掌握各项网页制作技能.2.2.3任务驱动教学法将实践操作任务、模拟制作任务作为载体，关注对学生学习能力、技术应用能力及工作能力等方面的培养.在教学中部署一系列模拟制作任务，并与其中插入相应的知识内容，经由任务背景介绍、操作流程讲述、知识点拓展等布置，引导学生进行自主思考.学生通过解决问题来掌握知识，经由任务把所掌握知识应用于实际问题解决中，进而强化自身动手、解决问题的能力.与此同时，需要学生自主完成实践操作任务环节，以增强学生自学能力、技能应用能力等方面训练.以某学院网站引导页任务制作为例，应展开下述操作：（1）背景介绍，经由该学院网站，提升学院影响力，为师生相互、校企相互、家校相互等往来提供便利；（2）任务要求，对学院网站特色进行尽可能凸显，吸引更多网页浏览者，并为浏览者留下深刻印象；（3）任务分析，设计前对学院网站用户相关需求展开全面研究，找准网站风格定位，可选取图片或者Flash动作用以引导页，将图片用以引导页第一步通过PS设计好引导页效果图及Flas，然后开展切片，最后完成表格设置工作，并将图片、Flas添加进网页引来浏览者，提升网站流量；（4）延伸知识点，包括表格属性设置、切片优势、切片方法等；（5）处理问题，要想加快网页浏览速度，通常要求将大图切为小图.基于任务制作过程开展知识点延伸教学，结合实际情况让掌握理论知识的同时，了解知识的获取渠道及方法，改善学生学习效率.由于伴随技术发展，学生职业生涯会受到一定影响，因此教师一方面要权衡知识的够用情况，一方面要权衡知识点的系统性.应当尽可能拓宽学生知识面，在知识点选定过程中不仅要结合岗位群，又要自技术发展、设备软件更新所对学生职业造成的影响出发，留有一定的余量.在全面教学期间，强调对学生综合职业能力、职业素质等方面的培养，汇集教、学、做于一体，尽量适应学生为主体、教师为主导的新型教学模式的需求.各模拟制作任务均很好地融入知识目标、能力目标，侧重能用什么做什么，尽可能凸显《网页设计与制作》课程教学与职业岗位能力需求的紧密联系，强化学生专业学习针对性、实用性.2.2.4激励教学法要想激发学生对网页设计的学习兴趣，锻造学生自学能力、创造能力，学校应当积极组织各式各样种类的就业技能大赛、Flash设计大赛、网页设计大赛等活动，通过激励性活动一方面促进学生对所学知识的实践应用，一方面有效发挥学生团队协助能力、设计创新能力.

2.3强化教学手段改革

2.3.1联机教学借助网络开展好《网页设计与制作》课程教学.《网页设计与制作》是一实践性强、应用广泛的技术，要想说明网页设计的性质及相关实践应用，实时展示极为关键，所以在网络教学中接入互联网，通过互联网对一系列理论知识开展详实说明，如此可有效提升教学课堂生动形象性，强化学生对《网页设计与制作》课程实用性、重要性的明确认识.2.3.2开设《网页设计与制作》在线课堂要想进一步改善《网页设计与制作》课程教学成效，可考虑开设该课程的在线课堂，促进教师与师生之间的互动，实时了解学生意见，优化整合教学方法、教学进度，对学生学习遇见的疑难困惑进行及时解答.此外，还可将该课程全部课程资源传输上网，诸如教学大纲、教案、课件等资料，还可依据课程章节补充相关设计案例等.如此，学生一方面可通过网络获取课堂教学的各项内容，一方面可借助多媒体优势满足自身自主学习需求.

3结束语

总而言之，高校网络与新媒体专业《网页设计与制作》课程教学模式的改革与实践，是一项十分复杂的系统工程.其是对传统课堂教学方式的一种挑战，对教师和学生均提出了极为严苛的要求.鉴于此，相关人员务必要不断钻研研究、总结经验，清楚认识《网页设计与制作》课程性质、教学特征及教学目标，全面分析《网页设计与制作》课程教学中存在的问题，“强化教学内容改革”、“强化教学方法改革”、“强化教学手段改革”等，积极促进促进《网页设计与制作》课程教学模式改革与实践有序开展.

参考文献：

网页制作与设计篇10

二、《网页设计与制作》课程牵引项目的选择及相应整合的理论知识

就课程本身运用实质来说，工作的项目其实分为网站设计与管理、网页制作、图像与媒体设计与运用、数据库设计与管理、脚本与应用程序的设计与运用。经过市场调研和多年教学实践，我把把课程牵引项目分为八个具体任务：1.图文并茂网页的制作完成该项目的知识包括常见网页设计工具的使用、HTML文档基本结构、文本排版控制标记符、图像插入标记符、特殊字符以及物理显示标记符、css的意义、创建与使用方法。项目技能目标有安装和启动网页制作软件、熟悉网页制作的基本步骤、正确插入文本与特殊字符、正确对文本进行分段分行、正确插入图像、运用css技术控制文字图片样式。2.个人简历网页的制作完成该项目的知识包括有序列表标记符、无序列表标记符、表格标记符、超链接标记符、Css技术对列表的控制方法。项目技能目标有制作有序列表、无序列表、制作混合列表、运用超链接标记符启动电子邮箱链接、运用表格进行简单页面排版、运用css技术设置列表显示方式。3.电子相册制作完成该项目的知识包括网页图像素材的特点与主要类型、Fireworks对图片进行批处理的方法、电子相册排版要点、图像、表格、超链接标记符的相关属性、css技术的滤镜使用方法。项目技能目标有熟悉网页图像素材的特点与类型、掌握Fireworks的基本操作方法、了解并掌握网页图片处理的主要方法、熟知图像、表格、超链接标记符的属性、运用css滤镜技术美化图片效果。4.学习欣赏网站设计与制作完成该项目的知识包括本地网站的创建与、IIS的安装与设置方法、网站的规划与制作流程、框架技术进行网页布局的方法、超链接标记符在框架技术中的作用、锚点链接技术、网站LOGO的制作方法、制作网站flashbanner的方法、多媒体素材网页的制作方法。项目技能目标有：正确创建、设置、本地网站、正确安装、设置与管理IIS、运用框架技术进行网页布局、锚点技术在长版面网页中的应用、运用图像设计软件制作LOGO、运用flash制作具有动态效果的banner、掌握向网页插入动画、视频等多媒体素材的方法、熟悉css控制超链接样式的方法。5.门户网站制作完成该项目的知识包括门户网站的设计、规划与制作流程、网站创建、、维护管理的方法、Div+css布局网页的方法、创建子菜单的方法、Dhtml技术、Dreamweaver的高级应用技术。项目技能目标有熟悉运用div+css技术设计网页、掌握Dreamweaver创建与运用divAp的方法、掌握运用Dreamweaver时间轴功能制作网页漂移元素的方法、掌握Dreamweaver行为面板的使用方法、灵活应用DHTML增加网页特效。6.个人信息网站设计与制作完成该项目的知识包括个人网站的规划方法与制作特点、运用图形制作工具设计绘制网页布局、Fireworks执行切片并导出网页的方法、Dreamweaver布局切片网页的方法、页内框架技术在网页布局中的应用方法、动态导航条的制作方法、css对网页进行样式规范与美化的方法。项目技能目标有了解个人网站的制作方法与特点、设计并绘制网页布局图、应用切片技术设计网页布局结构、运用Dreamweaver优化切片网页、运用页内框架技术实现网站超链接、掌握制作动态导航条的方法、运用css对网页进行样式规范与美化。7.用户注册信息网页制作完成该项目的知识包括表单与表单元素的相关标记符、表单与表单元素的作用、表格布局表单元素、css对表格、表单元素的控制方法、Dreamweaver检验表单行为的应用、以电子邮件方式提交表单的方法。项目技能目标有熟悉表单及表单元素的设置方法、掌握表格布局表单元素的方法、运用css对表格、表单元素进行规范与美化、掌握Dreamweaver验证表单的方法、掌握电子邮件形式提交表单的方法。8.浏览、查找、修改通讯录的网页完成该项目的知识包括动态网页制作与设置、数据库的绑定、表单动作设置、表单元素与数据表的对应、动态表格插入与应用、动态网站的。项目技能目标有熟悉表单及表单元素、掌握动态网页制作与设置方法、运用表单动作设置动态效果、掌握动态表格的插入方法、掌握动态网站要领。

网页制作与设计篇11

关键词：

传统教学；学即能用；CSS

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

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

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

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

二“、服务于地方”教学内容的改革

（一）教学内容改革内容改革是课程改革的首要环节。关于什么是关键内容，什么是次要内容，笔者走访了本地专业网页设计公司中企动力的设计总监马女士，通过对她的访谈，了解到时下主流的网页设计公司所涉及到的技术规范，对本校现阶段的教学内容做了必要的调整，简化了表格布局页面、框架设计等已被淘汰的陈旧技术的授课内容，有选择地介绍了网页交互特效及表单的应用，加强了网页美化工具、HTML语言及CSS的学习内容。改革后的课程主要分为六大模块：网页和网站的基础知识、网页美化工具（Photoshop或者Fireworks）、HTML语言、网页开发工具的介绍、DIV+CSS、动态网页技术。首先，通过具体的例子阐明网页、网站的定义，页面的布局类型（主要是盒模型）、整体造型及配色方案的相关知识；其次，介绍网页美化工具图片处理工具（Photoshop或Fireworks）的使用，学生可用其设计页面元素，加强页面的视觉效果与美观性，提升站点的专业度；再次，介绍HTML的基本语法结构和语句，使学生熟练掌握其主要标签的使用（传统的教学模式对这一部分的内容有所忽略）。实践证明，学生若不熟悉HTML的语法构成，学习DIV+CSS这一主流的网页布局模式就会相当吃力。当然，对于非专业学生而言，学习一门语言，即便是文本标记语言，由于其本身对计算机系统相关知识的欠缺，授课会比较困难，学生也学得辛苦，但这又是一个必要的过程，其所占用的时间比较长，需要设计大量实例，反复练习才能掌握。之后介绍开发工具，重点是要理解页面的代码模式和设计模式，而DIV+CSS则是本门课程的重头戏，由于学生对代码有种天生的恐惧，所以，在建立CSS时又以开发工具建立为主，修改程序为辅。最后简单提及动态网页技术。由于课时限制（32节），本课程主要讲授静态网页制作。静态网页技术分为传统技术和新技术。传统课堂教学内容重点是布局表格、框架、模板等，而目前主流的网页制作公司则主要应用DIV+CSS。所以，对于陈旧的技术简单介绍即可，而把DIV+CSS作为布局的主要技术进行讲解。由于这些内容需要学生对代码部分比较熟悉，所以，在课时中增加了相应的HTML的基本语法结构和语句的介绍，并对主要标签的使用熟练掌握。

（二）实际授课效果笔者今年为设计和思政两个专业的学生授课。设计专业的学生已经开设了PS，有一定的设计基础，所以，课程内容改革中的第一部分可以省略；思政专业的学生没有图片处理基础，笔者在授课过程中有意加强了这部分内容，讲授简单的图片处理方法和文字特效工具。实践证明，学生有追求新知识的欲望，基本能做到学以致用，并反馈到最终的作品中。往届学生的作品更像电子小报，而今年通过课程内容改革的学生作品虽不完美，但在形式内容上更接近Internet的正规网站，教学效果良好。针对我校提出建立培养服务于地方应用型人才的本科院校，传统的网页设计与制作课程必须响应时代号召，更新教学内容与方法。本文仅供从事该课程教学的教师参考。

网页制作与设计篇12

中图分类号：G633 文献标识码：A 文章编号：1673-9795（2013）05（b）-0173-02

近年来，随着我国职业教育改革的进一步深化，计算机专业课程改革面临着进一步完善，这就对《网页设计与制作》课程改革提出了更高的要求。《网页设计与制作》课程是中职学校计算机应用技术和计算机网络专业中一门创新性和实践性很强的专业课程，要求学生不但要学好理论知识，还需要掌握实践技能，关键是要具有解决实际问题的能力。但是，这样一门看似简单好学的课程，却经常得不到很好的教学效果。学生在学完课程之后，要么设计结果达不到应有的功能和视觉效果，要么不能独立地进行网站规划和页面设计。因此，笔者在《网页设计与制作》课程的教学实训中，对教学内容、教学方法、教学手段、考核方式等进行了一些尝试，收到了良好的效果。

1 实训阶段

以我校计算机应用专业为例，《网页设计与制作》综合实训课安排时间为60个课时，以集中训练的方式进行。在综合实训之前，学生已经学习理论知识和上机操作，对课程的重点、难点进行了相关的练习。笔者在教学中发现，虽然学生经过指导能够完成课堂上布置的任务，但是只能根据规定的操作步骤进行，学生没有独立设计和制作网页的能力。学生的操作依赖性很强，学习之后很快就遗忘。针对这些问题，笔者制定了切合实际的实训计划，主要目的是培养他们团队中协作能力，独力完成所承担的网站需求分析、网站规划、网页设计、综合测试等工作，从而使学生牢固掌握所学知识，实现以技能培养为核心，培育适合当前职业岗位需求的应用型、技能型人才。本课程综合实训如下所示。

1.1 实训动员

在综合教学实训进行前，要做好学生的学习动员工作。一方面，让学生明确综合实训的主要目的是让学生通过实践，了解和掌握网页设计与制作的基本方法，通过不断上机练习达到解决实际问题的能力。因此，集中两个星期时间使学生综合运用所学习的网页设计与制作的知识及以前所学习图形图像处理等计算机软件应用方面的知识，根据网站制作的流程，完成一个综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。另一方面，让学生了解实训的目的和意义、学习方法以及考核方式等方面的内容。采用展示实际案例效果、历年网页设计与制作竞赛获奖作品、历届学生的优秀作品等方式来激发学生的学习兴趣，让他们积极主动地参与到实训中来。

1.2 实训过程

在《网页设计与制作》综合实训教程中，老师的角色是参谋，学生的角色是任务的完成者。老师提出项目要求，学生根据具体的任务来完成。我们把一个班的学生分成10个小组，每个小组4～5人，每个小组选择一个主题制作网站，综合运用前面所学的知识和相关的技术共同完成。

1.2.1 基本知识回顾

这部分的要求是温习网页制作课程的重点难点，使学生对Dream weaver各方面的操作知识系统的由“片”的认识转向“面”的认识。

1.2.2 案例作品赏识

在网页设计过程中，经验丰富的设计师需要博采众家之所长，形成自己的风格，而对于初学者来说，模仿是最容易收到效果的方法。大量欣赏优秀的网站作品并不断地分析、比较，会使学生的各种能力逐渐增长和提高。通过展示历年中职学校职业技能竞赛中网页设计与制作项目中的获奖作品、历届学生的优秀作品等手段来提起学生的学习兴趣，吸引学生积极主动地参与实训。

1.2.3 案例模仿操作练习

从历届学生的优秀作品中选择一个典型的案例，让学生作为网页设计与制作知识的回顾。例如，对一个旅游网站进行解析，使学生了解制作网站的基本方法，让学生对旅游网站的粗略和宏观认识得到细化，使学生懂得如何独立面对旅游网站进行需求分析、站点规划和设计。

1.2.4 作品的选择、网站需求分析、站点规划

在综合实训中，首先要求各小组学生选择一个网站主题，主题一般选择如下内容：校园生活、教育、体育、旅游、电子商务等。然后，小组成员开始着手进行网站需求分析，设计整个网站的框架，选定要设计和制作的各部分内容，由组长组织完成一份完整的网站规划书。在此过程中，老师要适当指导，要求学生独立完成，设计出有具有本组特色的网站。最后，由组长给本组成员进行网站设计与制作任务分配，分头搜集素材并进行整理。

1.2.5 网站色彩搭配