网站开发课程设计总结范文

网站开发课程设计总结篇1

关键词网页设计与制作网站网页中图分类号：G712文献标识码：A

1 技术与艺术的争论

“网页设计与制作”从课程的名字看，我们要对网页设计与制作进行反思，它到底是艺术问题还是技术问题？

互联网已经与当今的我们息息相关，网页的设计与制作过程一直伴随着技术和艺术的争论。为此，我们有必要在开课前就让我们的学生明确：在网页设计与制作过程中，到底是技术重要还是艺术重要？还是两者都重要？

在教学过程中，我们要不断地提醒学生反思以下几个问题：（1） 网页设计与制作是为谁做的？（2） 谁会来看你的网站？（3） 网页设计仅仅是能看就行吗？（4） 如何考虑受众更多地和更有效率地接受网页上的信息？（5） 网页设计与网页制作有区别吗?（6） 技术和艺术如何更好地服务于网站？

作为课程的教学者和学习者，需要大家都可以作为一个技术和艺术的全能者，虽然我们每个人在各个方面都有所侧重，但只有很好地在设计与制作过程中，多些反思技术与艺术的问题，才能避免我们偏离网页设计与制作的初衷。

在教学过程中，教师要不断地提醒学生反思这个部分的技术在他的网站作品中是否用到？千万别因为让学生为了炫耀技术而采用多种风格的动画，添加少美感或与主题完全不相关的东西。别因为大量的技术使用加重了浏览器的负担，浏览器受带宽的限制，要学会为浏览器减负。

2 网站与网页的分合

教师在讲课中也许会混用网站和网页，但是在设计与制作过程中，教师必须让学生对这两者有所共识：网页是一种可以在互联网上传输，能被浏览器认识和翻译成页面并显示出来的文件，网页是网站的基本构成元素。网站也叫做站点，是提供各种服务和信息的基地。

学生可以深入区分开两者的异同之后，需要养成先建立站点，之后再在此基础上创建网站所需的相关文档的习惯。

3 实用性与艺术性的思辨

网站的定位，对于网站的设计与制作有很大的影响，如何权衡网站的实用性和艺术性？也许我们要考量的有很多。网站的实用性和功能性固然重要，但不要忘记提升它的艺术高度。如何避免用教条的、形式化的方式设计网页，作品给人一种像是一个模子印出来的感觉。教师在教授学生模板使用的同时，也要提醒我们的学生，别因为使用了免费模板而自鸣得意，那些真正好的网页设计绝不是在免费模板的制作上而停步不前，一定是那些懂得如何发挥自身的创意思考，来积极创作属于自己风格，又能很好地宣传自己的网站的人才是真正的设计者。

4 系统性与适应性的融合

高职教学强调项目化教学模式和基于工作过程的教学法，如何让学生在把握基于工作流程的任务化项目式教学中，可以更加全面地适应当今不断变化的技术？从知识的整体性来看，也就是如何保证在工作过程中，他们学习到的知识内容的完整性、适应性和迁移性？

针对对高职学生技术技能型目标的定位，我们更多地需要不断为项目中加入挑战与扩展训练的模块来提高学生知识的完善性，弥补我们在项目化教学过程中的那些知识的缺陷，可能带给学生在今后工作发展中的盲目和无助感，也更好地拓展学生的独立思考和发散性思维能力。

在网站的信息结构方面，国外有信息结构专家，网站由信息结构设计师与网站创意设计师共同探讨、协作完成。国内网站策划由专业的市场行销、策划人员来做。面对刚刚学习此门课程的学生，这种网站的总体设计是需要他们学完本门课程之后才能具备，但怎么能在此时就让他们具备此方面的总体设计能力，需要学生搜集和分析与自己设计的网站相同类型的网站的相关导航和网站的栏目来获得，也在此基础上来揭开网站的总体设计环节，当然，也需要培养学生不断地适应修改完善现有的网站，不断明细网站的定位。

5 过程性与结果性的统一

每一个网站的开发必然经过一定的工作过程，才能完成整个站点的，从网站需求分析、总体设计、模板设计、首页设计、子页面设计、测试到设计总结，在我们的教学中如何以一个完整的项目为依托，而又同时指导学生完成自我开发的个性化的网站任务，是网页设计与制作课程需要解决的问题。

在教学过程中，学生也需要走从欣赏、模仿到创作的过程。教师需要通过案例教学，将一个个美观大方的网页呈献给学生，带领他们分析网页中的相关内容而开始每次课程的学生，让学生不断地发现其中的奥妙。引导学生学会模仿网页的整体布局，网页的LOGO设计，通过大量的模仿练习不断提炼，最终确定适合自己设计的网站的相关内容设计。

6 职业素养与职业能力的协调

很多人对网页设计师这个职业的质疑：他们仅仅是比平面设计师多懂点代码，比程序员多懂点设计，有时候他们还会搞点动画？仅仅如此吗？在国内的网页设计师，更多兼任着设计与制作两个方面的任务，尤其是对于中小型企业来说，更是如此。为了能够更好地在教学中通过项目、案例等内容来培养学生的职业能力，适应大中型与小型企业的需求。也不得不要求我们在全能中培养专才，在专才中注入全能的思想。从开始的网站策划阶段，培养学生的资料搜集能力，整理归纳能力。在网页设计布局阶段，不断地发挥学生的创新能力，自我发展与感悟能力。在网站的测试阶段，教师引导学生再次审视自己最初的规划目标是否真的实现了？达到最终的分析总结反思能力。

7 结论

高职《网页设计与制作》教学中，只有教师从多角度对课程内容和教学方法的思考，才能更好地引导学生的学习过程，也才能更有利于对于学生问题思考能力、职业技术和职业技能的培养与提升。

参考文献

[1]孙东梅. Dreamweaver完全实用手册[M].电子工业出版社,2011:3-4.

[2]李磊.项目驱动教学法在高职《网页设计与制作》教学中的设计与应用初探[J].计算机教学与教育信息化,2011.6.

网站开发课程设计总结篇2

关键词：文化艺术；管理；网页设计

文章编号：ISSN2095-6711/Z01-2016-02-0194

