基于PHP的通用企业网站系统设计 - 前台设计模块 毕业论文 - 图文

xxx大学

毕 业 设 计

题 目：基于PHP的通用企业网站系统设计

—— 前台设计模块

学生姓名： 系（院）： 专 业： 班 级：

指导教师姓名及职称：

起止时间： 年 月—— 年 月

（教务处制表）

基于PHP的通用企业网站系统设计

—— 前台设计模块

摘 要：

21世纪，人类社会已经进入信息时代，世界上无数的企业出于竞争、减少成本和进一步提高生产效率的目的而把自身与复杂的互联网络联在一起。公司网站已经非常普及，很多公司利用网站来发布信息、提供服务，并以此来宣传公司文化、树立公司品牌，不断地积累公司的无形资产。本设计是一个钢铁企业网站的前台设计，因为是前台设计，所以更加注重网站的创意和美工，力求给访问者耳目一新的感觉。本设计旨在从访问者的角度思考网站，以访问者为主导。尽量避免进入设计者无视访问者的需求和立场，一味灌输公司宣传理念的这一误区，旨在最大限度地发挥网站的作用，为企业带来最大利益。 关键词：页面布局；美工设计；设计创意；

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, 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 accumulating  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 of standing on the visitor's angle, taking the visitor as the leadership. This design is avoiding  entering the designer as far as possible to disregard visitor's demand and the standpoint, but not instilling the propagandize idea of the company into the visitor constantly, for the purpose of maximum limit displaying the function of the website and bringing the biggest benefit to the enterprise.

Key Words：Page Layout; Art Designing; Design Creativity；

1

目 录

第一章 绪 论 ................................................................................................................................... 3

1.1 前言 .................................................................................................................................. 3

1.1.1 网站开发背景 ....................................................................................................... 3 1.1.2 开发目的分析 ....................................................................................................... 4

第二章 概要设计 ............................................................................................................................. 6

2.1设计任务内容 ..................................................................................................................... 6

2.1.1页面概要设计分析 .................................................................................................. 6 2.1.2数据库概念结构设计 .............................................................................................. 8 2.2 网页设计的软件环境选择 .............................................................................................. 10

2.2.1Photoshop概述 ....................................................................................................... 10 2.2.2Macromedia Dreamweaver概述 ............................................................................ 10 2.2.3Macromedia Flash 简介 ......................................................................................... 11 2.3网页采用的关键技术 ....................................................................................................... 13

2.3.1web界面设计概述 ................................................................................................. 13 2.3.2html界面代码概要设计 ........................................................................................ 16 2.3.3CSS样式表概述 ..................................................................................................... 17

第三章 网页详细设计 ................................................................................................................... 19

3.1定位网站主题和名称 ....................................................................................................... 19 3.2定位网站CI形象 ............................................................................................................. 20

3.2.1设计网站的标志(logo) .......................................................................................... 21 3.2.2设计网站的标准色彩 ............................................................................................ 21 3.2.3设计网站的标准字体 ............................................................................................ 22 3.2.4设计网站的宣传标语 ............................................................................................ 22 3.3确定网站的栏目和版块 ................................................................................................... 23 3.4确定网站的目录结构和链接结构 ................................................................................... 24

3.4.1网站的目录结构 .................................................................................................... 24 3.4.2网站的链接结构 .................................................................................................... 27 3.5确定网站的整体风格和创意设计 ................................................................................... 29

3.5.1风格(style)是抽象的 .............................................................................................. 29 3.5.2创意(idea)是网站生存的关键............................................................................... 30 3.6网页页面设计 ................................................................................................................... 31

3.6.1确定首页的功能模块。 ........................................................................................ 31 3.6.2设计首页的版面 .................................................................................................... 33 3.6.3处理技术上的细节 ................................................................................................ 35 4.1网站测试 ........................................................................................................................... 35 4.2使用说明 ........................................................................................................................... 37 设计心得体会 ................................................................................................................................. 37 致 谢 ............................................................................................................................................ 38 参考文献......................................................................................................................................... 38

