企业网站设计毕业论文

1、安徽职业技术学院毕 业 论 文课题名称：学生姓名：学 号 ：专 业：班 级：指导教师：2016年月XXXXXXXXXXXXXXXXXXX摘要随着网络技术的迅猛发展, 当代企业纷纷建立自己的网站,借助于互联网扩大自己的影响、推广自己的产品,同时通过互联网快速的信息传递加速自身的发展。此次我的网站设计建设了一个符合客户需求的企业网站，它包括简洁的前台设计，以及系统全面的后台管理功能，通过数据管理功能来实现前台不断更行的数据。本文主要针对asp动态网页的制作设计了一个企业型的网站。通过对网站需求的分析以及对其他企业型网站的参考，最终完成了一个前台与后台很好的串联起来的一个网站。本文主要通过一下几点来

2、介绍：(1) 简单的介绍了Dreamweaver、ASP、Access、Photoshop；(2) 设计制作了用户登录、后台管理界面以及新闻的添加、删除、修改等；(3) 分析整个网站的制作流程。关键词：Asp Access Photoshop企业网站FlashASP based enterprise web designAbstract:With the rapid development of network technology, contemporary enterprises have set up their own websites via the Internet to expa

3、nd their influence to promote their products, while rapid transmission of information via the Internet to accelerate its own development. The design of my website builds a to meet customer demand for corporate website, which includes concise front design, as well as a comprehensive system of backgro

4、und management functions, through a data management function to achieve the more line data. This article mainly aims at the ASP dynamic webpage design an enterprise website. The site through the demand analysis and the other enterprise website reference, and eventually completed a foreground and bac

5、kground is very good together a website.This article mainly through the following points to introduce:(1) A brief introduction of theDreamweaverASPAccess Photoshop.(2) Design of user login, background management interface and information to add,delete, modify and so on.(3) Analysis of the production

6、 process of the entire site.Key words:Asp Access PhotoshopEnterprise website Flash目录第一章概述- 1 -1.1网站建设的含义- 1 -1.2网站建设技术- 1 -1.2.1 静态网页设计技术- 1 -1.2.2 动态网页设计技术- 2 -1.3 网站开发工具- 2 -1.3.1 Dreamweaver8.0- 2 -1.3.2 Photoshop- 3 -1.3.3 Flash- 3 -1.4 网站开发平台- 3 -1.5 设计意义- 3 -第二章 网站设计分析- 4 -2.1 网站定位- 4 -2.2 网站需

7、求分析- 4 -2.3 网站构思- 4 -2.3.1 网站目录结构- 4 -2.3.2 网站流程图- 5 -2.3.3 页面版式设计- 5 -2.4 网站部分代码- 8 -2.4.1 新闻滚动特效- 8 -2.4.2 时间显示代码- 10 -2.4.3 新闻首页图片显示代码- 11 -第三章 网站后台管理系统设计- 12 -3.1 系统需求分析- 12 -3.2 系统功能规划- 12 -3.3 后台管理流程图- 13 -3.4 数据库的设计- 13 -3.4.1 Access简介- 13 -3.4.2 网站数据库- 14 -3.5 系统管理界面- 15 -3.5.1 用户登录界面- 15 -3

8、.5.2 后台管理页面- 16 -第四章 总结- 18 -总结- 18 -致谢- 18 -参考文献- 19 -第一章 概述1.1网站建设的含义网站，实质上就是包括主页在内的很多网页的集合，也称站点，通过这些网页，各种各样的资源信息被放置在互联网上，供用户浏览使用。Internet上每个网站和网页都可以通过超链接与其他网站或网页连接，从而形成了庞大的环球信息网。在网页中，html作为一种标记语言，已经不能满足大多数网站的编写，随着技术的进步，ASP、PHP、JSP、net等已经成为网站编写的主流，能够很好的完成网站的交互作用。本网站主要是使用ASP动态网页的知识编写的，它能很好的实现用户管理，信

9、息之间的交互，相对于html标记语言来说，设计页面更加的简洁，设计思路清晰，可以很好的完成信息的更新。同时，还包括后台的管理页面，这是html标记语言所没有的，后台管理页面可以方便的实现新闻的添加、删除、更新等，能够更加快捷的实现用户与管理者的沟通，更加体现了网络的交互性。1.2网站建设技术1.2.1 静态网页设计技术“静态网页”是指网页的内容已经设定好，并且存放在Web服务器上，当用户通过浏览器以及互联网的HTTP协议向Web服务器提出请求时，服务器仅仅是将原有的已经设定好的静态HTML文档传送给用户浏览器。常见的静态网页有以下几种：HTML（Hyper Markup Language）：主

