网站设计总结范例

高职院校课程教学的终极目标是促进学生就业，推动市场经济的可持续发展。为此，以计算机类专业的网站设计类课程的改革，必然要以就业为导向进行改革与实践。论文结合以就业为导向的计算机类专业教学改革的必要性，分析了计算机类专业网站设计的岗位需求及课程建设现状，认为以就业为导向的计算机类专业网站设计课程的改革设计，应有一个明确的改革设计方案，做好课程教学模式的设计和课程教学考核方式的设计，最后针对网站设计课程的改革总结了三点合理的教学策略，一是积极地开展实践教学，创新教学方法；二是加强校企合作，为学生提供更多的实践机会，培养学生的职业能力；三是注重课程教学评价，提高学生的实践能力。

1.引言

互联网时代下，网站建设与网页设计成为企业的第一面孔，也是人们了解企业的途径之一。在企业的规模化快速发展下，对网站建设与网页设计类人才的需求量逐步增加，对人才的要求也越来越高。与此同时，高职院校在为企业输送大量网站建设与网页设计类人才时，必然要从企业的实际需求与市场发展动态出发，确保培养的人才契合企业的根本需求。就计算机类专业的网站设计类课程而言，更应在课程教学改革中融入就业理念，在就业导向下完成网站设计类课程的改革与教学。就目前来说，如何在就业理念下做好计算机类专业网站设计课程的教学依然是高职院校高度重视的一个焦点。因此，论文对以就业为导向的计算机类专业的网站设计进行研究有很大的现实意义。

2.以就业为导向的计算机类专业教学改革的必要性

我国网民的数量持续增长，且网络经济有着越来越大的影响力。越来越多的企业也积极地运用互联网技术融入网络市场，并建立起专属网站。在这一条件下，计算机类专业人才被这些进行网络建设的企业所重视，也成为高职院校高度重视的课程教学之一。无论高职院校如何重视计算机类专业人才的培养，一旦脱离了就业市场的真正需求，必然无法为企业输送真正有价值的计算机类人才（季润石，王浩，高校考试就业综合信息网站的设计与实现：人力资源管理，2018）。这就需要高职院校高度重视计算机类专业的就业为导向的教学，通过立足于就业市场培养计算机类专业学生的就业能力，引导学生正视教育环境与就业环境，并在毕业后可以为企业的发展奉献出自己力量。因此，以就业为导向的计算机类专业教学改革是必然，在实际的改革中应注重学生就业意识的培养、实践能力的培养、职业能力的培养。

3.计算机类专业网站设计的岗位需求及课程建设现状

3.1计算机类专业的岗位需求

摘要:在具体的网站建设过程中，图形设计的应用越来越广泛，极大地促进了网站的设计与建设发展的进度，因此，文章主要从网站建设的相关概述，对网站建设系统的应用图形设计进行了讨论。

关键词:平面设计；网站建设；应用

传统的网站建设一般都是根据最初的设计基础以及原理进行编程，然后由网站的客户进行提议，以及意见，设计师进行修改以及改编，最后形成客户满意的网站设计。由于传统的网站设计一般是以表格的形式制作出相关的网页然后把有关的文字、图片以及音频放到固定的位置，每个位置的图像要经过繁琐的设计，其中的过程比较复杂，而且还比较容易出现错误导致整个网站的瘫痪。因此我们要改变传统的设计理念，采用最新的平面设计应用于网站设计当中，才能更快、更高校的完成网站设计以及建设。

1简述平面设计

所谓的平面设计在其构成要素上来讲，包括基本框架以及基本框架设计两个方面，在网站建设过程中，平面设计发挥着重要作用。因此，对平面设计的两方面进行简要分析，基本框架指的是完成打造设计，点、线、面的边框部分的平面设计工作，找到平面的突破点，然后进行详细的设计，这样工作能够轻松一些。基本框架设计指的是根据客户的具体需求以及二维空间和三维空间的选择，对网站系统进行设计，在此基础上，对其色彩进行均匀的调和设计，而设计的基本形式在设计之间具有有效性。

