网站建设毕业论文.doc

1、毕业论文企业网站建设与实现姓 名：韩应权班 级：计算机网络技术 31312实习单位：贵州创亿互动科技有限公司指导教师：程 序摘 要随着互联网不断的发展，互联网正在所有领域带来新的改变。随着电脑办公自动化的普及，电子商务不断成熟，一切都归功于 internet 的巨大贡献，互联网的世界里蕴藏无限生机，在互联网的时代，只有想不到的、没有做不到的。随着数据库技术在互联网中的应用越来越广泛，为广大网络用户提供了更加周到和人性化的服务。本论文讲解了一个公司的网站的建设，它基于数据关联规则的公司个性化页面及动态数据生成案例，在网页方面，综合考虑了页面色彩、页面的构架，充分的利用了图片、文字、图层、表格等元

2、素。网站利用 MySQL 和 PHP 技术，内容明确，层次清楚，达到了预期的功能。本论文以企业网站建设为例,系统地阐述了该婚尚系统从设计之初到升级上线的整个过程,重点讲述在开发过程中应用到的技术和些实用的软件。关键词：网站建设 互联网 MySQL PHP 目 录第一章 网站建设分析 .11.1、硬件环境的选择 .11.2、软件环境的选择 .11.2.1、MySQL 数据库的实现： .11.2.2、MySQL 的特点与作用 .11.2.3、PHP 的特点： .21.2.4、PHP 与 MySQL 的结合： .21.2.5、Adobe Dreamweaver 的运用： .31.2.6、据库的概念：

3、 .31.2.7、程序运行环境：Apache .31.2.8、WAMPP 集成环境 .31.2.9、PHP+MYSQL 介绍 .4第二章 网站结构分析及示意 .42.1 网站前台结构分析 .42.2 网站前端主页 .5第三章 网页设计 .53.1、应用 div+css 与 HTML 的结合设计网页 .53.1.1 什么是 div+css .53.2、CSS 与 HTML 的结合方式 .53.3、应用 JavaScrip 设计网页 .6第四章 数据库的设计与实现 .72.1 公司动态新闻 .72.2 留言互动 .7第五章 链接和发布 .85.1 链接 .85.2 发布 .8参考文献 .91第一章

4、 网站建设分析 网站需求分析是网站建设的第一个阶段，也是关系到网站开发成败的关键步骤。网站需求分析的任务在于用户对网站的确切要求，这样才能使开发出的企业网站合理实用。 网站目标： 企业网站是一个企业不可缺少的部分，它能介绍企业文化、经营理念、特色服务及企业在全国的网点分布。拓宽顾客市场，增加企业与客户之间的联系，缩短二者之间的距离。提高企业知名度，为企业今后的业务发展开辟一个良好的社会环境。它的内容对于企业来说至关重要,企业概况、企业特色服务、最新企业新闻动态等部分应该能够为用户提供充足的信息。企业网站做成检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低、维护方便、信息实时性强

5、的功能完善的大型企业网站。这些优点能够极大地提高了企业网站的效率,也是企业走向科学化、信息化与世界接轨的重要条件。 系统需求 随着计算机的普及和网络的飞速发展，越来越多的个人家庭拥有电脑。移动互联网成了他们日常生活中不可缺少的一部分。系统：Windows7 操作系统，Internet Explorer6.0 浏览器,屏幕大小为 1024*768 像素，所以在这种像素下打开网页是最好的效果。软件：Adobe Dreamweaver 、Adobe Photoshop CS4、XMPP 集成环境、Java Script 等软件。1.1、硬件环境的选择在开发时，要选择一台性能佳的计算机，一般 CPU