10、要用途是编写网页，由标记与属性组成，浏览器只要看到HTML标记与属性就能将其解析成网页。XML、XSL：主要的用途是在Internet传送货处理数据时提供跨平台、跨程序的数据交换格式，其中XML用来描述文件的内容，XSL用来描述文件的样式。CSS：主要的用途是定义网页数据的编排、显示、格式化及特殊效果，虽然HTML提供的标记可以将数据格式化，但变化有限，而CSS正好弥补了这个不足。1.2.2 动态网页设计技术“动态网页”是指网页能够根据用户的要求和选择，进行不同的处理，并根据处理的结果，自动生成新的页面，不再需要设计者自己动手更新HTML文档。目前被广泛应用的动态网站建设技术主要有ASP、JS

11、P、PHP、ASP.NET等，每一项技术都有它自身的特点。本网站的设计运用了ASP技术。ASP（Active Server Pages），即动态服务器页，是一种类似HTML、Script与CGI的结合体，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本编写ASP的应用程序。与HTML相比，ASP程序的编写更加方便，也更为灵活。ASP最大的好处是可以包含HTML标签，也可以直接存取数据库及使用无线扩充的ActiveX控件，因此在程序编制上要比HTML方便而且更富有灵活性。通过使用ASP的组件和对象技术，用户可以直接使用ActiveX控件，调用对象方法和属性，以简单的方式实现强大的交互

12、功能。1.3 网站开发工具在整个网站的建设过程中，需要熟练的运用各种网页设计工具软件，比较常用的网页设计软件有Dreamweaver、Photoshop、Flash、Fireworks等。下面就来一一介绍这些网站在整个页面编写过程中的功能及作用。1.3.1Dreamweaver8.0Dreamweaver 是美国Adobe公司的一个优秀的所见即所得的网页编辑工具，用于网页制作和网站管理的专业化设计。它能够快速高效的创建极具表现力和动感效果的网页；具有网站建设过程中必需的网站管理、页面制作、多媒体设计、动画制作和CSS样式设计等丰富实用的功能；而且生成的HTML源代码效率高，冗余代码少；其简洁实

13、用的用户界面也深受网页设计者的喜爱。1.3.2 PhotoshopPhotoshop是一种最专业、最流行、最常用、使用功能最强大的图形图像处理软件，它功能完善，具有专业的图像处理技术和多种设计手段；兼容性强，可处理多种格式的图形图像文件。它不仅可以帮助处理网页中需要的图片，最重要的是能够使用它快速高效的设计页面布局图。1.3.3 FlashFlash是一款专门用于矢量图形编辑和动画制作的软件，与Dreamweaver和Fireworks一起被誉为“网页三剑客”，具有体积小、动态性强、简单易学、交互性强、输出格式灵活等特点，是设计网页多媒体的不可缺少的工具。1.4 网站开发平台使用asp技术开发

14、动态网站，首先要在计算机上创建一个web服务器环境，也就是要安装IIS。IIS可以通过下载安装windows组建，不过也可以下载其他的一些服务器软件来打开网站。1.5 设计意义随着现代信息技术的发展，特别是信息技术高速发达的今天，人们迫切的想要了解到最新的新闻，然而动态网页的使用，很好的完成了人们的需求，它的及时性，完整性等都很好的服务于每一个用户。本网站的设计贴近人们的需求需要，网页中的每一个板块都是非常重要的。它的使用，促进了信息的流通，推广，更加丰富了人们的生活，让更多的汽车爱好者了解到最新的信息。第二章 网站设计分析2.1 网站定位1：网站主题：基于asp的企业型网站设计。2：网站色调

