想必大家在写论文的时候都会遇到烦恼，小编特意整理了一些《网站毕业设计论文(精选5篇)》相关资料，欢迎阅读！摘要：Internet的飞速发展，推动了网站的产生，网站是企业或个人在网络上展现形象的平台，是浏览者了解企业或个人的一个途径。该文主要介绍了网站建设的流程，网站规划的内容、原则，网页的布局设计。
企业网站设计原则
企业网站定义:主要为了外界了解企业自身、树立良好企业形象、并适当提供一定服务的网站。根据行业特性的差别,以及企业的建站目的和主要目标群体的不同,大致可以把企业网站分为:
基本信息型:主要面向客户、业界人士或者普通浏览者,以介绍企业的基本资料、帮助树立企业形象为主;也可以适当提供行业内的新闻或者知识信息。
电子商务型:主要面向供应商、客户或者企业产品(服务)的消费群体,以提供某种直属于企业业务范围的服务或交易、或者为业务服务的服务或者交易为主;这样的网站可以说是正处于电子商务化的一个中间阶段,由于行业特色和企业投入的深度广度的不同,其电子商务化程度可能处于从比较初级的服务支持、产品列表到比较高级的网上支付的其中某一阶段。通常这种类型可以形象的称为“网上XX企业”。例如,网上银行等。
多媒体广告型:主要面向客户或者企业产品(服务)的消费群体,以宣传企业的核心品牌形象或者主要产品(服务)为主。这种类型无论从目的上还是实际表现手法上相对于普通网站而言更像一个平面广告或者电视广告,因此用“多媒体广告”来称呼这种类型的网站更贴切一点。
企业网站第一原则:目的性,必须有明确合理的建站目的和目标群体。目的性是一切原则的基础。建站的目的应该是经过成熟考虑的,包含几大要素:
目的应该是定义明确的,而不是笼统的说要做一个平台、要搞电子商务,应该清楚主要希望谁来浏览,具体要做到哪些内容,提供怎样的服务,达到什么效果。在当前的资源环境下能够实现的,而不能脱离了自身的人力、物力、互联网基础以及整个外部环境等因素盲目制订目标,尤其是对外部环境的考量通常容易被忽略,结果只能成为美好的一相情愿。如果目标比较庞大,应该充分考虑各部分的轻重关系和实现的难易度,分清主次循序渐进。
在充分考虑了目的和目标群体的特点以后,再来选择建站类型,并相应的安排适当的信息内容和功能服务。显然如果目标群体的互联网基础薄弱,建立电子商务型的网站就是个失误。在信息内容和功能服务的安排上应该避免选材偏离主题的常见错误。
企业网站第二原则:专业性信息内容应该充分展现企业的专业特性。
对外介绍企业自身,最主要的目的是向外界介绍企业的业务范围、性质和实力,从而创造更多的商机。在这里包括:应该完整无误的表述企业的业务范围(产品、服务)及主次关系;应该齐备的介绍企业的地址、性质、联系方式;提供企业的年度报表将有助于浏览者了解企业的经营状况、方针和实力;如果是上市企业,提供企业的股票市值或者到专门财经网站的链接将有助于浏览者了解企业的实力。
如果提供行业内的信息服务,则这些信息服务应具备以下特性:
全面性:对所在行业的相关知识、信息的涵盖范围应该全面,尽管内容本身不必做得百分百全面;专业性:所提供的信息应该是专业的、有说服力的;时效性:所提供的信息必须至少是没有失效的,这保证了信息是有用的;独创性:具有原创性、独创性的内容更能引起得到重视和认可,有助于提升浏览者对企业本身的印象。
企业网站第三原则:实用性功能服务应该是切合实际需求且符合企业特点的。网站提供的功能服务必须保证质量,这包括:
每个服务必须有定义清晰的流程,每个步骤需要什么条件、产生什么结果、由谁来操作、如何实现等都应该是清晰无误的。
实现功能服务的程序必须是正确的、防错的、能够及时响应的、能够应付预想的同时请求服务数峰值的。
需要人工操作的功能服务应该设有常备人员和相应责权制度。
用户操作的每一个步骤(无论正确与否)完成后应该被提示当前处于什么状态。
服务成功递交以后的响应时间通常不应超过整个服务周期的10%。
当功能较多的时候应该清楚的定义相互之间的轻重关系,并在界面上和服务响应上加以体现。
层次性:
条理清晰的结构,表现为网站的板块划分的合理性,这里需要注意:
◎ 板块的划分应该有充分的依据并且是容易理解的。
◎ 不同板块的内容尽量做到没有交叉重复内容,共性较多的内容应尽量划分到同一板块。
◎ 在最表层尽量减少划分的板块数量,通常控制在4~6之间比较合适。
划分后的结构层次不宜过深,通常不超过5层为佳。
在安排层次的时候要充分考虑用户操作,比较常用的信息内容、功能服务应该尽量放到更浅的层次以减少用户点击次数。
信息内容的获取和功能服务的过程都应该尽量将所需要进行的步骤控制在3~5步以内,不得不需要更多的步骤的时候应该有明确的提示。
一致性:
页面整体设计风格的一致性:整体页面布局和用图用色风格前后一致。
界面元素的命名的一致性:同样的元素应该用同样的命名;同类元素命名满足一致性,做到即使某个元素的表述不清楚也能从上下文推断其义。
功能一致性:完成同样的功能应该尽量使用同样的元素。
元素风格一致性:界面元素的美观风格、摆放位置在同一个界面和不同界面之间都应该是一致的。
精简性:
每个界面调出的时间应该在可以接受范围之内,当必须耗用较长的时间时应该有明确提示并最好有进度显示。
当不同的方式能够达到相同或近似的效果时,总是应该选取令客户访问或使用更简单快捷的方式(在开发资源差别可忽略的情况下),例如尽量减少客户端插件的使用。
命名应该是简洁的、定义清晰的、易明且不易相互混淆的;对于目标群体而言,尽量不使用较为生僻的词语,如果一定要,则应给出容易理解的解释。应该具有明确的导航条和网站地图提供快速导航操作。
错误或者无效的链接是界面设计的大忌之一。
主要的信息应该放在突出的位置上,常用的功能则应该放到容易操作的位置上。
针对目标群体的需要应充分考虑浏览器兼容性、字体兼容性和插件流行程度等。
对于专业的术语、复杂的操作等有直接的容易理解的帮助。
简单有效的个性化有助于增强界面的易操作性。
在风格允许的情况下,可以适当增强交互操作的趣味性和吸引力。
企业网站第四原则:艺术性网页创作本身已经成了一种独特的艺术
网页创作从某种意义上来说可以称为“eye ball work”,要达到吸引眼球的目的,再结合界面设计的相关原理,形成了一种独特的艺术,这使得企业网站的设计应该满足:
遵循基本的图形设计原则,符合基本美学原理和排版原则。
对于主题和次要对象的处理符合排版原理。
全站的设计作为一个整体,应该具有整体的一致性。
整体视觉效果特点鲜明:
◎ 页面版式结构
◎ 用色
◎ 线条和构图
◎ 配图的精细、美观程度
◎ 元素风格
◎ 整体气氛表达
◎ 字体选用
整体设计风格同企业形象相符合,适于目标对象的特点。
企业网站第五原则:性能网站正常的访问性能
访问速度,取决于服务器接入方式和接入带宽、摆放地点、硬件性能和页面数据量、网络拥塞程度等多方因素。如果目标群体不止本地,则还应考虑地理因素造成的性能下降。
可容纳的最大同时请求数,取决于服务器性能、程序消耗资源和网络拥塞程度等因素。
稳定性:平均无错运行时间。
程序性能:
响应请求并运行得出结果的平均时间
错误的检测和拦截
扩展性
安全性:
关键数据的保护,例如用户数据等
功能服务的正常提供。
网站的防攻击能力
对异常灾害的恢复能力
企业网站第六原则:常维护更新网站的最大特点是它总是不断变化的
网站的不断更新是其具有生命力的源泉之一。对于三种类型网站而言,更新的重要性通常为基本信息型>多媒体广告型>电子商务型。网站更新指标包括:
信息维护频度
信息更新数量*质量/时间比
改版频度
影响维护的一个重要元素是网站界面和功能开发所选用的技术。
企业网站第七原则:发挥作用网站必须被访问和使用才有价值
再好的网站,如果没有人访问和使用也是毫无价值的。
域名设计是企业网站的重要元素:
域名应该尽量容易理解和记忆,并且尽量简短;当难以简短的时候,宁愿放弃无意义或者难以理解的字符数字组合而选用稍长一点的域名。域名设计应充分考虑目标群体的特点,例如如果要做到国际化,域名包含汉语拼音显然是不可取的。
域名应该尽量有意义并反映网站实质作用,一定要做到不可有歧义。应该出现在企业常备的名片、Catalog、信封里及企业的各种广告里。登陆搜索引擎是一种行之有效的推广方法,在常用大型搜索引擎登录,设计更准确和全面的关键词,可以增加被正确检索的机会。■
作者：刘娅宁
摘要：网页设计与网站管理是电子商务专业的一门必修课程，随着网络技术的普及，网络教学成为了一个新的教育热点，文章从构建网页设计与网站管理课程教学网站目的及意义出发，介绍了教学网站构建的技术与方法，包含的主要功能模块，以及在教学中的使用情况。
关键词：网站设计与网站管理 教学网站 ASP DIV CSS
一、构建课程教学网站的目的及意义
随着互联网和信息技术的飞速发展，我们的学习方式也在产生变革，学生在查找资料时，从传统的查阅图书到了如今的利用互联网络上的资源为自己答疑解惑。电子商务专业与信息技术紧密相关，而网页设计与网站管理作为电子商务专业的必修课程，更应该实现学科教学与信息技术的完美结合，这必将成为当今学校教学的发展趋势之一。
通过构建课程教学网站，可以给学生和老师提供一个交流的平台，给学生提供一种学习的辅助工具，实现教学资源的共享，提高高校教学质量。
二、构建课程教学网站的技术与方法
1、DIV+CSS
DIV+CSS是一种常用的网页布局方法，这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式，可实现网页页面内容与表现相分离。不仅让整个网页看起来条理清晰，而且修改起来很方便。
2、ASP+IIS+SQL
现在常用的网站开发语言有ASP、PHP、JSP、ASP.NET等。ASP是微软所开发的一种后台脚本语言，它的语法和Visual BASIC类似，虽然ASP存在着安全性等问题，但是它简单易用。目前在微软的.net战略中新推出的ASP.net借鉴了Java技术的优点，使用C Sharp (C#)语言作为ASP.net的推荐语言，同时改进了以前ASP的安全性差等缺点。但是平台的局限性和ASP自身的安全性限制了ASP的广泛应用。
PHP的源代码完全公开，平台无关性是PHP的最大优点，但是如果在PHP中不使用ODBC，而用其自带的数据库函数来连接数据库的话，使用不同的数据库，PHP的函数名不能统一。这样，使得程序的移植变得有些麻烦。
JSP的最大优点是平台无关性，除了这个优点，JSP/Servlet的效率以及安全性也是相当惊人的。因此，JSP/Servlet虽然在国内目前的应用并不广泛，但是其前途不可限量。
如今主流的Web服务器软件主要由IIS或Apache组成。IIS支持ASP且只能运行在Windows平台下，Apache支持PHP，CGI，JSP且可运行于多种平台，虽然Apache是世界使用排名第一的Web服务器平台，但是众所周知，Windows以易用而出名，也因此占据不少的服务器市场。
综合以上分析，在构建课程教学网站时，采用的是DIV CSS的网页布局方法，结构清晰，修改方便;开发环境选择的是微软的ASP和IIS应用服务器，由于其简单易用，便于学生参与;数据层选择的是SQL Server2008，它是迄今为止最强大最全面的SQL Server版本。
三、课程教学网站的主要内容
1、提供注册登录功能，让学生能够实名上传作业，下载教学课件等;
2、课程安排，将理论课程、实验课程及课程设计安排详细说明及指导文档上传到网络，使学生能把握课程学习的进度;
3、提供教学视频，上传与课程相关的视频供学生学习;
4、作品展示区域，将往届优秀的学生作品在网上展示，供学生观摩学习;
5、开设交流论坛，供学生与老师或学生与学生之间进行交流;
6、资源推荐，将与课程相关的优秀资源网站链接推荐给学生。
根据以上分析，课程教学网站的结构如下：
四、课程教学网站的教学应用
1、學生可以通过教学网站已经学过的知识进行复习，对将要学到的内容进行预习。
2、遇到课堂上没有理解的知识或实践步骤，可以通过下载课件和实践指导，自行练习。
3、教师可以通过教学网站收集学生在学习中所遇到的问题，在课堂中详细进行讲解和点评。
4、学生可以通过登录教学网站，提交课程实践、课程设计等老师布置的作业和任务，还可以在交流论坛中与老师及同学交流。
通过《网页设计与网站管理》课程教学网站的建设，给学生提供了一种新的学习模式，会极大激发学生的学习热情，加强师生之间的沟通和交流。
本文系武汉大学珞珈学院教学研究项目(201216)的研究成果之一。
参考文献：
[1]唐四薪.web标准网页设计与ASP[M].清华大学出版社
[2]孙莉娟，穆杰.Dreamweaver CS3+ASP动态网站开发基础与实例教程[M].电子工业出版社
作者：龚璇
摘要：Internet的飞速发展，推动了网站的产生，网站是企业或个人在网络上展现形象的平台，是浏览者了解企业或个人的一个途径。该文主要介绍了网站建设的流程，网站规划的内容、原则，网页的布局设计。
关键词：网站规划；网站设计；布局
Site Planning and Design
JI Lei
(College of Finance and Economics, Qinghai University, Xining 810001, China)
Key words: Site Planning; web site design; layout
1 引言
Internet已成为当今时代人们获取信息的重要途径，它改变了人们的生活、工作和学习的各个方面。人们可以Internet发布信息，交流思想，推广科技，检索行业信息等。它所具有的数字化、多元化、全球化、多媒体化、实时性、交互性等众多特征使它也具有了越来越广泛的商业用途。但是离开各种网站，Internet的众多应用都无从谈起。
2 网站规划
在网页设计前，首先要给网站一个准确的定位，是属于宣传自己产品的一个窗口，还是用来提供商务服务或者提供资讯服务性质的网站，从而确定主题与设计风格。网站名称要切题，题材要专而精，并且要兼顾商家和客户的利益。建设一个有影响的商业网站，从结构设计、页面设计到时数据库的集成，每一个环节都非常重要。
2.1 网站的基础规划
在Intenet中，网站成千上万，浏览者常常是走马观花，一带而过，只有精彩、内容极其丰富的网站，才能吸引住浏览者。这种结果首先要归功于网站的规划。独具匠心的网站规划就像一幢宏伟的建筑前期的规划设计一样，要进行认真、科学的总体规划，之后才可以“破土动工”。网站规划主要有两大部分：一是规划涉及的内容，包括每一步的目标、内容；每一步的人力安排；每一步生成的文档。二是网站的要素，包括网站的内容、网站的功能和网站的表现形式。网站建设的基本流程如图1。
2.1.1 明确网站设计目标
展示公司形象，发布公司信息和提供服务，宣传公司产品是商业网站建设的要求。所以在设计网站时必须明确目标，从而做出切实可行的计划。
2.1.2 迎合客户需求
会有越来越多的人使用Internet，Internet也将成为人们生活中不可或缺的部分，越来越完善的网络服务走进千家万户。我们的网站必须能满足众多网民的需求。
2.1.3 产品宣传的需要
通过Internet进行产品发布、宣传无疑是最理想的途径，人们越来越习惯到Internet上查找所需要的信息，并且作为首选的途径。宣传单、产品介绍，这些都只是一张静止不动的纸。而网站，在代表公司的网页上，客户却能听见公司真诚的声音，看到友好的笑容，而且它是动态的，可以随时加入最新的内容。这无疑接拉近公司与客户间的距离。
2.1.4 与客户沟通的桥梁
客户对公司产品的意见，对公司的建议，可以通过客户留言板即时得到并迅速反应，然后通过网站中的站长回复功能再反馈给客户。还可以通过信息交流论坛与客户在线交流。
2.1.5 优化工作提高效率
行业资讯提供公司最新的动态介绍，公司的一些最新决策、促销活动等，还可以将客户经常关心的问题在网站上发布，不必再为重复答复这些问题而苦恼，从而使工作更具效率。
2.1.6 和谐页面
要将丰富的内容和多样的形式组织成统一的页面结构，形式和语言都必须符合页面的内容，体现丰富的内涵。运用对比与调和，对称与平衡，节奏与韵律以及留空白等样式，通过文字、图像相互之间的关系建立整体的均衡状态，产生和谐的美感。
2.1.7 网站信息更新与维护
当访问者与网站进行信息交互、发布用户信息时，该网站才会动态显示，才具有生命力。要把网站规划为动态网站，具有后台数据库的支持和远程维护的功能。 这样只有当网站投入运行后才能及时地更新网页信息。一个网站必须要保持经常性的更新，才能不断吸引访问者再次光临，使潜在消费者变成客户。如果网站一成不变，是无法获得更多商业机会的。
2.2 网站规划原则
在设计之前，先画出网站结构图，其中包括网站栏目、结构层次、链接内容。首页中的各功能按钮、内容要点、友情链接等都要体现出来，一定要切题，并突出重点，应把大有大段的文字换成标题性的、吸引人的文字，将单项内容交给分支页面去表达，这才显得页面精炼。也就是说，首先要让访问者一眼应能了解到这个网站能提供什么信息，使访问者有一个基本的认识，并且有继续浏览的兴趣。要细心周全，不要遗漏内容，还要为扩容留出空间。分支页面内容要相对独立，切忌重复，导航功能要好。网页文件命名开头不能使用运算符、汉字等，分支页面的文件存放于自己单独的文件夹中，图形文件存放于单独的图形文件夹中。
2.2.1 明确建设网站的目的
建立网站之前，要有明确的目的，即所要建立的网站的作用是什么，服务的对象是哪些群体，要为浏览者提供怎样的服务，只有找准了网站的定位，才可能建成一个成功的网站。
2.2.2 进行可行性分析
可行性分析就是分析是否有能力、财力建设和维护这个网站；分析网站建成以后是否有一定的经济效益或社会效益；分析网站建设需要花费多少时间、精力、人力，性价比是否合算。
2.2.3 网站的内容设计
建设网站就要为用户服务的，根据网站建设的目的，分析浏览者的需求，确定网站的内容。例如一个电子商务网站，就要根据消费者的需求、购买力、购买习惯等要素设计网站每个网页功能，以满足客户的需要。
2.2.4 网站的表现形式设计
有了好的内容，还要有好的表现形式，这就是网站本身的设计。例如设计网站的CI标志、网站的文字排版、平面设计、三维立体设计、静态无声图文、动态有声影像等。
2.2.5 技术需求
提供网站建设的技术综述。利用什么样的工具，运用什么样的语言。例如HTML、JavaScript、ASP等。
3 设计布局
布局就是以最适合浏览的方式将图片和文字编排在网页的不同位置，使得浏览者的视觉效果与使用效果达到最佳状态。网页的整体布局在网站设计中占据着关键的位置，起着主导作用。
网页设计首先涉及到的就是网页的编排问题。网页作为一种版面，有文字和图片。而文字有大有小，有标题与正文之分；图片也有大小，有横幅与竖条之别。文字和图片要同时展示给浏览者。如果只是把它们简单的罗列到一个页面上，会使得页面零乱不堪。因此必须根据内容需求，将文字和图片按照一定的次序进行合理的编排和布局，使它们组成一个有机整体，展示给浏览者。
3.1 布局设计元素
网页布局设计就是在有限的空间内，合理安排组成网页的各种元素的位置，使页面美观，达到最好的视觉效果和艺术效果，把网页要表达的信息有效地传达给浏览者。网页布局必须以网站主题和页面内容为依据，以准确、有效的表达信息为目标，达到形式与内容的统一。一般网页都包含页面标题、网站标志、页眉、导航栏、内容版块和页脚等部分。
3.1.1 网页标题
每个网页都有一个标题，用于标识网页，指示网页的主要内容。网页标题显示在浏览器窗口的标题栏中。在设计网页时，网页制作软件一般自动为网页文件指定“未命名”作为网页的默认标题。显然， 这样的标题是毫无意义的。在设计网页时，应该养成给网页指定标题的习惯，使浏览者看到标题就能了解网页的主题内容。
3.1.2 网站标志（LOGO）
LOGO是网站特色和内涵的集中体现。如果是企业的网站，网站标志常常采用企业的标志或者注册商标。一个好的LOGO可以给浏览者留下深刻的印象，在网站和企业的宣传推广方面起着十分重要的作用，一看见LOGO就能联想起该网站。
3.1.3 页眉
页眉指页面的顶端，通常水平放置于导航栏上面。有些网页的页眉比较明显，有些网页则没有明确的划分，有的甚至没有页眉。通常，页眉左边放置LOGO，右边往往安排网页的服务宗旨或者广告口号，或者放置商业广告。页眉是浏览者打开网页首先看到的部分，一些商业网站大多作为广告们出租，可谓黄金位置。页眉的设计风格应该与页面的整体风格协调一致。设计独到的页眉也可以像LOGO一样，起到标识网站的作用。
3.1.4 导航栏
导航栏是网页的重要组成元素，它的任务是帮助浏览者在站点内快捷查找信息。好的导航系统应该能够引导浏览者尽情浏览网页而不会迷失方向导航栏的形式多种多样，可以是简单的文字链接，也可以是设计精美的图片，或者是形态多变的按钮，还可以是拥有下拉菜单的导航系统。导航栏在页面中的位置相对不定，一般分布在页面上、下、左、右，在页面上部的居多。设计自由的页面，导航栏的放置位置比较灵活。
3.1.5 内容版块
内容版块是页面的主体，往往根据内容的多少划分为几个栏目。每个栏目中放置内容标题的链接或者内容摘要，具体内容包括文字、图像、动画等。页面的内容才是浏览者关注的根本目标。拥有丰富的内容，才能吸引众多的浏览者。因此，对应内容版块应该合理安排、精心设计。
3.1.6 页脚
页脚指页面的底端部分，通常放置版权信息、联系方法，有时也把导航栏、友情链接安排在页脚位置。
3.2 布局设计的过程
布局设计的过程也就是一个创意的过程，在设计的过程中把布局设计元素合理化、有序化地应用到网页的制作和编排上，达到点、线、面相互穿插，相互衬托。布局设计过程比起整个网站的设计要容易得多、有规律得多，它可分为以下6个阶段。
3.2.1 方案设计
方案设计就是在布局设计前，对网页的整体布局进行的构思，画出页面的结构草图。在这个阶段，可以借鉴他人的布局设计经验，参考他人的布局结构吸取精华融入到自己的整体构思中。充分发挥自己的艺术想像力，结合网页素材，进行整合创作。
3.2.2 初步设计
初步设计是在方案设计的基础上，确定如何把功能模块安排到页面上。功能模块主要指网站标志、导航栏、动态新闻、搜索、留言板、交流论坛、版权信息等。在这个阶段必须遵循主次分明、突出重点、平衡协调的原则，将网站标志、导航栏等重要模块放在最醒目的位置，然后再考虑其他模块的排放。
3.2.3 技术设计
技术设计的主要任务是在初步设计的基础上，进行草图细化和方案确定，在绘制出的草图上，具体运用页面元素，包括网站标志、导航栏等。进一步解决各部分的技术问题，在确定了功能模块的大致位置后，需要对网站标志、导航栏和背景图片进行设计，然后把设计好的模块放在初步设计中确定的位置上。
3.2.4 定案设计
将初步的页面布局精细化、具体化，也就是一个调整的阶段。如网页的颜色搭配，文字和图片是否搭配平衡等。
3.2.5 量化描述
量化描述就是确定各种页面元素的具体大小。主要包括以下几种：
网页外形大小网页外形大小受计算机显示器的大小和分辨率制约。
图片大小：图片大小应该根据具体的布局要求确定，以像素为单位。
字体大小：指定网页文本，如标题文字、段落文字大小。
色彩搭配：在网页的制作过程中往往采用多种颜色搭配，包括背景颜色、文字颜色等。
网页文件大小：初步估计网页文件的大小，一般应该控制在500KB左右。因为网页文件过大会影响下载速度。
3.2.6 方案实施
根据上面几个阶段确定的网页布局方案使用网页编辑软件（如Dreamweaver）和图像处理软件（如Photoshop）进行布局设计。Internet上的网页风格万千。常见布局类型有同型布局、框架布局、自由式布局等。
4 结束语
网站的规划、设计看起来很简单，但要制作出真正有创意、精美的网站不是件容易的事情。它需要我们不断的实践，不断的学习，不断的丰富、创新网页制作的方法，不断完善、提高自己网站设计的能力。
参考文献：
[1] 胡剑锋,赵怀明,淦述卫,等.网页制作与设计[M].北京：清华大学出版社,2004.
[3] 腾飞科技.Dreamweaver 8完美网站建设从入门到精通[M].北京：人民邮电出版社,2007.
[3] 陈笑.Dreamweaver 8实用教程[M].北京：清华大学出版社,2007.
[4] 潘爱民.计算机网络[M].4版.北京：清华大学出版社,2004.
[5] 杨丽华.浅谈网站设计[J].内蒙古科技与经济,2007(03X):90-91.
作者：纪 雷
在企业营销活动尤其是新产品初期上市营销推广中，经常会使用设计产品体验网站的方式吸引消费者关注和试用产品，并配合其他媒体的广告活动一并进行。产品体验网站的策划与设计往往都具有临时性、主题性、简洁化和戏剧化的特点。
产品体验网站一般为新产品上市而设，“新产品”的界定具有较强的时间性，所以产品体验网站从上线到停止更新的区间与时间各不相同，但大都不会超过半年，阶段性和临时性特征明显。曾经在国内轰动一时的力士“金纯魅惑”、华为“世界就在你身边”，甚至2011年下半年开始的oppo手机“Find Me”都已经随着产品逐渐进入成熟期和衰退期直至在网络上销声匿迹。这种临时性和阶段性也要求此类网站在设计上要注重新与奇，注重时尚快速的视觉体验，注重在短时间迅速引起消费者的视觉刺激和共鸣。
产品体验网站一般都具有一个鲜明的、能够反映产品特质并可以决定网站形式、色彩、结构等各方面风格的设计主题，同时也是网站表现的基调。最近上线的此类网站有：标致207“有梦想、放胆闯”、“Helloketty的大头贴日记”、菲尼克斯“挑战者的灵魂”、飞利浦“有吸力才有吸引力”等。每一个网站标题都是一种网站设计格调的个性创设。
产品体验网站不同于品牌官网，其展示内容少而集中，设计目的更为明确，因此在网站结构上层次较少，在页面视觉体验上简洁大方，一般页幅不超过两屏；色彩较为单一，更加注意突出主色调；内容多以反映产品的图片和视频信息为主。
“伟嘉猫咪百科”是台湾伟嘉猫粮的产品体验网站。网站设计为一本猫咪养育的百科全书。内容包括了养猫新手常识、猫咪营养饮食、猫咪的秘密、猫咪养育网络谣言、猫小P特别奉献以及问兽医几个环节。网站页面以灰白色为背景，以紫色和粉色为信息主色调，体现亲昵与可爱。主页面虽然信息内容较多，但在视觉编排上六项内容上下两两相对，呈不规则的对称形式，灵活有趣。主页面的猫咪形象姿态各异，生动活泼。网站还以猫咪知识大会考与问兽医两个环节同浏览者互动，并设计了猫小p的个性形象，展示以其为主角的个性漫画，进一步深化了网站的趣味化风格和戏剧化传播。“伟嘉猫咪百科”除主页面外，并没有运用太多的flash等多媒体技术设计，但却让人感觉清新雅致，温馨甜美。
有的产品体验网站在内容编排与视觉设计上贪大求全，试图将大量信息一股脑儿展现给浏览者，结果造成主页面文字形态混乱、主体色彩不突出、信息芜杂，影响了浏览者阅读体验和参与兴趣。LG Super Junior“爱上LG爱上你”就是这样的例子。其页面主体图片应该为手机，但大量黑色给页面造成压抑之感，主色同辅色衔接失调。右侧“微博动态”栏内字体形态缺乏美感，编排杂乱。页面“飞翔人物”、手机形象、男女代言人交流语言、右上主题Logo等图形信息主次不分，视觉体验混乱不堪。这样的网站，很难在第一眼留住浏览者的眼光，更别说引导消费者体验商品和参与互动了。
因此，一个优秀的产品体验网站设计，必须注意将体验的结果，导致产生体验结果的网站形态、结构与内容设计，以及体验最终引起购买行动的目的这三者协同一体、紧密融合，缺一不可。
作者：郑建鹏
校园网站是学校宣传展示和内外交流的重要方式和平台。一个实用、美观又凸显本校特色的门户网站可以很好地展现办学特色，传播学术理念，并方便人们通过网络了解学校概况、校园风貌、专业领域和学校动态。本文将针对校园网站的特点和构成，对其设计制作与功能实现做相关的探析。
需求分析
校园网站宣传展示学校风采，发布学校动态，是外界了解学校的重要窗口，是学校与社会沟通的桥梁，也是本校师生日常工作学习的网络平台，根据这些特点，校园网站在设计过程中需考虑以下需求。
·外观设计需求
外观设计方面要做到美观、实用、直观、简洁，在遵循网站设计一般规律的同时注重创新，突出学校浓郁的文化气息和本校自身特点，在使用图片和动画修饰网页的同时，需保证网页访问时的下载速度。
·栏目和内容的需求
网站在栏目和内容的设计上需考虑到不同人群的访问目的和需求。
(1)学生和家长访问网站是要了解学校的概况、发展历程和定位、办学特点、专业设置、师资情况及校园文化等和报考及今后就学相关的内容。
(2)用人单位访问网站是为了了解学校的专业设置、毕业生情况、人才培养方向等信息为其人才招聘以及与学校合作定向培养人才等提供参考。
(3)其他学校也会来访问网站，了解学校的办学模式及合作交流政策和意愿，为开展校际合作做准备。
(4)校内师生的日常工作和学习需要网站提供校内资源链接和校内信息以及其他网络服务。
网站栏目和内容需包含以上内容才能满足不同访问者的需求。
·网站类型需求
根据网站实现动态发布和及时更新信息的需要适合选择带有后台管理模块和数据库的动态网站。
·网站运行环境需求
网站运行需要安全稳定的软硬件环境，需要不间断电源，7*24小时运行的服务器，需要足够的存储空间，需要支持其运行的操作系统、Web服务器和数据库，需要保障其安全的杀毒软件和防火墙，需要畅通稳定且与互联网连通的网络和足够的带宽。
网站可行性及可扩展性分析
网站建设之初就需考虑其可行性，比如制作人员、制作时间、运行环境、使用过程中的管理和维护等方面的条件，网站的设计构想是否符合需求，并考虑其可扩展性，在今后的使用过程中是否可以根据需要对栏目和内容及布局进行相应的调整而不影响网站整体运行和使用。
网站的设计与实现
·网站系统的整体设计
根据需求分析，网站的整体设计采用前台显示页面+后台管理模块+数据库的动态网站模式。适合校园网站的基本模式是新闻发布系统，其他功能可在此基础上添加。
新闻发布系统是将网页上某些需要经常变动的信息，类似新闻、动态、通知等集中管理，并根据信息的某些共性进行分类，最后系统化、标准化发布到网站上的一种网站应用程序。网站信息通过一个操作简单的网页界面写入数据库，然后通过已有的网页模板格式与审核流程发布到网站上。这种网站系统使网站内容的更新工作大大简化，发布信息只需要在后台特定的界面添加文字、图片等简单的内容，无需再使用网页制作工具重复制作网页，因此大大提高了更新速度，保证了网页风格的统一，并且降低了更新难度，非专业人员也可进行更新操作。
网站系统根据功能基本可分为以下模块：
1、注册、登录和验证模块
为了系统安全性和方便管理，需要具有相应权限的用户才能进入管理界面进行操作，此模块相当于为系统安上了一道防护门。用户在注册页面填入信息后，通过验证模块及相应的审批程序，注册信息便被写入数据库中，在登录时，系统会将用户信息与数据库中存入的信息作比对，只有和数据库中信息相吻合，才可登录成功。
2、用户管理和权限设置模块
网站系统中权限的设置是非常重要的部分，不同的用户对网站数据有着不同的访问权限，有的数据允许所有用户访问，而有的数据则允许有特定权限的用户访问，这样有利于保护网站的信息安全。可以在设计数据表的时候，增加一个字段用来标识用户的权限，并在需要登录后访问或者设置访问权限的页面添加判断访问者是否登录或者是否具有此权限的语句，并且还要添加因未登录或没有访问权限导致访问失败后跳转到特定页面的语句。通常在网站管理后台中设有设置用户权限的页面，由网站管理员管理。
3、信息管理模块
信息管理模块是网站的核心部分，此模块实现了对网站内容的更新和维护，包括信息类别的新建、修改、查询、删除，信息内容的添加、修改、删除(包括文字、图片及附件)，设置信息的显示方式，比如是否显示在网站首页或者栏目首页，是否置顶，题目是否加颜色用来突出显示等。各功能直接对数据库中的数据进行操作。
实现信息管理基本功能通常包含以下页面：信息类别列表页面，添加信息类别页面，修改信息类别页面，删除信息类别页面，分类显示信息列表页面，添加和编辑信息内容页面，删除信息页面。其中信息类别管理还需包含子类别的管理页面，信息添加和编辑页面需要嵌入网页文本编辑器，网页文本编辑器可以实现网站信息所见即所得的在线编辑功能，在文本编辑器中可以添加发布视频的功能，这样就可以制作学校的精品课程栏目。
4、信息显示模块
此模块用于将网站管理后台添加到数据库中的信息显示在前台页面，根据需要通常采用信息列表和信息内容两种形式。信息列表页面程序根据数据库中记录的类别、发布时间、作者等条件将标题按顺序输出到网页中，并在每个标题上链接该标题所指的信息内容显示页面，网站访问者进人网站首先浏览信息列表然后有选择性的点击标题阅读信息内容。
如果需要其他功能比如留言板、BBS等，可以在新闻发布系统的基础上添加。
·数据库设计
数据对于网站来说就像人体中的血液和内脏，所以数据库的设计是网站设计中最重要的部分。网站中除附件、上传文件等，其余大部分數据都记录在数据库中。
基于新闻发布系统的校园网站的数据库，一般都包含以下基本的数据表。
用户表：由用户编号、用户名称、密码、权限等级等字段组成，其中用户编号可设为主键。
信息类别表：由类别编号、类别名称等字段组成，其中类别编号可设为主键。
信息子类别表：由子类别编号、子类别名称、所属上一级类别编号、所属上一级类别名称等字段组成，其中子类别编号可设为主键。
信息表：由信息编号、信息类别编号、信息子类别编号、信息标题、信息内容、创建时间、作者、是否已审核、是否置顶等字段组成，其中信息编号可设为主键。
各个数据表通过公共关键字段互相联系。除了以上基本的数据表之外还可根据需要创建其他数据表。
·页面设计
页面设计主要是网站首页的设计，校园网站应具有校园独特的风格，富有文化气息，可以别具一格给人耳目一新的感觉。
(1)首页布局要从整体到局部，简单合理，一目了然，突出重点，图片和文字搭配使用，做到视觉平衡，文字、字间距、行间距大小适度，尽量避免繁冗的商业网站模式。大小要考虑适合不同分辨率的显示器，不松散不拥挤。
(2)整体风格简洁、大方、朴素、有朝气、有文化气息，颜色搭配和谐，颜色种类不宜过多，一般在三种以内，通过调整颜色的属性来产生变化。网页各部分风格统一，协调。表格线条粗细适度，如果太生硬可以使用倒角。
(3)规划好网站栏目，确定哪些栏目内容需要显示在网站首页，哪些栏目名称放在导航条上作为链接，将相近的内容从上至下排列，首页显示内容栏目不宜过多。例如，可以将学校动态，通知作为首页显示内容模块，学校概况、院系设置、组织机构、师资队伍、校园文化、招生就业、合作交流等制作成网站导航链接。
(4)注重创新，网页的设计不要一成不变，使访问者产生视觉疲劳。注重突出本校特色，从而给人留下深刻的印象。
网站子页的设计要与首页相一致，子页主要用来查看和阅读内容，所以修饰部分要简单适度，突出文字内容的显示。
·技术选择
网站系统的制作和建设可以使用当前流行的几种技术和数据库，例如：ASPASP.NET+ACCESS/SQL SERVER、PHP+M YSQL、JSP+SQL SERVER/ORACLE等等，并配合相应的WEB服务器。网站制作完成后搭建在安全、稳定、畅通的服务器和网络环境中，就可以运行使用了。
·网站安全性
安全性的问题很重要也很复杂，它涉及到网站程序自身的安全性、WEB服务器的安全性、操作系统的安全性、网络环境的安全性以及网站的日常管理和维护等诸多方面,特别是数据库的安全,应该对数据库进行定期的备份和更新,并且对数据库进行md5数据加密,改变数据库的扩展名,并且将数据库放在网站目录的较深层次位置.
总结
校园网站是学校对外宣传展示和沟通交流的重要窗口和桥梁，现已被广泛使用，并在不断地发展和进步，在信息技术高速发展的将来，会起到越来越重要的作用。网站系统的设计与制作过程较为复杂，涉及的技术较多，建设和管理过程中需要注意的问题也比较多，笔者根据以往制作校园网站的体会对网站设计和实现做出以上简要概述，今后对于校园网站的建设工作仍需要不断地探索和研究。
(作者單位：湖南软件职业学院)
作者：任征
推荐阅读：
网站毕业设计论文提纲11-15
学校网站毕业设计论文提纲11-15
网站设计毕业论文题目05-08
购物网站毕业设计论文题目05-09
旅游网站设计毕业论文题目05-08
网站毕业论文（共5篇）03-23
网站制作毕业论文题目05-09
网站设计毕业论文（精选5篇）03-23
网站网页设计毕业论文（精选5篇）03-23
网站建设毕业论文（精选5篇）03-23
