制作网站是一项艰苦的系统工程，不仅费时而且费力，使用合适的软件能有效提高工作效率，降低工作量。以下几款制作网站软件：
Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的网页编辑器，与FLASH（动画制作）、FIREWORKS（矢量图像制作和图像处理）并称为网页三剑客。
Frontpage是微软公司推出的网页设计产品，非常方便，也很容易获得，在Office组件里面就有。
Access 是微软公司推出的基于Windows平台的桌面关系数据库管理系统，也是Office组件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化。做为一种小型数据库，足够普通用户使用了。
ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。 ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。
医院网站是医院整体策略的体现，是医院对外宣传的窗口，是医院的医疗、科研、教学成果的平台，也是医院医疗服务体系的一种延伸，更是患者同医院沟通的桥梁和纽带。作为医院在市场竞争中的一种策略，医院宣传不仅能增加经济效益，更能积累医院的无形资产，创造社会效益，对于医院良好公共形象的塑造有着不可替代的作用。为此，结合我院网站建设，谈谈医院网站建设体会。利用网络管理，使医疗资源共享，合理分配，理顺流程，节约成本，同时提高工作效率，减少重复劳动，使工作人员有更多的时间提高技术、优化服务。
本系统数据库的主要信息有:用户登录数据信息表,添加信息的数据表,后台管理中的菜单的数据表,新闻信息模板数据表,上传文件的管理数据表等。接下来要对数据库功能建立模型,即模型化数据库应用。完成了数据库的模型化之后,需要考虑数据采用的类型,字段长度,将数据组织成表的关系,确定主键并为数据库建立索引和设置有效性规则。至此,数据库的设计工作基本完成。
在数据库的实现方式上,选用了当前普遍推行的三层体系结构,这种结构实现了跨平台访问性和统一方便简单的用户接口。
Web技术为信息查询提供了十分友好的接口，用户只需要提出查询要求就可以自动完成查询操作。供了全世界范围的超文本服务，只要接入Internet，通过鼠标操作就可以方便地查阅世界各地的文本、图像、影像以及新闻等信息。
数据库在建立、运用和维护时由数据库管理系统统一管理、统一控制，以保证数据的安全性、完整性、多用户对数据的并发使用及发生故障后的系统恢复。
当多个用户的并发进程同时存取、修改数据库时，可能会发生相互干扰而得到错误的结果或使得数据库的完整性遭到破坏，因此必须对多用户的并发操作加以控制和协调。
数据的安全性是指保护数据以防止不合法的使用造成的数据的泄密和破坏。使每个用户只能按规定，对某些数据以某些方式进行使用和处理。
数据的完整性指数据的正确性、有效性和相容性。完整性检查将数据控制在有效的范围内，或保证数据之间满足一定的关系。
计算机系统的硬件故障、软件故障、操作员的失误以及故意的破坏也会影响数据库中数据的正确性，甚至造成数据库部分或全部数据的丢失。DBMS必须具有将数据库从错误状态恢复到某一已知的正确状态（亦称为完整状态或一致状态）的功能，这就是数据库的恢复功能。
(1)服务器端平台软件全部采用Microsoft的产品,便于维护和管理。
然后，我们双击运行main.box，这时候，系统托盘处应该出现一个红色的 .b 样的小图标。
网站初步完成后，网站进行全范围的测试。包括速度，兼容性，交互性，链接正确性，程序健壮性，超流量测试等，发现问题及时解决并记录下来，并且利用浏览器测试文档资料的正确性、可用性和友善性。
通过以上各种测试，网站设计和制作基本达到了预期效果。个别地方还存在一些问题，需要在的实践中逐步改进和提高。
[2]曾建潮.软件工程[M].武汉:武汉理工大学出版社,2003.8:全本.
系统采用JSP语言进行系统开发。通过TOGETHER软件，对系统整体与局部进行设计。采用MYSQL5.0，数据库强大而又高效稳定。采用APACHE公司的TOMCAT5.0作为系统的服务器。采用如今流行的MVC模式进行系统的框架架构。
Internet的出现不仅使得通信和资源共享的地理范围扩展至全球，而且随着其服务内容和应用领域的拓宽，正在改变人们的时空观。奥运专题网站的出现是信息技术及其应用发展到一定程度的必然产物。
这里，我采用B/S模式来实现客户端对服务器端的调用。在B/S模式中，客户端运行浏览器软件。浏览器以超文本形式向 Web 服务器提出访问数据库的要求，Web 服务器接受客户端请求后，将这个请求转化为SQL语法，并交给数据库服务器，数据库服务器得到请求后，验证其合法性，并进行数据处理，然后将处理后的结果返回给 Web 服务器，Web 服务器再一次将得到的所有结果进行转化，变成 HTML 文档形式，转发给客户端浏览器以友好的 Web 页面形式显示出来。而对于网络数据库的创建，则是利用 JSP 技术来解决。
奥运专题网站设计是为用户提供一个方便的、可快速浏览当前奥运会的相关信息的界面，并且也可以随时最新的信息以达到信息共享的目的，我以2008年奥运会为主题做的网站，主要包括新闻中心、赛事中心、赛事安排、奥运焦点、奥运筹办、备战奥运、吉祥物、图片新闻等功能模块，任何用户均可使用本系统来查看信息，用户可以通过点击每条信息的标题来查看该条信息的详细内容。当用户作为系统管理员成功登录后，可以使用信息管理模块实现对信息的添加、修改和删除，管理员本次操作完毕后，可单击“管理员退出”超链接退出登录状态。
根据网站结构及模块分析，和网站功能，利用JSP与数据库结合的技术建立网上浏览系统，采用交互式的动态的Web画面来实现。奥运专题网站设计与实现的主页具体设计。
网站主页所展示的是奥运网站的一些信息，在上边的栏目中可以选择喜欢的栏目，通过超文本链接可以查看具体的信息，栏目下边有新闻图片替换功能,根据上传图片的不同，图片会不停的替换,使网页更加生动。
信息模块在《奥运专题网站设计与实现》中起着举足轻重的作用，信息模块包括以下几个部分：
信息的组成以栏目为单元，以信息的动态提取为基础，将信息以栏目为单元存在很多好处，一是可以使信息有序化，二是可以使信息集中管理化。栏目模块具体设计包括奥运首页、新闻中心、赛事中心、赛事安排、奥运焦点、奥运筹办、备战奥运、吉祥物。
友情链接功能：用户可以在本网站直接点击主页底端的那些网站，不用在浏览器上输入那些网站的地址，就可以链接到想要的那个网站。友情链接的好处不在于可以给您的网站带来多少直接的访问量,而在于它会让搜索引擎更多的收录您的网页。
这一阶段的主要任务是从奥运网站的总体目标出发，根据系统分析阶段对系统逻辑功能的要求，并考虑到经济、技术和运行环境等方面的条件，确定系统的总体结构和系统各组成部分的技术方案，合理选择计算机和通信的软、硬件设备，提出系统的实施计划，确保总体目标的实现。
在本系统中，系统管理模块的功能比较简单，里面有一个用户管理模块。在系统初始化时，有一个默认的“系统管理员”用户Admin，由程序设计人员手动地添加到数据库中，Admin用户可以创建其他安博体育的管理员信息。
系统管理员给一般用户授权，使他们拥有一定的权利去管理数据库，管理员进行信息的采编和审发，以便及时更新信息。如图2所示：
客户端应用程序界面由主界面、操作管理模块界面组成的，现将登录界面、和操作管理模块界面的部分界面介绍如下：
在系统初始化时，有一个默认的“系统管理员”用户Admin，由程序设计人员手动地添加到数据库中。在没授权之前以系统管理员的身份登陆，登陆之后Admin用户可以创建其他的管理员信息。
系统管理界面提供给了操作者方便的管理途径。在这里可以进行对用户、部门、栏目的添加，删除，修改，并且可以对栏目进行统计，统计当天每个时刻的访问量以及每个栏目访问量的排名。以用户的添加、删除修改为例。
系统中必须至少有一个用户,并且至少存在一个身份为系统管理员的用户，否则将无法打开用户授权窗口，也就无法增加、修改用户操作权限。（缺省即软件第一次安装时，将提供一个用户名为admin，密码为 test，权限为系统管理员的账号，用户可利用此账号登录到系统，然后添加自己需要的账号。）
系统管理员给普通用户添加登录账号、登录密码、姓名、电子邮箱、电话等信息，提交后用户管理模块里就出现了刚才添加的普通用户信息，在关键字添上所查的信息以及用户名称，点击查询，就可以查到想要找的信息了，
管理员可以将光标移到想要修改的记录上，直接修改光标所在行的用户的权限等。点击删除，系统将删除光标所在行的用户。用户自上次保存后所做的修改将不被保存，窗口中的内容将恢复为上次保存后的内容。
信息管理模块包括信息采编和信息审发，信息采编可以给每个栏目添加信息和图片，如果对添加的内容不满意，可以对其进行修改。写完的信息通过审发后，前台才显示信息。
在线编辑器：可以设置字体、字号、颜色和段落格式等，总之在word里能用的功能在这里都能用，添加页面，集成word功能、上传图片功能。
信息的添加：在标题空白处写上信息的名称，在正文里按照word里的功能写就可以了，除此之外还能上传图片、自动添加作者名字，以及文章来源等。
信息审发：管理员要对添加的信息进行，否则前台无法看到所添加的信息，只有信息成功了，前台和后台才算做到线奥运网站权限管理模块设计
权限管理包括角色管理和用户授权，系统管理员可以根据需要给用户分配角色，使他管理部分部门以及部分栏目，给予用户管理后台数据库的权利，此选项用于对系统用户的加密及安全权限设置，但只允许系统管理员进入此窗口进行设置。
角色管理：这个功能模块是本系统的重点。在此功能模块中体现的系统的安全可靠。此模块是负责授以何种角色的。在此模块中根据需要可以随时添加角色。如总系统管理员、系统管理员和一般用户等。在此处可以对他们的登录系统的权利加以限制和操作栏目的限制。也可以添加、删除和修改角色。
用户授权管理：授以工作人员的何种角色。当他们登录系统时，由于他们的角色不同从而使他们进入系统后行使的权力不同。由于权力的限制使管理员和用户区分开来。方便系统的管理，从而也保证系统的安全。
本系统为用户提供了一个方便易用的使用界面，同时也为具有更高权限的管理用户提供添加、删除、修改的系统维护功能。
整个数据库的关键是表结构的设计，它独立于整个数据库的逻辑结构，能充分反映现实世界，包括实体之间的联系能满足用户需求，而且易于扩充和修改。
本系统采用hibernate方式进行数据库的连接。众所周知，大多数应用程序都需要处理数据，Java应用程序运行时，把数据封装为相互连接的网络对象。然而这些对象只能存在于内存中，而内存不能永久保存数据，当应用程序运行结束时，像这些对象就会消失在一团逻辑中。因此，如果要永久保存对象的状态，需要将对进行持久化，即把对象存储到专门的数据存储库中。然而目前关系数据库仍然是使用最广泛的数据存储库，在关系数据库中存放的是关系数据，它是非面向对象的。除此之外，还有另一种情况，即在编写应用程序之前，数据就已经存在了，所以需要有读入它们和将其表示为对象的方法。手动编写代码来执行这些任务不仅单调乏味、易于出错，而且会占用整个应用程序的很大一部分开发工作量。因此，我们需要一种机制，能将内存中的对象和关系形数据库中的数据进行相互映射。
Hibernate不仅仅管理Java类的数据库表的映射（包括Java数据类型到SQL数据类型的映射），还提供数据查询和获取数据的方法，可以大幅度减少开发时人工使用SQL和JDBC处理数据的时间。 Hibernate的目标是对于开发者通常的数据持久化相关的编程任务，解放其中的95%。对于以数据为中心的程序来说，它们往往只在数据库中使用存储过程来实现商业逻辑，Hibernate可能不是最好的解决方案，但是对于那些在基于Java的中间层应用中，它们实现面向对象的业务模型和商业逻辑的应用，Hibernate是最有用的。
建立用户信息表、权限表和信息综合表三个表之间的联系，使得用户注册登录系统，信息系统和授权管理系统关联起来，用户先以系统管理员的身份登录，数据库有一个默认的登录账号admin和一个密码test，系统管理员登录后可以在个人信息里修改密码。系统管理员还可以添加用户信息注册普通用户，普通用户也有账号、密码等。系统管理员给普通用户授权使其可以管理栏目和功能模块。
奥运专题网站设计与实现并不是我们想象的写程序那么简单，它包括了编写程序、数据库设计、网页制作、图象处理、版面设计、数据采集、文本编辑、服务器管理等等，要搞好一个好的，完善的网站需要一个详细的、合理的、可行性的规划设计。
[2] 张翟，张清，郭立山.JAVA程序设计教程[M].北京：冶金工业出版社，2005.
[6] 吴其庆.JSP 编程思想与实践]M].北京：冶金工业出版社，2003.
一个成功的网站是多方面的精心设计与努力完成的，但是到浏览者的面前，这些都如同一个黑匣子，浏览者最为关注的就是网站的内容是否吸引他，网站中显示的网页是否美观，观看是否具有舒适感。网站设计中的基本原则标准实际就是为浏览网页的网络用户提供便捷优质服务。
这里的网页风格统一主要包含两层含义，第一种，就是网页的整体风格统一，每个网页从外观上，栏目设计上有相似之处。当然，有个别的一、二个特色网页，为了起到强调突出作用，脱离整体风格，有时会起到吸引浏览者的效果。但是这种突出一定要精心设计，一旦失败，就会给网络用户留下网页质量低劣的印象。第二种，就是网页的美化风格要跟主体统一。举例来说，京剧的美化风格就适合古韵古香，用一些摇滚、重金属的图片等素材进行美化，就是一种不统一的应用。美化过程是为了衬托主体，两者风格统一才让网页表现更加协调，美观。
美丽的网页吸引的是网络用户第一眼的印象，能够让用户长期使用，长期浏览的是不断更新的用户们关注的网站的主要内容。所以制作网站之前，一定要准确定位。网站的方向是什么？是提供大量信息资源的门户网站，还是侧重于某些专业知识的论坛，又或许是互动平台如此等等，不一而足。定位后就要进行材料的收集与分类，提供用户感兴趣的专栏。
长期被网络用户关注的网站，绝大多数都并不花哨。这是有一定原因的。吸引大量网络用户，长时间关注与浏览，不可避免的有一个视觉疲劳的问题。如果颜色过亮，设计过于花哨，视觉疲劳就会很早发生，这就会流失大量的浏览者。
针对简单的静态网页来说，网页三剑客是使用最为方便，高效完成完成网页设计的工具。网站设计过程中，常常要使用图片，对图片进行细致设计的常用软件无疑首选，photshop，它的CS版本还特意推出了网页制作功能，为网页制作提供便捷的服务。但是目前静态网页已经不能满足网站的需求，任何的网站都应该实现数据交互的功能。所以后台数据库管理系统不可或缺，目前使用较多的有Oracle系列、Sql系列、dbase系列等等。值得一提的是针对小型网站，Mysql也是一个不错的选择。前台开发的高级语言主要有C#、JAVA，当然PHP脚本应用也占有一定市场份额。特效脚本常见的有javascript、vbscript。
网站设计从功能角度出发，要了解用户需求，实现网站平台的主体功能，实行网页的基本框架。要通过高级语言或者脚本语言实行前台设计，要与数据库合作进行数据存储与互联，后期要进行美工美化过程，让网页更加美观，便于浏览给用户舒适感。要搭建网站需要的服务器。
网站设计要通过编码实现，针对功能不同的网站要配合相应算法实现，将算法通过代码进行设计，完成网站提供的功能。例如，在线测评系统，就会要求对评测的网站平台提供合理的出卷策略模块，我们就可能需要使用遗传算法，进行试卷试题难度的控制与试题范围的覆盖。再比如网购平台网站的设计，很多平台通过用户浏览的商品信息，进行用户身份信息以及可能需要的商品信息的分析，从而推荐自身认为用户可能会购买的产品，以增加网站产品销售量。这就需要在用户搜索中，进行搜索记录和算法分析，相关算法较多，这里简单推荐协同过滤算法，以及在搜索中判断重要程度的pagerank算法。浏览器的兼容技术问题：流的浏览器主要包括Firefox、Opera、chrome、IE、safari等，不同的浏览器使用的浏览器内核不一样，导致不同浏览器对网页的解析不一致，因此导致网页展示出现差异，例如出现排版不正确、字体大小不一致、图片展示有差异等，这被称为“浏览器兼容性”因此，网站开发者不断研究网页标准，让用户可以在任意浏览器中浏览同一个页面达到一样的效果。浏览器对含小数值的像素解析不一致。每一个浏览器对于含小数值的像素解析都存在不一致的地方。例如11.8px,Firefox/GoogleChrome/Opera/IE8取值为12px;IE6/7/Safari会取值为11px;IE9以上的版本会直接解析为11.8px;在做网页兼容的时候，要是遇到在IE6/7/safari中设置文字大小为11px;可以使用该方法，直接把文字大小设置为11.8就可以达到目的了。这样还可以省下一个CSSHACK.PX、EM和REM的使用对网页版面的影响。PX是绝对单位，而EM是相对单位，在设置字体大小的时候，最好使用EM;当用IE调整网页自由缩放的时候，PX不会做出任何的反应，而EM则可以随着页面的缩放而缩放，默认的1em=16px;而EM是相对值，会继承其父级元素的字体大小，如果全局变量中设置了“body{font-size:12px;}”;则1em=12px;而REM是一个CSS3新增的一个相对单位，REM就是根EM,REM是相对于HTML的根元素，只要调整根元素的大小就可以调整一个页面的字体大小，并且该属性IE8以上的版本都可识别，包括其他浏览器都能支持。
[2]陈君.基于PHP的在线音乐网站的设计与实现[D].武汉理工大学,2012.
[4]黄志明.购物类网店系统的设计与实现[D].电子科技大学,2010.
[7]张蓓.中学心理健康教育网站的设计与实现[D].天津师范大学,2007.
网站的页面呈现风格首先是该企业形象的一部分，是企业的cis（企业视觉形象识别系统）在网络上的延伸；对于还没有完善的企业视觉形象识别系统的企业，网站的风格也要符合该企业对网站的多方面定位，换句话说，就是要为其“量身定做”。这样做的好处是：a.维护（提升）企业形象;b.利用网络优势推广企业形象；c.以其鲜明的特色和适宜的风格配合应用与服务为该企业在网络空间拓展用户群；d.为企业赢得更多商机；e.给了用户更方便及时的回馈空间以及良好的心理感受。
企业网站形象的搭建更接近于传统的建筑设计，除了付与其美观、有特色的建筑外观之外，更要注重其结构的合理性和居住的舒适性。反映在网页上，我们要求我们的设计人员必须熟知网络设计的特性；对目标网站的结构、导航以及商业意图都有深刻的理解和体会；掌握目标用户群的网络使用习惯；懂得并有能力做出符合以上条件的设计。
我们的业务人员在和客户沟通之后，会同相关人员制定出网站制作白皮书，白皮书内容包括（产品设计目的、背景资料、产品功能概述、客户对网站设计风格要求、进度安排等），限时在1-3个工作日以内（视站点规模而定）。
召集相关人员如市场、设计、程序人员，版权所有，全国公务员共同的天地!根据白皮书开会讨论产品，得出最终的可操作性文档及网站树形图。限时在1-3个工作日以内（视站点规模而定）。
设计师根据制定出的文档设计网站首页，在大多数情况下，在得到竟标前，我们不提供任何图形设计方案。在特殊情况下，设计部至多设计2-3个首页。但是公司不支持在初级竟标时设计图形方案。在此阶段，设计部只设计图形以及相关多媒体设计。当没有多媒体设计时，提交图形设计即可，不提供html文件。限时在1-2个工作日以内（视站点规模而定）。
由业务人员提交给客户审核，并请客户提出意见，我们按照客户要求进行改善，直到客户满意为止。客户需要在打印稿上签字同意设计风格与创意。在此以后，如果客户要求重新设计制作，客户需要承担重新制作编程的成本费用。
设计师将所有的页面设计出来，并提交客户签字认可。在此以后，如果客户要求重新设计制作，客户需要承担重新制作编程的成本费用。限时在3-10个工作日以内（视站点规模而定）。
只有在客户最图形设计满意以后，设计人员才把客户满意的网站设计最终稿交给html部门进行制作并附上网站需求计划，并按照客户的网站功能要求联系网站后台程序制作人员进行程序设计。html人员需根据设计图稿认真，合理的进行网页制作，并确保网页在不同浏览器上的兼容性。限时在3-10个工作日以内（视站点规模而定）。
html完工后，交由原设计师审核，查看文件是否与设计原图有所出入。限时1-2个工作日。
设立专门项目负责人全程监控设计的过程，及时与后台技术沟通，调整和掌握实施的完成。其中各项细节需基本符合最终版本的白皮书概念。视项目的大小来规定设计完成的时间。
将完整无误的html分类交由后台技术部处理，数据库的交到数据库专门人员，模板交到模板人员。限时从最长的5-10个工作日以内（两周）到3个工作日不等。
10、技术部将新网站模板和后台的使用方法完全教给客户的相关人员使用。限时在1个工作日内。
11、公司内部测试。检查网站兼容性等方面问题，相关设计人员开始设计网站推广的banner和button。限时3个工作日以内。
业务人员最后将完成的全部网站内容交给客户审阅，根据客户的意见与技术部协调进行程序、功能的改进，在此过程中不应该再涉及页面风格与创意的改变。如果在此阶段仍需要改变设计风格与创意，客户需要承担重新制作编程的成本费用。
13、正式推出。技术部将客户确定后的网页到相应网址。业务人员需要客户签字同意在指定网址上的网站设计。在此以后，如果客户要求重新设计制作，客户需要承担重新制作编程的成本费用。
外部测试。我们会定期通过各部门综合针对产品进行透彻分析，并进行系统的网友调查，根据回馈意见进一步调整，并考虑可延伸性。并定期提供给客户相关资料。
在我们的设计师看来，网页设计是一种“体贴”的设计，即要体贴企业的各项需求，同时还要替企业体贴其网络用户的各种需求。这一切建立在设计师对网络使用的丰富经验和对用户的易用性的充分理解之上。在您能看到的新鲜、美观、动感的页面的表层下，我们还遵循了网络互动艺术的“系统性”、“互动性”、“传输性”、“适应性”的设计原则。以下是对这四项原则的具体阐述：
网络以大量的信息流作为营运的起点,设计时需要从系统上合理组织规划和呈现这些信息,引导人流在网络系统内部的有效流动,再通过系统上对互动操作的有效引导,最后将人流转化为物流,进而转变为资金流,这是网络设计的根本原则和终极目的。系统性原则包括以下几方面要求：
2）结构和导航的二维引导：结构和导航要模块清晰，条理明确，跳转方便，能让用户知道自己在网站上所处的位置，并自由进入想去的地方；
3）流量的引导：有目的有系统的引导流动的方向，确定方式以及停留位置，引导信息流产生人流，进一步需要将人流引导向最有可能产生物流和资金流的地方；
4）链接的有效引导：通过链接来实现目标网站的导航以及流量，充分考虑网民的使用经验，强化重要链接以有效引导流向；
5）确定技术实现方式：网页制作除了最基本的html文件之外,还有许多增加效果的方式,比如加入gif或flas,加入dhtml层来实现鼠标互动的交互效果等。根据网站的不同目的，从整体系统上进行设计，作出技术区分。技术有价值是因为他能使我们组织信息更快,更直接,更直觉和更可交流。没必要为了技术而技术。
网站浏览的过程是在与浏览者的互动操作下完成的,这正是网络的特性和引人之处.互动满足了网民的参与感,满足了商家现时交易和反馈的需求,网络设计必须发挥这种互动性优势。互动性原则包括以下几方面要求：
1）召唤感:网络设计必须具有召唤感,能够吸引浏览者的点击行动,提高点击率;一个网站可以是一个完全的交流媒介,它最大的特点就是交互性。
2）导航系统：在网站上最基本，最简单的交互式区域就是导航系统。导航系统越直观，越实用，用户就越喜欢，反馈也就越多。
3）形象的亲和力:设计贴近生活，有人情味会获得更高的点击率，因为用户可能无意识的在想也许这个服务于我有关。在网络上，直观比喻、动作演示、人物衬托等方法能够起到信息强化的作用，有较好的效果。
4）文字的鼓动性:文字是视觉流程中传达信息的重要因素，只有文字才能明确人的记忆。文字会从更深的心理层次对消费者产生影响并使其发生态度转变。信息的有效传达不能单单依靠视觉形象。
5）感性诉求：紧紧把握住人情味这个要素，在商业运作中淡化其商业气息，使用户自觉自愿接受所宣传的产品和服务。
6）增加互动性功能：利用互动功能的优势来实现其他媒体所不能具备的在线服务功能，比如说：网络调查、网上直播、网上，网上评选，网上订货等，吸引大家的兴趣从而达到效果。
7）让用户参与：让用户有更多的发言权。当用户发现他们的观点被珍视，被欣赏，或被称赞时，他们都会因拥有感而继续使用这个网站。
8）简洁性:网络设计的界面需要简洁而可操作,界面友好,网络设计需要有效引导互动操作,尽量减少浏览者不必要的行动和负担。
9.及时更新：网络设计需要保证内容的即时更新，以增强浏览者的参与性。信息更新快，这是让网民建立信任的前提。
网站的浏览以获取某些信息或实现某种功能为目的;而网络的图形和页面需要用http超文本标识语言来生成和传输,网络上所有信息的传达都是通过对文件的下载实现，需要网民为此付出时间和金钱;在目前网速依然不十分理想的情况下,有效率的传达信息仍然是网络设计的核心。传输性原则包括以下几方面要求：
2）降低文件大小:保证传输性的第一个原则就是降低文件的大小,文件的大小由两个因素决定,一是图片的大小,另一个是html源代码的大小;因此网络设计要尽量提高图片的使用效率,并且要确保制作的方便性。
3）结构的相对独立性：需要在设计上尽量增强各功能模块的相对独立性以形成横向的独立表格，利用浏览器的下载特点来提高，特别是要保证屏首的迅速下载；此外，可更新模块的相对独立性也是cgi自动程序传输文件的要求。
4）空间有效性：设计需要合理利用空间，特别是首屏空间；需要在不使浏览者感到繁杂混乱的情况下，尽可能传达有效信息；要有重点的抓住浏览者的视线，让其停留，从浏览变为阅读。
抗NDMA受体脑炎病是一种并不罕见，却被很少人了解的疾病。该病发病突然，且毫无征兆，每年因误诊死亡的人不在少数。在网络时代，创建公益网站，既可以让更多的人了解该种疾病，也为医生和患者之间搭建了一个交流的平台。但要使信息得到更广泛地传播，不仅仅需要网页在搜索引擎中获得更靠前的排名获得更多点击，也要是网页可以适用于多种多样的设备。SEO优化技术能很好地解决网页在搜索引擎的排名问题，使网页获取更多的点击。SEO优化技术的核心是网页的关键词，掌握关键词的选取，才能够更灵活地运用。响应式网站的特性能够以最简捷的方式实现PC端与移动端的双向访问。
在搜索引擎高速发展下，必然产生一种能使网站适应搜索引擎抓取的优化技术，这种优化技术就是SEO技术。网站构架优化和关键词优化是SEO技术的核心。1.1网站框架创建网站和盖房子的原理一样，都需要好的框架结构。而网站的框架就同房子的梁，是整个设计的支撑。所以网站框架优化是SEO优化的关键之一。完善地网站框架优化更利于spider更迅速地遍历网站所有的内容。1.2关键词在搜索过程中，只有被搜索引擎认可的最贴切的网页，才能获得最好的排名。因此，需要根据搜索引擎的喜好，去拟定关键词，并确定其位置。（1）标题关键词标题就是整篇文章的点睛之比，网页的标题就是它的眼睛，贴切的title能吸引搜索引擎的注意，有效地提高网页的排名。（2）页面关键词独木难成林，标题中的关键词同样无法支撑整个网页，这就需要在网页文本中多次提到。重要的事情“说三遍”，只有提及的次数足够，才能让搜索引擎知道它的重要性。
2.1响应式网站的理念响应式网页设计是一种新的设计思想,而不仅是简单的CSS改写。响应式网页设计理念[1]是：集中创建页面的内容排版设计,使其可以智能地根据用户行为以及使用的设备环境(系统平台、屏幕分辨率、屏幕定向等)进行相对应的布局。响应式网站，即一个网页能够响应任何一种设备。响应式网站的设计来源于信息时代，形形的设备也是为了适应这个时代的发展。不可能为一千种设备设计一千种网站，这是非常不划算的事，也是不可能的事，毕竟设备的种类千千万万。响应式的核心就是适应，适应这个时代，适应多种多样的设备。2.2响应式设计的原则响应式设计需要遵循许多设计原则，QA公司首席技术专家DavidWalker在实际开发技术层面提出了响应式网站设计的原则[2]，也有很多人提出过其他的一些原则[6]。设备的多样化要求所创建的网站能适应更多的分辨率，同时适应更多的设备。这就需要更加关注响应式网站的设计，关注响应式设计的原则。（1）设备优先原则现在应用的网页浏览设备主要分为两种：移动设备和台式设备。根据实际情况，提出两种优先方法1）移动优先，在默认情况下，网页布局在小屏幕上显示得非常清晰，随着分辨率的增大，显示内容的范围变小，清晰度也下降一些，但更方便欣赏网页设计的内容。2）台式优先，与移动优先原则恰恰相反，从桌面的分辨率出发，随着分辨率的降低，现实的范围变大，清晰度也提高了一些，方便了解整个页面的信息。以上两种方法设计开始于参考分辨率和使用媒体查询适应其他分辨率。主分辨率断点和内容将在确定的各种分辨率范围的网页上显示。随着用户使用移动设备越来越频繁，台式开发技术已相当成熟，移动设备优先成为响应式开发者的共识。（2）弹性化弹性化可以说是响应式设计的支柱。在不同尺寸的设备中，要想使网页布局能够流动式呈现不同的显示效果，就需要应用媒体查询技术。弹性化的网页内容显示位置，能够根据视口大小自动地调节显示位置。（3）宏观性在网站设计中，如何让其页面百分之百地遵循开发者的意愿，并且在任意一种设备能呈现出完美的效果，是非常棘手的问题。因此，就需要总结网页开发的经验，在设计之初，根据实际情况以及前期设想，选择一种最佳方案。凡事有舍才有得，在响应式设计过程中把握好取舍问题，遵循宏观性原则，围绕大局进行设计，定能整理出最好的方案。
截至2010年4月，我国的网民数量已超过美国，达到了4亿，成为了世界上网民人数最多的国家。如果从网民数量的角度来看，网络在国内也已经逐渐成为一种普及化的媒介。网络的发展对于现代生活中不可或缺的公益传播来说尤显重要，它为公益传播提供了一条新的便捷之路[3]。由此可见创建抗NDMA受体脑炎公益网站是一种快捷的、简便的和有效的宣传手段。3.1前期规划互联网电子商务最大功能就是解决信息不对称，让买家和卖家能跨越时空以最低成本沟通促成交易。抗NMDA受体脑炎公益网站就是典型的互联网应用，是基于C2C技术搭建的一个平台。在这个平台上求助就像网上购物一样的简单：卖家“出售”自己的困难，买家通过捐赠行善“购买困难”帮助卖家，一切犹如淘宝C2C。这种C2C慈善对于网民而言会比传统模式更加容易接受。本项目的具体工作主要包括以下几点：（1）将对网络公益平台实现的技术及其模式进行研究。（2）设计一个技术可行、界面友好的网络公益平台，主要包括软件架构设计、功能设计和网络推广设计（3）实现对求助信息进行审核、，对善款进行募集、转账等功能。（4）留出与支付宝合作接口、第三方账户登录等接口，并留出扩展接口等。（5）设计并实现医患交流问答平台、心路历程、活动中心、许愿树、功德簿、志愿者天地等常用功能的设计。（6）对网站进行搜索引擎优化，实现对网站的推广。3.2页面网站页面的设计，主要应用HTML语言进行编写，为了使页面更美观生动，部分代码使用CSS、JavaScrip编写；加上页面中的图片都是经过PhotoShop处理的，使整个页面带给浏览者舒适的感觉3.3系统功能模块图2为抗NMDA受体脑炎公益网站的功能模块示意图，该网站除了沿袭其他疾病公益网站有的的模块，还增添了BBS论坛模块、消息提醒及用户发言记录模块，方便增加患者之间的交流。
抗NMDA受体脑炎公益网站的建设是为了更好地为患者服务，但在创建过程中必须保证每一个设计都能使浏览者得到最大的收获。SEO优化技术和响应式网站的应用是公益网站在创新方面的一大突破，而这两种技术的应用，也使该网站能在短时间内得到最大程度的宣传。
教育信息化作为国家信息化的重要组成部分，对于转变教育思想观念， 深化教育改革，提高教育质量，培养创新人才具有深远意义，是实现教育跨越式发展的必然选择。随着网络技术和WEB技术的发展，各大高等院校依托校园网的建设、运行，在其之上开展的各项应用服务得到了长足的发展，其中高校网站的建设和发展在推动我国素质教育和教育信息化进程中发挥了至关重要的作用。
高校网站是高校基于WEB技术建立起来的学校对校内外的资源共享与信息交流的平台。从教育信息化的角度来看，高校网站应具有以下几个基本职能：对外宣传、教学教辅功能、资源共享、交流互动平台。总之，网站建设的最终目的是“服务”，高校网站建设的根本目的是服务师生，服务校园建设。学校网站的规划与设计不应偏离这个最终目的。
网站设计是一项系统的工程，必须遵循前期规划、后期制作与维护这样一个流程。网站设计的总体要求是：网站主题突出，层次清晰，界面美观，网站功能满足实际需要。
建设一个网站，首先要求有明确的主题，并从整体上把握网站的结构，进行前期规划，然后搜集素材和资料，利用网页制作工具将各种资料、素材有序地、有机地结合起来。这里仅从网站的颜色搭配，功能和布局设置来谈谈网站设计的前期规划。
色彩搭配是网站设计中最重要的一环，一个网站不可能运用单一的色彩，也不可能将所有的色彩运用进来，一般一个网页的颜色超过三种就可能产生混乱花哨的感觉。因此这就牵涉到一个色彩主基调的问题。抓住网站的主色调再配以其他不同的辅色，这样既突出了主色，又使整个网站美观自然、浑然一体。
高校网站主题色一般来源于自己学校的VI识别标准色，学校的标志（LOGO）是我们确定主题色的一个重要参考标准，一般网页设计的时候既要考虑到突出LOGO标志，又要和LOGO的颜色和谐统一，以LOGO为参照色，考虑到网站的主题表现需要，就可以确定好主色调。网页中各个组成部分色彩的搭配，即辅色的运用，要考虑到和主色的关系，整个网站的层次感以及高校的学科特色等因素。比如网页中导航菜单的颜色、图标的颜色，标题的颜色就应该用相对醒目的颜色呈现。值得注意的是，网页中适当的跳跃性色彩或线条的运用能让原本平淡无奇的网站立刻活跃起来，显得动感十足、美观大方。
高校网站具有宣传、教学教辅、资源共享等基本职能。因此网站设计中网站的功能设置应当充分满足实际需要。比如为了满足学校对外宣传的需要，在学校网站的主页上应当有学校简介、学校新闻，院系链接等。为了满足教学教辅需要，则在学校网站上应该有各职能部门、各网上教学，办公系统的链接入口。
网站的布局也是网页设计中一个十分重要的环节。网站的布局应该符合人们的视觉习惯，从上到下，从左至右。因此网页中比较重要的内容应该尽量往左上角靠。而目前我们的计算机显示器的分辨率一般是1024*768或者以上，但也有一部分是使用800*600的分辨率，因此网站的主体内容应该是集中在从网站的中央开始800*600像素的范围之内，这样才能主题突出。
网页制作采用静、动相结合的方式，即静态的主画面和动态的图像，Flash相结合，目前较流行的网页制作工具有Dreamwaver、Fireworks、 Flash、 Photoshop等。
高校网站数据更新较快，数据量大，一般适合使用架构有数据库支持的动态网站。目前较流行的动态网站设计语言有ASP、JSP、PHP。三种语言背后都有强大的数据库支持，比如PHP语言使用MYSQL数据库，ASP语言则使用SQL2000数据库。动态网站设计语言与数据库的结合能实现网站数据的动态更新。网站的更新和维护只需在后台管理中进行，不需修改前台网页，极大的提高网站的工作效率。
网站的生命力在于网站的内容，后期维护的重心应该是丰富网站的内容，坚持及时更新数据。高校网站应该不断添加和完善网站内容（比如院系资料、其他部门子网站等），及时学校的校园新闻，科研动态等信息，不能让学校网站成为一个空架子，华而不实。
另外网站的后期维护还包括网站重构，美化网站界面，优化程序设计等。只有坚持推陈出新，网站才会有吸引力，才能体现网站线 新形势下高校网站建设的思考
WEB2.0时代已经到来。快速的网页浏览和内容更新，易维护的网站管理成为了用户和网站设计者共同关注的焦点，符合WEB2.0标准的网页设计便应运而生。WEB2.0网页设计标准包括：结构标准语言（Xml、Xhtml）、表现标准语言（CSS）、行为标准。个人认为制作符合WEB2.0标准的网页可以从以下两个方面下手：
语义标记，也就是精确描述页面每一部分作用的标记。最常用的标记语言HTML和XHTML一般用于显示目的，设计者可以通过对HTML标签应用CSS来改变页面风格，利用CSS和DIV来灵活的进行网页布局。
AJAX全称为“Asynchronous JavaScript and XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。Ajax应用程序通过异步模式，优化了浏览器和服务器之间的传输，减少不必要的数据往返，减少了带宽占用，从而提升了用户体验。
网站建设是一门复杂的技术，高等院校有科研创新的使命，在网站的建设上更应该走在技术的前沿，如何构建符合WEB2.0标准的网站，进行内容与样式分离，增强网站的交互性能，提高高校网站的服务能力，值得我们每一个网站设计者去深入研究。
[3] 薛建国,梁霏,庄俭.职业教育网站的建设与管理[J].电化教育研究,2006(9):48.
一个成功的网站是多方面的精心设计与努力完成的，但是到浏览者的面前，这些都如同一个黑匣子，浏览者最为关注的就是网站的内容是否吸引他，网站中显示的网页是否美观，观看是否具有舒适感。网站设计中的基本原则标准实际就是为浏览网页的网络用户提供便捷优质服务。
这里的网页风格统一主要包含两层含义，第一种，就是网页的整体风格统一，每个网页从外观上，栏目设计上有相似之处。当然，有个别的一、二个特色网页，为了起到强调突出作用，脱离整体风格，有时会起到吸引浏览者的效果。但是这种突出一定要精心设计，一旦失败，就会给网络用户留下网页质量低劣的印象。第二种，就是网页的美化风格要跟主体统一。举例来说，京剧的美化风格就适合古韵古香，用一些摇滚、重金属的图片等素材进行美化，就是一种不统一的应用。美化过程是为了衬托主体，两者风格统一才让网页表现更加协调，美观。
美丽的网页吸引的是网络用户第一眼的印象，能够让用户长期使用，长期浏览的是不断更新的用户们关注的网站的主要内容。所以制作网站之前，一定要准确定位。网站的方向是什么？是提供大量信息资源的门户网站，还是侧重于某些专业知识的论坛，又或许是互动平台如此等等，不一而足。定位后就要进行材料的收集与分类，提供用户感兴趣的专栏。
长期被网络用户关注的网站，绝大多数都并不花哨。这是有一定原因的。吸引大量网络用户，长时间关注与浏览，不可避免的有一个视觉疲劳的问题。如果颜色过亮，设计过于花哨，视觉疲劳就会很早发生，这就会流失大量的浏览者。
针对简单的静态网页来说，网页三剑客是使用最为方便，高效完成完成网页设计的工具。网站设计过程中，常常要使用图片，对图片进行细致设计的常用软件无疑首选，photshop，它的CS版本还特意推出了网页制作功能，为网页制作提供便捷的服务。但是目前静态网页已经不能满足网站的需求，任何的网站都应该实现数据交互的功能。所以后台数据库管理系统不可或缺，目前使用较多的有Oracle系列、Sql系列、dbase系列等等。值得一提的是针对小型网站，Mysql也是一个不错的选择。前台开发的高级语言主要有C#、JAVA，当然PHP脚本应用也占有一定市场份额。特效脚本常见的有javascript、vbscript。
W站设计从功能角度出发，要了解用户需求，实现网站平台的主体功能，实行网页的基本框架。要通过高级语言或者脚本语言实行前台设计，要与数据库合作进行数据存储与互联，后期要进行美工美化过程，让网页更加美观，便于浏览给用户舒适感。要搭建网站需要的服务器。
网站设计要通过编码实现，针对功能不同的网站要配合相应算法实现，将算法通过代码进行设计，完成网站提供的功能。例如，在线测评系统，就会要求对评测的网站平台提供合理的出卷策略模块，我们就可能需要使用遗传算法，进行试卷试题难度的控制与试题范围的覆盖。再比如网购平台网站的设计，很多平台通过用户浏览的商品信息，进行用户身份信息以及可能需要的商品信息的分析，从而推荐自身认为用户可能会购买的产品，以增加网站产品销售量。这就需要在用户搜索中，进行搜索记录和算法分析，相关算法较多，这里简单推荐协同过滤算法，以及在搜索中判断重要程度的pagerank算法。
浏览器的兼容技术问题：流的浏览器主要包括Firefox、Opera、chrome、IE、safari等，不同的浏览器使用的浏览器内核不一样，导致不同浏览器对网页的解析不一致，因此导致网页展示出现差异，例如出现排版不正确、字体大小不一致、图片展示有差异等，这被称为“浏览器兼容性”因此，网站开发者不断研究网页标准，让用户可以在任意浏览器中浏览同一个页面达到一样的效果。浏览器对含小数值的像素解析不一致。每一个浏览器对于含小数值的像素解析都存在不一致的地方。例如11.8px，Firefox/Google Chrome/Opera/IE8取值为12px；IE6/7/Safari会取值为11px；IE9以上的版本会直接解析为11.8px；在做网页兼容的时候，要是遇到在IE6/7/safari中设置文字大小为11px；可以使用该方法，直接把文字大小设置为11.8就可以达到目的了。这样还可以省下一个CSS HACK. PX、EM和REM的使用对网页版面的影响。PX是绝对单位，而EM是相对单位，在设置字体大小的时候，最好使用EM；当用IE调整网页自由缩放的时候，PX不会做出任何的反应，而EM则可以随着页面的缩放而缩放，默认的1em=16px；而EM是相对值，会继承其父级元素的字体大小，如果全局变量中设置了“body{font-size：12px；}”；则1em=12px；而REM是一个CSS3新增的一个相对单位，REM就是根EM，REM是相对于HTML的根元素，只要调整根元素的大小就可以调整一个页面的字体大小，并且该属性IE8以上的版本都可识别，包括其他浏览器都能支持。
[1]于群峰.网站设计中CSS技术与PHP技术探究[J].电子制作，2014.
[2]陈君.基于PHP的在线音乐网站的设计与实现[D].武汉理工大学，2012.
[4]黄志明.购物类网店系统的设计与实现[D].电子科技大学，2010.
[5]王浩百.基于PHP和MySQL的办公室网站设计与实现[D].吉林大学，2010.
[7]张蓓.中学心理健康教育网站的设计与实现[D].天津师范大学，2007.
网站设计制作合同费用总计：人民币_________元整（大写：_________）。
1．本合同签订后，甲方即向乙方支付合同总费用_________％，即人民币_________元整。
2．网站制作完成即付项目总额剩余的_________％，即人民币_________元整。
甲方应在签订本合同书后即向乙方支付合同费用的_________％，网站设计制作的起始时间以甲方支付该费用的时间起计算。乙方随即开始履行本合同，乙方应按甲方要求按质按量完成相关网站设计制作工作。
甲方有责任全力配合乙方开展本合同所规定的工作，并根据乙方需要提供相关资料。
1．乙方对设计完成的作品享有著作权。甲方将委托设计的所有费用结算完毕后，乙方将作品著作权转让给甲方。
2．甲方在未付清所有委托设计费用之前，乙方设计的作品著作权归乙方，甲方对该作品不享有任何权利。
3．甲方在余款未付清之前擅自使用或者修改使用乙方设计的作品而导致的侵权，乙方有权依据《中华人民共和国著作权法》追究其法律责任。
合同附件网站报价单为本合同一部分，本合同壹式_________份，自双方签字盖章之日起生效，甲方执_________份，乙方执_________份，具有同等的法律效力。
