网站设计论文范例

1网站整体形象

1.1网站标识

网站标识是网站视觉识别系统里的核心内容，作为一款符号图形，其隐喻图书馆的管理理念，具有精神上的象征性。现今国内高校图书馆多是将校徽图形进一步演变而产生的图书馆标识，且多是与图书的形象元素有关。国外高校则会采用一些范围更广的元素作为设计雏形，而不仅仅只局限于“书本”这个人人皆知的元素。对于图书馆标识的设计笔者认为更应该紧扣文化、传承以及院校和图书馆的办学管理理念，既不应该死抓“书本”这个耳熟能详的元素，也不应该完全抛弃图书馆这个核心而为了迎合时代潮流去追求一些形式美，毕竟在中国，儒雅、中庸这种儒家文化已经深入办学理念，过分的张扬与外露很容易导致不必要的外界争论。

1.2网站标准字、标准色、版面、专用字体

辅助标识的使用更进一步的加强其网站的可识别性。对于这些元素的使用，除了部分外联的论文数据库外，应该深入实施于网站内的每一个网页。在这一点上，国内很多高校图书馆的网站做得很差，因为其馆内图书目录数据库几乎都是外包与社会中各数据公司进行设计，并且在设计时，公司、图书馆、校园网络中心三者之间没有很好的交流，这就致使设计出的数据库页面与图书馆主页之间有着很多不相符，甚至完全背道而驰的设计元素。这就使得用户在使用时，心理上会有一定的不确定性，很大程度上降低了网站的实用性。

2网站结构

高校图书馆网站的使用应该有明确的对象性，这就可以得出读者在使用时需要什么样的服务。或者说什么样的服务可以更好地满足读者。目前，国内高校图书馆主页为“馆情介绍”、“数字资源”、“读者服务”三大模块是各图书馆的对于网站结构上的共同认识。对国内排名靠前的28所大高校的图书馆进行调查，发现其主页的大部分空间都被这三大主题下的若干二级栏目占据着。主页设有“本馆介绍”“、馆长致辞”“、历史沿革”“、部门介绍”“、规章制度”“、开放时间”等传统栏目的达19所（占67.19%），主页“服务项目（或服务指南）”栏目下由“借阅服务”“、教学与培训”“、代查代检”“、定题服务”“、课题查新”“、文献传递”“、新书通报”“、荐购图书”等排出长长队伍的达25所（占89.13%）。上述这些栏目的主要功能仅仅是用于介绍和展示图书馆本身，这些信息对于一个新的用户而言，的确有一定的意义，但是新生占大学在校生的比例毕竟有限，对于那些已经熟悉图书馆情况以及使用方法的用户而言，可以说没有任何意义了。目前，高校学生对于图书馆网站的使用主要包括两个方面：馆藏图书查询借阅与电子数据库查阅。因此，在进行网站设计时应该牢牢把握这两个模块，将其放在主页的醒目位置，而不是用更多的篇幅去介绍图书馆的自身情况。同时，作为图书馆本身应该对其办馆理念进行相对的调整，图书馆作为一个服务性机构，其首要功效是服务于高校师生，应该充分考虑本校师生对其栏目设置和内容的需要。

1课程目标

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

2教学内容的选取

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

3教学方法

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

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

1PHP及其框架技术

相比其他动态脚本语言，PHP具有一些独特的优势，如PHP是开源且完全免费，因此开发成本更低;PHP程序开发效率高，运行速度快;语法简单，学习成本低，跨平台性强等．PHP开发框架有助于促进快速软件开发(RAD)，提高开发效率，有助于创建更为健壮的程序，并减少开发者的重复编写代码的劳动．这些框架还通过确保正确的数据库操作以及只在表现层编程的方式帮助初学者创建稳定的程序．PHP开发框架使得设计者可以花更多的时间去创造真正的Web程序，而不是编写重复性的代码．PHP框架技术主要包含MVC模式、模板技术、缓存技术等．

1．1MVC模式

