基于PHP技术的网站建设毕业论文
摘要
本论文主要阐述了企业网站从前台UI设计到页面布局再到后台各个功能的实现。首先，对整个互联网行业进行分析，再从中小型企业网站入手，再讲述网站设计时需要注意的细节问题以及所采用的技术。本论文中的实例网站郑州福瑞源智控，前台主要实现了用户在线注册、登录、新闻发布、企业简介、在线申请友情链接，在线留言、网站地图等功能，后台提供强大的内容发布系统，多用户、多权限管理员角色注册，数据库在线备份、导入，表单向导等功能。前台主要采用了div+css布局和javascript技术实现部分特效，开发技术为完全面向对象的PHP语言，数据库采用了目前最流行的MYSQL数据库，PHP和MYSQL的完美结合，是中小型企业建设网站的首要选择。
关键字：网站设计，PHP和MYSQL，数据库
Abstract
In this thesis,the main corporate website from the front UI design to the layout of the page to the background.First of all,the entire Internet industry analysis,starting from the SME website,need to pay attention to the details about the site design and technology.Instances of site in this paper Zhengzhou Furui source intelligent control, front to achieve on-line registration,log,press releases,corporate profiles,online application link,Feedback,Site map,and other functions,the background to provide a powerful content publishing system.multi-user,multi-administrator role Register database online backup,import,form Wizard,and other functions.The front main div+ css layout and javascript technology to achieve some special effects,developing technology for a completely object-oriented PHP language,the database uses the MYSQL database,PHP and MYSQL perfect combination of the most popular small and medium-sized enterprises to build its website first choice.
Keywords:website design,PHP and MYSQL,database
目录
第一章绪论 (1)
1.1互联网现状 (1)
1.2企业门户的定义 (1)
1.2.1企业信息门户 (1)
1.2.2企业知识门户 (1)
1.2.3企业应用门户 (2)
1.3建立企业门户的必要性 (2)
1.4企业网站常用的开发技术 (3)
1.4.1ASP技术 (3)
1.4.2JSP技术 (4)
1.4.3PHP技术 (4)
1.4.4三种技术比较分析 (4)
1.5企业门户建设流程 (5)
1.5.1前期准备工作 (5)
1.5.2产品与技术的选择 (5)
1.5.3企业门户的建设 (5)
1.5.4推广使用企业门户 (5)
第二章网站设计要点 (7)
第三章网站的具体实现技术 (12)
3.1开发工具及环境 (12)
3.1.1操作系统平台：Windows2003 (12)
3.1.2开发技术：PHP5.0 (12)
3.1.3数据库系统：MySQL (13)
3.1.4程序运行环境：Apache (13)
3.1.5安装配置WAMP (14)
3.2PHP+MYSQL介绍 (16)
3.3应用div+css与HTML的结合设计网页 (16)
3.3.1什么是div+css (16)
3.3.2CSS与HTML的结合方式 (17)
3.3.3CSS在网站中的应用实例 (18)
3.4应用JavaScrip设计网页 (19)
第四章网站前台分析 (22)
4.1网站前台模块分析 (22)
4.1.1企业板块 (22)
4.1.2产品板块 (22)
4.1.3新闻中心 (23)
4.1.4互动板块 (24)
4.2结构设计分析 (25)
第五章网站后台功能实现 (26)
5.1创建数据库 (26)
5.1.1实现后台管理员注册与登录 (27)
5.1.2用户后台登陆界面 (32)
5.2内容管理模块 (34)
5.3数据库工具 (35)
5.4附件管理功能 (37)
5.5生成百度/谷歌地图 (38)
5.6表单向导功能 (40)
5.7友情连接管理 (42)
结束语 (44)
致谢 (45)
参考文献 (46)
第一章绪论
1.1互联网现状
互联网的快速发展使企业可以实现快捷的信息传送以及直接的客户介入，但企业中各个系统的相对独立性使信息渠道比较混乱。企业系统中各类人员的信息渠道多种多样，互不兼容，没有一个统一的应用界面让系统使用者可以根据自己的需要获得想要的信息，这不利于电子商务应用模式的建立和开展。如何通过建
立一个单独的界面给企业遍布全球的现实客户、潜在客户、供应商、雇员和合作伙伴提供全面的企业信息和应用呢？于是企业门户（Enterprise Portal）诞生了，并成为一个新的热点。
1.2如何定义企业门户
目前，尚不能准确地对企业门户下一个完整的定义，企业门户与IT业有些名词一样，不同的专业人士和机构对之有不同的理解，并有很多术语用于描述企业为其客户、合作伙伴和员工的方便而采用的"门户"，如企业门户、社团门户、员工门户等。同时根据应用的具体功能不同又把企业门户细分为信息门户、知识门户和应用门户等，并且这种划分方法已逐渐得到认可。下面介绍一下这3类门户。
1.2.1企业信息门户
企业信息门户（Enterprise Information Portal，EIP）的基本作用是为人们提供企业信息。企业信息门户提供了一个了解企业的访问入口，所有访问者都可以通过这个入口获得个性化的信息和服务。对企业来说，信息门户既是一个展示企业的窗口，又可以无缝地集成企业的内容、商务活动及社区等，动态地发布存储在企业内部和外部的各种信息，同时还可以支持网上的虚拟社区。企业信息门户强调对结构化与非结构化数据的收集、访问、管理和无缝集成，这类门户必须提供数据查询、分析和报告等基本功能，企业员工、合作伙伴、客户及供应商都可以通过企业信息门户方便地获取自己所需的信息。
1.2.2企业知识门户
企业知识门户（Enterprise Knowledge Portal，EKP）是一个平台，该平台是知识加工平台、决策平台、知识发布与获取平台的集成，它使企业各部门职员之间的信息共享和交流更加流畅。这里的"知识"不仅包括数据库、文档、企业政策方针和过程手续等，甚至包括存在于员工头脑中的工作经验与专业技能等非具体化的信息资源。
企业知识门户是企业信息门户的延伸与发展。信息门户的重点是信息的收集、整理及传输，有效利用企业已有的信息、知识和公共关系，并能收集、分析、增值、共享信息和知识。企业知识门户的重点是企业信息的加工与处理。企业知识门户的目的是使恰当的人在恰当的时间使用恰当的知识，企业信息门户主要通过数据挖掘、数据加工技术使零散的信息成为知识，供决策支持服务。
1.2.3企业应用门户
企业应用门户（Enterprise Application Portal，EAP）实际上是对企业业务流程的集成。它以商业流程和企业应用为核心，把商业流程中功能不同的应用模块通过门户技术集成在一起。从某种意义上说，我们可以把企业应用门户看成是企业信息系统的集成界面，企业员工和合作伙伴可以通过企业应用门户访问相应的应用系统，实现移动办公，进行网上交易等。
以上3类门户虽然在侧重点有所不同，但随着企业信息系统复杂程度的增加，越来越多的企业需要能够将以上3类门户有机地整合在一起的通用型企业门户，这已是一种趋势，我们在这里把它们统一称为企业门户。
最后，让我们试图通过企业门户的作用来帮助读者理解企业门户的定义。维持客户的最基本战略因素是企业整体强大、互利关系网，包括客户、供应商、合作伙伴和员工本身。这些关系的培养主要通过各方之间的相互沟通和信任感--即各方及时收到相关信息、信息准确并且服务最优。企业门户被认为能够满足这种需要，通过使用户利用方便、可靠的工具接入实现有效的信息交换。或者说，企业门户能为用户提供建设信息型企业网站的应用，包括网站生成、信息发布、信息管理、信息反馈、网站管理等系统，实现企业网上形象展示及对外沟通的需求。
1.3建立企业门户的必要性
在国外，特别是在美国，实施企业门户战略已经被列入了许多大企业的日程表中。与国外相比，国内了解企业门户概念的企业十分少，而计划建立企业门户的企业就更加微乎其微。但是，互联网在国内的发展速度相当迅速，中国企业建立自己的门户网站，为自己的客户、员工和代理商提供综合性服务的重要性不言而喻。
从网络经济的特点来看，速度和知识是网络经济的两大支柱。首先，企业只有借助于网络才能获得发展的先机，这就要看谁能够以最迅捷的动作联系客户、供应商和代理商，组织生产和销售。毫无疑问，企业门户是实现上述目标最有力的手段。
从资源利用的角度来看，企业门户是以最小可能成本，实现最大程度开发利用现有资源目标的可行途径。首先，企业门户将本需要占用多台不同硬件系统的应用集成到较少的系统设备上，从而节约硬件的投入。其次，减少了多种未经集
成的应用软件的总体维护成本。除了新设立的企业，其他实施企业门户的企业都已有多种应用系统和以数据库、文档等形式存储的信息资源。这些资源往往条块分割，分散维护成本高昂。新的企业门户将现有的资源加以整合，并经过一定的处理，最后集成到企业门户这样一个统一的平台上，提供给更多的用户。由于它的继承和集成，企业可以实现集中维护，从而降低维护成本。第三，企业门户采用高效的互联网作为信息传输的工具，相比建设或租用线路价格低廉，同时减少了人力投入。第四，企业门户的实施可以改进企业的供应链管理，企业门户能够帮助企业实现真正意义上的零库存。
由此看来，企业尤其是大中型企业，不论是从节约成本角度还是从提高竞争力角度考虑，建立企业门户都是有效的方法。
1.4企业网站常用的开发技术
目前，企业早已经将网站的定位，由简单的形象展示，提高到具体商务功能的应用。网站类型也大部分都采用了动态网站，主要的开发技术有ASP、JSP以及PHP 三种，下面对这三种技术做简要介绍。
1.4.1ASP技术
ASP是微软公司开发的代替CGI（(Common Gateway Interface，通用网关接口）脚本程序的一种应用，并且可以与数据库和其他程序进行交互，是一种简单、方便的编程工具。ASP的程序是在Web服务器端运行，运行后再降运行的结果以HTML 的格式传送至客户端的浏览器，比HTML更方便而且更具有灵活性，而且最大的特点是安全性高于一般的脚本语言。
ASP是一种脚本语言，它基本局限于微软的操作系统平台，主要的工作环境是微软的IIS应用程序结构，所以ASP技术不是很容易地实现跨平台Web服务器上工作。
1.4.2JSP技术
JSP是一种动态网页常用的技术之一。JSP技术是开放的、跨平台的结构，其最大的特点是可以几乎运行所有的服务器系统上。在JSP技术下，当第一次请求JSP文件的时候，该文件被编译为Java Servlet并且由Java虚拟机执行，之后访问就不再需要编译，很大的程度上提高了执行效率。因此，JSP也被业内人士称为Server-side Language,因其开放性、安全性和健壮性，被认为未来最有发展前途
的动态技术之一。
JSP也并非人们想象的那般完美无缺，它也存在着令开发人员头疼无比的一些缺点。JSP页面发生错误的时候，显示的出错行，不是JSP页面的行数，而是编译后的Servlet的行数，查错极其不便；还有就是JSP嵌入HTML中，不便阅读和查错，还有一个缺点是中文问题。
1.4.3PHP技术
PHP是一种HTML内嵌式的语言，是一种在服务器端执行的嵌入HTML文档的脚本语言，大量采用C、Java和Perl语言的语法，并且融入其自身的特点，很大的程度上使WEB开发者快速方便的编写出动态页面。PHP技术提供了标准的数据库接口，存取数据库也比较方便，兼容性更强。
使用过PHP技术开发网站的人员都知道，PHP对组件的支持不够，导致扩展性极差，所以现在都基本用它与免费的数据库系统MySQL协同一起用作构建中小型网B/S应用大网站或者信息系统。
1.4.4三种技术比较分析
JSP是一种较新的技术，应用的还不是较广泛。主要是在国外，JSP已经是比较流行的一种技术，尤其是电子商务类的网站，多采用JSP技术来开发。国内采用的较少，目前在国内还是使用ASP与PHP应用最为广泛。采用PHP的网站如新浪网（sina）、中国人（Chinaren）等，由于PHP缺乏规模支持，缺乏多层结构支持，并且提供的数据库接口支持不统一等自身缺点，使得它不适合应用于大型电子商务站点，而更适合一些小型的商业站点。
ASP和JSP则没有以上缺陷，ASP可以通过COM/DCOM获得ActiveX规模支持，通过DCOM（Microsoft Distributed Component Object Model，分布式组件对象模型）和Transcation Server获得结构支持；JSP可以通过SUN Java的Java Class 和EJB(Enterprise JavaBean,Java企业柄)获得规模支持，通过EJB/CORBA以及众多厂商的Application Server获得结构支持。三者中，JSP应该是未来发展的趋势。世界上一些大的电子商务解决方案提供商都采用JSP/Servlet。比较出名的如IBM的E－business，它的核心是采用JSP/Servlet的Web Sphere。
总之，ASP，PHP,JSP三者各有各优缺点，也都拥着有相当数量的企业和个人支持者，不同的类型企业则根据自己的需求而选择使用符合企业的开发技术。
1.5企业门户建设流程
既然企业门户功效如此之大，各个企业想要建立企业门户一定要按照如下几个流程，才会让网站建设的过程更加简单顺利。
1.5.1前期准备工作
企业在建立企业门户之前，要进行大量的信息调查工作，弄清楚企业的商业信息是如何使用的。对于大多数企业而言，这意味着要进行商业信息应用的调查和研究。调查的目的是了解谁使用信息，信息是如何使用，以及信息如何流入和流出。简而言之，就是了解用户体验，做企业站更多的是让自己的用户来看，了解他们的关注点才是最重要的。
1.5.2产品与技术的选择
在进行完信息的使用调查之后，企业就要选择门户产品和技术。门户软件不仅要满足商业信息和应用访问的需要，还要满足事先定义的技术层面（如协议）的要求。目前，由于有相当数量的公司推出了企业门户解决方案，这为企业提供了较大的选择余地。但不可否认，目前企业门户的产品良莠不齐，功能和所采用的技术差别较大，如何正确选择适合自身企业需要的企业门户产品是一门学问，本栏目下期对此进行讨论。
1.5.3企业门户的建设
选好技术和产品，接下来就是建设了。这方面需要注意的是企业信息要集成到门户有关目录之下，或安排在某个主题里，以便用户可以容易地找到所需要的信息。信息的组织及个性化，应用和服务以能够满足用户的需求为目的。
1.5.4推广使用企业门户
企业门户建好了，并不意味着工作就完成了，因为建企业门户的目的是让其发挥作用。接下来就是让更多相关的用户群体来了解和使用它。在这个阶段，个性化是举足轻重的。个性化的目的是针对合适的用户群，如营销分析、财务分析、经理或商业伙伴，合理地将门户信息、应用和工具进行有针对性的设计。
文章来自唯美图片呛口小辣椒
第二章网站设计要点
因特网正在改变世界，它促成了网络经济雏形的形成，特别是电子商务正由新概念走向实用化。由于因特网具有传播信息容量极大、形态多样、迅速方便、全球覆盖、自由和交互的特点，已经发展成为新的传播媒体，所以全球几乎各个企业、机构纷纷建立自己的Web站点。
Web站点是向用户或潜在客户提供信息(包括产品和服务)的一种方式。其文档所包含的内容是由被称为超文本(HyperText)的文本、图形图象、声音，甚至电影
等组成。使这些超文本能够有机地关联并可使浏览器识别，是通过HTML语言(HyperText Markup Language超文本标记语言)实现的。同时CGI(Common Gateway Interface公共网关接口)能使Web具有交互功能。Web站点指引用户浏览该站点或其他站点上的分页信息，可以通过表格和电子邮件的连接提供双向交互方式。站点建立后，你的企业就在国内、甚至在国际上有了一席之地，有了每周7天、每天24小时的“虚拟门市部”。网站是未来企业开展电子商务的基础设施和信息平台，它是“知识经济”的制高点，企业的网址犹如企业的商标和品牌一样，是反映企业形象和文化的巨大的无形资产。
随着人们对设计的要求越来越高，高格调，高品位的设计作品，才深受人们的欢迎。这也就给设计者们提出了更高的要求，从这个角度说，版式设计正是满足了人们的要求应需而生。科技的飞跃发展，让Internet走进了千家万户，也产生出新的设计领域空间，而网页设计成为新的设计领域的重要内容。
优秀的网页设计，必须有好的创意，才能使观者视线久久难移，产生震撼力。版面设计是很重要的，通过文字、图形的空间组合，能最佳的表达出和谐与美。确定整个网站的整体风格,在网站前期规划中起着相当大的作用，你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,都要统一风格,贯穿全站。这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。
举个简单例子，如果你在列举一二三四若干条的情况下,在每条前面用黑圆点加强视觉效果,那么其他类似地方,也应该用保持同样的风格。色彩斑斓的站点,尤其要注意风格的统一。颜色可以变,不过字体、主体文本对齐风格、标题、背景效果以及特殊图像效果等等都应保持统一。很多缺乏编辑、出版背景的网友,很容易忽视这点,特别是网页一多,更容易忘。
因此企业网站规划必须注意以下八个方面：
⑴目标明确、定位正确
Web站点的设计是企业或机构发展战略的重要组成部分。要将企业站点作为在因特网－－这个新媒体上展示企业形象、企业文化的信息空间，领导一定要给予足够的重视，明确设计站点的目的和用户需求，从而作出切实可行的计划。
挑选与锤炼企业的关键信息，利用一个逻辑结构有序地组织起来，开发一个
页面设计原型，选择用户代表来进行测试，并逐步精炼这个原型，形成创意。
分析有些网站的效果不如预想的好，主要原因是对用户的需求理解有偏差，缺少用户的检验造成的。设计者常常将企业的市场营销和商业目标放在首位，而对用户和潜在的用户的真正需求了解不多。所以，企业或机构应清楚地了解本网站的受众群体的基本情况，如受教育程度、收入水平、需要信息的范围及深度等，从而能够有的放矢。
⑵主题鲜明、富有特色
在目标明确的基础上，完成网站的构思创意即总体设计方案。对网站的整体风格和特色作出定位，规划网站的组织结构。
Web站点应针对所服务对象（机构或人）不同而具有不同的形式。有些站点只提供简洁文本信息；有些则采用多媒体表现手法，提供华丽的图像、闪烁的灯光、复杂的页面布置，甚至可以下载声音和录像片段。最好的Web站点将把图形图像表现手法与有效的组织与通信结合起来。
要做到主题鲜明突出，力求简洁，要点明确，以简单明确的语言和画面告诉大家本站点的主题，吸引对本站点有需求的人的视线，对无关的人员也能留下一定的印象。对于一些行业标志和公司的标志应充分加以利用。
调动一切手段充分表现网站的个性和情趣，突出个性，办出网站的特色。
Web站点主页应具备的基本成分包括：公司简介，公司新闻，产品展示,在线留言，这几个是必要的栏目。
页头即左上角的标题title：告诉用户这个站主要作用，也告诉百度，谷歌等搜索引擎，利于蜘蛛的抓取。
E-mail地址：用来接收用户垂询；
联系信息：如普通邮件地址或电话；
版权信息：即备案号，国内所有企业网站均需备案，这样才证明这个网站是合法的，才有用户信任此站点。
⑶版式编排布局合理。
网页设计作为一种视觉语言，当然要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。版式设计通过视觉要素的理性分析，和严格的形式构成训练，培养对整体画面的把握能力和审美能力。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。
努力做到整体布局合理化、有序化、整体化。优秀之作，善于以巧妙、合理的视觉方式使一些语言无法表达的思想得以阐述，做到丰富多样而又简洁明了。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，这里主要的问题是页面之间和页面内的秩序与内容的关系。为了达到最佳的视觉表现效果，应讲究整体布局的合理性。特别是关系十分紧密的有上下文关系的页面，一定设计有向前和向后的按钮，便于浏览者仔细研读。
站点设计简单有序，主次关系分明，将零乱页面的组织过程混杂的内容依整体布局的需要进行分组归纳，经过进行具有内在联系的组织排列，反复推敲文字、图形与空间的关系，使浏览者有一个流畅的视觉体验。
⑷色彩和谐重点突出
色调及黑、白、灰的三色空间关系不论在设计还是在绘画方面都起着重要的作用。在页面上一定得明确调性，而其它有色或无色的内容均属黑、白、灰的三色空间关系，从而构成它们的空间层次。色彩是艺术表现的要素之一，它是光刺激眼睛再传导到大脑中枢而产生的一种感觉。在网页设计中，根据和谐、均衡和重点突出的原则，将不同的色彩进行组合、搭配来构成美丽的页面。
利用色彩对人们心理的影响的成果，合理地加以运用。按照色彩的记忆性原则，一般暖色较冷色的记忆性强。色彩还具有联想与象征的特质，如：红色象征火、血、太阳；蓝色象征大海、天空和水面等。所以设计出售冷食的虚拟店面，应使用消极而沉静的颜色，使人心理上感觉凉爽一些。
在色彩的运用过程中，还应注意的一个问题是：由于国家和种族的不同，宗教和信仰的不同，生活的地理位置、文化修养的差异，不同的人群对色彩的喜恶程度有着很大差异。如：儿童喜欢对比强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在沙漠中的人喜欢绿色。
在设计中要考虑主要读者群的背景和构成。
⑸形式内容和谐统一
形式服务于内容，内容又为目的服务，形式与内容的统一是设计网页的基本原则之一。运用对比与调和，对称与平衡，节奏与韵律以及留白等手段，如通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原则在页面设计中，它的均衡有时会使页面显得呆板，但如果加入一些动感的的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。
点、线、面是视觉语言中的基本元素，使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。点是所有空间形态中最简洁的元素，也可以说是最活跃、最不安分的元素。设计中，一个点就可以包罗万象，体现设计者的无限心思，网页中的图标，单个图片，按钮或一团文字等都可以说是点。点是灵活多变的，我们可以将一排文字视为一个点，将一个图形视为一个点。在网页设计中的点，由于大小、形态、位置的不同而给人不同的心理感受。
线是点移动的轨迹，线在编排设计中有强调、分割、导线，视觉线的作用。线会因方向、形态的不同而产生不同的视觉感受，例如垂直的线给人平稳、挺立的感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，通过线的分割保证页面良好的视觉秩序，页面在直线的分割下，产生和谐统一的美感。
面的形态除了规则的几何形体外，还有其它一些不规则的形态，可以说表现形式是多种多样的。面在平面设计中是点的扩大，线的重复形成的。面状给人以整体美感，使空间层次丰富，使单一的空间多元化，在表达较含蓄。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。
⑹三维空间指置有方
网络上的三维空间是一个假想空间，这种空间关系需借助动静变化、图像的比例关系等空间因素表现出来。在页面中图片、文字位置前后叠压，或位置疏密或页面上、左、右、中、下位置所产生的视觉效果都各不相同。在网页上，图片、文字前后叠压所构成的空间层次目前还不多见，网上更多的是一些设计得比较规范化、简明化的页面，这种叠压排列能产生强节奏的空间层次，视觉效果强烈。
网页上常见的是页面上、左、右、下、中位置所产生的空间关系，以及疏密的位置关系所产生的空间层次，这两种位置关系使视觉流程生动而清晰，视觉注目程度高。疏密的位置关系使产生的空间层次富有弹性，同时也让人产生轻松或紧迫的心理感受。
需指出，随着Web的普及和计算机技术的迅猛发展，人们对Web语言的要求也日益增长。人们已不满足于HTML语言编制的二维Web页面，三维世界的诱惑开始吸引更多的人，虚拟现实要在Web网上展示其迷人的风采，于是VRML语言出现了。VRML是一种面向对象一种语言，它类似Web超级链接所使用的HTML语言，也是一种基于文本的语言，并可以运行在多种平台之上，只不过能够更多的为虚拟现实环境服务。VRML只是一种语言，对于三维环境的艺术设计仍需要理论和实践指导。
⑺多媒体功能的利用
最大资源优势在于多媒体功能，因而要尽一切努力挖掘它，吸引浏览者保持注意力。因而画面的内容应当有一定的实用性，如产品的介绍甚至可以用三维动画来表现。这里需要注意的问题是，由于网络带宽的限制，在使用多媒体的形式表现网页的内容时应考虑客户端的传输速度，或者说将多媒体的内容控制在用户可接收的下载时间内是十分必要的。
⑻相关站点引导链接
一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。在设计网页的导引组织时，应该给出多个相关网站的链接，使得用户感到想得到的信息就在鼠标马上就可以点击的地方。
第三章网站的具体实现技术
3.1开发工具及环境
随着开源潮流的蓬勃发展，开放源代码的LAMP已经与J2EE和.Net商业软件形成三足鼎立之势，并且该软件开发的项目在软件方面的投资成本较低，因此受到整个IT界的关注。Windows下的Apache+Mysql+Perl/PHP/Python，一组常用来
搭建动态网站或者服务器的开源软件，本身都是各自独立的程序，但是因为常被放在一起使用，拥有了越来越高的兼容度，共同组成了一个强大的Web应用程序平台。
LAMP是基于Linux，Apache，MySQL和PHP的开放资源网络开发平台，PHP是一种有时候用Perl或Python可代替的编程语言。这个术语来自欧洲，在那里这些程序常用来作为一种标准开发环境。名字来源于每个程序的第一个字母。每个程序在所有权里都符合开放源代码标准：Linux是开放系统；Apache是最通用的网络服务器；mySQL是带有基于网络管理附加工具的关系数据库；PHP是流行的对象脚本语言，它包含了多数其它语言的优秀特征来使得它的网络开发更加有效。开发者在Windows操作系统下使用这些Linux环境里的工具称为使用WAMP。下面就针对WAMP里的Windows/APACHE/MYSQL/PHP做下简单说明。
3.1.1操作系统平台：Windows2003
服务器平台的操作系统。Unix操作系统，由于是Unix的后代，大多都有较好的作服务器平台的功能。常见的类Unix服务器操作系统有AIX、HP-UX、IRIX、Linux、FreeBSD、Solaris、MacOS X Server、OpenBSD、NetBSD、和SCO OpenServer。微软也出版了Microsoft Windows服务器版本，像早期的Windows NT Server，现代的Windows2000Server和Windows Server2003。
3.1.2开发技术：PHP5.0
PHP5在长时间的开发及多个预发布版本后，2004年7月13日，PHP5.0发布。该版本以Zend引擎Ⅱ为引擎，并且加入了新功能如PHP Data Objects（PDO）。现在PHP5.0版本强化更多的功能。首先，完全实现面向对象，提供名为PHP兼容模式的功能。其次是XML功能，PHP5.0版本支持可直观地访问XML数据、名为SimpleXML的XML处理用界面。同时还强化了XMLWeb服务支持，而且标准支持SOAP 扩展模块。数据库方面，PHP新版本提供旨在访问MySQL的新界面——MySQL。除此前的界面外，还可以使用面向对象界面和预处理语句（Prepared Statement）等MySQL的新功能．另外，PHP5.0上还捆绑有小容量RDBMS-SQLite．
3.1.3数据库系统：MySQL
MySQL是一个小型关系型数据库管理系统，开发者为瑞典MySQL AB公司。目前MySQL被广泛地应用在Internet上的中小型网站中。由于其体积小、速度快、总体拥有成本低，尤其是开放源码这一特点，许多中小型网站为了降低网站总体
拥有成本而选择了MySQL作为网站数据库。
MySQL的特性：
1.使用C和C++编写，并使用了多种编译器进行测试，保证源代码的可移植性
2.支持AIX、FreeBSD、HP-UX、Linux、Mac OS、Novell Netware、OpenBSD、
OS/2Wrap、Solaris、Windows等多种操作系统
3.为多种编程语言提供了API。这些编程语言包括C、C++、Eiffel、Java、Perl、
PHP、Python、Ruby和Tcl等。
4.支持多线程，充分利用CPU资源
5.优化的SQL查询算法，有效地提高查询速度
6.既能够作为一个单独的应用程序应用在客户端服务器网络环境中，也能够作
为一个库而嵌入到其他的软件中提供多语言支持，常见的编码如中文的GB 2312、BIG5，日文的Shift_JIS等都可以用作数据表名和数据列名
7.提供TCP/IP、ODBC和JDBC等多种数据库连接途径
8.提供用于管理、检查、优化数据库操作的管理工具
9.可以处理拥有上千万条记录的大型数据库
3.1.4程序运行环境：Apache
Apache是目前最流行的Web应用服务器，占据了互联网应用服务器70%以上的份额。Apache能取得如此成功并不足为奇：它免费、稳定且性能卓越；但Apache 能取得如此佳绩的另一个原因是，当时互联网刚刚兴起时，Apache是第一个可用的Web应用服务器，人们没有其他的选择。
不可否认，Apache是一个优秀的全能Web服务器，但对于那些需要更强大的Web应用服务器（比如大小、可定制、响应速度、可扩展性等方面）的人而言，Apache 明显不符合他们的要求，寻找Apache的替代者是更好的选择。
3.1.5安装配置WAMP
1.下载最新的安装包(官方网站，SourceForge)，当前版本WampServer
2.0a 集成了apache2.2.6、php5.2.5+PECL、SQLitemanager、MySQL5.0.45、Phpmyadmin。
2.运行安装包
a)首先会弹出一个“重要提示”，告诉你，“不要从wamp5.1.x版本，如果之前安装过wamp5.1.x，那么安装新版本之前，请保存数据，卸载wamp5并删除wamp 目录”。如果是全新安装的话，直接点“是”即可。
b)弹出安装向导。点击【next】进行下一步即可。
图4.1安装向导一
c)安装协议，选择【I accept the agreement】，继续点击【next】进行下一步。
图4.2安装向导二
d)选择安装目录，默认是c:\wamp，也根据自己需要设置在其他盘。
e)询问是否在快速启动栏和桌面创建快捷方式。选好之后继续点击【next】进行下一步。
f)确认设置是否正确，点击【install】开始安装。
图4.3开始安装
g)安装中…
h)弹出对话框，是否安装新的【WampServer2主页】，选择同意之后会覆盖wamp 安装目录下www文件夹中的index.php文件。（例如c:\wamp\www\index.php）。确认没有问题的话就选“是”吧。
i)安装完毕，询问是否启动WampServer2。点击【Finish】完成安装。
3.安装完毕之后，右下角的任务栏会多出一个wamp的小图标，若安装的wamp 版本为wamp2.2版本的，成功启动后鼠标右键点击系统右下角的绿色小图标,依次选择【Language】-【chinese】,即可更换为中文操作界面。在浏览器里输入http://localhost/phpmyadmin或者http://127.0.0.1/phpmyadmin,按回车进行测试是否安装成功。
图3.4测试安装成功
3.2PHP+MYSQL介绍
php是Hypertext Perprocessor(超文本预处理程序)的简称,也有人成为Personal Home Page Tools.它是一种服务器端的嵌入式HTML脚本语言。相对应的语言有ASP、JSP等，由于其功能与ASP非常相似，所以PHP被称为“源代码开放的ASP”。
MySQL是一个真正的多用户、多线程SQL数据库服务器。SQL（结构化查询语言）是世界上最流行的和标准化的数据库语言。MySQL是
以一个客户机/服务器结构的实现，它由一个服务器守护程序mysqld和很多不同的客户程序和库组成。
SQL是一种标准化的语言，它使得存储、更新和存取信息更容易。例如，你能用SQL语言为一个网站检索产品信息及存储顾客信息，同时MySQL也足够快和灵活以允许你存储记录文件和图像。MySQL主要目标是快速、健壮和易用。
3.3应用div+css与HTML的结合设计网页
3.3.1什么是div+css
Div是一种框架布局，类似于