随着Internet的飞速发展以及网络的日益普及，“网页设计”作为一门新兴课程越来越引起人们的重视，许多大学的许多非计算机专业都开始将“网页设计”这门课纳入了专业必修课的范畴。我们考虑到这一点，对我校文化艺术管理类（以下简称“文管”类）专业方向的学生开设了这门专业选修课。该门课在开设之初，我们就遇到这样的问题：学生在学过之后，不是不能独立地进行网站规划和页面设计，就是设计达不到应有的功能效果和视觉效果。为此，在《网页设计》课程的教学过程中，我们从教学目标、教学内容、教学实施原则、考核方式等方面行了探索和实践，收到了较好的效果。下面简单总结如下：

一、教学目标的设定

在教学目标的设定上，我们充分考虑了职业角色的定位。“网页设计”这门课程的主要任务是介绍利用Dreamweaver开发工具进行网页设计，包括新建、编辑和设置一个Web站点，以及网站的与维护等基本知识与应用。如果考虑到就业岗位定位，文管类专业的学生主要是从事网站项目的策划设计、系统开发和维护推广等三个方面的工作。因此，我们在充分考虑以市场和就业为目标的情况下，把课程的教学目标设定成：学生通过课程学习，与其他课程形成技能合力可以胜任各岗位的工作。我们设定了与课程相关的职业角色，如表1所示。因此，我们设定了从网站的规划到推广、维护均由学生团队完成的实训作业要求。结果我们发现：将教学内容和相关的就业岗位进行重新分解和组合的授课方式比起单从传统的教材和大纲来组织课程教学效果要好很多。在课程的项目实训中，课程的教学中以职业素质为核心，根据学生的个性化特点进行因材施教，突出了每位学生的专长。也受到了学生的欢迎。

二、课程内容体系的设定

针对我院历届文管专业学生选择的工作岗位看，大多选择的是“网站的项目策划”“网站系统分析”“网站推广”。因此，我们根据学生就业的职业角色，对课程内容体系制定了该门课程的知识模块。在课程的形式上，我们分为理论课和上机实践课。理论课时占总课时的32%，上机实践课课时占总课时的68%，实践课与理论课交叉进行，保证了学生在听完理论知识的讲解后马上能够上机实践，从而保证了学生更好地掌握老师所授的内容。

三、教学实施原则

在开设该课程时强调以“实用”为目的，并结合文管类学生长于策划和管理，且有一定的艺术天赋的优势，我们建立了计算机和艺术类跨学科相结合的教学实施原则。文管类专业方向的学生都是按照艺术类的考生招进来的，其中一半是较好的音乐基础、一半是有较好的美术基础。美术学专业的学生开设有很多涉及美术基础的课程。对于音乐学专业文管方向的学生。我们采取鼓励选修美术基础类课程，借鉴美术基础类课程的教材内容，课堂上补充诸如：“艺术设计基础”“色彩艺术”“PS图像处理”等课程的基础知识，并辅以色彩搭配较好的网站作为例子进行案例分析。因此我院的学生在计算机技术与视觉艺术设计方面能够结合得较好。此外，我院开办的所有专业均开设有“文化项目创意与策划”“媒体策划”“文化项目管理”“文化政策与法规”。这些课程的开设也为学生掌握网站项目的策划设计、系统开发和维护推广打下了很好的基础。

四、课程考核实施方案

本课程采用了“作品”的考核评价模式。即按照预订的评分标准，对每位学生创作的网页作品评分。评分结果按照：平时出勤20%+实验上机作品40%+期末上机考试作品40%。同时我们还鼓励学生参加有关网页设计的一些比赛，对于参赛的同学，在平时成绩上给予适当的加分。五、结束语“网页设计”课程的教学实施，我们首先认清了自身专业的特点，理论联系实际。在教学目标、教学内容、教学实施原则、考核方式等方式进行了一定的探索和实践，希望能在培养学生网页设计和创意思维的能力方面与广大同行共同交流。

网站开发课程设计总结篇3

1课程现状

传统的教学和考核方式虽然学生也能掌握其中的知识和技能，但是综合运用能力不强，学期结束时，能设计出符合要求的网站的学生可谓是凤毛麟角。将目前课程教学现状归结如下：在教学内容方面，往往侧重于讲解Dreamweaver软件或相关软件的使用方法，教学内容零散、陈旧，没有很好的融合。结果是虽然学生能熟练运用网页设计与制作的相关工具，而且用的很熟练，但是就是不能独立地进行网站的规划与建设。即使是完成的作品也达不到应有的功能效果和视觉效果。这种课程内容上“重知识、轻应用”和“重技术、轻设计”现象，容易导致学生眼高手低，做不出东西，不利于学生从全局的角度进行网站的开发与设计。在教学方法方面，教师先进行理论讲解，然后安排学生上机，这种方式在传统课程中有它的存在价值，但是在《网页设计与制作》中，教学内容广，所使用的软件工具较多，容易造成教学与实践相脱节。在考核方式方面，少部分采用传统的闭卷考试方式。闭卷考试经过多年的实践应用，在考试题型、考试内容、考试成绩评定等方面都较为成熟。同时闭卷考试也有利于学校组织和管理。但是，闭卷考试多以书本知识为主，重视学生对书本知识的记忆，忽略了对能力的考核。大部分采用考查方式，要求学生自主选题，制作完整的网站。这种考试方式能综合考查学生对软件的应用能力和一定的设计能力，也能全面体现学生对课程知识的掌握程度和综合运用能力。但是，学生选择的主题范围狭窄，大部分学生完成的是个人网站的制作，而大部分网站又是学习内容的堆砌，不懂得选择与舍弃，技术含量不高，更寻找不到设计的闪光点[1]。

2课程改革思路

在《网页设计与制作》课程的教学中，确立以学生为主体、教师为主导的意识，通过调整课程开设内容、加入科学的教学方法、采用合理的考核方式，面向应用，重视实践，培养学生网页设计与制作的综合技能和素质，培养学生学习的主动性、创新思维和合作精神，从而提高个人的综合竞争力和适应力。

3教学内容