15、：本网站以蓝色为主，另配有白色文字，蓝白的相互点缀，给人一种清新的感觉，让人们不自觉的就想继续看下去。3：网站字体：运用标准字体宋体。2.2 网站需求分析汽车产业是国民经济的支柱产业，是涉及到国家安全的战略产业。中国汽车市场的特点是差异性、多元化，所以要发展经济适用的小型车，要发展与广阔的农村市场相适应的汽车，这是中国汽车市场主要的经济特征。2011年，汽车行业已被列入十大产业信息规划。目前，随着我国中层消费者的迅速增长以及该阶层对于汽车的巨大购买潜力，以及汽车消费观念的转变，中国汽车总体市场需求量持续增长。然而人们生活的快节奏化，让很多人没有时间实地的去研究汽车商品。因此，网络在这里就发挥了

16、重要的作用。设计出一个相对完整的汽车信息网站，可以更好的帮助顾客了解到更多更全面的信息，同时也促进了企业的发展。2.3 网站构思2.3.1 网站目录结构网站目录是指建立网站时创建的站点目录，对于一个内容丰富的网站，需要设计的栏目很多，要求对网站的结构认真仔细地分析和设计。一个合理的、符合逻辑的网站结构无论是对网站的建设还是对网站以后的管理、维护都是大有裨益的。如图2-1是本网站设计的目录结构：图2-12.3.2 网站流程图本网站的前台主要包括主页、新闻首页、最新车闻、各地行情、用车养车、汽车文化、论坛活动推荐、专栏频道等，以下是整个网站的流程图：首页新闻首页最新车闻各地行情用车养车汽车文化专栏

17、频道论坛活动推荐后台登录2.3.3页面版式设计网页设计作为一种视觉语言，特别讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有很多相近之处。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，为了达到最佳的视觉表现效果，应该反复推敲整体布局的合理性，使浏览者有一个流畅的视觉体验。1：首页版式设计首页是网站的整体门面，是网站首先考虑的关键因素。本次网站首页采用的是一个Flash动画，给人一种视觉冲击，让用户打开页面后就有不自觉的想往后面点击浏览更多。图2-2 网站首页2：新闻首页设计新闻的首页头部的banner是比较突出，应对了主页的flash，前后呼应，头部可以链接到主页，同样也有

18、设为主页和加入收藏，这样方便用户的多次打开。导航的设置采用了渐变的方式，当鼠标移上去的时候也会有变化。新闻内容部分的导航采用了不规则的图形设计，改变了以往的呆板现象。图2-3 新闻首页3：二级栏目页设计：栏目页与主页最大的不同就是左侧的论坛活动动态的变化，使用Javascript将文字滚动起来，使得页面动静结合，这里的滚动方法将会在后面的内容中仔细述说。图2-4 新闻分类页4：三级新闻内容页设计：新闻内容页跟分类页面的布局相同，只是将右边的新闻栏目改成了新闻内容。图2-5 新闻内容页2.4 网站部分代码2.4.1 新闻滚动特效%i=0while not a3.eof and ia href=n

19、ews.asp?id=  marqueesHeight=450; /内容区高度stopscroll=false; /这个变量控制是否停止滚动with(marquees)noWrap=true; /这句表内容区不自动换行style.width=235; /于是我们可以将它的宽度设为0，因为它会被撑大style.height=marqueesHeight;style.overflowY=hidden; /滚动条不可见onmouseover=new Function(stopscroll=true); /鼠标经过，停止滚动onmouseout=new Function(stops

20、croll=false); /鼠标离开，开始滚动/这时候，内容区的高度是无法读取了。下面输出一个不可见的层templayer，稍后将内容复制到里面：document.write();function init() /初始化滚动内容/多次复制原内容到templayer，直到templayer的高度大于内容区高度：while(templayer.offsetHeightmarqueesHeight)templayer.innerHTML+=marquees.innerHTML; /把templayer的内容的“两倍”复制回原内容区：marquees.innerHTML=templayer.inne

21、rHTML+templayer.innerHTML;/设置连续超时，调用scrollUp()函数驱动滚动条：setInterval(scrollUp(),60);document.body.onload=init;preTop=0; /这个变量用于判断滚动条是否已经到了尽头function scrollUp() /滚动条的驱动函数if(stopscroll=true) return; /如果变量stopscroll为真，则停止滚动 preTop=marquees.scrollTop; /记录滚动前的滚动条位置marquees.scrollTop+=1; /滚动条向下移动一个像素/如果滚动条不动