6、在 1.5Ghz 以上、4G 以上内存、2G 独显。这样是为了再做设计时更好的运行 Photoshop 等软件。1.2、软件环境的选择安装的操作的系统为 Windows7，环境为 WAMP 集成环境包。1.2.1、MySQL 数据库的实现：MySQL 是一个精巧的 SQL 数据库管理系统，虽然它不是开放源代码的产品，但在某些情况下你可以自由使用。由于它的强大功能、灵活性、丰富的应用编程接口（API）以及精巧的系统结构，受到了广大自由软件爱好者甚至是商业软件用户的青睐，特别是与 Apache 和 PHP/PERL 结合，为建立基于数据库的动态网站提供了强大动力。 1.2.2、MySQL 的特点与

7、作用 MySQL 是一个真正的多用户、多线程 SQL 数据库服务器。SQL（结构化查询语言）是世界上最流行的和标准化的数据库语言。MySQL 是以一个客户机/服务器结构的实现，它由一个服务器守护程序 mysqld和很多不同的客户程序和库组成。 SQL 是一种标准化的语言，它使得存储、更新和存取信息更容易。例如，你能用 SQL 语言为一个网站检索产品信息及存储顾客信息，同时 MySQL 也足够快和灵活以允许你存储记录文件和图像。 MySQL 主要目标是快速、健壮和易用。最初是因为我们需要这样一个 SQL 服务器，它能处理与任何2可不昂贵硬件平台上提供数据库的厂家在一个数量级上的大型数据库，但速度

8、更快，MySQL 就开发出来。自 1996 年以来，我们一直都在使用 MySQL，其环境有超过 40 个数据库，包含 10,000 个表，其中 500 多个表超过 7 百万行，这大约有 100 个吉字节(GB)的关键应用数据。 MySQL 数据库的主要功能只在组织和管理很庞大或复杂的信息和基于 WEB 的库存查询请求不仅仅为客户提供信息，而且还可以为您自己使用数据库可以提供如下功能: 1.减少记录编档的时间 2.减小记录检索时间 3.灵活的查找序列 4.灵活的输出格式 5.多个用户同时访问记录 1.2.3、PHP 的特点：PHP（外文名:PHP: Hypertext Preprocessor，

9、中文名：“超文本预处理器” ）是一种通用开源脚本语言。语法吸收了 C 语言、Java 和 Perl 的特点，利于学习，使用广泛，主要适用于 Web 开发领域。PHP 独特的语法混合了 C、Java 、Perl 以及 PHP 自创的语法。它可以比 CGI 或者 Perl 更快速地执行动态网页。用 PHP做出的动态页面与其他的编程语言相比，PHP 是将程序嵌入到 HTML（标准通用标记语言下的一个应用）文档中去执行，执行效率比完全生成 HTML 标记的 CGI 要高许多；PHP 还可以执行编译后代码，编译可以达到加密和优化代码运行，使代码运行更快。PHP 具有以下特点：跨平台，性能优越，跟 Lin

10、ux/Unix 结合别跟 Windows 结合性能强 45%，并且和很多免费的平台结合非常省钱，比如 LAMP(Linux/Apache/Mysql/PHP)或者 FAMP(FreeBSD/Apache/Mysql/PHP)结合，或者数据应用够大可以考虑换 PostgreSQL 或者 Oracle，支持 N 种数据库。(N = 10)语法简单，如果有学习 C 和 Perl 的很容易上手，并且跟 ASP 有部分类似。有成熟的开发工具，比如NuPHPed，或者 Zend Studio 等等，在 Linux 平台下可以使用 Eclipse 等等。目前主流技术都支持，比如 WebService、Aja

11、x、XML 等等，足够应用。有比较完整的支持，比如使用 ADODB 或者 PEAR:DB 做数据库抽象层，用 Smarty 或者 smart template 做模板层，如果是 PHP 5.1 的话，还能够使用 PDO(PHP Data Object)来访问数据库。有很多成熟的框架，比如支持 MVC 的框架：phpMVC，支持类似 ASP.net 的事件驱动的框架：Prado，支持类似 Ruby On Rails 的快速开发的框架：Cake 等等，足够满足你的应用需求。PHP 5 已经有成熟的面向对象体系，能够适应基本的面向对象要求。适合开发大型项目。有成熟的社区来支持 PHP 的开发，比如国