由于计算机技术发展迅速，网页从单一的文字信息，到图文并茂，再到现如今包括Flash、音频、视频的多媒体交互及其它APP应用程序等。所以在教学内容上应该革新，体现技术的先进性、前瞻性和延续性。在《网页设计与制作》课程的教学中，本着“从浅到深、从基本到综合”技术与理论相结合的原则，对教学内容进行合理地整合和模块的划分（如表1），分阶段实施教学，并及时更新，从而将最新的技术融入到教学中，激发学生的学习兴趣并形成持久的学习动力。《网页设计与制作》课程侧重于讲解静态网页，为今后动态网页的学习打好基础。所以，教学内容采用社会流行的网页三剑客（Fireworks+Flash+Dreamweaver）。Fireworks实现对网页界面的设计以及GIF动画的制作，Flash用于动画的制作，Dreamweaver主要用于网页的整体框架及布局。

4教学方法

为了提高《网页设计与制作》课程的教学效果，在多年的教学过程中，我们从理论教学、实践教学、课外加强三个环节进行探索，将课程的理论性、技能性、应用性以及审美性结合起来，贯穿于整个教学过程。在教学的各环节中，精心准备多媒体教学课件，使学生能够更好地分析和解决问题。

（1）理论教学：采用引导法、启发法、命题法、案例分析法、案例扩展法、现场网页制作和学生课堂讨论等多种教学方法，教师将简单问题情趣化、复杂问题生活化、综合问题步骤化，主要表现为：教师讲解要求学生掌握的知识点，演示知识点在实际项目中的应用结果，引导学生将理论知识与行业实践结合起来，逐步培养学生的设计思维。

（2）实践教学：采用项目驱动方式，以项目开发为主线，以网页效果制作为载体，培养学生对整个课程知识的融会贯通能力、培养学生项目开发的能力和解决实际问题的能力。以学生动手为主，教师指导为辅的方式，教、学、练相结合，教师讲授约1/3的时间，学生按教师讲授的内容和要求进行实践，在此过程中教师则对学生进行辅导，如遇多数学生都存在的问题，则进行集中演示讲解，最后留10分钟左右的时间对本次的实践情况进行总结，让学生能够及时的解决遇到的问题。

（3）课外加强：开展优秀作品赏析，对作品进行欣赏和评价，提高学生的审美观念和鉴赏力，启发学生的创新思维，吸取和借鉴优秀作品的相关元素加以合理运用。提倡开展学生个人作品交流，让学生分享学习中的新发现和新知识的运用，作品的制作心得，加强了学生对学习的主动性。开展教学成果展览，对于优秀的作品进行收藏，极大提高了学生的自信心和成就感。

5考核方式

《网页设计与制作》是一门实践性很强的课程，属于考查课，所以要注重学生实际应用能力的考查。转变一次性考试定成绩的做法，总成绩由平时成绩（占60%）和期末成绩（占40%）两大部分构成。平时根据知识内容的特点分阶段进行不同方式的考核，对于HTML语言部分，采用笔试（闭卷）方式，以基本理论为考核对象，反映个体掌握基本知识的程度。而对于Dreamwever部分，采用上机考试方式；Flash部分和Fireworks部分，以平时作业方式考核，不仅反映学生所学知识水平，而且考核学生动手实践能力、创新思维等多方面的能力。期末以网站项目为考核对象，学生每四个人组合成一个团队，模拟客户的身份提出某个网站平台的制作要求，给出网站设计任务书，并完成一个网站的开发制作，最后由代表进行作品演示和现场答辩，这样既考核了学生知识的综合掌握和应用能力，又考核了学生的表达能力、与人沟通的能力和应变能力。通过这样的全方位多层次的考核最终综合得出学生的课程成绩。这种做法能够较好地化解学生为了应付考试进行期末冲刺的做法，较一次性考试更能反映出学生经过该课程学习后获得的知识和能力。

6总结

网站开发课程设计总结篇4

论文摘要：项目教学法是师生为共同实施一个完整项目而进行的教学活动。文章介绍了将项目教学法应用到《网页制作技术》课程中的经验及收获。在整个教学过程中，着重培养学生的“四种能力”，以实现培养网站构建人才的课程教学目标。

项目教学法简介

项目教学法的前提是“项目”，是一个人人参与的集学习、创作于一体的过程。

项目教学法就是在教学中，组织学生真实地参加项目设计、实施和管理的全过程，在项目实施过程中完成教学任务。项目教学法的开始阶段，主要采用独立作业的方式。项目教学法更多采用小组工作的方式，共同制定计划、共同或分工完成整个项目。一般而言，项目教学法的实施过程可以分五个阶段：

确定项目任务通常由教师提出一个或几个项目的任务设想，与学生一起讨论，最终确定项目的目标和任务。

制定计划由学生制定项目工作计划，确定工作步骤和程序，得到教师的认可后实施。

实施计划学生确定各自在小组中的分工以及小组成员的合作形式，然后按照已确立的工作步骤和程序开展工作。

评价考核通过项目的完成情况对学生的学习效果进行考查，包括教师评价、学习小组评价和自评三部分。可分三个级别进行考核：第一级，由教师对各小组项目完成情况进行评定，如能否共同协作，是否实现预期功能，是否具有创新意识等；第二级，由各小组成员根据每个组员对本小组的贡献情况及参与意识进行互评；第三级，由学生本人进行自评，如自己是否在原有基础上有所提高，是否已经掌握本课程的知识点并熟练应用。最后，综合三级评定情况确定每名学生的学习成绩。对于有企业参与的项目，必要时可由企业做出最终评价。

归档或结果应用项目应尽可能具有实际应用价值，应尽可能将项目的完成结果应用到企业和学校的生产教学实践中。

《网页制作技术》课引入项目教学法

《网页制作技术》是我院计算机应用技术、计算机网络技术、软件技术等专业的主干课程，具有实用性强，应用面广，操作性强、与岗位联系密切等特点。为了更好地讲授《网页制作技术》课，我们进行了大胆的教学改革，打破了传统的教学模式，将实际项目引入课堂教学，改革教学方法、教学手段及考核形式，较好地实现了课程教学目标。

《网页制作技术》的课程目标《网页制作技术》的课程目标是结合职业岗位的需要，培养出能够从事网页平面设计或网站构建的人才，提高学生的学习能力、协作能力和综合能力。

