网站项目总结范例

摘要：

在传统的高职专业课教学模式中，大多采用的是单门课程理论加实验的教学模式，学生学的专业课门数虽然很多，但在学习后续专业课时，前续课程掌握的知识和技能也逐渐淡忘了，对各门专业课的联系了解不深，前后续课程教学所用案例联系不大或没有联系。该项目围绕图书销售网站，整合网页设计、SQLServer、Java程序设计，结合这几门课程的特点，设计完整软件项目并基于这一软件项目有效地衔接各门课程的知识点和技能点，根据学生的课程学习进度来循序渐进地完成软件项目设计与实现，提高学生的学习效率和实践动手能力。

关键词：

项目教学；网页设计；网站开发

一、改革背景

随着职业教育的大力发展和互联网的广泛应用，《网页设计》已成为计算机类相关专业主要课程之一，传统的教学方法是单科学习，网站建设的前后台相关课程，也会随着不同的授课老师而采用不同的案例来教学，学生学到的知识都是片断化，很难掌握整个学科体系，学生到企业中也很难上手去做，因此改革势在必行，为使学生实现零距离就业，我们使用企业真实的开发案例，通过案例衔接各门课程的知识点和技能点，从而提高学生的学习效率和实践动手能力。

二、网页设计课程的教学目标

一、考核改革目的

通过《网页设计与制作》多年的教学发现，应用传统的教学方式及考核方法学生只建立了的基础的专业课程知识概念及单一的基本操作，并不能综合应用操作技能完成某主题网站的设计与制作。为了建立以网页设计与制作技能考核为主线的开放式、全过程的考核体系，提高学生综合项目实践能力，更好的与社会需求接轨。有必要对传统的考核方式进行改革，同时经过多年教学探索，结合人才培养方案制定了以下的考核方案。

二、考核方案

1.考核方案的制定

本考核采取学生小组合作（每组2-3名学生）完成一个规定主题网站项目的方式展开。总成绩由操作考核成绩、项目报告成绩两部分组成，权重分别为70％、30％，每一项按百分制评分后依权重比例计入总成绩，总成绩不及格者必须重修本课程并重新参加考试。因本校的现有学期总评成绩是由平时成绩30%、期中成绩30%、期末成绩40%组成，为了与学校的评分要求接轨，将本次考试所得的总成绩作为学校学期总评成绩的期末成绩部分。并在此说明平时成绩30%部分是由学生本学期的课程作业完成情况、出勤及上课表现综合评定。本考核方案中的操作考核、项目报告都有具体的考核方案，其中操作考核实施的具体要求以试卷形式展现，内容要求以表“操作考核内容”为中心，以考核学生综合网站制作能力为基本思路，通过小组合作完成主题网站的设计与制作，具体要求在此省略。此外要求学生撰写项目报告不仅让学生明确各自的份内工作，同时要求学生善于思考、总结，每做一个项目都有所收获。项目报告实施的具体要求涉及以下几个方面的内容：

（1）项目实施过程。

项目实施过程包括前期策划、资料搜集、网页制作。在前期策划阶段，要求小组共同确定网站名称、网站风格（列举网页采用主要色彩及网页色调定位）、网站栏目、站点目录结构的内容以形成完整的网站规划，在此规划的指导下进行资料搜集、协作完成网页制作。其中网页制作中要求页面美工设计阶段介绍所用软件及提供至少首页效果图截图；静态页面制作阶段要求绘制网页布局的结构图及标注尺寸；程序开发阶段列举所用的开发工具、对数据库、表进行截图，以及绘制程序开发页面流程图。

摘要：世界技能大赛中的网站设计开发项目是指根据项目需求制作站点设计，实现能在各种终端上使用的页面、交互效果以及后台功能的竞赛项目。文章通过对该赛项和赛题的分析，结合作者几年指导参赛经验，针对如何做好应赛工作，提出了多方面的策略、措施和方法，重点论述了参赛选手指导方案。

关键词：技能大赛；网站设计开发；应赛方案

世界技能大赛深受国家重视，国家、省、市每两年都会进行选拔比赛，各学校单位都想取得好成绩，然而很多参赛学校不知如何组织赛前训练。本文作者根据这几年的参赛指导经验，将从四个方面提出自己的一些看法,希望能值得参赛者借鉴。

1赛项分析

1.1技术简要描述。选手要熟练进行图形图像处理，能设计站点logo及主题风格，制作出受欢迎的设计；能使用HTML5及CSS3技术，按设计稿实现页面，并完成各种交互效果的开发；要保证网站质量，做好异常和软硬件兼容性处理。

