《基于PHP的通用企业网站系统设计.doc》由会员分享，可在线阅读，更多相关《基于PHP的通用企业网站系统设计.doc（39页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、 xxx大学 毕 业 设 计题 目：基于PHP的通用企业网站系统设计 前台设计模块学生姓名： 系（院）：专 业：班 级： 指导教师姓名及职称：起止时间： 年 月 年 月（教务处制表）基于PHP的通用企业网站系统设计 前台设计模块摘 要： 21世纪，人类社会已经进入信息时代，世界上无数的企业出于竞争、减少成本和进一步提高生产效率的目的而把自身与复杂的互联网络联在一起。公司网站已经非常普及，很多公司利用网站来发布信息、提供服务，并以此来宣传公司文化、树立公司品牌，不断地积累公司的无形资产。本设计是一个钢铁企业网站的前台设计，因为是前台设计，所以更加注重网站的创意和美工，力求给访问者耳目一新的感觉。
2、本设计旨在从访问者的角度思考网站，以访问者为主导。尽量避免进入设计者无视访问者的需求和立场，一味灌输公司宣传理念的这一误区，旨在最大限度地发挥网站的作用，为企业带来最大利益。关键词：页面布局；美工设计；设计创意；Abstract：In the 21st century, the human society has entered the information time, many enterprises in the world associates its own benefit with the internet in order to increase the competition,
3、 reduce the cost and further enhance the production efficiency .The company website is very popular,many companies issues the information and provides the service by using the website, and propagandizes the corporate culture and sets up the company brand by the webside, unceasingly accumulatin
4、g the intangible asset for the company. This design is a onstage design of an express website.because it is a onstage design, the creativity and the art designing to the website is paid great attention, to give the visitor to the webside an informer new feeling. This design is for the purpose
5、of standing on the visitors angle, taking the visitor as the leadership. This design is avoiding entering the designer as far as possible to disregard visitors demand and the standpoint, but not instilling the propagandize idea of the company into the visitor constantly, for the purpose of max
6、imum limit displaying the function of the website and bringing the biggest benefit to the enterprise.Key Words：Page Layout; Art Designing; Design Creativity；目 录第一章 绪 论31.1 前言31.1.1 网站开发背景31.1.2 开发目的分析4第二章 概要设计62.1设计任务内容62.1.1页面概要设计分析62.1.2数据库概念结构设计82.2 网页设计的软件环境选择102.2.1Photoshop概述102.2.2Macromedia
7、Dreamweaver概述102.2.3Macromedia Flash 简介112.3网页采用的关键技术132.3.1web界面设计概述132.3.2html界面代码概要设计162.3.3CSS样式表概述17第三章 网页详细设计193.1定位网站主题和名称193.2定位网站CI形象203.2.1设计网站的标志(logo)213.2.2设计网站的标准色彩213.2.3设计网站的标准字体223.2.4设计网站的宣传标语223.3确定网站的栏目和版块233.4确定网站的目录结构和链接结构243.4.1网站的目录结构243.4.2网站的链接结构273.5确定网站的整体风格和创意设计293.5.1风格
8、(style)是抽象的293.5.2创意(idea)是网站生存的关键303.6网页页面设计313.6.1确定首页的功能模块。313.6.2设计首页的版面333.6.3处理技术上的细节354.1网站测试354.2使用说明37设计心得体会37致 谢38参考文献38第一章 绪 论1.1 前言1.1.1 网站开发背景21世纪，人类社会已经进入信息时代，世界上无数的企业出于竞争、减少成本和进一步提高生产效率的目的而把自身与复杂的互联网络联在一起。公司网站已经非常普及，很多公司利用网站来发布信息、提供服务，并以此来宣传公司文化、树立公司品牌，不断地积累公司的无形资产。本设计是一个钢铁企业网站的前台设计，因
9、为是前台设计，所以更加注重网站的创意和美工，力求给访问者耳目一新的感觉。本设计旨在从访问者的角度思考网站，以访问者为主导。尽量避免进入设计者无视访问者的需求和立场，一味灌输公司宣传理念的这一误区，旨在最大限度地发挥网站的作用，为企业带来最大利益。在图形化操作系统日益流行的今天，界面可以说是一个应用程序最重要最直接的部分。对用户而言，界面就是应用程序，幕后执行的程序代码用户不关心，也感觉不到。因此应用程序的可用性的友好性依赖于界面的设计。并不是只有艺术家才能设计出好的界面，大多数用户界面设计原则和任何基础课程中教授的基础设计原则一样。实际上，在计算机屏幕上组合颜色、文字等的基本原则和我们在纸张上
10、画图一样。网站的良好运营靠的是什么？靠技术，肯定不是，因为技术的发展是一个相对的概念，不具有耐久性，缺乏凝聚力，如果仅仅靠这个，是不能维系整个网站发展的。网站其实就是企业，只不过它是提供给自己的客户以不同的产品，即以网页的形式展现给他们浏览、以交互的方式让他们参与等等，既然网站是一个企业就不能回避一个问题，就是盈利的问题，如果只顾向网站投钱，作亏本生意，是那个网站都不愿意做的事情。所以网络如果要给自己带来回报，就必须以高标准来要求，这样就不得不提升到网站文化的高度。还是先来看一下企业文化的定义吧！ 只要问一问任何一家一流的高科技企业，什么使这些企业引以自豪，十家有八家或许会告诉你，它们引以自豪
11、的是自己的产品或服务。剩下的两家则会举出一系列的东西，如它们的业务流程、它们的业务伙伴关系、它们的员工等等。总之，概括起来就是：企业文化。 什么是企业文化呢？Terence E. Deal（特伦斯）和Allan A. Kennedy（阿伦）合著了一部颇具影响的专著，企业文化（Corporate Culture）。书中给企业文化的定义是，用以规范企业人多数情况下行为的一个强有力的不成文规则体系。 其实企业文化指的是一个企业中所有员工共有的一套观念、信念、价值和行为准则，以及由此导致的行为模式。企业文化是以人为本的管理哲学，是把精神文明建设同企业特点和市场对企业发展的要求结合起来的一个重要形式，是
12、借助文化力量的管理方式，良好的企业文化能为企业保持数十年的竞争优势。 可以说企业文化是企业的灵魂。一个没有自己企业文化的企业其经营往往是随波逐流的，其员工也没有主人翁意识，这样的企业是长不了的。纵观国内外现代化企业管理已经从以物为中心的管理转向以人为中心的管理，从而越来越突出人在企业生存和发展中的作用和力量。企业最重要的资源是知识，而知识是人的资源，所以重视人就是重视企业最重要的资源。IBM这样一个老牌的大公司为什么经历如此多的风风雨雨至今仍然是蓝色巨人？HP公司为什么能保持20多年持续稳定的发展？其答案都很简单：重视人的建设是他们立于不败之地的保证。1.1.2 开发目的分析本项目所要开发的是
13、钢铁企业网站，其功能模块有：网站公告模块企业简介模块新闻发布系统模块产品模块 （产品订单）人才招聘模块企业论坛模块留言管理模块在线调查模块有全站搜索和产品分类搜索功能新闻模块化本设计在数据库中建有新闻模板表格,在新闻录入时,通过替换函数将模板内的相关内容替换为输入的内容,然后利用组件技术将替换后的代码写进新的文件中,形成一个新的新闻文件。所以系统中所有的新闻都实在新闻模板的基础上生成的。而新闻文件的文件名也是根据系统时间(包括年月日时分秒)自动生成,既不会产生重复，又能将时间信息在文件上体现出来。在数据库中只存储文件的路径信息和文件名称信息,便于搜索和显示。新闻模板化的示意图如图5.1所示:
14、新闻模板 输入信息(替换) 文件生成管理员数据库 写入用户新闻文件 替换 定位文件图2.1 新闻模板化示意图运行环境：为了保证系统运行的效率和可靠性，系统服务器端应具有较高的软硬件配置，客户端的要求不是很高。此应用程序可广泛运行于国际互联网即Internet，也可适用于内部的局域网。其运行要求如下：软件环境客户端： Windows95/98/2000/xp/NT/2003，Internet Explorer(IE)等服务器端：Windows NT/Windows2003，Internet Information Server (IIS)5.0及其以上版本，IE等。数据库：采用Microsoft
15、 SQL Server 2000硬件环境：服务器 CPU:P4 2g以上 ,内存:1g以上客户机 CPU:P4 2g以上，内存：512M以上第二章 概要设计2.1设计任务内容2.1.1页面概要设计分析虽然现在的网站赖以竞争的本钱并不是靠的自己的文化，而是一些比如机遇、技术、条件等，但是现在并不能代表以后，随着社会经济和网络技术的发展，外部条件都不是问题，如果仅靠这些，网站之间的差别将变得很小，这样网站生存的价值就会变小。所以要能够在竞争中立于不败之地，就应该坚持以人为本，挖掘网站人的潜力，让他们发挥自己的才能，使他们能够不断的超越自我，更好的凸现自己的价值。从而形成一种合力，使网站的发展形成一
16、种良好的机制。 在这样的情况下，网页设计就被赋予了新的内容，要求也随之提高，主要表现在几个方面： 首先就是网站的整体形象，一个网站给人的第一印象就是主页，但是绝不是说，只要主页做好了，网站的整体形象就好，因为在用户对整个网站的浏览的过程中，会自然而然的形成一种对网站的看法，这种看法是附带有感情色彩的，比如喜欢、不喜欢、没有什么感觉等，这就是整体形象的体现，这是靠主页和其它的页面相配合来完成的，所以在制作网页的时候要考虑怎么将自己网站好的一面体现给自己的用户，又要考虑体现的方式，侧重点，不能一锅端，都放在主页上，造成杂乱的形象。而要给人以好的可以信赖的形象就必须从许多细节上入手，同时规范整个网站
17、的外在表现，具体在于标志的设计、标准色彩的表达以及标准字体的设计。这些都是很重要的，有一个统一的、标准的形象是赢得自己用户信赖的条件。 其次是如何在网页设计中将整个网站的员工的精神风貌体现出来，每个企业的员工其实是一分宝贵的财富，所以能够充分的将员工的精神风貌体现出来一方面可以激励他们努力的工作，热爱自己的工作，也是加强企业凝聚力的一个手段；同时也可以通过这样的方法来赢得自己的客户的支持，在网站林立的今天，赢得自己的用户就是赢得了市场，就是获得了生存的基本条件。 再次，在网页设计的时候，需要结合网站本身的特点，提炼出自己的经营理念，摆脱低层次的网站运行模式，网站作为一个企业就必须在不断的发展壮
18、大的时候，结合自身的文化特色，提炼出一些深层次的东西，而这些东西就是企业的灵魂，很多世界知名品牌都有自己的独特的经营理念，比如微软是成功诀窍 = 人才 + 创新，管理 = 合适的时间 + 应做的事，惠普是财富= 人才 = 资本 + 知识，飞利普是新产品 = 技术内涵 + 观念创新，东芝是企业活力 = 智力（毅力 + 体力 + 速度），麦当劳是企业的活力 = 原材料设备人力资源人力资源 = 人数能力态度。这样就给网页设计师提出了更高的要求，要求他们能够深入的了解网站，同时将自己融入的到网站中，不断的发掘具有闪光性的东西，同时找到合适的表达方式来加以强化。这样才能够使网站靠自身的优势获得用户的好感
19、。从而奠定良性运行的基础。 既然网站文化给网页设计师提出了更高的要求，那么具体到网页设计师身上该如何应对呢？提高自身的文化素质是必不可少的，假如自身素质不高的话，就无法领会到很多其中的内涵，这样在自己的设计表达的时候就不可能到位，其实作品就是一面镜子，在其中可以折射出设计者自身的素质，这是掩盖不了的，所以提高自身的文化修养是很重要的，形成一种习惯，这样在无形中就可以在设计的作品表现出来，所以这里没有任何捷径可以走，只有在平时的生活中点点滴滴的积累。同时要有一颗积极向上的心，对生活充满热情！这样才可能在自己的网页设计中挖掘出好的东西来，也给自己的用户留下好的印象。 网站美工设计就是怎样把网站设计
20、的好看一些2.1.2数据库概念结构设计本设计根据上面的设计规划出的实体有:管理员信息实体新闻栏目信息实体新闻实体新闻模板实体。实体之间关系的ER图如图2.2所示。浏览用户 M N新闻栏目新闻浏览单个新闻 1MN1YNM管理管理员X图2.2管理员信息实体ER图如图2.3所示。管理员权限密码用户名图2.3单条新闻实体ER图如图2.4所示。单条新闻新闻评论新闻编号新闻标题所属栏目图2.4新闻栏目实体ER图如图2.5所示。新闻栏目路径名称编号图2.5新闻模板实体ER图如图2.6所示。新闻模板内容名称编号图2.62.2 网页设计的软件环境选择2.2.1Photoshop概述Photoshop是目前公认的
21、最好的通用平面美术设计软件，它的功能完善，性能稳定，使用方便，所以在几乎所有的广告、出版、软件公司，Photoshop都是首选的平面工具。 功能：是专门用来进行图像处理的软件。通过它可以对图像修饰、对图形进行编辑，以及对图像的色彩处理，另外，还有绘图和输出功能等。在实际生活和工作中，我们可以将数码照相机拍摄下来的照片进行编辑和修饰；也可以将现有的图形和照片，用扫描仪扫入计算机进行加工处理；还可以把摄像机摄入的内容转移到计算机上，然后用它实现对影像的润色。总之，PhotoShop 可以使你的图像产生特技效果，如果和其它工具软件配合使用，还可以进行高质量的广告设计、美术创意和三维动画制作。由于Ph
22、otoShop功能强大，目前，正在被越来越多的图像编排领域、广告和形象设计领域以及婚纱影楼等领域广泛使用，是一个非常受欢迎的应用软件。Photoshop在网页设计中可以发挥其强大得制图功能，设计出每个网页页面得效果图，然后把效果图切片，生成图片，为以为网页制作做好准备。2.2.2Macromedia Dreamweaver概述 Dreamweaver是由Macromedia公司推出的，用于网页开发和网站管理的专业化设计工具。它采用了多种新技术，具有设计和开发网站过程中需要的网站管理、网站设计、页面制作、多媒体制作和动画制作等丰富实用的功能；它具有友好的操作界面，在文档窗口中可以打开各种浮动面板
23、，同时还可以使用系统内置的多种对象进行操作。Dreamweaver启动后，会出现一个新的文档操作窗口,该窗口包含如下的几个部分：标题栏、菜单栏、工作区、浮动面板和状态栏。标题栏中主要显示该文档的标题信息、文件名及该文件所在的文件夹等；菜单栏中包含了各种操作命令、应用特性和访问浮动面板的简单方法；Dreamweaver启动后，工作区是白色的空白区域，可以在工作区中输入文字、插入图象、添加背景以及其它页面元素；浮动面板提供了访问程序特性的简单方法，可以对浮动面板进行选择、拖放、重新定位、移动等操作，当我们不需要使用某个移动面板时，还可以用鼠标单击该面板右上角的关闭按钮将其关闭，需要时再打开；状态栏
24、位于窗口的最下端，用于显示文档的HTML标记、文档窗口大小、下载速度等信息。Macromedia Dreamweaver是一个用于可视化设计与管理网页和网站的专业级HTML编辑器。无论你喜欢亲自书写HTML代码还是喜欢在可视化编辑环境中工作，Dreamweaver都能让您很快上手并且为你提供有用的工具来增加您的网页设计经验。 Dreamweaver包含很多编码工具和特性：一个HTML、CSS和JavaScript参考，一个JavaScript调试器和代码编辑器（代码视图和代码检查器）。您可以使用代码编辑器直接在Dreamweaver中编辑JavaScript、XML和其他文本文档。Macrom
25、edia往返HTML技术可以使得在导入HTML文档时不需重新格式化代码当然在需要的时候，您也可以让Dreamweaver清理和重新格式化HTML。 Dreamweaver中的可视化编辑功能可以让您为您的页面快速添加设计和功能，而不用写一行代码。您可以查看您所有的站点元素或资源，并且可以直接将它们从一个易用面板中拖动到文档。您可以程序化您的开发流程：在photoshop中创建和编辑图象，然后直接将它们导入到Dreamweaver，或直接将您创建的Flash对象添加到Dreamweaver中。 Dreamweaver是可以完全自定义的。您可以使用Dreamweaver创建自己的对象和命令、修改快捷
26、键，甚至可以书写JavaScript代码，从而用自己创建的新行为、属性检查器和站点报告来扩展Dreamweaver的功能。 Macromedia Dreamweaver包括各种资源来帮助您迅速学习这个程序，以使您逐渐精通于创建您自己的网站和网页。这些资源包括一本印刷书、在线帮助页面、指导性漫游影片、一个指南和交互性课程。您也可以在Macromedia网站的Dreamweaver支持中心得到定期更新的技巧、技术备注、范例和信息。首先可以通过观看指导性漫游影片来了解Dreamweaver的特性。2.2.3Macromedia Flash 简介Flash 是 Macromedia 公司开发的网页多媒
27、体制作软件，向量绘图与动画编辑功能，简易地制作连续动画、互动按钮、绘图与音效在您的网页中使用！可以不需要任何程序脚本即可在网页中增加交互式多媒体。交互式的动画和影音同步效果使网页绘图更加生动活泼，使用了 Flash 制作的任何对象，皆可以时间轴与动态路径 (Path-Based) 的动画设计方式，由浅入深，容易学习与使用 ！ Flash 提供了很棒的在线教学。只有以向量为基础的 Flash 多媒体，才能流畅地呈现在 Internet 上，即使放大缩小也不降低本身质量。Shockwave Flash提供 Netscape Navigator 使用的 Plug-in (外挂程序)，Microsof
28、t Internet Explorer 的ActiveX control，皆可以免费在 中取得。安装 Shockwave Flash后，任何人皆可立即在Web 上看到 Flash 的作品。Flash 向量绘图与动画编辑所制作出来的图档及动画档，都比起您用点阵式图档或是 QuickTime 影片档，档案大小差了将近 10倍！它除了帮您节省档案大小，所设计出来的动画还能拥有极炫的影音互动与视觉效果喔！极小的档案 Size，您不必担心网友上您的网站会是漫长的下载时间 Flash主要有以下几点特性：使用 向量式图形技术 来制作动画，它使档案容量较小（因为向量图形是使用数学函数来记录图形中的属性）；而且
29、将向量图放大或缩小，也不会失真，最重要的是档案容量也不会改变。 可为网页配上悦耳动听的音效，而且是以 MP3 的音乐压缩格式压缩，可大幅降低声音所占据的档案容量，也可保有高质量的音质。可汇入WAV (WIndows)的声音档。 采用 Stream 数据流传送方式，在档案下载的同时即可流畅的播放，不须等到资料全部下载完毕才能观看动画。 提供 Actions 指令设定环境，可使网页作到极佳的互动性。 为了让使用者可以在完成动画之后，立即看到动画在网页中的效果，Flash 可直接将动画出版成网页，产生 HTML。 具有抗锯齿的功能，可让文字或影像的边缘都非常平滑。 加强与支持点阵式图形处理 (Enh
30、anced Bitmap Support)，使之可旋转、拉长等功能。 2.3网页采用的关键技术2.3.1web界面设计概述1、图形界面设计在图形化操作系统日益流行的今天，界面可以说是一个应用程序最重要最直接的部分。对用户而言，界面就是应用程序，幕后执行的程序代码用户不关心，也感觉不到。因此应用程序的可用性的友好性依赖于界面的设计。并不是只有艺术家才能设计出好的界面，大多数用户界面设计原则和任何基础课程中教授的基础设计原则一样。实际上，在计算机屏幕上组合颜色、文字等的基本原则和我们在纸张上画图一样。本系统是基于Web的，所以系统的界面设计也就是系统网页 的设计。Mcromedia Dreamwe
31、aver MX是Mcromedia Dreamweaver的升级产品，它在增加了网页与数据库相连的重要功能的同时，同样秉承了传统Dreamweaver产品对网页设计的强大处理功能，用户通过在页面上仅用拖曳控件的方式就可轻松创建网页。但若要想制作出方便实用的精美网页，必须在开始之前做出详细设计，这样就会大大提高网页质量，进一步改善应用程序的可用性。设计时可以将设计的页面画在纸上，然后考虑哪些控件是所需要的，以及不同元素的重要性、控件之间的联系等。页面的设计和规划不仅影响到它本身外观的艺术性，而且对应用程序的可用性也有很重要的作用。组织页面的工作包括控件的位置、大小、一致性等。2、控件的位置在大多
32、数的页面的设计中，并不是所有的元素都具有相同的重要性，精心的设计将保证较重要的元素对用户来说处在一目了然的位置。重要的和需要经常访问的元素应当处于显著的位置，次要的元素则应当处于次要的位置。我们习惯的阅读顺序一般是从左到右，从上到下。可能说，用户第一眼看到的是计算机屏幕左上部分，因此最重要的元素就放在这里。将控件和元素适当分组也是非常重要的，可以尝试根据“功能”和“关系”来组成一个逻辑信息组。由于它们在功能上有联系，所以将它们放在一起，在视觉效果上也要比将它们分散在屏幕的各处要好得多。在很多情况下，可以使用“表格”控件来帮助强化各控件之间的联系。3、界面元素的一致性一致性是界面设计中的重要因素
33、之一，一致性的外观将体现应用程序的协调性。如果缺乏一致性就会使界面混乱而无序，差的界面将会使应用程序看起来混乱而不严密，体现不出就应有的价值，甚至会使用户觉得应用程序不可靠。Dreamweaver的一个非常重要的功能就是使用“样式”和“模板”来创建风格统一的页面。Dreamweaver中的“样式”包括“HTML样式”和“CSS样式”，运用这两种样式可以对“页首文字”，“链接文字”等字体样式进行设计，然后使用这些字体样式重复设计同类的字样，这样就可以保持如“链接文字”“上一页”、“下一页”等字体风格的一致性。同样，将设计好的页面格式保存为“模板”，利用“模板”来创建风格统一的页面。如在本系统中先
34、创建好了“学生选题”系统的各层次的页面，然后将其保存为“模板”，在运用此“模板”创建其它地区系统的页面，这样就可设计出风格一致的页面系统，比如，无论在“学生选题”还是“教师出题”的“查询页面”都将是一个格式，这不仅体现在页面的布局，背景颜色，字体样式而且还体现在页面中控件的行为，属性等各方面都将一统风格，使用户在进入两个不同系统时不会感到操作陌生，不同的仅是用户自己提出的要求而已。4、动感：内容与形式相统一4、动感：内容与形式相统一动感是对象功能的可见线索。虽然用户可能对这个术语还不熟悉，但动感的实例到处可见。按下按钮、旋转旋钮和点亮电灯的开关等都能进行动感表示，一看到它们就可以看出其用处。用
35、户界面也广泛使用动感。例如，用在命令按钮上的三维立体效果使得它们看上去像是被按下去的。如果设计平面的命令按钮，就会失去这种动感，因而不能清楚地告诉用户它是个命令按钮。在有些情况下，平面的按钮也许是适合的，比如游戏或者多媒体应用程序，只要在整个应用程序中保持一致就好。文本框也提供了一种动感，用户可以期望带有边框和白色背景的框，框中包含可编辑的文本。5、使用空白空间在用户界面中使用空白空间有助于突出元素和改善可用性。空白空间不必非得是白色的它被认为是窗体控件之间以及控件四周的空白区域。一个窗体上有太多的控件会导致界面杂乱无章，使得寻找一个字段或者控件非常困难。在设计中需要插入空白空间来突出设计元素
36、。各控件之间一致的间隔以及垂直与水平方向元素的对齐也可能使设计更要行。就像杂志中的文本那样，安排得行列整齐、行距一致、整齐的界面也会使其容易阅读。6、保持界面的简明界面设计最重要的原则就是简单。对于应用程序而言，如果界面看上去很难，则可能程序本身很难。稍稍深入考虑一下便有助于创建看上去（实际上也是）用起来都很简单的界面。从美学角度来讲，整洁、简单明了的设计更可取。在界面设计中，一个普通易犯的错误就是力图用界面来模仿现实世界的形象。提供缺省有简化应用程序，如果十个用户有九个选取加粗的文本，就把文本粗体设为缺省，而不需要用户每次都选取一遍（不要忘记提供一个选项可以覆盖该缺省值）。向导也有助于简化复
37、杂的或不常用的任务。7、Web Service简介Web Service是一种构建开放的分布式应用程序的模型，它能在所有支持Internet通信的操作系统上实现。Web service体系结构基于三种角色（服务提供者、服务注册中心和服务请求者）之间的交互。交互涉及发布、查找和绑定操作。这些角色和操作一起作用于 Web Service构件：Web Service软件模块及其描述。在典型情况下，服务提供者托管可通过网络访问的软件模块（Web 服务的一个实现）。服务提供者定义 Web Service的服务描述并把它发布到服务请求者或服务注册中心。服务请求者使用查找操作来从本地或服务注册中心检索服务描
38、述，然后使用服务描述与服务提供者进行绑定并调用 Web Service实现或同它交互。图3.1图示了这些操作、提供这些操作的组件及它们之间的交互。图 2.7 Web service体系结构Web Service 的所有协议都基于标准的Web协议，诸如：HTTP，扩展的标记语言XML，简单对象访问协议SOAP，Web服务描述语言WSDL，通用描述、发现与集成UDDI等。这些协议的关系如图3.2所示。协议组成堆栈的形式，每一个下层提供对它上层的支持，同时每一个上层都必须基于所有的下层协议之上。图2.8 协议关3.1系2.3.2html界面代码概要设计什么是html？Hypertext Markup
39、 Language，中文也就是超文本链接标示语言。HTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个图标，Internet就会马上转到与此图标相关的内容上去，而这些信息可能存放在网络的另一台电脑中。 HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）
40、、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。另外，HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。 HTML只不过是组合成一个文本文件的一系列标签。它们很乐队的指挥,告诉乐手们哪里需要停顿,哪里需要激昂.。HTML标签通常是英文词汇的全称（如块引用:blockquote）或缩略语（如“p”代表Paragragh），但它们的与一般文本有区别，因为它们放在单书名号里。故Paragragh标签是,块引用标签是。有些标签说明页面如
41、何被格式化（例如，开始一个新段落），其他则说明这些词如何显示(使文字变粗)还有一些其他标签提供在页面上不显示的信息例如标题。关于标签，需要记住的是，它们是成双出现的。每当使用一个标签如,则必须以另一个标签将它关闭。注意“blockquote”前的斜杠，那就是关闭标签与打开标签的区别。 但是也有一些标签例外。比如，标签就不需要。 基本HTML页面以标签开始，以结束。在它们之间，整个页面有两部分标题和正文。 标题词夹在和标签之间这个词语在打开页面时出现在屏幕底部最小化的窗口。正文则夹在和之间即所有页面的内容所在。页面上显示的任何东西都包含在这两个标签之中。2.3.3CSS样式表概述1、什么是CSS
42、CSS是Cascading Style Sheet的缩写，有些书上把它译为层叠样式单或级联样式单（下文简称样式单），在1997年W3C颁布HTML4标准的同时也公布了有关样式单的第一个标准CSS1。样式单是对以前的HTML（3.2以前的HTML版本）语法的一次重大革新，以前的HTML版本中，各种功能的实现是通过标记元素实现的，这也造成了各个浏览器厂商为了标新立意创建各种只有自家支持的标记，各种标记互相嵌套，就可以达到不同的效果，比如要在一段文字中把一部分文字变成红色，HTML3.2中应该是这样的：这里显示红色字而在样式单中，把某些标记（如上例中的font标记）属性化，利用样式单，上例可以变成：
43、这里显示红色字这就是样式单的全部功能吗？远远不是！前面说过样式单是DHTML的一部分，建立样式单的真正意义在于把对象真正引入了HTML，使得可以使用脚本程序（如Javascript、VBScript）调用对象属性，并且可以改变对象属性，达到动态的目的，这在以前的HTML中是无法实现的，如果你使用过如VB等面向对象的编程工具，你会更快的发现，用样式单做DHTML是多么容易。样式单的另一项贡献是简化了HTML中各种繁琐的标记，使得各个标记的属性更具有一般性和通用性，并且样式单扩展了原先的标记功能，能够实现更多的效果，样式单甚至超越了Web页面的本身显示功能，而把样式扩展到多种媒体上，显示了难以抗拒
44、的魅力。样式单自从CSS1的版本之后，又在1998年5月发布了CSS2版本，样式单得到了更多的充实。Internet Explorer4和Netscape Navigator4都宣传支持样式单，但从各方面来看IE4的效果都要超过NE4，这是因为IE4和NE4的Javascript文档模型（DOM）不同而造成的，从表面看，二者的模型区别不大，但实质上却是大相径庭，IE4的模型能够更加容易的把动态效果引入Web页面，虽然现在IE4的模型只有微软自己支持，但它却已被清楚的写入了W3C的DHTML标准；而NE4的样式单并不能通过脚本调用对象的属性，说的不好听一点，它的样式单只是徒有其表罢了。（Nets
45、cape公司自己开发了一种样式单称作JSSS，它利用Javascript来定义样式，但是并没有得到W3C的承认。） 本毕业设计的作品中的所有页面都是使用CSS来控制它的风格。2、进一步了解样式单Cascading Style Sheet中的Cascading是层叠的意思，也就是说在同一个Web文档中可以有多个样式单存在，这些样式单根据所在的位置，拥有不同的优先级，优先级越高，就会被最后在显示时采用。从样式单插入的形式来看可以 分为三种： 内联式样式单：它利于现有的HTML标记，把特殊的样式加入到那些由标记控制的信息中，比如刚才的例子。嵌入式样式单：它和Javascript一样可以嵌入到HTML文件的头部中去（和标记之间），使用和容器装载，例如： p color : red ; font-weight : bold ，这样会对页面中所有标记都起作用。外部式样式单：是一种保存在外部的样式单文件，外部文件以.CSS为扩展名，例如。在应用时可以根据需要随意运用以上三种方式，但在实际中内联式样式单和嵌入式样式单使用得更多一些。3、CSS趋势虽然现在支持样式单的浏览器种类还不多，但也占到了大半，样式单迟早会成为浏览器的统一标准，原因有两个：一、样式单是W3C唯一接受的样式标准，而且没有任何迹象表明W3C会把Javascript样式单作为样式单标准；二则是CSS有效的