12、内的 CSDN，喜悦国际村等等。目前已经很多大型应用都是使用 PHP，比如淘宝网、Yahoo、163、Sina 等等大型门户，很多选用 PHP来作为他们的开发语言，所以大型门户都能够选用它，我想足够能够你的使用了。PHP 的缺点：代码重用率有待提高，当然，这个跟面向对象有关系。其实 PHP 5 已经比较适意了。PHP 程序员较少。1.2.4、PHP 与 MySQL 的结合：将 PHP 和 MYSQL 合理且有效的结合在一起可以制作出精致的数据库网站。MYSQL 是一种小型的，紧密的数据服务器，支持标准 SQL。它在 UNIX 和 WINDOWS 环境下都能够使用。PHP 和 MYSQL 都是免

13、费的开放源码。它们的结合可以在 WINDOWS 中发展，在 UNIX 中做服务。PHP 也支持其他一些数据库包括 PostgreSQL。31.2.5、Adobe Dreamweaver 的运用：Adobe Dreamweaver，简称“DW”，中文名称 “梦想编织者 “，是美国 MACROMEDIA 公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，DW 是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。Macromedia 公司成立于 1992 年，2005 年被 Adobe 公司收购。Adobe Dre

14、amweaver 使用所见即所得的接口，亦有 HTML（标准通用标记语言 下的一个应用）编辑的功能。它有 Mac 和 Windows 系统的版本。随Macromedia 被 Adobe 收购后，Adobe 也开始计划开发 Linux 版本的 Dreamweaver 了。 Dreamweaver 自MX 版本开始，使用了 Opera 的排版引擎“Presto“ 作为网页 预览。1.2.6、据库的概念：数据库是一种存储数据并对数据进行操作的工具。数据库的作用在于组织和表达信息，简而言之，数据库就是信息的集合。计算机的数据库可以分为两类：非关系数据库（flat-file）和关系数据库（relatio

15、nal）。关系数据库中包含了多个数据表的信息，数据库含有各个不同部分的术语，像记录、域等。1.2.7、程序运行环境：Apache Apache 是目前最流行的 Web 应用服务器，占据了互联网应用服务器 70%以上的份额。Apache 能取得如此成功并不足为奇：它免费、稳定且性能卓越；但 Apache 能取得如此佳绩的另一个原因是，当时互联网刚刚兴起时，Apache 是第一个可用的 Web 应用服务器，人们没有其他的选择。不可否认，Apache 是一个优秀的全能 Web 服务器，但对于那些需要更强大的 Web 应用服务器（比如大小、可定制、响应速度、可扩展性等方面）的人而言，Apache 明显

16、不符合他们的要求，寻找 Apache 的替代者是更好的选择。1.2.8、WAMP 集成环境 1.下载最新的安装包(官方网站， SourceForge)，当前版本 WampServer 2.0a 集成了apache2.2.6、php5.2.5+PECL 、SQLitemanager 、MySQL 5.0.45 、Phpmyadmin 。 2.运行安装包 a)首先会弹出一个“重要提示”，告诉你，“不要从 wamp5.1.x 版本，如果之前安装过 wamp5.1.x，那么安装新版本之前，请保存数据，卸载 wamp5 并删除 wamp 目录”。如果是全新安装的话，直接点“是”即可。 b)弹出安装向导。

17、点击【next】进行下一步即可。 c)安装协议，选择【I accept the agreement】，继续点击【next】进行下一步。 d)选择安装目录，默认是 c:wamp，也根据自己需要设置在其他盘。 e)询问是否在快速启动栏和桌面创建快捷方式。选好之后继续点击【next 】进行下一步。 f)确认设置是否正确，点击【install】开始安装。 g)安装 h)弹出对话框，是否安装新的【WampServer 2 主页】，选择同意之后会覆盖 wamp 安装目录下 www文件夹中的 index.php 文件。（例如 c:wampwwwindex.php）。确认没有问题的话就选“是”吧。 4i)安装

