网站设计总结范文篇1
互联网时代下，网站建设与网页设计成为企业的第一面孔，也是人们了解企业的途径之一。在企业的规模化快速发展下，对网站建设与网页设计类人才的需求量逐步增加，对人才的要求也越来越高。与此同时，高职院校在为企业输送大量网站建设与网页设计类人才时，必然要从企业的实际需求与市场发展动态出发，确保培养的人才契合企业的根本需求。就计算机类专业的网站设计类课程而言，更应在课程教学改革中融入就业理念，在就业导向下完成网站设计类课程的改革与教学。就目前来说，如何在就业理念下做好计算机类专业网站设计课程的教学依然是高职院校高度重视的一个焦点。因此，论文对以就业为导向的计算机类专业的网站设计进行研究有很大的现实意义。
2.以就业为导向的计算机类专业教学改革的必要性
我国网民的数量持续增长，且网络经济有着越来越大的影响力。越来越多的企业也积极地运用互联网技术融入网络市场，并建立起专属网站。在这一条件下，计算机类专业人才被这些进行网络建设的企业所重视，也成为高职院校高度重视的课程教学之一。无论高职院校如何重视计算机类专业人才的培养，一旦脱离了就业市场的真正需求，必然无法为企业输送真正有价值的计算机类人才（季润石，王浩，高校考试就业综合信息网站的设计与实现：人力资源管理，2018）。这就需要高职院校高度重视计算机类专业的就业为导向的教学，通过立足于就业市场培养计算机类专业学生的就业能力，引导学生正视教育环境与就业环境，并在毕业后可以为企业的发展奉献出自己力量。因此，以就业为导向的计算机类专业教学改革是必然，在实际的改革中应注重学生就业意识的培养、实践能力的培养、职业能力的培养。
3.计算机类专业网站设计的岗位需求及课程建设现状
3.1计算机类专业的岗位需求。一般来说，计算机类专业的岗位需求主要有网页美工、网页设计与制作、网站开发设计、网站运营、网页编辑、网站管理及网站维护等。就网站设计课程来说，主要是倾向于网页设计与制作、网站开发设计、网页编辑及网站管理。3.2课程建设现状。计算机类专业网站设计课程的建设，尽管已经受到高职院校的高度重视，但在实际的教学实施中依然存在着诸多问题。如专业建设上岗位需求和培养目标的紧凑度不够，课程设施上有待进一步完善，主要是整体性不足、针对性不强。教学内容上，主要是设立和讲解特定的知识点，没有把岗位技能知识进行整体糅合。教学方法上依然是沿袭传统教学方法，结合不同的知识点进行案例教学。教学考核上，以笔试考核为主，实践环节的考核力度不够。这些问题的存在，不利于计算机类专业网站设计课程的有效教学，也和就业岗位的对接性不够，学生在学习了课程知识后依然无法运用课程知识解决实际问题，也缺乏一定的创造性。
4.以就业为导向的计算机类专业网站设计课程的改革设计及建议
4.1网站设计课程改革设计的方案。以就业为导向的计算机类专业网站设计课程的改革设计，应突出网站设计课程的核心教学理念，从职业性、开放性及实践性角度组织教学。课程改革设计中，确定职业岗位，分析岗位需求能力，最后确定教学项目，实现真正意义上的学以致用。同时，在实际的教学中，注重边学边用，注重学生职业能力的培养、创新意识的培养既创新能力的培养。做好教学内容的组织与安排工作，注重学生职业能力的培养。可采用项目式教学手段，通过分析岗位职业情况选取课程内容，突出课程的实践性、职业性、开放性。在教学内容组织上，突出教学的过程、学习的过程及实践的过程。在教学实践中以实训方式进行，如高职院校院系级网站、旅游网站、学院教研室网站设计等（刘峰，刍议中职计算机专业《微网站设计》课程的开发：电脑迷，2018）。实际的实训目标从网站规划、网站首页制作、网站首页美化、网站二级页面制作、网站页面特效实现、注册登录表单功能实现、数据库的选择和连接、数据库数据的修改、网站测试和、网站管理和维修这10个方面来做起。4.2网站设计课程教学模式的设计。以就业为导向的计算机类专业网站设计课程的改革设计，应做好网站设计课程教学模式的设计，从情景教学、任务驱动及工作导向的教学设计做起。在教学做一体化的教学过程中，采用小组教学进行课程教学设计。第一步，通过在网站设计课堂上引入案例，向学生提出问题，以案例演示的方式讲解案例的应用背景，加深学生的感性认识，并确定这一课堂的教学目标。第二步，通过对案例进行分析，找出问题的根源并解决，这就可以把案例进行分解，并确定为多个任务，在任务驱动下制作案例（王丹玲，基于职业能力培养的网站与网络动画设计课程实践教学改革：广西教育(高等教育)，2018）。第三步，通过归纳和总结，在课程结束前对本次课堂的学习内容进行归纳和总结，找出这一课堂的学习意义和学习的重点，找出学习的难点和易错点，对这些知识点及时总结。第四步，通过举一反三并学以致用，这就需要教师在课堂教学结束后，对学生进行加强训练，巩固学生的课后学习，引导学生触类旁通和学以致用。4.3网站设计课程教学考核方式的设计。以就业为导向的计算机类专业网站设计课程在改革中，应注重课程教学考核方式的设计。如在课程项目式教学过程中，就要对各个知识点的掌握情况进行评价，并让学生自主选择项目，以小组的方式进行页面设计，最后给出考核的结果。网站设计课程教学考核过程中，注重学生工作过程的考核，对项目进行任务划分，并对学生的实践能力进行综合考评。考核过程中可选取教师评价、组员间的互评及小组评价等方式，对学生进行综合评价，包括学生的调查与规划能力、新系统逻辑模型的构建能力、系统设计能力、系统实施能力及系统运行和维护能力。4.4网站设计课程改革的教学建议。以就业为导向的计算机类专业网站设计课程的改革过程中，应积极地开展实践教学，注重学生实践能力的培养。这就需要教师在教学活动中结合不同的教学时间要求设计不同的教学内容，帮助学生积累大量的实践知识，并在实践中运用这些知识并提高实践能力。同时，网站设计课程改革的教学中，还需要高职院校加强校企合作，为网站设计课程教学提供顶岗实习的机会，增加学生实践的机会，并提高学生对岗位的适应性（李茂林，卫培培，基于工作过程的《网站设计开发》课程开发与设计：电子制作，2015）。更重要的是，以就业为导向的计算机类专业网站设计课程的改革教学，也要注重课程教学评价的科学设计，注重学生实践能力的考核，提高学生的职业能力。因此，以就业为导向的计算机类专业的网站设计课程教学改革中，一要积极地开展实践教学，创新教学方法；二要加强校企合作，为学生提供更多的实践机会，培养学生的职业能力；三要注重课程教学评价，提高学生的实践能力。
5.结语
网站设计总结范文篇2
关键词：信息产业；网站设计；网站实现；JavaScript
武汉信运通信息产业有限公司是一家专业提供物流行业信息化及其他集成服务于一体的高新企业。信运通信息产业有限公司之前使用的网站存在版式老套、网页布局混乱等问题。通过对公司的现有业务内容、企业网站目标用户、企业网站设计策略进行分析和总结，综合应用AdobePhotoshopcs6、PS软件和AdobeDreamweavercs6软件，采用HTML和DIV＋CSS搭建网站的基本框架，通过Javascript语言来实现网站的动态效果。最终实现了网站规划、界面设计、网站制作及网站测试，达到了预期的效果，提升了用户的体验，进而为中小型信息服务类企业网站设计与实现提供了参考和借鉴价值。
1网站设计思路
在分析研究和实践基础上，对整体设计流程进行梳理，得出网站的设计思路（见图1）。（1）对公司现有产品、主要服务、合作伙伴、企业相关介绍等需要通过网站向目标群体进行展示的相关信息进行梳理。（2）通过对目标群体的受教育程度、浏览网站的习惯、对网站不同信息的关注度以及其对企业网站设计的影响进行分析，从而确定网站的设计框架、展示形式与风格。（3）通过浏览大量的企业网站并进行深入细致的分析，从而归纳总结出企业网站设计的策略，为后期良好的企业网站设计做好准备。（4）根据前期的调查、分析、总结，进行网站架构的初步设计以及网站界面的详细设计。（5）根据设计出来的网站界面，进行网站界面的代码实现。在制作完成后根据需要进行网站的测试。（6）对设计制作出来的网站进行总结，发现网站设计与制作过程中的不足以便后期加以修整。
2网站设计分析
2．1用户分析
在对公司业务内容进行梳理后，明确了其网站用户群。下面将针对用户群体进行分类分析。（1）中小型物流企业。通过与相关人员交流，了解到针对物流信息服务企业网站需要展示以下内容：产品与服务的相关介绍、物流行业与公司的新闻动态以及老客户使用公司产品与服务的效果。对于网站的展示效果，他们更倾向于布局相对简单、易于浏览、便于获取到关键信息。（2）合作伙伴与投资人。通过对信运通公司向合作伙伴与投资人展示的PPT内容进行分析，可以总结出公司主要想向投资人和合作伙伴传达以下信息：公司的简要介绍、市场机会、现阶段经营的产品及服务、自身发展的优势、企业未来发展规划以及合作伙伴合作、投资人投资带来的互惠互利及其良好的预期。（3）其他用户。除了物流服务企业、合作伙伴与投资人以外，网站的常见用户还有政府机构、应聘者及不定人群。这些用户在浏览网站时，主要会对网站的风格、公司的介绍、企业文化、企业发展状况、公司现阶段经营的产品与服务以及近期的招聘职位感兴趣。
2．2内容分析
在完成前期的调查与梳理以及对网站用户群体进行研究后，企业网站的内容暂定为以下7个模块，具体内容如下：（1）网站首页。网站首页主要内容有企业LOGO、展示企业理念的轮播图、网站导航、公司产品及服务、公司简介、新闻动态以及服务联系方式和APP下载区。（2）产品展示。产品展示模块主要包括公司的现有产品－－物流业务管理系统、物流公共服务平台、物流联盟管理系统、第三方物流管理系统以及手机APP。（3）服务介绍。主要包括公司现阶段对外提供的在线金融、在线投保、市内配送、GPS定位、园区WIFI服务。（4）成功案例。向意向客户或者潜在客户展示公司的产品和服务在推广过程中的成功案例。（5）加盟合作。一方面通过展示公司现阶段已经与哪些类型的机构展开合作关系从侧面彰显公司的实力。另一方面可以让潜在的加盟商、投资人知晓公司的加盟合作以及吸纳投资的意向。（6）新闻动态。新闻动态模块主要包括行业新闻和公司新闻。（7）关于我们。关于我们模块主要包括公司简介、发展历程、企业文化、联系方式、加入我们。
3网站设计制作
3．1网站结构规划
经过网站设计分析，得出公司网站界面设计的具体结构（见图2）。由于这些中小型物流公司使用系统时间较短，能够作为成功案例进行效果展示的公司并不多，因此在网站制作时先将此模块去掉。
3．2网站界面设计
3.2.1网站首页设计
网站首页能够让浏览者在第一时间内领略到企业特色所在。网站首页PS效果如图3所示：在网站首页的页眉位置，左侧放置了公司的LO-GO。在页眉的右侧设置了“添加到桌面”快捷方式。在页眉的中部，设置了网站的导航。为了提高网页字体的辨识度与界面整洁，整个网站除了特殊需要都采用微软雅黑字体。导航栏采用了鼠标悬浮的效果。当鼠标移动到相应的模块时，相应的文字由黑色跳转为红色，下方悬浮显示具体的子目录。首页Banner不仅需要体现企业的高端、大气，同时还要展示物流信息化服务的愿景，并符合整体的页面设计。Banner的下方是产品展示区，展示公司现阶段的主要产品—“好运通”物流业务管理系统、物流公共服务平台、物流联盟管理系统、第三方物流公共服务平台以及手机APP。整个产品展示区域只显示3个产品，其他产品以轮播图的形式呈现，当用户点击左、右移动按钮，图标会根据用户的操作向左或向右移动出隐藏的产品图标。产品展示的下方是两栏信息栏，分别放置公司简介和新闻动态。以便访客第一时间对公司有简单的了解，同时获取相关的新闻动态信息。接下来是优质服务展示栏，在这一信息栏，针对每一项服务都设计了相应的图标以便对服务进行形象的展示。考虑到公司后期还会推出其他的服务，在优质服务栏同样采用了轮播的效果，当访客想要对服务进行了解时，只需鼠标单击图标或者对应的文字即可进入相应的页面。在网站首页的底部是网站的版权信息、公司名称以及公司的联系电话。为了使整个网站显得不沉闷，同图4其他页面PS效果图时又能跟整个网站的风格协调，在底部的设计上选用了姜黄色作底色，字体用白色。在网站首页的右侧固定了一个信息框，上面展示有公司的客服电话、客服QQ以及手机APP二维码。此模块将作为公司联系方式的展示区，在整个网站的各个界面都会出现。
3.2.2其他界面设计
为了简化整个网站的制作流程，同时保证网站风格的统一以及实现便于访客浏览的目的，网站的其他界面（除了网站首页以外的所有界面）的页眉、Banner（其他界面的Banner没有轮播效果，只是选取了网站首页Banner轮播图的一张图片）以及网页底部均与网站首页的设计形式保持高度的一致。
3．3网站代码实现
选择AdobeDreamweavercs6作为网站代码编写软件，采用HTML、DIV＋CSS和Javascript语言来实现网站。下面将选择几个具代表性的功能模块进行说明。
3.3.1网站页眉
网站的页眉包括LOGO、导航和微信二维码三部分，这三部分的排列主要通过float属性来实现，各个模块的具体位置则需要通过设置margin值的大小来实现，使用width属性控制页眉宽度。公司LOGO的排列需要通过src属性将处理好的图片引入即可。网站的导航部分是页眉部分的难点，它主要通过＜ul＞＜li＞＜／li＞＜／ul＞来实现文字的排列，通过display属性实现二级导航的显示与隐藏，通过伪类hover实现鼠标悬浮时的文字变色。微信公众平台二维码部分则是先通过DIV＋CSS实现图标的排列，再通过引入的JS代码实现鼠标的悬浮效果。
3.3.2首页
Banner网站首页的Banner部分有两张宣传企业文化的图片交替轮播，为了实现较好的图片轮播效果，需要有JS代码作为支撑。
3.3.3“优质服务”
先通过DIV＋CSS将优质服务的五个服务内容以及进行左右切换的图标进行排版，再借助JS代码进行动态效果的实现。
3.3.4网页右侧信息框
网页右侧的信息框主要有服务热线电话、客服QQ以及手机APP下载三个模块。这三个模块均是采用DIV＋CSS进行布局，具体的每一个模块则是通过float属性与margin属性进行控制。
3.3.5公司新闻模块
公司网站的新闻展示模块主要采用了table表格进行布局，在后期新闻条目较多、一个页面的展示效果不好时，就要考虑到新闻页面的翻页问题，需要通过JS代码来实现每个页面新闻条数多少以及上下页的翻转。
4网站测试
网站测试作为网站设计与制作的最后一个环节，它对网站设计与制作的质量有较大影响，在测试时，主要针对静态网站可能存在的问题进行了测试。
4.1链接测试
此次的网站链接测试主要针对以下三个方面：①测试网站上页面的所有链接是否依照设计思路链接到了正确的页面；②测试链接所指向的网站页面是否存在；③测试整个网站没有孤立的页面，即每一个界面都应当有链接指向。
4.2浏览器测试
用DIV＋CSS制作网页时，需要测试浏览器兼容，在测试时主要针对以下浏览器进行了测试：IE浏览器、火狐浏览器、360极速浏览器、360安全浏览器、谷歌浏览器和搜狗浏览器，测试结果通过。
5结语
本文设计并实现了信运通信息产业有限公司的网站，整体设计制作效果较好，满足了公司的网站建设需要，得到了公司的认可，后期需要在代码的简洁性上进行改进。
作者:刘明义 李保林 曹青青 单位:1.河南城际铁路有限公司 2.湖北汽车工业学院经济管理学院
参考文献
1李兆明．商业网站设计与制作［D］．成都：电子科技大学，2013
2高原．服务器端javascript技术研究［J］．信息与电脑（理论版），2012（1）
网站设计总结范文篇3
[关键词]网站立项系统分析系统设计网站测试网站维护
一、引言
网络技术的不断成熟和发展，促进了基于网络技术的校园网站的发展。校园网站开发是一项很复杂的工作，我校根据学校实际，确定网站的定位和需求，从软件工程的角度出发，针对学校网站建设的特点和重点，整理出一套适合学校网站建设管理和控制的方法，以此来保证网站建设的高效率、高质量。
二、网站立项
校园网站建设，要成立一个专门的项目小组：学校领导、学校网络管理员、美术教师、各科室人员、计算机专业教师等8人～9人以及“计算机学会”社团学生代表5人组成，由网络管理员作为项目负责人负责对该项目的统一调度和安排。
三、网站设计开发过程
（一）系统分析阶段
建立一个网站，首要明确设计思想，编写一份详尽的需求说明书，这是网站建设成功的关键所在。
我校根据各方面的反馈意见进行认真的分析，对网站设计进行准确定位：学校网站规划要着重考虑教师和学生的需求；内容上要以学校整体宣传为主，同时也要为访问者提供其所关心的内容；内容要求及时更新；版面要求新颖有特色，同时还要增强网站的方便性、整体性和安全性。
（二）系统设计阶段
1．网站总体设计
网站设计有了一份详尽的需求说明书后，就可以根据需求说明书，对网站进行总体规划，给出一份网站总体建设方案。总体规划具体要明确网站需要实现的目的和目标；网站形象说明；网站的栏目版块和结构；网站内容的安排，相互链接关系；使用软件、硬件和技术分析说明；开发时间进度表；维护方案；制作费用；需要遵循的规则和标准有哪些等。
2．网站详细设计
总体设计阶段以比较抽象概括的方式提出解决问题的办法，具体设计阶段的任务就是把解决方法具体化、明确化，设计中应注意的问题有：
（1）网站设计的风格定位。网站要有自己的特色，设计中不要太多地考虑技术问题，而应该更多地考虑不断增加网站的内涵，要在能够动态反映学校情况的内容上下功夫。
（2）网站设计的整体性。网站设计，注意考虑网站的易维护性，技术上多采用CSS、模板等，对网站的整体风格进行定位，方便日常维护与更新。
（3）关键技术的研究及应用。网站设计中，怎样防黑，保护网站内容不被别人窃取、修改是网站建设必须考虑的技术性问题。本人主要从IIS、ASP和Access三方面来总结网站系统面临的常见的安全威胁及解决方法。
①集中管理ASP的目录，设置访问权限。在设置WEB站点时，将HTMI文件同ASP文件分开放置在不同的目录下，然后将HTML子目录设置为“读”；将ASP子目录设置为“执行”。
②对IIS中的特殊Web目录禁止匿名访问并限制IP地址。对IIS中的sample、scripts、iisadmin等web目录，通过各目录属性对话框中的“目录安全性”标签设置为禁止匿名访问并限制IP地址，并用NTFS的特性设置详细的安全权限，除了Administrator，其它帐号都应该设置为只读权限。
③防止Access数据库被下载。有效地防止数据库被下载的方法有：非常规命名法：为Access数据库文件取一个复杂的非常规名字，并把它放在几层目录下；使用ODBC数据源：在ASP程序设计中，如果有条件，应尽量使用ODBC数据源，不要把数据库名写在程序中。
④进行数据备份。运用FSO组件对Access数据库进行备份，以便在数据被破坏时进行快速恢复,尽可能多地挽回损失。
⑤对ASP页面进行加密。为了有效地防止ASP源代码泄露，可以对ASP页面进行加密。加密的方法一般有两种：一是使用组件技术将编程逻辑封装入DLL之中;二是使用微软的ScriptEncoder对ASP页面进行加密。
⑥后台用户注册验证。为了防止后台用户未经注册的用户绕过注册界面直接进入应用系统，我们采用Session对象进行注册验证：<%UserID=Request(“UserID”)
‘读取使用者所输入的用户名和密码
Password=Request(“Password”)
IfUserID<>“hrmis”OrPassword<>“password”Then
Response.Write“用户名错误!”
Response.End
EndIf
‘将Session对象设置为通过验证状态
Session(“Passed”)=True%>
进入应用程序后,首先进行验证:
<%‘如果未通过验证,返回Login.asp页面登陆状态
IfNotSession(“Passed”)ThenResponse.Redirect“Login.asp”
EndIf%>
⑦让学生参与网站设计。优秀学生参与设计，无论对丰富网站内容、提高学校网站的点击率还是扩大学校网站的影响都能起到相当大的作用。
（三）网站测试
有了网站的具体设计方案，各网站制作人员就可以全力进入开发阶段。尽量采用边制作边调试，即采用本机调试和上传服务器调试的方法，观察速度、兼容性、交互性等。
投入运行之前，需对网站需求分析、系统分析、设计规格说明和编码最终复审，还要对系统进行各种综合测试。测试结束后，制作有关文档存档，并写出一个校园网站使用说明文档。至此，网站项目建设完毕。
（四）网站的管理和更新
做好网站的管理与更新，是一个网站树立形象的根本、生存的根本。我校专门成立了安全组织机构，制定出适合我校的《校园网站管理办法》、《校园网站信息审核制度》、《校园网站异常情况案件报告制度》等规定，建立健全了各项安全管理制度。
四、结论
我校网站已经试运行一段时间，为学校的教师、学生和教学管理人员提供教学管理、教学研究、日常办公、信息交流等应用服务的平台，较好地满足了设计最初的需求。在整个设计网站的过程中，重视学校网站的“规划—设计—管理—发展”的规律，实现可持续性发展。
参考文献：
[1]田原.高职院校校园网站主页设计探讨[J].十堰职业技术学院学报，2007，（7）.
[2]方照.立足校本，探索校园网建设之路[J].教育信息技术，2007，（12）.
[3]田建勇.浅析学校网站的设计与建设[J].安顺师范高等专科学校学报，2006，（6）.
[4]侯占伟，翟海霞.ASP代码厦网站安全的探讨[J].焦作大学学报，2005，（4）.
网站设计总结范文篇4
关键词：Rubric；评价；以学生为中心；教学改革；智慧旅游
1引言
智慧旅游，是利用云计算、物联网等新技术，通过互联网/移动互联网，借助便携的终端上网设备，主动感知旅游资源、旅游经济、旅游活动、旅游者等方面的信息，及时，让人们能够及时了解这些信息，及时安排和调整工作与旅游计划，从而达到对各类旅游信息的智能感知、方便利用的效果。智慧旅游的建设与发展最终将体现在旅游管理、旅游服务和旅游营销的三个层面[1]。作为新兴专业方向，其应用性课程的建设存在一定的困难，由于专业性人才缺乏，课程教学培养计划等都处于摸索状态。本文以桂林理工大学旅游与风景园林学院2017级和2018级智慧旅游专业学生为研究对象，结合当下以学生为中心进行教学的理念，对旅游网站设计与制作课程进行研究，重点介绍设计使用Rubric评价的教学改革内容。
2课程及评价简介
2.1课程大纲
旅游网站设计与制作是智慧旅游相关专业的必修考试课，它是一门操作性和实践性很强的职业技术课程。课程从围绕坚定学生理想信念出发，注重培育学生的科学精神、探索创新精神等，主要内容为系统介绍旅游网站设计与制作。本门课程在专业教学计划中起着十分重要的作用，通过课程的学习，学生可以掌握旅游网站的开发流程，掌握各种网页元素的使用等，能够解决一些旅游网站设计中的常见问题。课程教学大纲主要从以下三个方面进行修订：（1）知识点了解掌握旅游网站设计与制作的相关知识，如建站规划、建立站点、网站等；文本、表格、图像、超级链接和表单的应用等。（2）能力培养学生在各类旅游网站的设计与规划、制作、分析网站性能等方面，分析、解决问题的能力。坚定自己的理想信念，增强对祖国美好山河等的热爱，加强学生对科学知识的追求向往，及探索创新能力等。（3）素质培养学生具备较全面的专业认知能力，具备运用所学知识服务于社会的素质；构建完善的旅游网站建站知识结构，具备从事旅游网站设计与制作的基本素质。课程总学时40学时，其中包含12学时实验部分。课程的考核是平时成绩占40%，期末考试占60%。平时考核组成及权重要求如表1所示。
2.2课程评价
教学评价，是教育目标是否达成统一标准，通过测量与非测量、系统收集资料信息等可行性方法，对教育教学计划、学科课程、学生学习结果、教育过程所呈现的现象、教学活动实施、教学目标是否实现等进行评判的活动[2]。针对以学生为中心的教育理念，通过教育教学的评价界定，反向进行教学设计，从而达到以学促教，教学互长的目的。教学评价可以对教学提供反馈调节的作用，并能够对教师教学进行监测和指导，对学生学习具有强化激励的功能，最终实现教育教学的提高，同时促进学生的发展。著名的心理学家、教育家本杰明·布鲁姆（BenjaminBloom）将教学评价分为：诊断性评价、形成性评价和终结性评价。诊断性评价主要是针对本阶段学习开始前对学生已有水平鉴定，旨在帮助教师改进教学。形成性评价主要是对每一个学习目标是否实现及存在的问题进行反馈，旨在提高本阶段的教与学质量。终结性评价旨在对本阶段的学习进行评判，旨在评估学生学习水平和学校、教师的教学水平。不难看出，诊断性评价是对未来教学做的准备工作，形成性评价贯穿于整个教学过程中，终结性评价对上一段教学效果进行的一次性检测。在以学生为中心的理念中，形成性评价无疑是最重要的。课程建设还处于摸索状态，由于形成性评价工作量较大，根据三轮课程的讲解，本着以学生为中心的教学理念，总结改进了课程大作业的Rubric评价。
3工具及评价方案
评价量规（Rubric）是一个真实性评价工具，它是对学生的作品、成果、成长记录袋或者表现进行评价或者等级评定的一套标准；同时也是一个有效的教学工具，是连接教学与评价之间的一个重要桥梁[3]。纽约州立大学奥尔巴尼分校教育和咨询心理学系副教授海蒂·安德拉德（HeidiL.Andrade）认为，Rubric是一种评分工具，它通常给一个作品或其他成果形式列出评分准则，并按从优到差的级别明确描述每个准则的水平[4-5]。在以学生为中心的教育理念中，对学生的评价是多元化的，学生的学习效果只用终结性评价是不够的，通过多轮教学的探索与实践，对学生的结课作业进行了Rubric评价的设计。Rubric评价采用了二维表的形式，评价内容如表2如示。评价设计完成后，对桂林理工大学旅游与风景园林学院，智慧旅游2017级学生进行实验，由学生分组进行展示互评，评分只包含内容完整及结果美观两项内容，结果评价效果并不好。调查研究分析得出：评分指标说明不精确，如表2虽然给出了评价各部分的比例及说明，但不够精准，学生在进行评价打分过程中，对给分拿捏不准。根据实验现象，对表2的设计内容进行了改进，如表3所示。改进后的评价对桂林理工大学旅游与风景园林学院，智慧旅游2018级学生进行实验，同样进行分组展示互评，评分包含页面设计及汇报讲解两项内容。结果表明，由于评分标准进行了精确细化，并且在布置学生结课作业时，将评价标准同时给出，学生进行了有针对性的学习设计。作业完成情况有所提高，相关知识点的理解与应用明显高于2017级学生。
4结语
通过对以学生为中心教学理念的深入学习，分析总结经验，结合本专业学生的学情等，有针对性地对课程评价部分进行教学改革，总结如下：（1）采用Rubric评价能有效促进学生的有针对性的学习，目标更明确；（2）评价标准的修订需要参考学生的学情；（3）评分指标说明尽量做到精确；（4）使用Rubric注意反馈信息的设计与使用。
参考文献：
[1]百度百科．智慧旅游[EB/OL]．[2021-04-04]．
[2]李定仁，刘旭东．教学评价的世纪反思与前瞻[J]．教育研究，2001(2)：44-49．
[3]钟志贤，王觅，林安琪．量规：一种现代教学评价的方法[J]．中国远程教育，2007(10)：43-46．
[4][美]丹奈尔D．史蒂文斯，安东尼娅J．评价量表：快捷有效的教学评价工具[M]．利维，陈定刚译．广州：华南理工大学出版社，2014．
网站设计总结范文篇5
畜牧业处于我国经济发展早期，一般作为农作物生产副业的一种，近年来，我国在“后院畜牧业”相对独立的产业发展中逐渐分化为强大工业部门，为畜牧业与生产服务投入了机械、设备、配合饲料、兽药等，涉及畜牧业产业加工，如奶制品、肉类品。这些年，各领域都在各项科技水平创新中有所突破，畜牧业也不例外，尤其是计算机图形技术、辅助技术，在虚拟现实技术的革新进化发展中，新一代虚拟现实技术为人们创造了全新的视觉形象，更关键的是极大加强了广大用户的积极互动参与性。基于传统虚拟现实技术基础上，结合网站设计逐渐形成具有自主知识产权的虚拟现实引擎。这也在畜牧业中获得了充分应用，所以基于虚拟现实技术设计饲料销售统计网站，在目前畜牧业、养殖业发展中已势在必行。《畜禽饲料与配方设计》该书由兰云贤撰写，西南师范大学出版社出版的专业教材类用书，书中对设计饲料销售统计网站有所涉及，为运用虚拟现实技术的销售网站设计给与专业帮助。
《畜禽饲料与配方设计》作为我国高校的规划教材用书之一，该书总结了《饲料配方设计》《饲料学》这两本书中的关键内容，以目前动物生产养殖业行业领域为重心，服务于养殖业的应用科学。基本任务是运用现代化生物科学发展的先进成果，深刻揭示营养代谢规律、各类物质营养关系，还对饲用价值及生理功能深入揭示，真正保证了畜牧业高效、安全、优质生产，与现代化环保饲料相符，很大程度的提升了畜禽行业的生产质量与整体性能。《畜禽饲料与配方设计》共包括14个章节，在绪论中说明了饲料营养价值的评定内容、评定方法、评定体系及如何评定饲料内矿物质元素和维生素；第二章节总结了现有饲料的具体分类；第3章主要对青粗饲料进行分析，包括青饲料、青贮饲料和干粗饲料；在第4章对能量饲料进行介绍，包括谷实类饲料、糠麸类饲料及淀粉质块根块茎类饲料，还有淀粉、糖质、油脂类饲料；在第5章节对蛋白质饲料进行介绍，包括植物类蛋白质饲料、动物性蛋白质饲料、其他蛋白质饲料；在第6章介绍了矿物质饲料，第7章节概述说明了饲料添加剂，包括营养类饲料添加剂和非营养类饲料添加剂；在第8章讲饲料生物安全的概念、意义，分析了饲料与动物安全、畜产品安全、环境污染的关系，以及怎样确保饲料用药安全；在第9章指出饲料加工、贮藏；在第10章对饲料畜产品品质进行总结，指出饲料和肉品质、禽蛋品质、牛乳品质之间的关系，还有饲料和毛品质之间存在的相关性；第11章概述了配合饲料的具体特点，以及饲料配方设计中的主要原则，饲料配方设计所做的准备；第12章则说明了饲料配合设计基础方法，包括手算法和计算机配方设计；第13章主要对配方饲料、浓缩饲料、添加剂预混料、精料补充料的各类饲料配方设计进行说明；14章主要对各类畜禽饲料的配方特点加以总结，包括猪饲料、家禽饲料的配方设计特点，还有配方设计的质量评价。
《畜禽饲料与配方设计》指出，企业、机构、公司在互联网构建站点，主要是为了宣传企业形象，产品信息，提供饲料商业服务，作为畜禽销售活动的主要平台，依据销售功能划分为宣传类、服务类、电商类网站，在设计销售统计网站中需要包括以下功能，一是产品宣传，二是销售服务项目展示，三是开展网站买卖活动。在网站设计中运用虚拟现实技术，运用建模语言VRML技术在网站中三维展示产品及服务，赋予消费者的自由操作空间，并且为操作用户提供三维商品展示方式，在全方位展示中加上用户的亲手操作，能更加全方位、多角度的了解产品功能。
将虚拟现实技术应用于饲料销售统计网站设计中，充分体现沉浸性、交互性、构想性，当然，在未来网站设计中也要面临更多新问题，需要继续深入研究。总之，《畜禽饲料与配方设计》让我们看到了虚拟现实技术在畜牧业、养殖业等领域中将会得到广泛应用，也能为行业领域的生产发展带来全新思路，不仅能为高校培养行业专业人才，提供理论知识，更能应用于行业领域专业人士的学习中，由理论层面丰富至实践指导，形成丰富的专业指导体系，力图能更好的服务于我国畜禽业。
作者：李海强 杨朝义 黄芬梅 单位：广西城市职业大学
网站设计总结范文篇6
1.设计专业的特殊性与艺术感知教育的影响传统的艺术类专业把艺术的感知力培养作为一项重要内容贯穿于艺术教育中，而设计专业本身是多学科的综合专业和边缘学科，涉及的专业知识比较广泛，艺术感知教育只是设计教育的一部分，因为设计专业面向的是人，所有设计均以人为本体，进行设计分析和设计实施，教育方面的争论实际上就是功能与形式的问题，网站设计或者网页设计，依托的是技术，面向的是普通受众人群，在设计时自然是以技术的可实现为前提，以受众的各种感知习惯为参照进行设计，纯粹的艺术形式感的最求是与设计的实质不符的，功效永远都是设计的先决考虑因素，即功能决定形式。在人们的习惯认知中，网页的设计等同于美工，实际上网站应该作为一个整体进行考虑，所有分工的协作都应按照这个整体布置来实施，按照行业中的界面设计流程，信息的架构应该是先于视觉的设计进行。
2.信息设计意识有待加强信息设计意识的薄弱来自于传统的平面设计或者视觉传达设计专业的自身定位与认知，由于视觉传达设计研究的是视觉表达的问题，是视觉传达过程中的各种现象规律的研究，当遇到新的数字网络平台之后，产生了新的设计需求，急需对自身认知重新定义。网站的设计，就应该恢复其本身的本质设计定位：有效的传递信息，减少受众在寻找检索目标信息位置、获取目标信息内容的过程中遇到的阻碍。设计的对象本身是一种信息，设计围绕的是如何实现对信息设的效能传递进行设计。信息设计意识的培养还没有系统的融入到设计专业中来，而新的信息艺术设计专业却因此区别于视觉设计而诞生，这个应该是同一个应用领域的不同发展阶段，直接割裂不利于设计专业自身的发展和对专业自身的思考。
3.信息设计的方法和表现手段匮乏信息设计的方法实际上依然是设计专业的基础课程所涉及的方法和基础理论，信息设计方法和手段的匮乏，也是设计知识基础教育方面遇到的困难表现出来的一种现象，即知道基础设计知识，但不知道如何运用基础知识进行设计的问题。信息设计的表现方法和手段实际上更多的是依据设计目标所需要的控制和把握，把数视觉传达原理灵活运用于信息的视觉化设计，即视觉传达设计能力是信息设计顺利开展的基本表达手段。
二、基于情境模式的信息设计的思维能力培养
情境模式最早出现在工业设计领域，称呼为情景模式，是针对工业产品设计的可用性提出的一种解决方法，网站设计本身也是一种产品，也面临着产品的设计怎么检验的问题，由于设计的目的具有共同性：以人为本，所以很多工业设计领域的成熟的设计方法和流程是可以引入到网站设计中进行参照，这些方法基本上是以较为严谨的逻辑思维做支撑，去做研究和分析，才会有更接近于实际情况的设计依据。
1.具体情境下的信息架构分析与组织训练在以网站案例进行教学实践的基础上，确立情境模式中功能决定形式的基本前提，在具体实施过程中，以目标导向决定具体的设计过程。案例教学能为师生之间提供同样的决策信息，使情境的设定与分析都有着共同的基础3，在交流过程中，对出现的问题和提出的解决方案，更容易被学生理解和掌握。信息设计的基本研究方法按照受众研究、情境建模、需求定义、信息与功能架构、设计的细化、技术支持与视觉设计制作六个环节进行4，情境模型的建立需要对受众做基本的群体研究和分析，在确立情境模型之后，必须依据情境的条件和受到的限制，去分析信息的设计。首先，在选定制作的网站主题后，要求学生就网站的受众群体的可能的行为进行分析和研究；其次，在研究分析的基础上对典型的受众进行抽象，进而定义典型的受众角色，分析角色在访问网站时会有哪些行为，遇到哪些问题，并要求学生就这些问题，按照习惯的认知思维提出解决方案，所有设计方案应建立在正常的思维逻辑基础之上，重点在于关注受众群体对具体的页面访问行为发生的记录以及这些记录数据背后的普遍性的思维逻辑，而不是用主观意识的猜测去替代和想象受众的信息获取行为。最后，将拟定的情境下的某种操作过程完整的展示出来，用情境的限制引导学生去思考，重视对信息设计中逻辑思维的重要作用。
2.情境设定主导下的信息架构思维训练网站的各个信息模块之间有着不同层次的关联逻辑和认知逻辑，受众在网站信息群中，寻找目标信息依据的就是信息之间的关联逻辑规律与认知逻辑规律。依据设定的情境，按照逻辑思维的习惯和各类信息之间的逻辑关联对网站本身的信息内容进行全面梳理，指导学生对网站项目中涉及的各种需要在页面上展示的信息进行归类，同时，对网站的各个部分的功能根据情境条件进行分析和策划，最后对整个网站的信息进行架构安排，由学生自己讲解网站的信息架构的分析和架构，以及网站的功能的交互过程安排的方案。
3.“可用性与易用性原则”的交互检验在网站项目进行到设计细化以及技术支持或者技术模拟支持的环节之后、视觉效果设计之前的进程的时候，网站的交互操作基本按照之前的构想实现，就可以进入检验的环节，每个网站设计任务的非设计参与人员参与该项目的检验，即按照既定的情境和模拟的典型受众对网站进行操作，检验网站的可用性和易用性，并作出评估，让学生在这个过程中去体验设计的成果，增强自己对网站设计遇到的各种问题的体验度，培养学生从受众的角度去思考怎样获取目标信息的工作习惯。
三、情境模式下信息设计思维能力培养的总结
网站设计总结范文篇7
1.1设计学习任务，激发学生的学习兴趣
兴趣是最能激发学生的激情，学生如果对某一门学科产生兴趣，那么他们就会产生主动了解、积极探索的愿望，对知识的学习也会不惜时间、不怕困难，注意力也就能够集中较长时间。因此，在该门课程教学的过程中，我院计算机教师首先从激发学生的兴趣人手，调动学生的求知欲望。在上第一节课时，也是最关键的一节课，就开始积极地调动学生的这种求知欲望和兴趣，在上课过程中给学生打开介绍一些有代表性的网站，在版面设计方面是如何布局，在色彩搭配方面如何合理地统一网站风格，如何增加动画效果来引起读者的视觉注意，如何合理地使用图片来修饰自己的网站，做到与众不同，被广大浏览者所认可。完成对这些代表性网站的分析后,向学生提出学习任务，就是学习完这门课程后，大家要自己动手制作一个符合要求的网站。这时学生会情不自禁地在自己的脑海里构思着并想象自己设计出的网站画面，这种情不自禁的想象和构思就是学习的动力，是学生学好该门课的基础和前提。
1.2利用免费网站空间，实战教学
现在很多网站给予提供了极多免费的空间申请，在教学过程中可通过该种方式来提高教学效果，达到实战的目的。首先让每位学生独立制作一个网页，内容充实，并保存好，然后跟着教师在网络上找到一个免费提供空间申请的网站，接着一步一步跟着教师申请好属于每位学生的网络空间和域名，然后再把自己事先制作好的网页上传到该网络空间上，并通过浏览器打开查看自己的网页。通过这种方式，让学生有一种成就感，体会到了自己从零开始到独立完成一个网页的上传并成功显示的效果，同时也让学生在浏览器上看到自己设计的页面效果是否变形，美不美观。通过这样的实战学习，让学生对该门课程有新的认识，并喜欢上该门课程。
1.3开发课程学习网站，拓宽教学渠道
几乎所有的课程教学都在教室、多媒体、机房内完成教学，为了弥补课堂教学的不足，更加方便学生的学习，使学生在不同的地理位置上也能与教师进行交流，学生可以根据自己的兴趣或学习情况掌握学习进度，自主学习。笔者为该门课程独立设计开发了《网页制作与网站设计》课程学习网站，网站给学生提供了很多学习课件与制作网页的素材，同时还选取部分学生的优秀作品放在教学网站上，让学生感受到自己的成就感，并设置制作了在线交流和在线学习系统，使学生课外也可独立学习，并在网站上与教师和其他学生进行沟通交流学习。这些方法调动了学生的积极性，使学生积极思考,主动参与并提出自己的见解。
1.4师生互动、学生互动，活跃课堂气氛
学生在一堂课的学习过程中注意力都会不断变化的规律,刚开始时学生的注意力是最集中的,到了中间最容易分散,最后又会慢慢提高。因此在教学过程中笔者以幽默的话语联系最近发生的新闻知识串接到与课程相关的内容中来，并利用学生注意力的变化规律,把重要的内容放在前面,中间要加一些提高注意力的环节，重新激发学生的热情,需要强调和总结的内容要把握好最后的时间段。激发学生学习的兴趣，提高他们分析问题、解决问题的实际能力，达到轻松学习、自主学习的目的。
1.5以网页设计大赛激发学生学习热情
我院电子信息工程系每年都会举行一次网页设计大赛,由计算机教研室承办，学生可以独立参赛或者组成小组参赛，初评入围的选手可以进入决赛，然后选送优秀的作品参加每年自治区组织的大学生网页设计制作比赛。要求全系学生参加,可独立参赛，也可组队参赛，每件参赛作品选派一位代表在台上展示自己的作品并进行相关陈述,然后由专业教师、企业专家组成的评委团打分,并由其中一名评委对选手的作品和语言表达进行点评,最后评选出优秀作品并颁发获奖证书和奖品。通过每年的网页设计制作比赛,充分调动了学生学习的积极性，并且还提高了学生的语言表达能力和创新能力。既调动了学生的学习热情，又促进了学生的学习主动性，正确地引导了学生的学习方法和努力方向。
1.6以工作过程为导向，学以致用
在教学过程中，我院让学生加入到现实生活的实践项目中去，从社会人才岗位需求出发，把校企合作的真实网页制作项目融入教学课堂，让学生承担起实践项目的一部分。这就要求学生在开展实践项目之前就必须与客户进行详细的沟通，掌握客户的需求完成模块的雏形需求分析，这样不但提高了学生的技术水平，又实现了所学的内容与社会需求的接轨，并且还锻炼了学生的人际交往能力、组织协调能力。通过不断的项目实践，让学生在校期间就能快速进入状态，为今后走出校园上岗就业打下坚实基础。
2教学手段的改革
2.1建立虚拟化企业工作环境
我院以工作过程为导向对《网页制作与网站设计》课程教学改革，那么模拟真实的工作环境是势在必行的，根据企业在实际的网站开发过程中，大量的工作都是借助于网络平台进行交流和实施的。因此，网页制作与网站开发课程组在整理了企业的实际工作流程后，利用网络平台在学院计算机机房内组建了虚拟化的企业工作环境，让学生项目组也能在虚拟化的企业工作环境中进行项目的开发和实施，使他们在校内也能体验到实际的网站开发工作流程。真真实实地感受到实战的效果，这种虚拟化的企业工作环境为培养学生的职业技能提供了一个良好的平台。
2.2充分利用多媒体设备与技术，提高教学效果
在教学过程中，选取及制作一些形象生动的动画演示，提高学生的注意力，并利用课程组开发的网页制作在线学习系统在机房给予学生更加直白的教学，并通过多媒体教学软件控制学生电脑，近距离演示，同时通过采用视频教学，并在讲授过程中，教师演示完成后，让学生到教师机上来操作演示给其他学生看，以更直观的方式帮助学生理解网站项目以及开发与实施中存在的问题，提高教学效果。
2.3建设课程资源库，实现知识共享
《网页制作与网站设计》课程自在学院开设以来，已经积累了较多的教学资源，包括校企合作项目、课程网站、教学录像、教学课件等，目前已应用于课堂教学和网络教学，为学生的学习提供了非常大的帮助。通过不断建设和完善课程资源库，将为该门课程的教学提供更好的辅助。
3考核方式的改革
传统的理论知识考试方式已不能检测学生的学习成绩和综合能力，以学生作品替代传统的理论考试,本课程的最终目的是要求学生应用所学知识，独立设计制作出一个完整的网站，并上传到网络上供用户浏览访问。根据教师给出的类似客户提出的要求构思一个网站,写出该网站设计方案,网站设计方案要求包含网站主题、网站logo、网站栏目设计、网站布局设计、网站色彩搭配，最后按网站设计方案的内容来设计制作网页。这种考核方式注重实践操作性和应用开发能力的培养，极大地提高了学生的学习主动性和积极性。
4结语
网站设计总结范文篇8
（一）根据前沿技术发展适时更新教材
网络技术日新月异，学生只有跟上了最前沿的技术发展，才能在就业中具备一定的优势。但在目前的教学过程中，一些教师为了减轻备课压力而选择已经教授过多遍的教材，这些教材出版时间较早，内容相对陈旧，导致教材的前沿性和稳定性之间的矛盾，使学生错过了对一些当下流行的重要技术的掌握。因此，应按照课程新的发展方向选择适当的教材，以适应新技术的发展和市场的需要。
（二）以重实践为教材选择的原则
该课程教材多以理论教学为主，而不以实际开发应用为教学重点，对实践部分文字叙述过多，从而忽略了图片在知识掌握中的重要性和直观性；对知识的描述语言晦涩难懂，忽视了不同的描述形式对学生兴趣的激发；对教材中例程的选择没有关联性，从而忽略了相互关联的例程对关联知识点的理解与记忆。所以，对这门注重实践的课程教材的选择，要注意结合学生的层次对难易程度进行遴选，注意实践操作在教材中所占的比重，从而选择一本从学生角度易于接受的、图文并茂的教材。
二、引入相关人文知识
网站设计不仅是要实现需要的功能，更重要的是如何才能设计出便于使用且吸引浏览者的互动平台。这需要开发者除了技术方面的知识之外，还要掌握各种人文方面的知识。而多数高校任课教师在该课程的教学过程中，只偏重教材中提到的技术知识，力争让学生熟练掌握网站建设的技术，而忽略了其他相关知识的介绍，使学生只会网站编程，而不会真正意义上的网站设计。
（一）将美学知识融入教学
现在的人们浏览网站，已不满足于简单的文字信息，对审美要求越来越高。因此，什么样的网站才能让浏览者兴趣盎然，也是课程中应该学习的。虽然多数教材对此并未提及，但授课教师应该在课程中安排相关知识的介绍，如色彩与布局就是必不可少的美学知识。在一个网站的页面中，色彩、构图的良好搭配能够更好地凸显网站的风格和文化，与文字信息相得益彰，可以引起浏览者的强烈兴趣与关注。
（二）介绍相关法律知识
网站的内容会涉及许多版权问题，而目前的教学中没有这方面的介绍，甚至连授课教师也没有这方面的意识，这在将来会引起严重的后果，如学生在网站设计过程中会用到文字材料、图片、动画、音乐等素材，而这些素材的使用是否合法，是否侵犯知识产权及隐私权必须让学生知道。因此，教师在课堂上应对这些知识穿插着进行介绍，不但让学生掌握这些知识，而且还能活跃课堂气氛，集中学生的注意力，使学生具备分辨哪些是许可使用的素材的能力。
（三）倡导人性化原则
为了使开发的网站更加适合浏览者，设计者在设计之初就要以浏览者使用需求为中心进行网站设计，统筹考虑浏览者的操作习惯、需求情况、思维方式等，体现出人文精神，使浏览者感受到人性化关怀[1]。这也是网站设计所必需的知识，这类知识庞大繁杂，要求任课教师要善于进行总结，并传授给学生。如设计时要考虑到浏览者的计算机性能，不要因为要展示制作者的技术水平，而使用大量精美的图片和FLASH动画。这样会因动画图标耗尽浏览者计算机的系统资源，而使网站的操作变得很困难，因此，应给用户一个跳过动画的选择按钮。
三、运用项目驱动教学法提高教学效果
目前，该课程的教学方式采用的还是由教师按照教材的顺序，对各章节进行相对独立的讲解，辅助以多媒体演示的方式。这样的教学过程难以激发学生的参与意识，学生是被动学习，不利于提高应用能力。项目驱动的教学方法则是在课程开始时按照小组分配不同的项目以贯穿整个知识的学习过程，使学生可以在完成实际项目的过程中提高对信息的分析、加工和使用能力，发展相互间的交流、协作的能力。并且在完成项目的过程中不断学习各方面新知识，发现学习的乐趣，从而逐步养成利用多媒体和计算机网络等信息技术的习惯，以数字化方式进行学习[2]。这样对培养学生的综合素质可以起到重要的作用，从而提高教学质量。项目驱动教学法具有很多传统教学法所没有的优点：（1）项目选材具体。项目是按需立项，一般取材于日常生活，学习者面对的是真实、具体的问题，通过完成现实生活中的项目获得的知识能够更加巩固。（2）涉及内容广泛。完成项目所需的知识并非局限于本课程教材，学生需综合运用多种学科知识对问题进行判断和分析，不但扩大了学生的知识范围，而且加强了其多角度分析问题的能力。（3）扩大知识获取途径，锻炼了学生对所需各种知识的获取能力，强化了自学能力。（4）培养团队精神和交流能力。小组以协作的方式进行讨论学习，直至最终共同解决问题，完成项目，这不但锻炼了学生的语言表达能力，而且可以相互之间取长补短促进学习。
对于网站设计课程的项目驱动教学过程，具体分解成如下几个步骤。1.项目制定。在课程进行之前向学生展示一些著名优秀网站，让学生对网站的结构、功能、布局、色调等有一个大致了解，激发学生对这门课程的兴趣，再让学生根据自己的兴趣拟题。2.计划制订。有了确定的题目后，让学生根据课程的教学进度，制订出详细的项目实施计划，并根据组内人员的兴趣进行任务分解与分配。3.知识储备。不但要求学生在课堂教学中熟练掌握完成项目所需要的知识，而且对教材之外的知识也要多方涉猎，利用多种途径，有计划地自学完成。4.项目制作。在已具备充足知识技术的前提下，进行项目的开发，了解项目开发的整个流程。这个过程和知识储备过程是一个交互的过程，边学习边开发，使学生能够对课堂所学的知识进行同步巩固。5.项目评比。课程结束后，对各小组的项目进行评比，对优秀的项目小组进行嘉奖，进行经验介绍，增强其学习积极性与口头表达能力。组织各小组之间进行经验交流，相互启发，激发创新精神，达到共同提高的目的。基于项目驱动的教学法采用了从实践到理论再到实践的过程，不断提高和拓展的教学过程，可以帮助学生实现从理论到应用能力提高的质的飞跃，同时还培养了学生的创新思维能力和与人合作的能力，提高将来的就业竞争能力。
四、改进实验环节
网站设计是一门实践性很强的课程，需要大量的时间上机操作。但多数高校对该课程的实验学时分配偏少，严重影响学生网站建设技能的锻炼与提高。所以应该在学校硬件设施允许的情况下，尽量加大实验的学时量，提高学生的动手能力。在实验过程中，由于每次实验的时长限制，教师不可能对每个学生都进行指导，所以容易影响一些学生的操作积极性，而去做和实验无关的事情，影响实验效果。这种在实验过程中，教师和学生一对一的辅导形式，使得实验结束后仍有很多学生有问题等待老师解决。所以，在实验前教师应针对实验内容中的难点、疑点，利用投影仪对学生进行操作演示，让每位学生及时进行同步操作，了解与掌握相关知识。这不但调动了所有学生的积极性，且减轻了教师的辅导工作量。学生对知识的掌握程度和操作水平有所不同，这种学习中的能力差异和性别差异在以实践操作为主的课程中表现得尤为突出。为了达到共同进步，提高教学效果的目的，可以在实验过程中采取分组的方法，让每个小组成员都能够进行互助实验。不但使整体水平都能提高，而且加强其合作精神。具体分组时，按照“男女参半，高低参半”的原则进行分组。这样可以使学生之间个性互补，女生比较心细，而男生动手能力相对较强，男女互补在实验操作中会有较好的效果。对水平高的学生和水平低的学生参半分组，可以使水平高的学生帮助水平低的学生提高能力，增加了高水平学生的自豪感，增强其学习动力。在检查实验结果时，应以低水平学生的实验完成情况作为全组同学的成绩，来促进组内学生之间的辅导。
五、变革考核方式
网站设计总结范文篇9
关键词：网页设计;元素再设计;用户体验;品牌;网络化
中国扇文化源远流长，早已成为文人雅士的必备配饰、也是诗歌、小说中重要描述的物品之一。但随着人们生活方式的转变，对扇子的认知愈发模糊，并逐渐淡出人们的视野，保护、传承与发展扇文化势在必行。指出要把中国传统文化“讲清楚”，让它“活起来”，互联网成为实践、发展的重要方式之一。近年来中国传统文化正运用数字化、新媒体的手段推广与传播，唤起越来越多的人重新关注传统文化。扇文化完全可以借助这股风潮“活起来”，企业也可以借助这股东风壮大自己，提升产品的市场占有率与销售额，继续为扇文化产业的发展提供重要的支持。但新媒体的传播不仅是将扇子相关的内容简单罗列，而是通过分析用户的心理与行为，设计出满足用户需求的网络产品。本文以用户体验设计为核心，基于“京扇子”品牌的设计实践，总结出符合用户体验的中国扇文化网络化的相关设计方法，为其他传统文化的网络化设计提供有价值的参考。
一、网页设计中的用户体验
网页设计包含了版式、字体、色彩等设计，但随着网页与用户的互动越来越频繁，用户体验设计逐渐成为网页能否成功的关键因素。优秀的用户体验设计可充分调动人们的感官、情感、互动等体验，使用户体会到友好、舒适、便捷的网站使用环境[1]。优质的用户体验设计不仅可以更好地展示产品，使用户了解到产品的真谛，还可以与用户建立情感关系，增强网站对用户的黏度。用户体验设计不仅是在对用户行为的研究上，还是对网页设计中的字体、颜色、版式、图像、动态效果等元素综合的运用，通过合理的整合表达网站内容。网站设计是无法为用户提供直接的用户体验的，而是运用上文提到的这些元素，达到与用户的良好互动，最终满足用户的浏览需求。
二、网络化设计中的用户体验设计原则
（一）构建“互联网+实体”化的体验性设计。国务院在《国务院关于积极推进“互联网+”行动的指导意见》中提出，“互联网+”是把互联网的创新成果与经济社会各领域深度融合，推动技术进步、效率提升和组织变革，提升实体经济创新力和生产力，形成更广泛的以互联网为基础设施和创新要素的经济社会发展新形态[2]。国务院的指导意见为京扇子品牌网络化建设提供了重要的参考。在新时代的品牌发展中，不能将网络化与线下实体店分开对待，而是在充分挖掘实体店的经验、教训，为品牌的网络化设计提供参考。首先，“互联网+实体”的设计不是用网店取代实体店、也不是用网店补充实体店，应利用二者的优势相互促进，实体店应充分发挥用户可接触式的体验作用，保持用户对品牌的信任。而网店应利用传播的优势拓展市场，为实体店带来新的客源，促进品牌扩张与消费额的增长。其次，应深入挖掘网络的潜力，作为当今社会中重要的媒介之一，拥有传播力较强，传播、运营成本低等特点。利用网络资源传播品牌，利用在线学堂、论坛、活动等多种手段与消费者互动，增强品牌认知度。通过引导用户在线体验，最终引入到线下实体店消费。（二）抓住用户体验要素。辛向阳提出，用户的交互行为由人、动作、媒介、目的和场景构成，在用户体验设计的研究中，要抓住行为逻辑，进行行为的设计[3]。作为网络产品的设计研究方法，用户行为研究的相关数据影响着网站的建构，最终可能决定了网站的成败。网络化的品牌传播形式不同于实体店，在实体店中可通过店面空间布局引导消费者的参观路线。但网络中这种情况是无法实现的，用户进入网站后，第一眼就要抓住眼球，留下用户。这也是为什么当今许多网站中运用开屏大图或视频的方式展示品牌或产品。如PlayersParis官方网站（图1），作为专业提供商业和品牌内容的公司，开屏图像中展示了多项成功案例，浏览者进入网站后立刻就被这些震撼的画面所吸引。理查德•布坎南清晰的将用户体验归纳为：通过媒介的作用来创造和支持人的行为[4]。将用户对扇的认知与感受虚拟化，使人们在思想上重新定义扇子，为未来的商业销售提供支撑。就像苹果官方网站（图2）推广iPhone11Pro产品一样，里面所有的内容和视频均用iPhone11拍摄，使用户感觉只要拥有了这款手机，就可以拍摄出与官网宣传片相同效果的视频。我们在京扇子网站构建中，也应传达相同的使用效果，使用户感受到拥有这些产品，将使自己的生活品质得到提升。这与我们要表达的中心概念不谋而合：扇子可以提升生活品质，最终成为生活中不可或缺的组成部分。我们运用好网络媒介，打造新的消费时尚，为推广品牌、产品销售服务。（三）构建一致的线上线下体验。作为以实体店起家的京扇子品牌，店面的装修风格与展品布置已经在消费者心中烙下了很深的印象，那我们在网站构建时应考虑延续线下店的风格。因为人们对熟悉的事物会产生强烈的信任感，尤其是在虚拟的网络世界。就像一个人外出旅行，尤其是去陌生的国度，当被吃饭问题困扰时，那么麦当劳可能就是旅行者的最终选择。那么这样的思路同样适用于京扇子品牌的网络化设计，品牌形象及品牌感受的延展使网络推广过程更加的便捷，即使没有进入京扇子店铺购物过的消费者，由于有实体店的支撑，也会给人以信任感。如果品牌本身已构建较强的时尚性与品质感，应将这种品质感延续，使线上线下保持一致性。京扇子品牌线下实体店以独特的设计风格、轻松时尚的设计品味成为吸引消费者的重要原因。而在网络传播中应吸取线下店铺的视觉信息并提取，应用到网站设计之中。使线下店铺已形成的较好心理感受被移植到网站之中，为初次使用网站的用户带来熟悉感与安全感，从而留住了网络用户，如图3。
三、结构设计中的用户体验设计
（一）布局创新。网站整体的布局设计中，应打破守旧、古板、无趣的固有印象，运用现代的设计方法，为品牌的推广与产品的销售服务。作为产品重要的消费人群——年轻人，要抓住他们崇尚自由、品味时尚的特征，在网站设计中要能吸引这部分用户的关注。例如作为一个以户外用品为核心产品的企业，OpenWear官方网站（图4）在用户初次访问时，将户外运动的激情与挑战展示在消费者面前，非规整化的布局模式又将自由的感受赋予到设计之中，突破了网页规矩的布局模式，给消费者带来了突破现实社会中条条框框的感觉，又使消费者形成运动是释放、无拘无束的感受。我们在思考京扇子品牌网站所能带给观众的感受到底在什么地方。“时尚”、“生活”、“格调”是我们可以为消费者赋予的关键词，这也正是品牌现有重要的发展方向。非对称的布局形式是在页面设计中可以考虑的重要方式之一，大图与内容图交错出现充分体现了网站开放与无束缚的性格。非对称的页面结构也与扇子的对称结构形成强烈的对比，使人们感受到传统与现代的碰撞。但在非对称的布局中应把握住网页的重心点位置，使页面在浏览过程中不至于失去平衡，如图5。（二）结构创新。网站在创作过程中牢牢把握住建站初心，把对品牌的推广、重塑人们生活作为重要的展示信息之一，所以在网站的整体结构处理过程中，将对扇文化塑造放置在了重要的位置上，将产品的销售融合到网站的各个结构之中，所有页面的终极页面将引导至产品的销售环节，但这个过程是用户自主的操作，减少观众的抵触感。并且网站本身不提供任何购物的环节，通过引导进入微店进行售卖，将用户引流至具有较高流量的平台中，使企业可以在多平台推广信息。但作为品牌或网站的资深用户，网页也提供更快捷的产品推荐环节，无论是在网站的导航、首页展示等页面，为直达产品展示页面提供了通道。网站的这种布局形式使两种消费用户均可以在自己感兴趣的部分浏览与操作，满足了用户需求。以网站导航为例，网站导航整体分为两个部分（图6、7），左侧的延伸导航与上部的快捷导航，两种导航模块互相补充，不相包围。右侧以快捷导航九宫格的形式，将扇子之美淋漓尽致地展示在观众面前。
四、视觉设计中的用户体验
（一）色彩的应用。色彩是带给浏览者最初的视觉感受，是用户体验重要的组成部分，也是品牌识别的重要符号。在色彩的体验中不仅包含网页各模块的色彩定义，还包括网站中图片形成的色彩。在网页设计中，设计师一方面要尊重视觉导向，另一方面要符合大多数人的思维习惯，将网页信息自然、合理、快速地传达给用户[5]。京扇子品牌以金色为主要视觉识别色，但辅助色又以灰白为主，较单调的品牌色彩体系需要辅以其他色彩，提振网站整体的视觉感受。由于金色与其他颜色搭配均较为适宜，所以在定位网站色彩时有较大的宽容度。网站中色彩是整个网站色彩应用的一部分，而图片也是重要的色彩来源，并且京扇子品牌宣传图（图8）又以时尚、现代著称，为了配合图片色彩，网站色块颜色使用提取宣传图中的颜色，使图、色配合更相宜，在网站后台中也为网站提供了可以自定义相应色彩的操作。网站色彩的自定义性为网站图文配合提供了很好的适应性，以防止过于固化色彩带来色彩的歧义。但在网站颜色选择上除色彩的色相不做规范外，在色彩的纯度、饱和度与亮度上均定义了相应的要求。这样使网站中所有运用的色彩在相同的视觉感受上，防止色彩过于丰富导致的杂乱的情况，最大限度地为观众带来和谐的色彩感受。（二）文字的创新。网站中除了色彩与图片外，最能打动人的就是文字的展示，有时仅仅是一个小小的词汇就可以让消费者无限的延展，起到提振品牌与产品的作用。尤其是博大精深的中国文学中，借喻、同音字的替换使文学作品添色不少。尤其是在网络海量信息的环境中，精简、准确的词语表达使人们精确的定位产品属性，记住产品。其中经典的案例之一就是苹果产品的官方宣传图（图9），仅用精巧的词汇把产品描述得淋漓尽致，也直达消费者的内心。在京扇子品牌网站中（图10）对于扇艺、扇工、扇美的词藻的选用，均与“善”字呼应，将同音字应用其中，与企业为消费者提供“尽善尽美”的理念一致。同时也将人文属性凸显，使人们更加认同扇子的人文价值。网站中减少商业词藻的应用，代而言之的是具有中国传统人文气质的词藻，在增加产品的文学气质之外，也使消费者感受到文化之美。如在扇美中，将扇子应用的不同场合以“格调之行”、“睿智之思”、“挚爱之美”等词藻代替传统的使用场景过于直白的表述，在“挚爱之美”中（图11），又将“婚礼”、“生日”、“礼赞”等美贯彻之中，呼应“扇美”主题，进一步增强品牌格调。文化是支撑品牌的重要因素，而网站中所有的文字均是基于用户体验而生，在中国传统对美好事物追求的体验中，使内容可以被多数用户所认可。（三）扇元素的应用。图像直观而形象地表达含义，能够展现出无尽的想象空间;因为图像是全世界通用的“语言”，所以几乎不需要任何文字的注释[6]。独特性是使自己区别于其他网站的重要特征，也成为吸引用户，提升用户体验的重要的法宝。无论是图案的提取还是基础形体再设计，都可增强品牌的识别力与吸引力。像京东商城的网站（图12），许多与品牌相关的视觉元素运用到设计中，通过诙谐幽默的形式使人们即使在网站加载过程中也不会感到无聊，这也使品牌潜移默化地被浏览者认知。京扇子品牌以扇子作为企业核心的产品，要着重挖掘扇子的特点，提取并运用到网站页面的展示之中，不仅可以丰富展示效果，还可不浪费任何展示产品的空间。以本网站为例，扇元素应用到了网站的方方面面。无论是网站的Loading符号，还是在“扇工”页面中（图13），将页面中的扇骨、扇面、扇坠用传统形态展现，都将扇元素完美的融入到网站各功能的设计中。扇元素的应用不仅可以强化浏览者的主观印象，相似的视觉元素也可以使网站整体更加统一。（四）动态再塑。动态效果增强了用户浏览的视觉感受，随着网页内容不再受网速的限制，静态化的页面设计逐渐淡出人们的视野。动态效果力求能够让软件使用者与软件进行情感沟通，通过营造不同的视觉氛围激发共鸣，调动使用者的情绪，具有维系使用者群体的功能[7]。尤其是近1～2年的时间内，运用视频影像作为背景的方式也越来越多。使产品在营销的过程中加入更多的可能性，将用户从枯燥的用户体验中解脱出来，畅游在新奇的视觉奇观中。京扇子品牌视频资源较少，所以需要通过其他方式塑造网页展示内容的动态效果。如在网页的右上角有一处产品推荐的按钮，按钮点开后为用户推荐9把扇子（图14），用户鼠标滑过后，扇子有一个展开的效果，将扇子“活灵活现”地展示在用户面前。再如首页采用大图展示的形式，图片间的切屏形式借鉴了折扇开合的形式，形成网站重要的特征。页面切割采用传统的黄金分割的处理方式，形体看上去更符合大众的审美。网页的动态效果为网站信息的传达提供了更多的可能，使原来静态中无法展示的内容更完整的展示给浏览者。
优质的用户体验塑造了可以被广泛推崇的内容，优质的线上传播是中国传统文化推向市场，享誉全球的重要渠道，应用好这个渠道可以使产品的推广达到最优化。随着中国文化自信心越来越强，对传统文化的关注度越来越高，人们也越来越愿意在日常生活中使用、展示中国传统文化产品。我们要借助这场文化的潮流，将扇文化的内涵完整的展示出来，推广扇文化、提升扇子的价值，最终实现扇文化市场的辉煌。
参考文献
[1]江静.基于用户体验的网页交互性设计策略[J].黑河学院学报，2019，10（12）：184-185.
[2]《国务院关于积极推进“互联网+”行动的指导意见》[Z].
[3]辛向阳.交互设计：从物理逻辑到行为逻辑[J].装饰，2015（01）：58-62.
[4]辛向阳.交互设计：从物理逻辑到行为逻辑[J].装饰，2015（01）：58-62.
[5]朱婷婷，蒋飞燕.网页设计的视觉信息传达分析[J].美术教育研究，2019（09）：103-104+107.
[6]王萍.浅谈中国元素在当代网页设计中的应用[J].中国美术，2014（01）：126-128.
[7]马驰.图形界面设计中的动态效果应用及趋势探析[J].设计，2019，32（20）：113-115.
网站设计总结范文篇10
《Web应用技术》是我校计算机科学与技术专业为大一学生开设的一门专业选修课程，本课程性质为纯实验课程，总学时32。其教学目标是给出一个网站的具体需求，要求学生通过对实际问题的分析，运用HTML、CSS、JavaScript等技术完成网站的设计及开发。使学生在掌握Web技术的同时进一步提高自学能力、分析问题能力。通过近几年教学情况总结及学生反馈，发现目前该课程存在以下问题：
1)在以往的教学活动中，授课教师是借助于某一个网页设计工具如DreamWeaver、Frontpage等完成网页设计各个知识点的讲解，这种教学方法对高职高专类院校的学生来讲，可能效果较好。因为最终学生掌握了某一个网页设计工具的使用。但是这种教学方式不利于我校本专业学生对后继课程如.NET应用程序设计、软件工程实践等课程的学习，因为仅仅通过一门开发工具去实现网页设计忽视了学生自写HTML、CSS、搭建网页设计框架等能力的培养。借助于某个工具，很多网页代码都是自动生成的，导致学生对网页代码理解就比较肤浅。
2)Web应用技术方面的教材市场上比较多，但是很多只是介绍网页设计工具的使用方法，比如网络三剑客Flash、Dreamweaver、Firework等，缺少系统全面讲解网站开发的步骤、思路及方法，没有通过一个完整的网页开发案例贯穿其中，有些书籍虽然带有网页设计的案例，但是很多涉及到数据库知识，对于还未接触到数据库设计的大一同学来说非常吃力。因此，目前需要编写介绍网页设计开发实例的教材，在这些教材的指导下，学生的网页设计能力能有所提高。
3)在以往教学任务中，该课程主要是完成一个“个人博客网站”的制作。随着网络技术及时展，博客已经慢慢淡出人们的视野。为了紧跟时展，同时也调动学生学习该课程的积极性，在保证网站的功能要求不变的前提下，需要适当调整网站所完成的内容，比如男生可以选择自己喜欢的游戏做一个游戏专题网站，女生可以选择喜欢的影星做一个专题网站等等。因此，鉴于目前现状，我们申请了学校的教育教学改革项目，对《Web应用技术》课程的教学内容、教学方式方法进行改革。并以资助资金为支撑，自行编写了《Web应用技术》实验指导书。并完成《CSS+DIV网页设计案例》教材初稿的编写，预计明年3月份由清华大学出版社出版。
2《Web应用技术》课程的教学改革
2.1教学内容的安排
在教学内容安排上，一方面要充分考虑到学生学生对后继课程的学习基础，另一方面教学内容也要与时俱进，考虑到学生毕业后的就业需求。因此，为了锻炼学生自写网页能力，我们要求必须使用文本编辑器（UltraEdit、Editplus、记事本）编写网页，不能使用网页制作工具如DreamWeaver、FrontPage等生成网页；同时为培养良好的编程风格及习惯，HTML文件的后缀必须为.html；CSS、JS代码尽量不要直接写在HTML文件中，作为独立的.css、.js外部文件引入HTML文件中。在实际教学过程中，以一个实际项目或类似项目贯穿其中，包括项目需求分析、主体框架搭建、各功能模块设计开发、网站整体测试、网站等步骤，变“因材施教”为“因需施教”，充分调动学生学习的主观能动性。
2.2教学方法的改进
1)采用任务驱动教学，注重自学能力培养在教学方法方面，采用学生自学为主、老师从旁指导为辅的方式。首先将整个网站设计任务进行分解，每个阶段有明确的任务要求，老师对其中的关键知识点首先进行讲解，积极为学生提供免费的学习资源平台如，并讲授查阅资料方法。然后让学生自行完成每个阶段任务，对于实践中普遍出现的问题，老师再统一讲解、更正。实现任务驱动与教学的统一。
2)提倡案例教学，提高学生学习兴趣在每次学习一个新的内容或者技术之前（比如CSS技术），教师提供相关的案例进行简单讲解，使学生掌握技术应用的关键点。先达到能比照葫芦画瓢的目的，然后再进一步加深考核要求。
2.3考核方式的改进
在考核方式上，改变以前以知识点考核为主的考核标准，改为以实践动手能力为主。取消笔试考试，并将期末考核和过程考核相结合。学生的最终成绩由平时考核（20%）、网站设计效果考核（70%）、网站设计报告考核（10%）三部分组成。平时成绩主要包括日常考勤、学习态度、实验效果等。将原来的10%增加到现在的20%，从而调动学生上课以及完成实验任务的积极性。
3结论
网站设计总结范文10篇相关文章：
★ 创文个人工作总结
《网站设计总结范文10篇》
