基于PHP技术的柳州华力网站设计方案样本.doc

基于PHP技术柳州华力网站设计方案摘 要随着Internet在中华人民共和国迅速发展,人们寻常生活中越来越多地使用这项新技术来为自己工作和学习服务.由于WEB页面能把文本、图像、声音、动画、视像等各种媒体信息集于一体，不但使信息显示更加生动，并且使信息浏览更为以便,同步WEB页能实现网上交易平台、客户信息反馈以便了公司与客户之间信息交流，因而许多公司纷纷建设网站以增强公司知名度.柳州华力网站重要简介柳州华力关于信息，并用PHP+MYSQL架设顾客登陆以及客户信息反馈，使客户信息第一时间反馈给公司，拉近公司与客户之间距离。本篇论文是对我设计网站一点阐述，重要阐述了柳州华力网站建设规划主体思想、运用PHP+MYSQL数据库实现顾客登录和信息反馈，以及在设计过程中所遇到要点、难点等。核心字：网站规划、PHP+MYSQL数据库LuxuezhubiyelunwenAbstractWith the rapid development of Internet technique in China ,more and more people use the new tech as a tool severing their life and study . Because WEB page can collect text，image，sound，animation，video together.and the hypertext property of homepage can not only make the display of information pages lively，but also make the browse of information more convenient.So,Many enterprises also make their publications online . This pageKeyword：WEB SITE DESIGN、PHP+MYSQL Datebase目 录1 . 绪论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 . 如何建立公司门户既然公司门户功能如此之大，那么公司要想建立公司门户应当如何去操作？普通来说，公司要成功地布置公司门户可按照如下几方面进行。1.4.1 . 前期准备工作公司在建立公司门户之前，要进行大量信息调查工作，弄清晰公司商业信息是如何使用。对于大多数公司而言，这意味着要进行商业信息应用调查和研究。调查目是理解谁使用信息，信息是如何使用，以及信息如何流入和流出。1.4.2 . 产品与技术选取在进行完信息使用调查之后，公司就要选取门户产品和技术。门户软件不但要满足商业信息和应用访问需要，还要满足事先定义技术层面（如合同）规定。当前，由于有相称数量公司推出了公司门户解决方案，这为公司提供了较大选取余地。但不可否认，当前公司门户产品良莠不齐，功能和所采用技术差别较大，如何对的选取适合自身公司需要公司门户产品是一门学问，本栏目下期对此进行讨论。1.4.3 . 公司门户建设选好技术和产品，接下来就是建设了。这方面需要注意是公司信息要集成到门户关于目录之下，或安排在某个主题里，以便顾客可以容易地找到所需要信息。信息组织及个性化，应用和服务以可以满足顾客需求为目。1.4.4 . 推广使用公司门户公司门户建好了，并不意味着工作就完毕了，由于建公司门户目是让其发挥作用。接下来就是让更多有关顾客群体来理解和使用它。在这个阶段，个性化是举足轻重。个性化目是针对适当顾客群，如营销分析、财务分析、经理或商业伙伴，合理地将门户信息、应用和工具进行有针对性设计。 2 . 网站规划设计要点因特网正在变化世界，它促成了网络经济雏形形成，特别是电子商务正由新概念走向实用化。由于因特网具备传播信息容量极大、形态多样、迅速以便、全球覆盖、自由和交互特点，已经发展成为新传播媒体，因此全球几乎各个公司、机构纷纷建立自己Web站点。Web站点是向顾客或潜在客户提供信息(涉及产品和服务)一种方式。其文档所包括内容是由被称为超文本(HyperText)文本、图形图象、声音，甚至电影等构成。使这些超文本可以有机地关联并可使浏览器辨认，是通过HTML语言(HyperText Markup Language超文本标记语言)实现。同步CGI(Common Gateway Interface公共网关接口)能使Web具备交互功能。Web站点指引顾客浏览该站点或其她站点上分页信息，可以通过表格和电子邮件连接提供双向交互方式。站点建立后，你公司就在国内、甚至在国际上有了一席之地，有了每周7天、每天24小时“虚拟门市部”。网站是将来公司开展电子商务基本设施和信息平台，它是“知识经济”制高点，公司网址犹如公司商标和品牌同样，是反映公司形象和文化巨大无形资产。 因而公司网站规划必要注意如下八个方面：2.1 . 目的明确、定位对的 Web站点设计是公司或机构发展战略重要构成某些。要将公司站点作为在因特网这个新媒体上展示公司形象、公司文化信息空间，领导一定要予以足够注重，明确设计站点目和顾客需求，从而作出切实可行筹划。 挑选与锤炼公司核心信息，运用一种逻辑构造有序地组织起来，开发一种页面设计原型，选取顾客代表来进行测试，并逐渐精炼这个原型，形成创意。 分析有些网站效果不如预想好，重要因素是对顾客需求理解有偏差，缺少顾客检查导致。设计者经常将公司市场营销和商业目的放在首位，而对顾客和潜在顾客真正需求理解不多。因此，公司或机构应清晰地理解本网站受众群体基本状况，如受教诲限度、收入水平、需要信息范畴及深度等，从而可以有放矢。2.2 . 主题鲜明、富有特色在目的明确基本上，完毕网站构思创意即总体设计方案。对网站整体风格和特色作出定位，规划网站组织构造。 Web站点应针对所服务对象（机构或人）不同而具备不同形式。有些站点只提供简洁文本信息；有些则采用多媒体体现手法，提供华丽图像、闪烁灯光、复杂页面布置，甚至可如下载声音和录像片段。最佳Web站点将把图形图像体现手法与有效组织与通信结合起来。 要做到主题鲜明突出，力求简洁，要点明确，以简朴明确语言和画面告诉人们本站点主题，吸引对本站点有需求人视线，对无关人员也能留下一定印象。对于某些行业标志和公司标志应充分加以运用。 调动一切手段充分体现网站个性和情趣，突出个性，办出网站特色。 Web站点主页应具备基本成分涉及： 页头：精确无误地标记你站点和公司标志； E-mail地址：用来接受顾客垂询； 联系信息：如普通邮件地址或电话； 版权信息。 注意重复运用已有信息，如客户手册、公共关系文档、技术手册和数据库等可以轻而易举地用到公司Web站点中。 2.3 . 版式编排布局合理网页设计作为一种视觉语言，固然要讲究编排和布局，虽然主页设计不等同于平面设计，但它们有许多相近之处，应充分加以运用和借鉴。 版式设计通过文字图形空间组合，表达出和谐与美。版式设计通过视觉要素理性分析，和严格形式构成训练，培养对整体画面把握能力和审美能力。一种先进网页设计者也应当懂得哪一段文字图形该落于何处，才干使整个网页生辉。 努力做到整体布局合理化、有序化、整体化。先进之作，善于以巧妙、合理视觉方式使某些语言无法表达思想得以阐述，做到丰富多样而又简洁明了。 多页面站点页面编排设计规定把页面之间有机联系反映出来，这里重要问题是页面之间和页面内秩序与内容关系。为了达到最佳视觉体现效果，应讲究整体布局合理性。特别是关系十分紧密有上下文关系页面，一定设计有向前和向后按钮，便于浏览者仔细研读。 站点设计简朴有序，主次关系分明，将零乱页面组织过程混杂内容依整体布局需要进行分组归纳，通过进行具备内在联系组织排列，重复推敲文字、图形与空间关系，使浏览者有一种流畅视觉体验。 2.4 . 色彩和谐重点突出 色调及黑、白、灰三色空间关系无论在设计还是在绘画方面都起着重要作用。在页面上一定得明确调性，而其他有色或无色内容均属黑、白、灰三色空间关系，从而构成它们空间层次。 色彩是艺术体现要素之一，它是光刺激眼睛再传导到大脑中枢而产生一种感觉。在网页设计中，依照和谐、均衡和重点突出原则，将不同色彩进行组合、搭配来构成美丽页面。 运用色彩对人们心理影响成果，合理地加以运用。按照色彩记忆性原则，普通暖色较冷色记忆性强。色彩还具备联想与象征特质，如：红色象征火、血、太阳；蓝色象征大海、天空和水面等。因此设计出售冷食虚拟店面，应使用悲观而沉静颜色，使人心理上感觉凉快某些。 在色彩运用过程中，还应注意一种问题是：由于国家和种族不同，宗教和信奉不同，生活地理位置、文化修养差别，不同人群对色彩喜恶限度有着很大差别。如：小朋友喜欢对比强烈、个性鲜明纯颜色；生活在草原上人喜欢红色；生活在闹市中人喜欢淡雅颜色；生活在沙漠中人喜欢绿色。在设计中要考虑重要读者群背景和构成。2.5 . 形式内容和谐统一 形式服务于内容，内容又为目服务，形式与内容统一是设计网页基本原则之一。 画面组织原则中，将丰富意义和多样形式组织在一种统一构造里，形式语言必要符合页面内容，体现内容丰富含义。 运用对比与调和，对称与平衡，节奏与韵律以及留白等手段，如通过空间、文字、图形之间互有关系建立整体均衡状态，产生和谐美感。如对称原则在页面设计中，它均衡有时会使页面显得呆板，但如果加入某些动感文字、图案，或采用夸张手法来体现内容往往会达到比较好效果。 点、线、面是视觉语言中基本元素，使用点、线、面互相穿插、互相衬托、互相补充构成最佳页面效果。 点是所有空间形态中最简洁元素，也可以说是最活跃、最不安分元素。设计中，一种点就可以包罗万象，体现设计者无限心思，网页中图标，单个图片，按钮或一团文字等都可以说是点。点是灵活多变，咱们可以将一排文字视为一种点，将一种图形视为一种点。在网页设计中点，由于大小、形态、位置不同而给人不同心理感受。 线是点移动轨迹，线在编排设计中有强调、分割、导线，视觉线作用。线会因方向、形态不同而产生不同视觉感受，例如垂直线给人平稳、挺立感觉，弧线使人感到流畅、轻盈；曲线使人跳动、不安。在页面中内容较多时，就需进行版面分割，通过线分割保证页面良好视觉秩序，页面在直线分割下，产生和谐统一美感；通过不同比例空间分割，有时会产生空间层次韵律感。 面形态除了规则几何形体外，尚有其他某些不规则形态，可以说体现形式是各种各样。面在平面设计中是点扩大，线重复形成。面状给人以整体美感，使空间层次丰富，使单一空间多元化，在表达较含蓄。 网页设计中点、线、面运用并不是孤立，诸多时候都需要将它们结合起来，表达完美设计意境。 2.6 . 三维空间指置有方网络上三维空间是一种假想空间，这种空间关系需借助动静变化、图像比例关系等空间因素体现出来。 在页面中图片、文字位置先后叠压，或位置疏密或页面上、左、右、中、下位置所产生视觉效果都各不相似。在网页上，图片、文字先后叠压所构成空间层次当前还不多见，网上更多是某些设计得比较规范化、简要化页面，这种叠压排列能产生强节奏空间层次，视觉效果强烈。网页上常用是页面上、左、右、下、中位置所产生空间关系，以及疏密位置关系所产生空间层次，这两种位置关系使视觉流程生动而清晰，视觉注目限度高。疏密位置关系使产生空间层次富有弹性，同步也让人产生轻松或急迫心理感受。 需指出，随着Web普及和计算机技术迅猛发展，人们对Web语言规定也日益增长。人们已不满足于HTML语言编制二维Web页面，三维世界诱惑开始吸引更多人，虚拟现实要在Web网上展示其迷人风采，于是VRML语言浮现了。VRML是一种面向对象一种语言，它类似Web超级链接所使用HTML语言，也是一种基于文本语言，并可以运营在各种平台之上，只但是可以更多为虚拟现实环境服务。VRML只是一种语言，对于三维环境艺术设计仍需要理论和实践指引。2.7 . 多媒体功能运用最大资源优势在于多媒体功能，因而要尽一切努力挖掘它，吸引浏览者保持注意力。因而画面内容应当有一定实用性，如产品简介甚至可以用三维动画来体现。 这里需要注意问题是，由于网络带宽限制，在使用多媒体形式体现网页内容时应考虑客户端传播速度，或者说将多媒体内容控制在顾客可接受下载时间内是十分必要。 2.8 . 有关站点引导链接一种好网站基本要素是顾客进入后，与本网站有关信息都可以以便快捷地找到，其中要借助于有关站点，因此做好导引是一项重要工作。超文本这种构造使全球所有联上因特网计算机成为超大规模信息库，链接到其他网站轻而易举。 在设计网页导引组织时，应当给出各种有关网站链接，使得顾客感到想得到信息就在鼠标立即就可以点击地方。3 . 柳州华力网站规划与设计随着人们对设计规定越来越高，高格调，高品位设计作品，才深受人们欢迎。这也就给设计者们提出了更高规定，从这个角度说，版式设计正是满足了人们规定应需而生。科技奔腾发展，让Internet走进了千家万户，也产生出新设计领域空间，而网页设计成为新设计领域重要内容。先进网页设计，必要有好创意，才干使观者视线久久难移，产生震撼力。版面设计是很重要，通过文字、图形空间组合，能最佳表达出和谐与美。3.1 .静态页面：3.1.1 . 首页3.1.2 . 公司简介3.1.3 . 质保体系3.1.4 . 招商招标3.1.5 . 招聘3.2 . 动态页面3.2.1 . 顾客登陆3.2.2 . 客户反馈4 . 柳州华力网站详细实现技术4.1 . 应用CSS与HTML结合设计网页4.1.1 . 什么是CSSCSS是一种样式表（stylesheet）技术。也有人称之为层叠样式表（Cascading Stylesheet）。它作用简朴说：就是可以使你在同一页面里使用不同超链接样式。用CSS仅仅变化一种文献就可以变化数百个网页外观,个性化体现而不损.这些都由于网页样式表强大和灵活特性。4.1.2 . CSS与HTML结合方式一种外部样式表可以通过HTMLLINK元素连接到HTML文档中:标记是放置在文档HEAD某些。可选TYPE属性用于指定媒体类型-text/css是一种层叠样式表-容许浏览器忽视它们不支持样式表类型。为CSS文献配备服务器而将text/css当作Content-type内容发送出去也是一种好注意。外部样式表不能具有任何像或这样HTML标记。样式表仅仅由样式规则或声明构成。一种单独由P margin：2em 构成文献就可以用作外部样式表了。标记也有一种可选MEDIA属性，用于指定样式表被接受介质或媒体。容许值有 screen (缺省值)，提交到计算机屏幕； print， 输出到打印机； projection，提交到投影机； aural，扬声器； braille，提交到凸字触觉感知设备； tty，电传打字机 (使用固定字体)； tv，电视机； all，所有输出设备。 多样媒体通过用逗号隔开列表或值all指定。Netscape Navigator 4.x 错误地忽视除了screen值外任何使用MEDIA值声明连接或嵌入样式表。例如，MEDIA=screen,projection会令到样式表被Navigator 4.x忽视，尽管展示设备是计算机屏幕。Navigator 4.x 也忽视使用MEDIA=all声明样式表。REL属性用于定义连接文献和HTML文档之间关系。REL=StyleSheet指定一种固定或首选样式而REL=Alternate StyleSheet定义一种交互样式。固定样式在样式表激活时总被应用。缺少TITLE属性，就像例子中第一种标记，定义一种固定样式。一种首选样式会自动被应用，就像例子中第二个标记。REL=StyleSheet和一种TITLE属性组合指定一种首选样式。网页制作者不能指定多于一种首选样式。交互样式通过REL=Alternate StyleSheet指出。例子中第三个标记定义一种交互样式，顾客可以选取用来代替首选样式表。注意当前浏览器普通都缺少选取交互样式能力。单同样式也可以通过各种样式表给出在这个例子中，三个样式表组合成一种Contemporary样式，作为一种首选样式表被应用。要组合各种样式表成一种单同样式，必要在每个样式表中使用相似TITLE。当样式被应用到诸多网页时，一种外部样式表是抱负。网页制作者使用外部样式表可以变化整个网站外观而仅仅通过变化一种文献。同样，大多数浏览器会保存外部样式表在缓冲区，从而如果样式表在缓冲区就避免了在展示网页时延迟。4.1.3 . CSS在柳州华力网站中应用实例在柳州华力网站中页面，增长了如下定义，使页面有特殊显示效果。 柳州华力网站中CSS样式表使用：.huali font-family：宋体；font-size：12px；cursor：crosshair；font-style：normal；text-decoration：none；background-color：#FFFFFF；background-image：none；list-style-image：none.text cursor：crosshair；filter：Mask(Color=#ff9900)；font-size：12px；font-style：normal；text-decoration：none在这个样式表中使用了： font-family：宋体 ；font-size：12px 定义了网页文字字体和大小，以避免因网页浏览器设立变化而引起网页字体和大小变化，影响页面浏览者信息浏览； cursor：crosshair 定义了页面鼠标样式，在这里我将它定义为十字型，以反映网页总体设计思想和华力公司定位精准； font-style：normal 定义了网页字体风格，可以定义为普通、加粗、倾斜三种样式background-color：#FFFFFF；background-image：none 它们是对网页背景颜色和背景图片设立。4.2 . 应用JavaScrip设计网页JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具备安全性能脚本语言。使用它目是与HTML超文本标记语言、Java 脚本语言（Java小程序）一起实当前一种Web页面中链接各种对象，与Web客户交互作用，从而可以开发客户端应用程序等。它是通过嵌入或调入在原则HTML语言中实现。它浮现弥补了HTML语言缺陷。JavaScript浮现使得信息和顾客之间不但只是一种显示和浏览关系，而是实现了一种实时、动态、可交式表达能力。从而基于CGI静态HTML页面将被可提供动态实时信息，并对客户操作进行反映Web页面取代。JavaScript脚本正是满足这种需求而产生语言。它深受广泛顾客爱慕。它是众多脚本语言中较为先进一种，与WWW结合有效地实现了网络计算和网络计算机蓝图。JAVASCRIPT在柳州华力网站中应用实例：下面是柳州华力网站首页状态栏使用一段javascript代码var message=柳州华力实业有限责任公司;var speed=400;var visible=0;function Flash() if (visible = 0) window.status=message;visible=1; else window.status=;visible=0;setTimeout(Flash()，speed);4.3 . PHP+MYSQL简介php是Hypertext Perprocessor(超文本预解决程序)简称,也有人成为Personal Home Page Tools.它是一种服务器端嵌入式HTML脚本语言。相相应语言有ASP、JSP等，由于其功能与ASP非常相似，因此PHP被称为“源代码开放ASP”。MySQL是一种真正多顾客、多线程SQL数据库服务器。SQL（构造化查询语言）是世界上最流行和原则化数据库语言。MySQL是以一种客户机/服务器构造实现，它由一种服务器守护程序mysqld和诸多不同客户程序和库构成。SQL是一种原则化语言，它使得存储、更新和存取信息更容易。例如，你能用SQL语言为一种网站检索产品信息及存储顾客信息，同步MySQL也足够快和灵活以容许你存储记录文献和图像。MySQL 重要目的是迅速、健壮和易用。4.4 . 顾客登陆实现4.5 . 客户反馈实现程序功能(1)、界面美观，模仿UGB风格 (2)、支持OICQ在线显示 (3)、可显示访客IP及留言时间。 (4)、可以管理版内留言，涉及了删除留言和回答留言。 (5)、提供搜索留言资料,速度快、功能强。 (6)、只是使用文本作为数据库 (7)、留言长度限制，留言长度不能超过3000，防止有人恶意破坏! 程序代码