2当前网页设计的基本问题

随着科技的发展，计算机技术和互联网技术发展的速度越来越快，网站建设无法跟上时代的发展，它的理论知识和经验不足，而且在外观设计上也存在着较大的差距，因此，在一定程度上阻碍了网站设计和建设的发展。具体问题如下。1）从网站的性质出发分析相关问题。根据网站的情况出发，并且就现在的国情和发展的角度来看。一些设计人员没有以网站的实际情况作为出发点，在平面设计的过程中，没有根据不同的网站的设计需求也不同的实际情况考虑，在设计上存在着较大的差异。另一方面，从员工的素质角度来看，大部分的工作人员素质较差，知识水平低下，根本不看网站的基本需求，并直接做设计的复制，所以，需要对这一批工作人员进行统一的培训，增强他们的知识、眼界与素质，为今后的网站设计打下基础。2）在图像效果的基础上进行问题的分析。从图像效果的角度出发来看，图像效果对网站设计具有重要的影响，一个好的网站，想要吸引更多人的关注就必须对网页图像设计的足够好，使得画面效果吸引人们的眼球，特别是对一些网站与图片的大量需求。从中国的实际国情以及发展方向来看，目前中国在网站建设过程中技术水平仍然存在着不足，例如，很多图片制作的并不清晰，画面清晰度实在较差。因此，想要将网站建设的更加完美，必须学习著名设计公司的设计，例如向SONY学习，学习他们公司优秀的地方，我们根据自己的实际需要，取其精华，去其糟粕，更好地促进画面设计的发展，为我国的网站建设发展奠定基础。

【摘要】随着我国经济实力的不断上涨，网络科技也逐渐进入大众的视线，网络教育也得到了新的发展。在全新的教育形势下，网络课程的开设已经越来越普遍。本文从网站设计与制作课程的教学现状出发，阐述了新时代下新生的翻转课堂的具体内涵，为我们展示了翻转课堂运用于网站设计与制作的优势与作用。

【关键词】网站设计与制作课;翻转课堂教学模式;应用

一、前言

翻转课堂是随着时代的发展，信息的普遍而新兴的一种教学方式。它结合了传统教学的优良之处，同时也融入了时代的元素，是网站设计与制作课程上的不二之选。翻转课堂在网站设计与制作课的应用，是连接课前，课堂，课后的纽带，人性化的课前指导，生动形象的教学视频，自主学习的课堂氛围都是它从众多教学方法中脱颖而出的几大优势。而在实践的检验和反思下，也证实了翻转课堂应用于网站设计与制作的重要意义。

二、网站设计与制作课的教学现状

由于目前为止我国网络设计与制作课程开设时间相对较短，因此在很多方面仍然存在着一定的问题。通过对一些已经开设了该门课程的调查可以发现他们在网络课程教学中存在着一些共同的问题。

1.教学手段老套，学生积极性低

1课程目标

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

2教学内容的选取

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

3教学方法

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

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

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

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

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

一、课程现状分析

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

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

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

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

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

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

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

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

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

1.1教学内容改革

1设计理念

⑴符合高职的特点和实际情况。高职图书馆不同高校图书馆，高职图书馆具有独特性，网站应结合图书馆的服务理念去建设，但高职图书馆面临资源少、服务项目少的困境，我们如何对读者提供有价值服务，需要馆员们多年服务读者过程中总结，才能给读者一个满意的网站。图书馆网站建设力图把满足读者需求、方便读者使用作为网站设计的根本出发点，网站的内容和设计要充分考虑到读者的需求，一个受读者喜欢并信赖的网站是建立于读者明确需求的基础上。

⑵不使用过多颜色，力求简洁、清爽。色彩可以鲜艳一些，但不能杂乱。从审美角度看，在网站设计时，只使用三、四种相匹配的颜色就可以让网站更为美观了，应尽量避免使网站过于花哨，尽量不用或少用动画、闪烁或滚动的文本。