将项目教学法引入《网页制作技术》课本课程的传统教学方式是先由教师在多媒体教室授课，然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我们分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目，让学生既能学到知识，又能积累项目开发经验，从而体现出“教、学、做是一件事，不是三件事”。

项目教学法提高了学生的能力和素质将项目教学法引入《网页制作技术》后，学生成为了学习的主体，教师在教学过程中起引导协助作用。学生在项目的驱动下自主学习，边学边做。有些能力突出的学生在学习过程中主动与外界联系，承接小型网站建设项目。在完成项目的过程中，他们主动与其他同学和教师进行交流，讨论问题，促进了项目教学法的发展。项目完成后所带来的成功的愉悦和满足感，不但提高了学生的学习兴趣和学习积极性，同时也培养了学生自主学习的能力。

《网页制作技术》课实施项目教学法的过程

笔者在担任《网页制作技术》课的教学过程中，结合学生的特点以及环境，将教学过程划分成以下五个阶段。

（一）网站项目的确定

确立实用、优秀的项目是项目教学法能否成功实施的关键。因此，在实施项目教学法时，首先，应选择切实可行的项目。在教学正式开始之前，可先对学生进行分组，尽量使每一组学生的能力都比较均衡。同时，结合相应的岗位能力要求，将选用的项目分为两种：一种是选用已通过验收的项目，另一种是选用正在进行中的项目。其次，应针对学生的实际水平确定项目的难易程度。对于首次接触这门课程的学生，由教师负责选取项目，讲解知识点。所选取的项目必须简单、典型，并且最好选择已经完成的项目，以便学生进行知识的迁移。对于具有一定基础的学生，可由教师和学生共同讨论选定具有较高难度的项目，并且最好选择正在进行中的项目，让学生身临其境，参与创造实践活动，亲身体验实践的艰辛与乐趣。另外，应注意根据学生具体的培养方向，确立最适合的项目。

（二）网站项目计划

网站项目的计划应按照项目开发的需求加以实施。确定项目以后，让每一组学生针对该项目进行需求分析，启发学生主动发现身边的素材。对于已通过验收的项目，可由教师充当企业的角色，由学生向教师汇报自己所进行的关于项目需求的分析及收集到的资料；对于正在进行中的项目，可由学生直接面对企业，与企业沟通，做出需求分析。教师在这一过程中，一方面，起到指导的作用，另一方面，在对已验收的项目实施的过程中，教师应事先对该项目内容进行定位，分析研究需要解决的问题和完成的任务，确保学生进行需求分析时，不会定位过高。

完成项目需求分析后，教师应根据学生所作的需求分析确定项目的能力模块，并将每个能力模块细分为一系列小项目，学生根据课程的时间安排，结合项目内容编写项目开发计划书。例如，根据我校《网页制作技术》课的实际情况，将首次接触这门课程的学生的能力模块划分如下（见下图）。

（三）网站项目实施

项目教学法中最重要的环节是项目的具体实施过程。在该过程中，教师应及时恰当地对学生进行引导，督促学生根据项目计划书，按时按量完成相应的功能模块，保证项目顺利进行，实现课程教学目标。对于首次接触网页制作的学生来说，没有一定的网页制作软件操作基础，就无法进行项目建设。因此，应在《网页制作技术》课程项目实施过程的第一阶段讲授学生网页制作软件的使用方法，为第二阶段奠定基础，第三阶段的主要任务则是撰写网站开发总结报告，锻炼学生撰写文章的能力。

第一阶段实施过程对应上图中的能力模块划分情况，在第一阶段的实施过程中主要教授学生网页制作软件的使用方法，使其形成相应的具体能力。具体做法是：教师首先通过简单的例子讲解实际操作方法，然后，让学生练习新知识、新操作，完成相应的实验项目。通过这种双教一体的教学模式、讲练结合的教学手段让学生掌握牢固的基础知识。

第二阶段实施过程结合第一阶段学生具体能力的锻炼情况，根据所要建设的项目，按照项目计划书进行开发并完成设计。该阶段是项目教学法实施的核心环节。在此阶段，教师要根据各开发小组的具体情况、具体要求及时恰当地进行指导，解决学生开发过程中遇到的难题，督促学生按时按量完成项目计划书中的各个开发环节，保证学生顺利完成项目的开发，实现教学目标。在实际教学过程中，教师要重点做好指导监督工作。如定期召开各项目组长会议，了解各项目组的开发进程；在项目开发过程中进行技术引导和指导，收集各组遇到的难题，组织各组进行总结和经验交流，从中探讨不同的解决问题的方法。

第三阶段实施过程该阶段的任务是在学生完成网站建设后，撰写开发总结报告，总结本次学习、开发的收获和经验，为下一次开发做准备。阶段性总结评价也是项目具体实施过程中必不可少的环节。教师和学生在每个阶段的学习结束后，都要对该阶段的学习成果进行展示、评价、总结，及时改进不足之处，巩固成果，为后续工作打下坚实的基础。

（四）网站项目展示与评价

项目完成后，应对网站项目的建设效果进行展示，并加以讲解。在讲解展示网站的过程中，学生和教师可以提出问题，并结合相应的网站项目评分表，形成学生和教师对该项目各自的评价。在对学生进行评价时，还应结合其在项目开发过程中的学习能力、合作能力、参与程度、服务程度以及所起作用等各方面的表现情况。在对承接的企业的开发项目进行评价时，除上述评价角度外，还应结合企业的需求，即除了学生评价、教师评价外，还要有企业评价，并以企业的评价作为最终的评判标准。

（五）网站项目的总结和应用

项目完成后应进行总结，并将其成果应用到相关领域，体现该门课程的教学目标。我校在《网页制作技术》课中实施项目教学法以来，完成了多个项目并将研究成果应用到实际工作中，如我院的网站、各系各部门的网站、思明网站等。项目完成后应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳思考方法，找到自己的不足；技巧总结着重总结解决开发环节中遇到的难题的方法，把握并吸收整个项目开发的精髓；经验交流主要是对学习方法、知识应用进行交流。最后，教师可以指导学生对项目进行拓展和延伸。