1.2赛项选手能力要求。（1）动画和视频：创建网页动画和嵌入音频元素来展示内容和提升视觉效果。（2）平面设计：创建、编辑和优化图像；选用可以增强设计效果的布局版式；为不同的屏幕分辨率进行设计，自适应于给定的分辨率；网站导航要高效、直观和易用。（3）通过PHP和MySQL进行服务器端编程。（4）表现层实现：使用XML、JavaScript等工具，CSS或其他的外部文件来控制整个网站样式；实现跨浏览器兼容和不同分辨率自适应；网站要符合当前的W3C标准。（5）可用性及可及性：保持网站的统一和一致性；创建易于使用的导航系统；网站内的信息易于被检索；增加网站的友好形可用性。（6）具备理论知识和能力：具备色彩构成理论；能够制作加工图片和动画；懂得HTML、XML、javascript、php、mysql、CSS等语言和工具的语法和使用规则；能使用MVC框架结构来对网站服务器端进行编码；能够使用开源代码库；具备站点设计和受众分析能力；具备所有需要使用的软件的操作知识。（7）必须了解的标准和法规：网页的W3C标准、网站版权法规等。

2赛题分析

1课程目标

通过对课程的学习，使学生能按照用户需求，编写网站需求分析报告；对网站进行策划与设计，运行多种技术对动态网站进行开发和制作；并经过技术测试，最终将其到Internet环境；能够对网站进行维护。通过引导、项目实施、讨论、总结、测评，使学生了解网站项目实施的工作流程，具备网站设计、建设与维护的基本知识和实用技能，深化学生的专业技能及团队合作能力，形成基本的职业道德意识和职业素质，积累实践经验，为今后相应的职业岗位工作打下基础。

2教学内容的选取

课程组根据网站开发项目实施过程，进行了课程教学内容的开发，充分体现职业性、实践性和开放性性的要求，在内容组织上彻底打破学科知识体系的禁锢，教学摆脱了原始的以教材为主线的逻辑教学结构方式。对完成案例的模块功能所需的技能和必备知识进行了全新的组织。根据计算机网络技术专业网站项目开发能力培养链路，围绕网站项目开发流程进行分析，将项目开发分为5个阶段：网站策划阶段、整体设计阶段、网页编程阶段、网站推广阶段和网站维护阶段。教学中选取了“校园新闻网站建设”这个真实的项目，将网站开发的5个阶段细分为10个工作任务，具体设计如下：任务一、网站需求分析；任务二、网站设计；任务三、网站后台数据库的设计与开发；任务四、实现网站浏览器端的界面；任务五、构建网站的开发环境；任务六、实现网站服务器端的功能；任务七、存取数据库；任务八、网站的测试；任务九、网站任务；任务十、网站的运行与维护。

3教学方法

3.1以项目为载体，突出学生职业能力的培养。

本课程以一个网站项目为载体，以网站项目的设计、开发与维护工作流程为主线，通过项目全面学习网站设计、建设与维护的相关知识和技能，使学生对真实网站项目的工作有一个较全面的认识，形成职业岗位所需的基本能力，为今后从事相关职业岗位作前期准备。4.2启发式教学法。教师授课前，认真备课，精心设计教学内容。在讲课过程中，多给学生提出问题的机会，凡是学生能解决的问题，鼓励、启发学生回答，培养学生的参与意识。运用启发式教学由浅入深，利用生活中学生接触到的网页启发学生思考课程要讨论和学习的未知的知识。运用多媒体、电子课件和视频等辅助教学手段，将抽象的内容形象化、具体化。

摘要：

本文分析电子商务专业学生学习网页设计与制作课程教学现状，并探讨了电子商务专业网页设计与制作课程教学设计、实施及考核环节，通过该课程教学改革提高学生学习兴趣，并能提升个人建设网站的综合能力和素质。

关键词：

电子商务；网页设计与制作；学习反馈；任务循环

1网页设计与制作课程教学现状

（1）学生欠缺计算机和美学设计基础知识。

没有计算机基础课程，且课程学习课时较少，对网页基础知识理解较为费解，美学设计的欠缺，导致网页设计能力差，虽然能够也能制作简单网页，往往布局不合理。审美能力弱，有时追求个性，制作的网页往往花里胡哨，内容和主题不一致，导致网页视觉效果差。