⑶页面应布局合理，尽量简洁。一般来说，页面的分辨率推荐1027x768，固定布局宽度来设计；按网站层级来设计布局，同一层级的布局尽可能统一。网站首页布局应简洁、大方，应把服务与资源充分显示在首页面上，可以采取JS滑动显示的技术，容纳更多的内容而不显得拥挤。

⑷使用一致的设计元素。在网站的全部页面上，都采用一致的字体与颜色，会使网站显得更为统一和专业。同时在网页的布局设计、术语或词汇的使用，以及与用户交互的方式使用等方面，也都应尽力保持这种一致性。图书馆主页、OPAC页面及二级页面在功能菜单及色调上应尽量做到一致。

⑸图书馆的网站上应设计一个较醒目的给读者发牢骚、提意见、问问题的窗口。

⑹网站整体导航清晰化。1）全局导航。全局导航也就是说可以帮助用户随时去到网站的任何一个栏目。并且能轻松跳转到另一个栏目上。一般来说，全局导航的位置是固定的，这样可以减少浏览者查找的时间。2）导航栏异化，直接的告诉用户他身在何处。浏览则当前访问的页面所属的导航，在网站建设中要进行特殊化处理，比如一家网站建设公司的网站导航，如果网站主导航颜色是蓝色的，那么当用户浏览到网站建设流程这个大栏目之下，那么网站建设流程这个栏目的导航应该换一种颜色或者做一种特殊的效果来进行体现，以区别与其他的导航。这样浏览者就能够非常的容易的识别到当前导航所在的位置。

一.CDIO工程教育模式

CDIO将产品生命周期分为四个环节，构思、设计、实施和运行，分别对应四个教育和实践训练环节。CDIO工程教育模式的目标在于培养学生掌握工程技术的应用知识，引导新系统、新产品和新生产流程的创建、运行，明确科学研究和工程技术的发展对社会的重要性。CDIO的主体内容包括CDIO大纲和CDIO标准。其中，CDIO大纲覆盖了现代工程师应所应具有的科学知识和技术能力，包括四个方面：技术知识以及推理能力；个人能力、职业能力和态度；人际交往与团队合作能力；在企业和社会环境下对系统进行构思———设计———实现———运行的能力。

二.JSP商务网站设计课程的特点

JSP商务网站设计是一门WEB应用开发类课程，一般开设在专科二年级，学习课程前学习前需学习前序语言基础课程《计算机语言JAVA》，同时为后续的J2EE等相关课程打下基础。JSP商务网站设计课程以职业技术能力培养为主线，要求学生掌握JSP基础、HTML及页面布局、JavaScript与正则表达式、JavaBean、Servlet技术、MVC模式以及基于MVC模式的WEB应用开发等内容。课程完成后要求学生具备掌握开发基本JSP网页和JSP访问数据库技术以及使用MVC框架进行动态网站开发的能力。

三.基于CDIO的课程改革

针对JSP商务网站设计课程教学中所存在上述不足，我们将CDIO工程教育模式引入课程教学，根据CDIO的大纲和标准对课程进行了重新规划，使之更符合工科实践类课程的特点，增强学生的实际开发能力。在教材选择上，针对工科实践类课程这一定位，选取清华大学出版的《JSP编程技术》作为课程教材，该书实践性较强且具有项目背景的教材，教材对知识点的覆盖全面，每章都配有大量案例，全书贯穿一个完整的JSP开发项目。同时，对JSP技术所需一些相关技术也有一定的涉及，做到了知识全面、讲述精准、代码详尽、案例丰富，非常适合作为高职高专计JSP商务网站设计课程的教学用书。在教学内容和方法上，采取任务驱动，案例与项目相结合的教学模式，并将分组教学与角色体验融入课程教学之中，具体如下：

1)任务驱动与案例教学