项目教学法的成果

《网页制作技术》课在实施项目教学法后，从本质上改变了课程的教学目的。这种改变使学生不再觉得学习该门课程只是为了获取学分，而是真正掌握一门技术，具备一定的开发能力，能够承担相应的工作。在整个教学过程中，学生的自主学习能力、实践能力、创新能力、团队协作能力、分析解决问题的能力以及撰写报告的能力都得到了锻炼、培养和提高。

实践表明，《网页制作技术》课从传统的多媒体教学模式的枷锁中挣脱出来，实施项目教学法，体现了以学生为本，最大限度地调动了学生自主学习的积极性，培养了学生的综合能力，使学生掌握了一门技巧，对教师也是一种锻炼和提高。

参考文献

王栋松．在计算机课程教学中开展项目教学法的研究[J]．职业教育研究，2005，（11）.

万良，黄锦祝．网页制作技术课程改革探索[J]．中国职业技术教育，2007，（7）.

网站开发课程设计总结篇5

（1）实践性强。课程内容离不开具体的软件平台，例如网页三剑客软件DreamWeaver、PhotoShop和Flash。教学各项活动的开展需要在软件平台上完成，学生通过在软件平台上实际动手操作，来掌握相关的技能和知识。可以考虑结合软件平台的操作规范设计相应的课程环节。（2）软件项目客观上要求按工作过程开展课程环节，不能脱离岗位实际。如果网页设计课程不讲具体网站项目如何搭建，单纯以理论知识为主，教学将严重缺乏实际意义，教学效果很差。课程对学生来说味同嚼蜡，使他们渐渐失去学习的兴趣。如果能考虑按照工作岗位的实际工作任务，例如围绕如何开发一个企业网站来组织课程，这样就能做到有的放矢，教学活动才有意义。

2《网页设计》的实施

2.1课程设计

工作过程是职业人完成岗位工作任务的完整过程。基于工作过程的总体课程设计，对于网页设计课程来说，学习领域可以采用网站项目贯穿于整个教学活动中，以项目为载体，将知识融于项目。这能够有效地提高学生的创新能力和实践能力，强调学生在密切联系有意义的“任务”情境中，通过完成项目任务来掌握知识、获得技能、形成能力。做到“教、学、做”一体化，真正地锻炼学生的动手能力。课程进度表可以按照实际网站的项目开发流程来安排，从确定网站需求、选择网站建设与管理工具，到规划设计网站结构与栏目、准备网站相关文字与图片等素材，再到软件平台中定义站点创建具体页面，依次实现网站各个子栏目模块，最后与推广网站。如表1所示，开展教学活动时，教师可根据学生实际学习效果对各个单元学时数进行灵活调整。单元学习情境的设计融入课程涉及的知识点，递进安排各个单元知识点的顺序，既要有基于工作岗位的过程性知识，也要兼顾课程理论知识，学生学习完课程后，打好理论基础，同时具备再学习的潜力和能力。例如在网站项目中，选取典型工作任务-制作公司网站搜索页面来设计单元学习情境。

2.2课程实施

根据课程教学目标及项目进度安排教学单元，遵循的原则是学生为主体，教师为主导，按照网页制作的工作过程来安排具体的教学活动。教师的角色是引路人，抛出问题，提示解决思路，由学生具体负责完成工作任务，教师可以根据学生的实际学习情况给出参考意见。对于基础较好的学生，教师只需提示完成任务的思路和关键点。而对于基础较差的学生，教师还需要准备有具体步骤的实践指导书，供学生参考，对照完成并排除错误。

2.3课程评价

课程评价以学生的学习效果最优化为出发点。学习效果体现在以下几个方面：（1）课程结束后，学生是否掌握了应知应会的基本知识和技能；（2）学生是否了解到职业岗位开展工作的具体流程，并具备能力完成典型的工作任务；（3）引入外部评价，如企业专家的考评，客观评判学生的知识水平、职业能力和综合素质是否符合社会需求。值得注意的是，学生成绩评价方法最好以形成式考核为主，按照项目进度逐步推进，学生的阶段性成绩不断被累计，形成性评价可以确保基于工作过程的教学活动有序开展，监控学生的学习效果，最终保障良好的教学质量。

3结语

探讨了基于工作过程开展《网页设计》课程的基本思路，对课程的总体设计和单元设计、课程实施、课程评价进行了详细地阐述，对高职院校相关课程的教学具有一定的指导意义。并经广东行政职业学院初步尝试，基于工作过程的课程模式较好地改善了课堂的学习气氛，学生的学习自主性、协作性、创造性明显增强，锻炼了职业技能，学习效果显著改善。

网站开发课程设计总结篇6

【关键词】《网页设计》；教学方法；研究

1研究的背景

《网页设计》课程是计算机类相关专业提升学生学习兴趣点的专业基础课，该课程与Photoshop、Flash等图像、动画课程具有紧密关系，是动态网页制作的重要基础。在传统教学的学习之初很受学生欢迎，觉得学习直观、简单、容易，但是真正动手操作起来又会出现很多问题没法解决，打击了学生学习的积极性和兴趣，导致最后教学效果打了折扣。近几年来，为了更有效的提高学生的兴趣、自主学习能力和实践动手能力，各高校对该课程的研究主要集中在“教”上。首先是“教”的内容:结合自身的人才培养方案，对教学内容做了适当的调整，以“实用”、“够用”为目的，强化了Dreamweaver操作应用;其次“教”的方法，以项目驱动的教学方式，增强学生工程的思想和实践动手能力。但是在此过程中很容易忽视网页设计本身的特点:创造性、现实性、实效性。同时也忽视了学生在学习的过程中主体的地位。学生在学的过程中可能只会机械的去照做，没有思考，吸收，脱离了设计的工具，或者原有的设计模式可能无从下手，那就更谈不上网页的设计了。可以在“教”的基础上做适当的引导，让学生多去“想”。因此，本研究力图结合我院独特的教学条件，课时设置以及学生基础和学习特点探索三段式教学模式下的网页设计课程研究。

2三段式教学