18、完毕，询问是否启动 WampServer 2。点击【Finish】完成安装。 3.安装完毕之后，右下角的任务栏会多出一个 wamp 的小图标，若安装的 wamp 版本为 wamp2.2 版本的，成功启动后鼠标右键点击系统右下角的绿色小图标,依次选择【Language】-【chinese】 ,即可更换为中文操作界面。在浏览器里输入http:/localhost/phpmyadmin 或者 http:/127.0.0.1/phpmyadmin,按回车进行测试是否安装成功。 1.2.9、PHP+MYSQL 介绍 php 是 Hypertext Perprocessor(超文本预处理程序)的简称,也有

19、人成为 Personal Home Page Tools.它是一种服务器端的嵌入式 HTML 脚本语言。相对应的语言有 ASP、JSP 等，由于其功能与 ASP 非常相似，所以 PHP 被称为“源代码开放的 ASP”。 MySQL 是一个真正的多用户、多线程 SQL 数据库服务器。SQL（结构化查询语言）是世界上最流行的和标准化的数据库语言。MySQL 是 以一个客户机/服务器结构的实现，它由一个服务器守护程序 mysqld 和很多不同的客户程序和库组成。SQL 是一种标准化的语言，它使得存储、更新和存取信息更容易。例如，你能用 SQL 语言为一个网站检索产品信息及存储顾客信息，同时 MySQ

20、L 也足够快和灵活以允许你存储记录文件和图像。MySQL 主要目标是快速、健壮和易用。第二章 网站结构分析及示意 2.1 网站前台结构分析 一个网站的前台最直接的影响着用户对一个企业的形象的认可程度，所以网站前台页的设计：简洁、明了但又不缺乏个性美观。 网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是： 尽可能删除那些与主题无关的栏目； 尽可能将网站内最有价值的内容列在栏目上； 尽可能从

21、访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡主题。 栏目的确定是网站内部结构的关键。通常论坛、留言板、关于我们、网站导航、声明、注册区等基本栏目都放在次要的位置链接进入。新闻、主要功能、主要内容、更新内容提示等放在醒目的位置。新闻和更新是网站的点睛之作，是吸引回头率的主要手段之一，也是一个主流网站所不可或缺的。在浏览者眼中，网站的生命力就体现在这里。 根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分： 公司简介：通过光荣与荣誉、在线参观、企业理念、企业文化、标志诠释、历史荣誉及

22、部分图片等内5容来展现； 新闻动态：通过新闻、真实的图片栏目来展现公司自身信息及产品信息； 客户留言：通过一个表单接收到访客的意见及建议； 视频在线：通过声音与图像、影片最生动的展示公司的形象及产品的性能； 在线论坛：最广泛的接受客户的要求及留言。 2.2 网站前端主页 主页是网站设计的第一步。许多人也以为网站设计就是主页设计，主页水平高低代表网站水平高低。在一定程度上确实如此，所以主页的风格样式、色彩布局、栏目设计、文字表述等成为网站最容易产生争议的地方。所谓仁者见仁，智者见智，这上面永远没有大家一致满意的意见，更多的是体现直接设计者的性情风格。随着对网站认识的变换，主页的样式也经常变换。但

23、是，主页应该明白无误地告诉用户其目的，这一点是肯定的。现在很多网站，尤其是大型网站，都纷纷在主页上突出其拥有的资源，用自动更新的内容吸引用户浏览。因此，这些主页都是含有动态更新内容的，即属于动态网页技术。而且，一般要考虑到用户（对象）的口味，在内容排列上精心布局，以期达到最好效果。主页设计有两种主要的趋势：追求画面美观效果（静态）和追求内容丰富效果（动态），前者适合内容不多的企业网站，后者适合内容丰富的综合网站。而一些功能性网站，就常常把最主要功能突出在主页中心，如搜索引擎和大型数据库。 构建一个网站就好比写一篇论文，首先要列出题纲，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：