MVC模式将Web系统的流程控制、数据处理和内容展示抽象为模型、控制器和视图三大部分．其中Model(模型)是应用程序中用于处理应用程序数据逻辑的部分，通常模型对象负责在数据库中存取数据;View(视图)是应用程序中处理数据显示的部分，通常视图是依据模型数据创建的;Controller(控制器)是应用程序中处理用户交互的部分，通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据．MVC分层有助于管理复杂的应用程序，例如，您可以在不依赖业务逻辑的情况下专注于视图设计．同时也让应用程序的测试更加容易．MVC分层同时也简化了分组开发．不同的开发人员可同时开发视图、控制器逻辑和业务逻辑．

1．2模板技术

模板解析引擎通常处于MVC模式的视图层．模板解析引擎设计了相对简单的模板语言(有些引擎也支持直接使用PHP语法)，前端设计人员以模板语言设计网页模板，这降低了前端设计员的学习成本．系统运行时，模板解析引擎将模板编译为执行的脚本文件．

1．3缓存技术

摘要：该文通过对学院网站的建设进行需求分析，采用Apache+MySQL+PHP为开发框架，用HTML5和CSS技术相结合实现响应式web布局。学院概况、党建工作、师资队伍、学生工作以及网站系统管理等模块的设计，提供学院新闻与学生系统管理功能于一体的动态交互式平台。

关键词：php网站；响应式布局；模块设计

随着互联网技术日益发展，网站建设一直是学校信息化建设的重要组成部分。为了及时公布学校的发展动态，大力宣传各专业的教学特色，建立学校及各级学院的网站是最主要的互联网宣传手段之一。对此本文旨在研究和设计基于HTML5标准的网站，使用当前移动互联网主流技术，为师生提供便捷的交流平台，同时为社会了解学校及各级学院提供了更好的窗口。HTML5是W3C（WorldWideWebConsortium，万维网联盟）制定的最新应用HTML标准，具有跨平台、强交互、社交分享性强等传播优势，使网页布局能够根据不同种设备的屏幕分辨率自我调整，从而达到较合适的布局效果，使移动终端用户体验较好，是在移动设备上展示多媒体信息的理想形式，对网站的设计与传播具有应用价值。

1开发技术简介

学院官网主要存储新闻，公告，动态以及学生信息，规模较小，我们选用了PHP+MySQL+Apache框架来搭建网站，这一组合有很高的工作效率和系统性能，尤其适合中小型规模网站的开发。Apache是一款开源的Web服务器，具有较好的应用性和安全性。MYSQL履行后台数据库之职。PHP是文本预处理器（HypertextPreprocessor）的缩写，是一种开源的动态网站开发语言，系统资源占用少，性能稳定快速，代码执行速度快。不仅有极强的包容性，还极易学习与掌握。PHP具有很好的跨平台性、开放性和可扩展性，有很多成熟的框架，有成熟的面向对象体系，作为一个使用较多的网站建设语言，对于网站的发展有着积极的促进作用。

2网站系统分析与设计

2.1设计原则和对象

1医院门户网站功能分析

1．1随访管理

1）电话随访：从业务平台获取患者信息，选择关注对象，形成日电话拨打工单后推送到呼叫中心。2）复诊通知：选择需要复诊的患者，形成日电话拨打工单后推送到呼叫中心。3）提醒功能：选择临近复诊及重点病例患者群，形成日电话拨打工单后推送到呼叫中心。

1．2运营信息

从健康管理平台提取以下基础数据进行呈现：平均住院日、药费比、感染率、满意率、收益率、门急诊实时流量、患者实时入转情况、手术情况、医生出诊和医务人员在岗情况、人员编制及聘用情况、个人医教研综合情况、实时物流信息。

1．3院内查询

通过Web服务方式，从业务系统提取以下信息进行呈现：床位查询、门诊医生出诊信息、个人就诊信息查询。

1．企业类网站版式设计概述

1.1企业类网站的概念

企业类网站通常就是指应用网络在信息传播领域的特征，以互联网作为重要的手段和载体进行网站的建设，以达到为企业扩大社会影响力的目的，让更多浏览者通过网页对企业更加详细和深入的了解，从而也帮助企业建立一个更有利于自身发展的社会形象，同时也为目标客户提供一定的服务。当前，按照企业的行业特点以及企业建立网站原始目的的差异可以将企业的网站分成三个大类，第一类是基本信息类，第二是电子商务类，第三是多媒体广告类。

1.2版式设计的定义