在高校教学过程中，课堂是老师和学生交流的主要场所，因材施教显得尤为重要。我在结合学生本身的实际情况，探讨新的教学模式，打破传统的以“教”为主的模式，让学计与制作理论教学中案例与问题的研究和探讨。“三段式教学法”:1段:案例引入，提出问题;2段:学生自主学习，尝试解决问题;3段:归纳总结，引申提高。理论教学中我主要引入个人博客网站为例，这个例子比较贴近学生生活和自身情况，通过给学生展示类似的网站，让学生了解网站的主题和显示内容的关系，提出网页、网站和站点等概念，然后通过演示建立网站的流程，学生掌握整个网站开发的过程;通过了解这些流程后，再分别从页面的结构、布局和风格。对学生提问让学生勇于说出自己见过的个人博客的形式和风格，调动学生的积极性，激励学生去思考，哪种结构比较好，或者更适合自己;接着就是如何展示自己的信息，如文字、图片、多媒体等，而这些问题他们可以先去观察事例网站，让学生讨论讲解问题，加深对问题的理解，然后我再总结讲解知识点并扩充，特别是CSS的应用，这些都可以在学生自己理解总结后举一反三。在理论教学的过程中，将知识点尽量设计在问题中，让学生去思考讨论，充分调动每个学生的主动性、积极性和创造性。当然学生在课堂练习的过程中，我要求学生尽量不要用Dreamweaver开发工具，这样对HTML标记符理解记忆有很大的帮助。实践教学中以学生为主，给出与学生生活比较贴近、实用性较强的几个主题，如电商网站，然后学生自己根据自己的实际情况，可以以寝室为单位，可以自由组合，5个人一个组完成一个主题，主题可以自选，小组分工合作，根据所选题目，结合实际情况，确定网站的风格和格局，使用Dreamweaver开发工具进行设计。这样具备了理论学习HTML标记符的基础上再去使用开发工具，熟练程度上就有了大大的提高，并且也不会像传统的机械的上机。

3结语

整个教学方法的研究除了理论教学和实践教学方法外，在考核的形式上也做了一定的研究，弱化期末卷面的考核，加强实践教学的考核力度。通过实现过程中网站的设计实现，给出综合的评定。这样也调动了学生在实践过程中的积极性。改革理论课程教学模式，体现“教师为主导，学生为主体”模式，激发学生兴趣，培养分析问题、解决问题能力。构建一个项目合作式实践教学模式，让学生们都能够参与实训，并从中获益。加强实践创新环节，提升学生的实践动手能力和创新能力。此次教学改革已经运用于计算机应用及网络专业教学之中，在整个应用过程中，与学生的互动，了解学生的学习情况等也是整个改革过程中不可或缺的部分，它直接影响到改革实施的力度。

参考文献:

［1］刘玉红，蒲娟．网页设计与网站建设案例课堂［M］．北京:清华大学出版社，2016．

［2］李敏．网页设计与制作案例教程(第3版)［M］．北京:电子工业出版社，2015．

［3］柳珺．高职网页制作课程教学改革探索［J］．中国电力教育，2013(10)．

［4］李小美．网页设计与制作课程教学改革的研究与探索［J］．大众科技，2012(03)．

［5］钟贞魁．浅谈《网页设计与制作》课程的教学［J］．科技信息(学术版)，2006(11)．

网站开发课程设计总结篇7

关键词：网页设计与制作 基于工作过程 教学设计

《网页设计与制作》是高职高专计算机类专业的职业技能课程，根据课程所对应的职业岗位网站设计制作、网站推广和网络编辑等岗位所需的职业能力要求，分析出课程能力目标为网站的规划、网页效果图的设计与制作、网站的设计、网页动画的设计、网页脚本代码等专业能力和方法能力，以及培养学生的团队协作、沟通表达、工作责任心、职业规范和职业道德等综合素质和能力。

1、设计思路

本课程的设计秉着“以职业岗位工作过程为主线”、“以职业能力培养为课程核心”、“以实际项目为导向”等先进的教学理念。使用基于工作过程培养模式，强调知识的实用性。突出网站设计制作、网站推广和网络编辑等行业岗位实用能力培养，以岗位能力选择相关知识点、技能点，形成理论与实践、知识与技能相统一的课程模式。在课程内容组织和实施中突破传统学科教材的“三段式”课程设置模式和知识传授过程，将知识点的讲授贯穿于一个完整的综合性网站的设计与制作，通过情景、过程、类比、模拟等教学模式提高学生的知识、技能等综合能力。

2、课程任务及目标

通过课程的学习培养学生网站设计制作、网站推广和网络编辑等方面的岗位职业能力，使学生具备计算机及其它相关专业课学习和应用中所必需的网页制作与网站设计的基本知识和基本技能，形成解决实际应用问题的方法能力，养成良好的职业道德，为后续课程综合实训和顶岗实习与毕业设计等课程打下坚实的基础。并注意渗透思想教育，逐步培养学生的辩证思维，加强学生的职业道德观念。

3、课程内容设计

课程教学内容设计根据课程所对应的职业岗位所需的知识和技能选取出来作为课程教学内容，课程教学内容具体参照表1所示

4、课程实施

4.1 课程教学模式

本课程针对高职教育特点，采用基于工作过程（工作任务驱动）的教学模式。第一次授课时就告诉学生课程要开发的网站、要求，涵盖的知识点，以此为基础展开教学，注重培养学生发现问题、分析问题、解决问题的能力以及创新思维与技术综合应用能力。具体教学模式如下：

(1)课程教学采用一体化分组教学。教学地点为计算机实训室；

(2)教师在课前展示本学期要作为教学案例的综合性网站项目，并要求学生按照自己的兴趣和爱好分组开发不同内容的综合性网站项目。然后对综合性网站项目进行前期的需求分析，确定网站项目开发规模，所需的人力物力，学生自主组成学习小组，制定网站项目开发进度表，以此充分调动学生的创新思维，培养创新能力。

(3)网站项目设计与实施：学生按照网站项目开发进度表完成网站开发。整个过程中，教师真实案例演示为辅，学生自主设计为主，教师的作用仅为答疑、过程监控以及对共性问题进行总结与归纳。在此过程中，学生的分析问题、解决问题的能力将得到有效的锻炼，使学生对课程体系有一个更加全面的认识。