【摘要】本文根据网站设计类课程存在的问题，提出了教学改革的思路和具体改革的内容。引入CDIO教学理念，采用理论教学和实验教学完善课程理论知识，采用项目教学培养学生动手能力，并建立了学生参与考核和改革的方式。

【关键字】CDIO；网站设计；范式改革

网站设计类课程是计算机类学生的一门重要的专业课。课程最终目标是培养学生的综合分析能力思维和应用开发能力，具有极强的应用性、实践性，从而为学生今后在经济和社会的开发工作打下坚实的基础。自课程开课以来，网站设计类课程知识点难度较高，内容比较抽象，在教学过程中存在教学内容比较分散、教学主线不够清楚、教学方法不够多样化、考核方式单一等问题。因此，为了改善教学效果，培养学生的自主学习能力和实际编程的能力，本文将引入CDIO教学理念对该类课程进行教学范式改革。

0网站设计类课程教学改革思路

CDIO是构思（Conceive）、设计（Design）、实现（Implement）、运作（Operate）的集合体，让学生以主动的、实践的、课程之间有机联系的，即“做中学”的方式来学习，注重培养学生的实际操作能力，为专业服务的原则。[1][2]课程主要思路是以CDIO教学理念为基础，在“教”、“学”、“做”一体化教学模式下，实施理论教学、实验教学和项目教学三个阶段。理论教学是教师讲授与学生实作共同完成。传统教学方法忽略了学生的重要性，理论知识讲授和实践联系不够紧密。因此理论教学过程中增加了学生实做，达到培养学生动手能力的目的。甚至改变传统按章节顺序讲解的讲授方式，通过案例匹配知识点的方式，极大程度地提高学生兴趣。在课堂中，教师以案例进行演示，通过学生的实际练习，巩固知识。实验教学更应注重学生实践能力培养。针对不同能力的学生，将每次实验设置为验证性实验、设计型实验及综合性实验三类。验证性实验是基础，要求每个学生必须完成。设计性实验具有一定难度，可针对具有一定程序设计能力学生。综合性实验主要是对教学内容的综合应用，问题规模较大，采用小组形式完成。这样不仅提高了学生动手的积极性，而且培养了学生团队配合的能力。重点以学生练习为主，教师可以根据学生实际情况进行答疑。项目教学是在教学中加入适合的教学项目，目的在学生综合能力的训练。学生可自由分组，采用团队合作形式完成网站开发。开发过程中学生可以根据所选网站进行分工，增加了学生的团队意识和沟通能力培养，加强其学习积极性。网站设计类课程教学设计如图1所示。综上所述，课程采用“1+1”的方式，即讲授+实作，讲练结合。各模块的知识学习后，教师通过项目教学法，要求以小组方式设计实现网站，并进行项目成果分享。这样，可以使知识得以整合，同时学生可以检验自身在这一阶段的学习成果，及时查找出问题，教师也可以通过学生的项目情况得到及时的反馈信息，进行知识的查漏补缺。

1网站设计类课程教学改革具体内容

1.1教学内容改革

摘要：文章针对高职网站设计课程中存在的问题，结合新工科建设人才培养的新目标和新要求，以长春工程学院高职网站设计课程教学改革为例，引入成果导向（OBE）教育理念，从明确课程定位出发构建新工科背景下网站设计课程技能目标，对课程教学内容、课程教学方法、考核方法等要素进行改革创新，强调课程以“学习产出”为目标，以培养学生的工程能力和创新性思维能力为出发点进行课程教学。实践证明该教改能有效提升学生的工程能力、专业实战能力和创新性思维能力，较好地满足行业产业对人才的实际需求。

关键词：新工科；OBE；教学模式；考核模式

为深化工程教育改革，推进新工科的建设与发展，2017年2月，教育部了《关于开展新工科研究与实践的通知》，要求高校根据国家发展战略的人才需要，对工程教育的新理念、新模式、新结构、新质量与新体系等进行研究，深化工程教育改革，由此开启了“新工科”研究与建设之路。“新工科”人才不仅能运用所掌握的知识分析、解决现有的问题，也有能力运用新知识、新技术解决未来发展出现的问题，对未来技术和产业起到引领作用。“新工科”人才是适应能力强、实践能力强和创新能力强的高素质复合型人才。

一、课程现状分析