22、了，则向上滚动到和当前画面一样的位置/当然不仅如此，同样还要向下滚动一个像素(+1)：if(preTop=marquees.scrollTop)marquees.scrollTop=templayer.offsetHeight-marqueesHeight+1;2.4.2 时间显示代码var day=;var month=;var ampm=;var ampmhour=;var myweekday=;var year=;mydate=new Date();myweekday=mydate.getDay();mymonth=mydate.getMonth()+1;myday= mydate.ge

23、tDate();myyear= mydate.getYear();year=(myyear 200) ? myyear : 1900 + myyear;if(myweekday = 0)weekday= 星期日 ;else if(myweekday = 1)weekday= 星期一 ;else if(myweekday = 2)weekday= 星期二 ;else if(myweekday = 3)weekday= 星期三 ;else if(myweekday = 4)weekday= 星期四 ;else if(myweekday = 5)weekday= 星期五 ;else if(mywee

24、kday = 6)weekday= 星期六 ;document.write( );document.write(    );document.write(year+年+mymonth+月+myday+日 +weekday);document.write();2.4.3 新闻首页图片显示代码var i=0;var arr=new Array(5);arr0=;arr1=;arr2=;arr3=;arr4=;function playTp()if(i=2)i=0;elsei+;div1.filters0.apply();div1.innerHTML=arri

25、;div1.filters0.play();div1.filters0.transition=23;setTimeout(playTp(),5000);第三章 网站后台管理系统设计3.1 系统需求分析本网站的后台管理系统主要包括用户管理和新闻发布两部分。用户管理需设定一个网站管理员用户，此用户可以进行新闻的添加，删除，修改等操作，用户密码只有管理员一人知道，其他浏览网页的人不能进入后台管理页面。这就防止了许多的恶意破坏。新闻发布系统主要是用来实现将要发布的新闻数据保存到数据库中，以此来实现对这些数据的统一管理，这样也方面了网站前台页面从数据表中读取数据，将数据库中的新闻标题显示在网页的栏目列表

26、中，当浏览者单击新闻标题是，再将这条新闻的具体内容读出并显示在另一个网页中。3.2系统功能规划根据网站的功能需求，此次网站的后台管理功能主要包括用户信息管理和新闻信息管理两部分，下面就具体分析了用户管理系统和新闻发布系统。3.3 后台管理流程图后台登录密码正确密码错误后台管理界面返回3.4 数据库的设计 Access简介Microsoft Office Access是由微软发布的关联式数据库管理系统,是集成在microsoft公司开发的产品更新换代office系统中的集成软件。它之所以被集成到Office中而不是Visual Studio中，是因为它与其它的数据库管理系统（如Visual Fo

27、xPro）相比更加简单易学，一个普通的计算机用户即可掌握并使用它。而且最重要的一点是Access的功能足够强大，足以应付一般的数据管理及处理需要。Assess能够存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC兼容数据库内的资料。ODBC（Open Database Connectivity开放式数据库互联）是微软推出的一种工业标准，一种开放的独立于厂商的API应用程序接口，可以跨平台访问各种个人计算机、小型机以及主机系统。ODBC作为一个工业标准，绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了OD

28、BC支持，这其中就包括常用的SQL SERVER、ORACAL、INFORMIX等，当然也包括了Access。在ASP中可以通过三种方式访问数据库：1、IDC（Internet Database Connector）方式；2、ADO（ActiveX Data Objects）方式；3、RDS（Remote Data Service）方式。这三种访问方式对数据库的访问都是由Internet Information Server完成的。通过Web浏览器用HTTP协议向IIS（Internet信息服务器）发送请求，IIS执行对数据库的访问，并返回一个HTML格式的文档响应。 网站数据库本网站使用Ac

29、cess2003实现关系型数据库，数据结构清晰，一下是本网站所涉及的几个表：1：网站的后台用户登录：这个表主要是用来存储管理员的用户名和密码。图3-12：网站的新闻表：主要存储管理员添加的新闻标题、分类、新闻内容、添加图片以及新闻的时间等，通过ID号来进行排序。图3-2创建好数据库以后，我们就可以用asp把程序和数据库连接起来，然后就可以在网页中添加新闻等，这样就可以将数据库和网站完整的统一起来，方便管理。3.5 系统管理界面 用户登录界面设计用户登录页面，包括用户登录表单（login.asp）以及登录验证页面（login_chk.asp），页面效果如下图：图3-3 后台登录页面图3-4 登录验证页 后台管理页面此页面包括了网站整个后台的运行，有管理员密码的