2

第一章 绪 论

1.1 前言

1.1.1 网站开发背景

21世纪，人类社会已经进入信息时代，世界上无数的企业出于竞争、减少成本和进一步提高生产效率的目的而把自身与复杂的互联网络联在一起。公司网站已经非常普及，很多公司利用网站来发布信息、提供服务，并以此来宣传公司文化、树立公司品牌，不断地积累公司的无形资产。本设计是一个钢铁企业网站的前台设计，因为是前台设计，所以更加注重网站的创意和美工，力求给访问者耳目一新的感觉。本设计旨在从访问者的角度思考网站，以访问者为主导。尽量避免进入设计者无视访问者的需求和立场，一味灌输公司宣传理念的这一误区，旨在最大限度地发挥网站的作用，为企业带来最大利益。

在图形化操作系统日益流行的今天，界面可以说是一个应用程序最重要最直接的部分。对用户而言，界面就是应用程序，幕后执行的程序代码用户不关心，也感觉不到。因此应用程序的可用性的友好性依赖于界面的设计。

并不是只有艺术家才能设计出好的界面，大多数用户界面设计原则和任何基础课程中教授的基础设计原则一样。实际上，在计算机屏幕上组合颜色、文字等的基本原则和我们在纸张上画图一样。

网站的良好运营靠的是什么？靠技术，肯定不是，因为技术的发展是一个相对的概念，不具有耐久性，缺乏凝聚力，如果仅仅靠这个，是不能维系整个网站发展的。网站其实就是企业，只不过它是提供给自己的客户以不同的产品，即以网页的形式展现给他们浏览、以交互的方式让他们参与等等，既然网站是一个企业就不能回避一个问题，就是盈利的问题，如果只顾向网站投钱，作亏本生意，是那个网站都不愿意做的事情。所以网络如果要给自己带来回报，就必须以高标准来要求，这样就不得不提升到网站文化的高度。还是先来看一下企业文化的定义吧！

只要问一问任何一家一流的高科技企业，什么使这些企业引以自豪，十家有八家或许会告诉你，它们引以自豪的是自己的产品或服务。剩下的两家则会举出

3

一系列的东西，如它们的业务流程、它们的业务伙伴关系、它们的员工等等。总之，概括起来就是：企业文化。 什么是企业文化呢？Terence E. Deal（特伦斯）和Allan A. Kennedy（阿伦）合著了一部颇具影响的专著，《企业文化》（Corporate Culture）。书中给企业文化的定义是，\用以规范企业人多数情况下行为的一个强有力的不成文规则体系。\

其实企业文化指的是一个企业中所有员工共有的一套观念、信念、价值和行为准则，以及由此导致的行为模式。企业文化是以人为本的管理哲学，是把精神文明建设同企业特点和市场对企业发展的要求结合起来的一个重要形式，是借助文化力量的管理方式，良好的企业文化能为企业保持数十年的竞争优势。

可以说企业文化是企业的灵魂。一个没有自己企业文化的企业其经营往往是随波逐流的，其员工也没有主人翁意识，这样的企业是长不了的。纵观国内外现代化企业管理已经从以物为中心的管理转向以人为中心的管理，从而越来越突出人在企业生存和发展中的作用和力量。企业最重要的资源是知识，而知识是人的资源，所以重视人就是重视企业最重要的资源。IBM这样一个老牌的大公司为什么经历如此多的风风雨雨至今仍然是蓝色巨人？HP公司为什么能保持20多年持续稳定的发展？其答案都很简单：重视人的建设是他们立于不败之地的保证。

1.1.2 开发目的分析

本项目所要开发的是钢铁企业网站，其功能模块有： ·网站公告模块 ·企业简介模块 ·新闻发布系统模块 ·产品模块 （产品订单） ·人才招聘模块 ·企业论坛模块 ·留言管理模块 ·在线调查模块

·有全站搜索和产品分类搜索功能

4

本文来源：https://www.bwwdw.com/article/qsvt.html