随着信息技术和网络技术的迅猛发展，信息进入了互联网+的时代。互联网成为了信息展示的主要渠道，网站设计也迎来了快速发展的契机。当前我国大部分高职院校在关于网站设计人才培养方面表现出来的现状是目标定位不明确、内容老旧以及实践环节各知识点孤立、片面，导致培养出来的毕业学生工程实践能力差、综合素质低，不能满足行业企业的实际需求。因此，如何重新制定课程培养目标、更新课程内容体系、创新教学模式和考核模式以及培养具有创新创业精神和能力的复合型新工科网页设计人才，是当前亟须研究和解决的问题。

二、基于OBE理念构建新工科人才培养目标

OBE教学理念起源于美国，20世纪80年代，美国学者SpandW.D提出这一教育理念。OBE教学理念是一种依据学生预期达成的最终学习成果反向设计课程体系的教育模式，是以成果为导向的教育方法。以“新工科”建设为指导思想、以OBE教育理念为导向，结合网站开发的发展趋势，走访相关企业，充分调研相关企业对网站人才知识、素质和能力的需求，同时结合长春工程学院高职人才培养目标，确定本课程的应用与开发能力目标。通过该课程的学习应使学生了解网页设计的正规流程，掌握网站策划、站点管理、表格布局、DIV+CSS布局美化、模板与框架的使用、特效代码（javascript）运用、简单二维动画制作和图片制作修改等基础知识，使学生具备网页项目综合设计能力与优化能力、良好的团队合作能力、沟通能力及创新能力等。网站开发各阶段对应主要内容及能力点如表1所示。

摘要：网页设计与制作是计算机应用专业的重要课程，如何采取有效手段、方式，实现学生的计算机自主学习与实践能力的提升，让学生具备较强的操作及技能，以提升计算机网页设计与制作的教学质量与效率，是当前广大教育工作者急需解决的主要问题。该文主要分析了基于项目教学的“网页设计与制作”课程改革与实践，希望能为课堂教学提供参考。

关键词：项目教学；网页设计与制作；课程改革；实践

项目教学模式作为一种以生为本，具有多元化、开放性特点的新型教学模式，强调了在教学时，以学生文本，加强对意义建构的主义理论、探究式学习的理论的重视作用。即在整个教学过程中，严格遵循“以生为主体，教师辅导”的教学原则，以教学目标、任务为出发点，让学生在教师指导下，按照自己的学习能力与喜好，与同学进行自由组合，选择相应的题型，组织开展项目研究学习，以充分发挥学生的主观能动性，从而提高他们的创造能力与创新精神。因此基于项目教学模式下，对“网页设计与制作”课程进行改革与实践，势在必行。

1教学改革的理念与思路

在计算机应用专业的教学中，对于网页设计和制作课程的教学总体目标，主要是通过真实的网站项目来开展教学活动，让学生能够依据网站开发的过程和网页制作方法，结合需要制作的要求，制作出简单的网页图像与自动生成的动态网页，以提升学生网页制作技能，积累丰富的网页制作经验，从而满足日后工作岗位需求。因此在进行网页设计与制作时，应体现以下理念：(1)培养与人沟通和团队合作的能力。为能准确地把握项目制作的要求与客户的需要，教师必须重点培养学生与人沟通、团队合作的能力。让学生通过自由组队的方式合作开发项目，共同努力完成布置的任务，让学生之间能够形成良好合作的关系，以提升学生的心理素质与适应社会环境的能力。(2)培养职业技术能力和解决问题的能力。培养学生具备扎实的专业技术能力，这是网页设计与制作课程中能力培养的关键。因此在进行教学时，对学生职业技术能力的培养，主要包括以下几方面：①网站的规划能力。在项目教学中，应了解分析项目的内容，正确地理解项目的要求，并合理规划项目，编写网站的建设方案。②网站的设计能力。学生应熟悉网页的工作环境，详细规划与设计网页布局，并了解开发的主要工具，灵活使用网页元素，保证网页设计顺利完成。③网站的维护与更新能力。应依据专业规范操作，来维护与更新网站。④解决问题的应变能力。网页设计对专业性要求极高，因此要想强化学生处理问题和解决问题的能力，必须引导学生熟悉与掌握网页设计中较为常用的方法与工具。(3)自学与创新能力。自学能力即培养学生自我解决问题的能力，主要是指学生在学习的过程中，能够形成良好的学习习惯与掌握所学的知识，并通过自主学习的方式，来获得有用的信息，以积极的应对职业中遇到的问题。而创新能力则是培养学生具备创新思维与创新意识，从而为日后工作打下扎实基础[1]。

2基于项目教学的“网页设计与制作”课程改革与实践的途径

2.1课程整体设计