(4)网站项目验收：教师对学生完成的网站项目进行验收与评价，学生需提交网站项目开发报告并答辩，学生和老师提问，按照评分标准给出成绩。对于优秀作品，进行展示与点评。

4.2 教学方法与教学手段

本课程采用的主要教学方法有以下几种：

(1)项目教学法：课程教学通过精选企业案例、分解任务，有机地将相关知识点融合到课程中，让学生对网页设计与制作有一个直观和更加感性的认识。

(2)“教”、“学”、“做”三位一体教学法。

(3)直观教学法：通过动画演示、电子教案、电子课件、投影、录像、图片等现代教育技术展开理论教学，将复杂的原理用简单的、感性的方法展现出来，并选取与学生实际生活密切相关的项目实例进行讲解，有效地使难以理解的概念简单化、形象化，充分激起了学生的学习兴趣和主动性。

5、课程考核

课程考试成绩分两大部分：网站开发过程化考核成绩和期末网站展示考核。

(1)网站开发过程化考核；网站开发过程化的任务考核从实施过程、实施结果、态度、创新性和团队合作精神五个方面考核，其中实施过程、实施结果、态度、创新性根据每个任务的完成情况，由自我评价和教师评价相结合的方式进行。团队合作精神的考核由同小组的其他成员进行。

(2)期末考试的作品考核；期末考试的作品考核方式为课程答辩，成绩为网站展示成绩和教师提问成绩总和。

参考文献