版式设计通常就是指将网站版面上的图片、文字以及色彩进行合理的安排和规划，同时还要将这些元素通过一定的方式和手段凸显出来，从而能够实现更加艺术化的视觉效果，在提供给浏览者企业的一些关键信息的同时也可以充分的满足人们对审美的需要，版式设计的内容包括很多项画册、刊物、唱片封套和网页整体的页面等等，所以网站的版式设计在实际的工作中是表达视觉效果的一个十分关键的途径，它也是现代艺术设计领域一个重要的环节。

1.3网站版式设计

网站的版式设计通常就是指在一定的空间内将视觉和听觉的内容进行合理的整合和编排，它和平面媒体的设计有比较多的相似之处，二者实际上都是将一些非常基本的要素进行整体化合理化的布局，同时还要根据主题和风格的需要对整个版面进行设计，一个成功的网站在给浏览者提供全面的信息的同时也可以很好的给浏览者以美的享受，这样一来，网站整体的价值再一次的得到了提升。

1医院门户网站功能分析

1．1运营信息

从健康管理平台提取以下基础数据进行呈现：平均住院日、药费比、感染率、满意率、收益率、门急诊实时流量、患者实时入转情况、手术情况、医生出诊和医务人员在岗情况、人员编制及聘用情况、个人医教研综合情况、实时物流信息。

1．2院内查询

通过Web服务方式，从业务系统提取以下信息进行呈现：床位查询、门诊医生出诊信息、个人就诊信息查询。

1．3互动服务

（1）短信群发（患者、医生、科主任、医院管理人员）

1电子商务网站设计框架

我们在搭建电子商务网站的时候需要用到的一项技术就是我们今天要讲到的——asp.net技术，我们将通过DATALIST、GRIDVIEW及DETAILSVIEW这几个控件和CONNECTION、DATAREADER、COMMAND、DATASET这几个对象来对数据库进行操作，最终去完成上述几个模块的构建。本文就基于asp.net技术设计一个简单的电子商务后台管理平台，实现对商品订单信息的增加、删除及修改等一系列的操作。

2电子商务网站各模块的设计和实现

2.1用户登录模块

本文中的电子商务网站设计：必须经过用户登录模块进行登陆的客户，才能在这个商务平台上进行下订单、购买及付款等操作，所以在这个电子商务网站的首页上，我们设计了用户注册及登录的模块。用户只要填好自己相应的注册信息，就能成为本网站的会员，因为我们会把用户填写的信息放入存储用户信息的数据表。另外，在用户注册的时候，我们还设置了一个检查注册名是否出现重名现象的自检模块，避免冲突的发生。当用户注册完并提交信息之后，我们就会再一次利用COMMAND对象执行INSERT语句，然后把注册的信息写入到表格中。接着在用户登录的时候，我们依然采用CONNECTION和COMMAND对象来实现数据的连接和对用户名密码的审核。一旦用户登录成功，SESSION对象就会保存好用户名及其相关信息，这样用户下次来本网站进行登录的时候就方便多了。最后，当用户录陆成功并进入到网站时，会出现一个我们设计的欢迎用户来本网站的页面，用户就可以进入网站进行商品的挑选和购买了。

2.2商品展示模块

商品的展示对于一个电子商务网站来说其实是很重要的一部分，它所展示的热卖商品、人气商品及最新商品都是为了招来大批量的顾客，最终实现提升网站人气及商品销量等的目的。我们在构建中利用DATALIST控件来展示各类商品的信息，比如每件商品都附上商品名称、商品价格及商品图片等信息。具体的构建过程如下：首先构建一个由商品ID、商品种类、商品名称及商品价格等字段组成的存储商品信息的PRODUCTS表格，然后把DATALIST控件中的数据源设置为PRODUCTS表格，条件设置为商品的NEWPRODUCTS字段，意思是这个商品是最新商品。接着我们也可以把IMAGE控件中的DATABINDINGS的图片连接属性设为EVAL，其实就是连接到PRODUCTS表格，然后把LINKBUTTON控件中的TEXT属性也进行设置、把LABEL设置为商品的价格。以上的设计是为了能突出商品的展示，达到吸引用户眼光的目的，以一种直观简要的方式让用户能快速了解到商品的名称及价格，非常利于用户的挑选。