24、确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。 本站点前台主页采用静、动相结合的方式，即静态的主画面和动态的图片相结合，体现公司的勃勃生气，静态主页方式介绍公司简介、企业联系方式、公司视频在线。动态显示公司的新闻动态、招聘供求、客户留言。第三章 网页设计 3.1、应用 div+css 与 HTML 的结合设计网页 3.1.1 什么是 div+css Div 是一种框架布局，类似于，但比 更灵活，容易掌握。CSS 是一种

25、样式表（stylesheet）技术。也有的人称之为层叠样式表（Cascading Stylesheet）。它的作用简单的说：就是可以使你在同一页面里使用不同的超链接样式。用 CSS 仅仅改变一个文件就可以改变数百个网页的外观 ,个性化的表现而不损坏原页面显示.这些都因为网页样式表的强大和灵活特性。3.2、CSS 与 HTML 的结合方式 一个外部的样式表可以通过 HTML 的 LINK 元素连接到 HTML 文档中:6标记是放置在文档的 HEAD 部分。可选的 TYPE 属性用于指定媒体类型-text/css 是一个层叠样式表-允许浏览器忽略它们不支持的样式表类型。为 CSS 文件配置服务器而

26、将 text/css 当作 Content-type 内容发送出去也是一个好注意。外部样式表不能含有任何像或 这样的 HTML 的标记。样式表仅仅由样式规则或声明组成。一个单独由 P margin: 2em 组成的文件就可以用作外部样式表了，外部样式表以 .css 后缀。标记也有一个可选的 MEDIA 属性，用于指定样式表被接受的介质或媒体。允许的值有 ：screen (缺省值 )，提交到计算机屏幕； print ， 输出到打印机；projection，提交到投影机；aural，扬声器；braille，提交到凸字触觉感知设备；tty，电传打字机 (使用固定的字体)；tv，电视机；all，所有输

27、出设备。多样的媒体通过用逗号隔开的列表或值 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“定义一个交互样式。固定样式在

28、样式表激活时总被应用。缺少的 TITLE 属性，就像例子中的第一个标记，定义一个固定样式。 一个首选样式会自动被应用，就像例子中的第二个标记。REL=StyleSheet 和一个 TITLE 属性的组合指定一个首选的样式。网页制作者不能指定多于一个的首选样式。 交互样式通过 REL=“Alternate StyleSheet“指出。例子中的第三个 标记定义一个交互样式，用户可以选择用来代替首选样式表。 注意现在的浏览器一般都缺乏选择交互样式的能力。单一的样式也可以通过多个样式表给出在这个例子中，三个样式表组合成一个“Contemporary“样式，作为一个首选样式表被应用。要组合多个样式表成一

29、个单一样式，必须在每个样式表中使用相同 TITLE。 当样式被应用到很多的网页时，一个外部样式表是理想的。网页制作者使用外部样式表可以改变整个网站的外观而仅仅通过改变一个文件。同样的，大多数浏览器会保存外部样式表在缓冲区，从而如果样式表在缓冲区就避免了在展示网页时的延迟。 3.3、应用 JavaScrip 设计网页 JavaScript 是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与 HTML 超文本标记语言、 Java 脚本语言（Java 小程序）一起实现在一个 Web 页面中链接多个对象，与 Web 客户交互作用，从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的 HTML 语言中实现的。它的出现弥补了 HTML 语言的缺陷。 JavaScript 的出现使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种实时的、动态的、可交式的表达能力。从而基于 CGI 静态的 HTML 页面将被可提供动态实时信息，并对客户操作进行反应的 Web 页面的取代。JavaScript 脚本正是满足这种需求而产生的语言。它深受广泛用户的喜爱。它是众多脚本语言中较为优秀的一种，与 WWW 的结合有效地实现了网络计算和网络计算机的蓝图。