[1]王秀丽.网页设计与制作[M］.北京:清华大学出版社,2006．

[2]蒋秀玲,邹淑英,陈文东．“任务驱动”教学法在Dreamweaver 教学中的运用[J].通化师范学院学报,2009,30(10):88－89．

[3]殷兆燕,崔毓娟．《网页设计与制作》课程教学改革探索与实践[J].常州信息职业技术学院学报,2009，8(4):64－66．

[4]陈义文．《网页设计》项目化教学的实践与思考[J].安顺学院学报，2009，11(4):94－96．

[5]谢晓能．“层次化”任务驱动教学模式提升高职学生网页制作能力的实践[J].南京广播电视大学学报,2009(3):65－67．

网站开发课程设计总结篇8

关键词：教学网站；软件工程；课件；主页

中图分类号：G434文献标识码：A文章编号：1009-3044(2007)12-21737-01

Consideration and Practice on Designing Software Engineering Teaching Web

ZHOU Yun1, YIN Quan-jun1, HUO Meng-lan2

(1. School of Mechatronics Engineering and Automation at National University of Defense Technology, Changsha 410073, China; 2. Department of fundamental Courses at PLA Nanjing Institute of Politics, Nanjing 210003, China)

Abstract:With the aid of course teaching Web, teaching-aided is flexible, autonomic and open. In this paper, based on analyzing the features of network teaching, the main design principles of course teaching Web are discussed. Then, the software engineering course teaching Web is designed, and the functions of the Web are given.

Key words:teaching Web; software engineering; courseware; homepage

1 引言

随着计算机技术、网络技术的迅速发展，特别是基于Web技术的广泛应用以及网络基础设施的逐步完善，如何有效地设计、开发和利用网络资源构建课程教学网站，以提高学员的学习兴趣、扩大知识面、辅助课堂教学，成为一个令人关注的话题。

2 网络教学的特点

教学活动是学员获取知识最重要的途径之一，在传统教学活动中，教师是主体，从事授课、答疑、批改作业等教学活动。在教学活动开展过程中，教师常常感到在学员比较多的情况下，教师和多数学员之间缺乏交流，对于不同程度的学员不能做到因材施教。利用网络教学则可以弥补这个不足。

网络教学具有的特点是：

(1)灵活性：网络教学没有时间与空间限制，能充分满足学习者个性化学习的需要，提供任何时间任何地点的在线学习。

(2)自主性：学习者不再是知识的被动接受者，而是知识的主动建构者。学习者可以根据自身的需要和可能，自主地投入学习。

(3)开放性：网络教学提供的相关资料和网址为学习者提供了丰富的资源；不同层次不同领域不同地域的学习者可以在同一环境下学习，在不同的观点中进行交叉思考。

(4)交互性：以网络为媒介进行的交流，使学习者摆脱了羞涩心理，主动参与到网络学习活动中来，从容不迫地各抒己见，充分调动了学习者的积极性。

(5)多媒体化：网络教学提供的多媒体教学手段，使教学活动得到更佳的效果。图形、图像、声音等多媒体的应用，使多媒体网络教学成为可能。各种多媒体素材可以通过多媒体的Web创作工具方便地嵌入Web页面，以超文本的形式提供给学习者学习。师生间可以通过电子邮件异步讨论问题，通过聊天室同步讨论问题，通过实时双向语音进行远程交流，也可运用流式媒体技术实现影视教学节目的实时点播等等。

3 课程教学网站的总体设计原则

利用课程教学网站辅助教学，教师不仅仅是教学内容的传递者，而且是教学活动的组织者。因此，课程教学网站的设计要应用科学的方法，围绕课程教学的目标，针对学习者的特点，充分利用网络教学的优势，合理地选择信息资源并进行有机组合，建立系统的知识体系，为学习者提供一个良好的学习环境。

结合《软件工程》课程网站的设计与开发，笔者认为，应从以下几方面考虑校园课程网站教学系统的设计：

(1)明确课程网站的目标：课程网站的设计目标直接关系到网站的性质与特色。在开始构建网站时，首先要明确其目标，即清楚通过该网站将实现什么功能，达到什么目的，网站的访问者是谁等等。明确设计目标是构建网站的基础和前提。

(2)分析学习者的特征：通过对学习者文化、心理和社会背景等特征的分析，了解学习者的学习最佳时机、学习方式偏好、学习准备状态和学习能力，为教学网站的设计提供依据。校园课程网站主要面向在校学员，针对性很强。

(3)合理选择教学内容：紧扣教学大纲，根据知识点的逻辑顺序选择教学内容。既要体现教学思路和教学重点，又要给出全面细致的讲解；既要有教学内容，又要有自我测试内容。

(4)注重课件的表现形式：充分发挥多媒体的表现能力，把不容易理解的内容通过直观的图表和生动的动画表现出来。

(5)扩展网站信息资源：除了展示教科书上的结构化知识之外，还必须发挥网络的优势，提供与知识相关的各种资源，如：相关的国内外期刊、会议和新闻组、书籍以及网址资源，辅助学习者及时了解学科的国际国内发展动态，查找相关资料。还可以根据课程的学科特点，提供有助于知识学习的工具。

(6)构建友好的学习环境：为学习者提供学习、交流与协作的良好支撑环境，在该环境中，学习者既可以自主学习，也可以通过协商、会话共同完成特定的学习任务。

(7)建立学习效果评价机制：合理及时的反馈是了解学习者学习状况、维持学习者学习兴趣、确保学习质量的重要举措，是学习过程中不可缺少的一部分。为学习者设计出一套针对性强、具有一定梯度的强化练习（包括小练习、章节测试、学期总结试题等），让学习者能够进行自我评价。

4 构建软件工程教学网站

随着计算机应用领域的不断拓宽和发展，软件工程知识日益受到重视，已成为信息化时代工程技术人员必须掌握的一门计算机基础课。目前，国外、国内工科大学普遍设置了软件工程课程。从近几年给《控制科学与工程》专业学员开设软件工程课程的教学情况看，学员人数逐年增加，对网站的需求十分迫切，为此，我们专门设计开发了软件工程教学网站，以满足辅助课程教学的需要。

4.1 系统的总体结构设计

软件工程课程网站是以辅助课程教学为目标、以在校研究生为对象，兼顾知识传授和探索而建立的校园课程教学网站。

学员们往往怀着强烈的求知欲望和学习课程的目的访问教学网站，这就要求课程网站的设计既要体现出学科本身的特点和课程内容体系的逻辑结构，又要符合学员心理特点以及兴趣需要。在教学内容的组织上，既要依据教科书知识点的逻辑顺序，又要建立各知识点的相互关联，并在深度和广度上进行扩展。通过给出丰富的案例和学习资源，拓宽学员的知识面。

软件工程教学网站系统主要由课程学习、单元习题、成卷系统、课程实践、案例分析、软件工程资源、文档编写指南、在线留言、用户注册和数据维护十个部分组成，如图1。

图1

4.2 主页设计

主页是网站的门面，主页设计只有主题明确、内容突出、结构清晰才能吸引浏览者的目光。主页设计应该醒目，避免内容堆砌。切忌将提供的信息埋藏在层层叠叠的页面之下。善用图像，不能过多过大，否则将影响网页的打开速度，导致网页浏览者误认为网站打不开而放弃浏览。导航机制是整个网站的路标，为用户指出通向目标的途径，指明网站实现的功能，应建立便捷完整的导航机制，确保学员在浏览网站时不迷航，能轻松地在主页内浏览自己想要的资源，方便进出相关网页进行学习和协作交流。

4.3 系统组成的功能分析

(1)课程学习

课程学习是课程教学网站的第一主体，由助学版课件和助教版课件组成。助学版课件给出全面的教学内容和详细的讲解，使学员更好地理解和掌握课程内容。助教版课件主要体现教学思路和教学重点，是整个课程教学的精华。

(2)单元习题

单元习题供学员进行章节性练习测试，题型包括：选择题、判断题、简答题和综合题。学员可以根据学习情况自主选择章节、难度和题型，完成练习并提交后，由系统自动评判并给出正确答案和分析。

(3)成卷系统

成卷系统和上述单元习题是该课程教学网站的第二主体，在整个课件中具有举足轻重的作用。成卷系统生成标准化试卷，供学员进行综合性自我测试。随机自动成卷系统考虑了课程范围、重点、难度、题型、题量、分值以及试题的广泛性等多方面因素，保证了试卷的客观性与科学性。

(4)课程实践

课程实践由实践要求、开发文档封面及目录和参考实践课题三部分构成。学员可以按照要求自由选择实践课题，进行软件工程实践。

(5)案例分析

案例分析以几个软件系统开发为实例，详细介绍在软件工程理论指导下进行软件系统开发的步骤与方法、分析与设计以及所提交的文档。通过跟踪学习典型案例，学员能够更深入地理解学习内容。

(6)软件工程资源

介绍国内外软件工程期刊、相关会议和新闻组、书籍以及相关网址，辅助学员及时了解国际国内发展动态，查找相关资料。

(7)文档编写指南

给出了编写软件文档的国内标准，学员可以通过文档编写指南学习规范软件文档的编写。

(8)在线留言

学员可以随时将希望讨论的内容放到留言板上，从留言板上选看自己感兴趣的内容。教师通过定时查看留言板，了解学员当前关心和讨论的问题，及时解决学员遇到的疑难问题。教师可以根据学员在留言板中反馈的意见对教学内容进行适当的调整，也可以在留言板中提出问题，引导讨论的方向。

(9)用户注册

主要指学员用户的注册，此类用户与教师用户的权限不同。

(10)数据维护

提供给教师的专用通道，教师通过数据维护管理网站数据。

4.4 编制环境

网站的建设是在Dreamweaver MX和Frontpage2000中完成的。依靠ASP实现动态网页，使用Fireworks MX、Flash MX和Photoshop7.0作为图像及动画处理工具，使用Access作为数据库，使用Windows XP自带IIS服务器程序调试网站。课程学习的助学版在Authorware环境中制作完成，助教版在PowerPonit环境中制作完成。

5 结束语

作为教学的一种辅助，软件工程教学网站的建设和试用，有效地解决了学员众多、分布松散、学习时间受限的问题，提高了学员的学习效率和学习兴趣，得到了学员的好评。

下一步，网站的建设将朝着功能进一步完善、服务形式和交互方式多样化以及教学内容情境化的方向发展。

参考文献：

[1]熊才平, 张娟玉. 教师课程网站主页的设计与实现[J]. 中国电化教育,2003.203(12):82-84.

[2]谢幼如, 尹睿. 专题学习网站的教学设计[J]. 电化教育研究,2003.117(1):34-38.

[3]张海藩. 软件工程[M]. 人民邮电出版社,2003.7.