企业门户网站毕业设计论文信息工程学院.docx
《企业门户网站毕业设计论文信息工程学院.docx》由会员分享,可在线阅读,更多相关《企业门户网站毕业设计论文信息工程学院.docx(22页珍藏版)》请在冰豆网上搜索。
企业门户网站毕业设计论文信息工程学院
某某大学毕业设计(论文)
题目企业门户网站设计
院系信息工程学院
专业计算机科学与技术
年级0000级
学生姓名李**
指导教师
****年**月**日
电子企业门户网站设计
摘要:
本文就网站的主题内容及网站的制作与设计这两方面进行描述与分析。
本网站的主题知识产权服务,整个网站都是以法律性的内容为主的,主要包括了首页、公司简介、法律服务、友情链接、法界动态、法律法规、在线留言、联系我们、网站公告等栏目。
在整个设计过程中主要是运用Dreamweaver、ACCESS、ASP等编写的。
通过本网站系统,给想了解知识产权的人群提供了一个良好的平台,同时也为有意愿注册公司、注册商标、申请专利,却无从咨询的人提供了一个可以互动解决问题的平台。
如今,在网络技术的迅猛发展下,互联网的不断普及,让人们都感受到网络的方便快捷,从而大家都喜欢选择从互联网上获取信息,因此,互联网逐渐成为一个宽广的信息发布平台和获取信息的平台。
本网站也需要通过Internet来对外宣传、普及,从而帮助到更多想了解知识产权的人们。
本网站主要是以建立Dreamweaver、ACCESS、ASP等技术的动态网站管理系统的前台表现模块,使用了ASP技术的动态网页技术,加上ACCESS作为后台数据库,制作了一个简单的服务性企业网站系统,实现了企业网站的基本功能,例如用户注册登录,留言板的实现等。
关键字:
企业网站;ASP;ACCESS
Abstract:
Inthispaper,thesetwoaspectsoftheproductionanddesignofthethemeofthesitecontentandsitedescriptionandanalysis.
IntellectualPropertyServicesofthethemeofthesite,theentiresiteislegalcontent-based,mainlyincludingHome,AboutUs,legalservices,links,DharmaRealmdynamic,lawsandregulations,Feedback,ContactUs,SiteNoticesection.ThroughoutthedesignprocessismainlypreparedbyuseDreamweaver,Access,ASP,andsoon.Systemthroughthiswebsite,wantingtolearnabouttheintellectualpropertyrightsofthecrowdprovidesagoodplatform,butalsoforthewillingnessregisteredcompany,registeredtrademarks,patentapplicationsandprovidesaninteractiveplatformtosolvetheproblem,butnonefromthepeopleconsulted.
Today,therapiddevelopmentofnetworktechnology,thegrowingpopularityoftheInternet,sothatpeoplefeelthenetworkeasilyandquickly,sothatweallprefertoobtaininformationfromtheInternet,theInternethasgraduallybecomeabroadplatformforthedisseminationofinformationandaccesstoinformationplatform.ThiswebsiteovertheInternetoutreach,popular,helpingpeopletowanttoknowmoreintellectualpropertyrights.
ThiswebsiteismainlytoestablishtheDreamweaver,ACCESS,ASP,andothertechnologiesdynamicwebsitemanagementsystemfrontdeskmoduleperformance,usingthetheASPtechnologyofdynamicwebtechnology,coupledwiththeAccessdatabaseasabackground,makingasimpleserviceenterprisewebsystems,basicfunctions,suchasuserregistrationlogin,messageboardsrealizationofthecorporatewebsite.
前言
二十世纪进入信息发展高速路,数码化革命给所有领域带来新的改变。
随着电脑办公自动化的普及,电子商务应运而生,一切都归功于internet的巨大贡献,互联网的世界里蕴藏无限生机,这里只有想不到的、没有做不到的。
由于国际互联网是一个不受时空限制的信息交换系统,所以它是目前最直接、最丰富和最快捷的联系方式,信息沟通的高效率为企业带来了最大的方便。
所以在现今社会对于一个企业来说,网站已经是不可缺少的一部分了。
现今,知识产权越来越被人们关注,随着就业压力的加重,越来越多的年轻人选择自己创业开公司,大学生也占了一定的比例,由于专业的限定,有些大学生在校基本上接触不到知识产权的知识,当然在社会上的人群也不一定都了解知识产权。
同时随着互联网的快速发展和不断普及,网站成了传播信息最有效的平台。
所以我制作了一个专门针对知识产权行业的企业网站,给这些人群提供了一个了解和学习知识产权的平台,当然对于一个针对知识产权的服务性企业本身而言,这个网站将会对其自身带来不可估量的效用。
社会在发展,人们的思想观念,生活方式也在发展,通过网站这种方式与企业或者他人交流已经趋向普及。
第一章网站设计分析
网站的设计与制作需要用到网页三剑客(Dreamweaver、fireworks、flash),IIS,photoshop等工具。
所以首先我们要了解这些工具的功能与用处,然后要能够熟练得掌握这些工具用法,只有你能熟练使用这些工具,你才能在设计过程中尽量避免技术上的问题,提高效率,做到“事半功倍”。
1.1网站设计概述
网站首页可以说是网站的门面,大家浏览你的网站首先看到的就是网站首页,所以首页不仅要做得美观,引人浏览,还要有丰富的内容。
所以我们在首页就首页聚集了大量的信息,除了最基本的法律法规、法界动态、法律服务这些栏目外,我还将公司的公告用滚动文字的形式展现出来,这样静中有“动”的效果可以抓住人的眼球,吸引人去点击。
每页左下方都有我们的联系方式,这样就不用转到联系我们这张页面都能获取到公司的联系方式了,当然若想更深入的了解就可以转到联系我们页面。
子页面的框架基本上是符合整个网站的整体风格的,banner,导航等都是和首页一样的,不一样的只是正文的内容,这个可以通过模板来实现。
出于排除对模板可编辑区域排版的复杂性起见,我这里没有运用模板,而是用另存为的方式实现网页风格“统一化”的。
在网站的各页面制作好后,我在Dreamweaver中与Access数据库建立连接,通过在Dreamweaver的一系列操作实现注册登录的功能,而留言板功能我是通过一张空白的写有后台代码的页面转接过去的,用户可以通过“在线留言”在网站上发表自己的见解或疑问,达到互动的效果。
1.2开发工具的选用及介绍
1.2.1Dreamweaver8.0
Dreamweaver是创建和管理网页的专业化可视编辑器,在网页设计与制作领域中用户最多、应用最广、功能最强大的软件,随着Dreamweaver8的发布,更坚定Dreamweaver在该领域的地位。
它集网页设计、网站开发和站点管理功能于一身,具有可视化、支持多平台和跨浏览器的特性,是目前网站设计、开发、制作的首选工具。
1、灵活的编写方式
Dreamweaver具有灵活编写网页的特点,不但将世界一流水平的“设计”和“代码”编辑器合二为一,而且在设计窗口中还精化了源代码,能帮助用户按工作需要定制自己的用户界面。
2、可视化编辑界面
Dreamweaver是一种所见即所得的HTML编辑器,可实现页面元素的插入和生成。
或视化编辑环境大量减少了代码的编写,同时亦保证了其专业性和兼容性,并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。
无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面,Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。
3、功能更多的CSS支持——CSS可视化设计、CSS检查工具。
4、动态跨浏览器验证
当保存时系统自动检查当前文档的跨浏览器有效性,可以指定何种浏览器为测试用浏览器,同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。
动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。
5、强大的WEB站点管理功能。
6、内建的图形编辑引擎。
7、Dreamweaver的集成特性
Dreamweaver8继承了Fireworks、Flash和Shockwave的集成特性,可以在这些Web创作工具之间自由地切换,轻松地创建美观实用的网页。
8、丰富的媒体支持能力
可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。
Dreamweaver具有强大的多媒体处理功能,在设计DHTML和CSS方面表现得极为出色,它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。
Dreamweaver还提供行为和时间线两种控件来产生交互式响应和进行动画处理。
9、超强的扩展能力
Dreamweaver还支持第三方插件,任何人都可以根据自己的需要扩展Dreamweaver的功能,并且可以发布这些插件。
1.2.2PhotoshopCS
PhotoshopCS是一款图形、图像编辑软件,在网页设计领域被广泛得应用。
以下是其10大最新功能:
1、改进的文件浏览器
使用功能强大文件浏览器的可以快速预览、标注和排序图片;搜索或编辑图像的数据元或关键词;并且可以自动批量共享文件。
2、匹配颜色命令
可以迅速从一张图片的颜色校正另外一张图像的颜色。
3、直方图调色板
随时根据对图像的调整更新直方图调色板(HistogramPalette)。
4、阴影/加亮区修正
使用“阴影/加亮区修正(hadow/Highlightcorrection)”可以快速调整照片中曝光过渡或欠缺的区域。
5、沿路径放置文本
可以像在Illustrator中一样把文本沿着路径放置,并且你还可以在Illustrator直接编辑文本。
6、支持数码相机的raw模式
支持多款数码相机得raw模式,让用户可以得到更真实的图像输入。
7、全面支持16位图像
可以在主要功能、层、比刷、文字、图形等中精确的编辑、润饰16位的图像。
8、LayerComps
可以在一个文件中保存不同层的合并效果,以便对各种效果进行快速察看。
9、输入Flash文件
使用ImageReady可以创建flash矢量文件。
10、自定义快捷键
用户可以按照自己的习惯定义Photoshop的快捷键。
1.2.3AspStudio
ASPStudio是一个集ASP代码编辑、程序调试于一体的高性能的ASP项目开发工具。
你只需简单的新建一个ASP项目,无需配置任何服务器,便可在内置的带有调试功能的ASP服务器的配合下实现ASP项目的编辑、调试。
ASPStudio自带ASP服务器,它内置了一个具有调试功能的ASP服务器,工程建立后无需配置IIS便可运行或调试您的ASP项目;ASPStudio显示详细的调试信息,用户可以通过单步、断点等调试方式来启动您的ASP项目,当服务器执行到断点处(或您单步运行)时,有多个方式查看当前的服务器端变量的值。
功能概述
1、自带ASP服务器。
本软件内置一个具有调试功能的ASP服务器,工程建立后无需配置IIS便可运行或调试您的ASP项目。
(其实您的操作系统根本不需任何ASP服务器,即使在98环境下,我们的内置服务器也能正常执行)
2、显示详细的调试信息。
您可以通过单步、断点等调试方式来启动您的ASP项目,当服务器执行到断点处(或您单步运行)时,有多个方式查看当前的服务器端变量的值。
我们对内置的ASP对象做了特殊优化,使之能在界面上显示更详尽的信息。
3、支持自定义对象的调试。
如果您的变量是一个COM对象(如数据库的连接,磁盘文件的访问等)或其他自定义对象,软件也能准确显示出断点处的值和状态。
4、带代码提示功能的编辑器。
软件的编辑界面是一个源代码级的编辑器,该编辑器对ASP程序做了特别的优化,能对ASP内置对象、COM对象、用户自定义对象自动列出其成员函数及其函数的语法提示。
5、方便的外接编辑器接口。
软件本身不提供所见即所得的静态HTML编辑功能,您可设置自己喜欢的HTML编辑软件(如DreamWeave等)来编写静态HTML代码,软件支持交互编辑功能。
6、多编码编辑。
软件能自动处理各种类型的文本编码,并实现了在简体环境中编辑繁体文档的功能。
7、执行文件导出功能:
能导出内嵌ASP服务器的一个执行文件(能被其他上层程序调用的DLL库)。
ASP代码被多层加密后嵌入到动态库中,导出后即可提供给客户:
一方面代码得到了保护;另一方面在开发C/S或B/S架构的工程时,可放心的以共享软件方式发布产品。
1.3ASP动态网站脚本语言
ASP是ActiveServerPage的缩写,意为“动态服务器页面”。
ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互,是一种简单、方便的编程工具。
ASP的网页文件的格式是.asp。
现在常用于各种动态网站中。
1.3.1ASP网页特点
ASP是一种服务器端脚本编写环境,可以用来创建和运行动态网页或Web应用程序。
ASP网页可以包含HTML标记、普通文本、脚本命令以及COM组件等。
利用ASP可以向网页中添加交互式内容(如在线表单),也可以创建使用HTML网页作为用户界面的web应用程序。
与HTML相比,ASP网页具有以下特点:
⑴利用ASP可以实现突破静态网页的一些功能限制,实现动态网页技术。
⑵ASP文件是包含在HTML代码所组成的文件中的,易于修改和测试;服务器上的ASP解释程序会在服务器端执行ASP程序,并将结果以HTML格式传送到客户端浏览器上,因此使用各种浏览器都可以正常浏览ASP所产生的网页。
⑷ASP提供了一些内置对象,使用这些对象可以使服务器端脚本功能更强。
例如可以从web浏览器中获取用户通过HTML表单提交的信息,并在脚本中对这些信息进行处理,然后向web浏览器发送信息。
⑸ASP可以使用服务器端ActiveX组件来执行各种各样的任务,例如存取数据库、发送Email或访问文件系统等。
⑹由于服务器是将ASP程序执行的结果以HTML格式传回客户端浏览器,因此使用者不会看到ASP所编写的原始程序代码,可防止ASP程序代码被窃取。
⑺方便连接ACCESS与SQL数据库。
⑻开发需要有丰富的经验,否则会留出漏洞,让骇客(cracker)利用进行注入攻击。
ASP也不仅仅局限于与HTML结合制作WEB网站,而且还可以与XHTML和WML语言结合制作WAP手机网站。
但是其原理也是一样的。
1.3.2ASP的工作原理
当在Web站点中融入ASP功能后,将发生以下事情:
1、用户向浏览器地址栏输入网址,默认页面的扩展名是.asp。
2、浏览器向服务器发出请求。
asp设计流程(3张)3、服务器引擎开始运行ASP程序。
4、ASP文件按照从上到下的顺序开始处理,执行脚本命令,执行HTML页面内容。
5、页面信息发送到浏览器。
1.4关系型数据库的选择
1.4.1MicrosoftOfficeAccess简介
MicrosoftOfficeAccess是由微软发布的关联式数据库管理系统,是集成在microsoft公司开发的产品更新换代office系统中的集成软件。
它之所以被集成到Office中而不是VisualStudio中,是因为它与其它的数据库管理系统(如VisualFoxPro)相比更加简单易学,一个普通的计算机用户即可掌握并使用它。
而且最重要的一点是Access的功能足够强大,足以应付一般的数据管理及处理需要。
Assess能够存取Access/Jet、MicrosoftSQLServer、Oracle,或者任何ODBC兼容数据库内的资料。
ODBC(OpenDatabaseConnectivity开放式数据库互联)是微软推出的一种工业标准,一种开放的独立于厂商的API应用程序接口,可以跨平台访问各种个人计算机、小型机以及主机系统。
ODBC作为一个工业标准,绝大多数数据库厂商、大多数应用软件和工具软件厂商都为自己的产品提供了ODBC接口或提供了ODBC支持,这其中就包括常用的SQLSERVER、ORACAL、INFORMIX等,当然也包括了Access。
在ASP中可以通过三种方式访问数据库:
1、IDC(InternetDatabaseConnector)方式;
2、ADO(ActiveXDataObjects)方式;
3、RDS(RemoteDataService)方式。
这三种访问方式对数据库的访问都是由InternetInformationServer完成的。
通过Web浏览器用HTTP协议向IIS(Internet信息服务器)发送请求,IIS执行对数据库的访问,并返回一个HTML格式的文档响应。
以下是Access的优点:
1.存储方式单一
Access管理的对象有表、查询、窗体、报表、页、宏和模块,以上对象都存放在后缀为(.mdb)的数据库文件种,便于用户的操作和管理。
2.面向对象
Access是一个面向对象的开发工具,利用面向对象的方式将数据库系统中的各种功能对象化,将数据库管理的各种功能封装在各类对象中。
它将一个应用系统当作是由一系列对象组成的,对每个对象它都定义一组方法和属性,以定义该对象的行为和外国,用户还可以按需要给对象扩展方法和属性。
通过对象的方法、属性完成数据库的操作和管理,极大地简化了用户的开发工作。
同时,这种基于面向对象的开发方式,使得开发应用程序更为简便。
3.界面友好、易操作
Access是一个可视化工具,是风格与Windows完全一样,用户想要生成对象并应用,只要使用鼠标进行拖放即可,非常直观方便。
系统还提供了表生成器、查询生成器、报表设计器以及数据库向导、表向导、查询向导、窗体向导、报表向导等工具,使得操作简便,容易使用和掌握。
4.集成环境、处理多种数据信息
Access基于Windows操作系统下的集成开发环境,该环境集成了各种向导和生成器工具,极大地提高了开发人员的工作效率,使得建立数据库、创建表、设计用户界面、设计数据查询、报表打印等可以方便有序地进行。
5.Access支持ODBC(开发数据库互连,OpenDataBaseConnectivity)。
利用Access强大的DDE(动态数据交换)和OLE(对象的联接和嵌入)特性,可以在一个数据表中嵌入位图、声音、Excel表格、Word文档,还可以建立动态的数据库报表和窗体等。
Access还可以将程序应用于网络,并与网络上的动态数据相联接。
利用数据库访问页对象生成HTML文件,轻松构建Internet/Intranet的应用。
第二章方案初选
2.1网站定位
1.网站主题
本网站的主题是知识产权(包括公司注册、商标注册、专利申请等等的法律知识),给想成立公司、注册公司、申请专利、注册商标等的相关人群予帮助。
2.网站名称
该网站名为“君辉知识产权代理有限公司”,由此可见,这个企业网站以知识产权的相关知识为主,“代理有限公司”也突出了该企业的性质即法律服务行业。
一个网站的名字应该要能反映出你想表达的意思,达到一望而知的效果。
3.标准颜色
本网站以蓝白色渐变色为底,以蓝色为主色调,蓝白的相互点缀,给人一种倾心的感觉,蓝色还是天空和海洋的象征,“广阔无垠”的蓝色也同样象征着我们“知识产权”给人们带来的财富也“浩瀚无垠”。
4.标准字体
正文字体主要用的是标准的宋体。
2.2系统构思
本网站前台包括首页、公司简介、诚征经销、解决方案、邮购须知、人力资源、联系我们、网站公告、后台管理等栏目。
以下是系统构思的图解。
(如图2.1)
图2.1网站垂直系统图
2.3网站栏目简介
本网站的栏目有首页、公司简介、诚征经销、解决方案、邮购须知、人力资源、联系我们、网站公告、后台管理等栏目,下面是对各栏目的简介:
首页:
首页的设计主要是体现公司文化风格、公司业务范围和产品,基于网站优化的思想首页有三大板块:
导航、内容、底部导航。
公司简介:
主要介绍公司的历史文化及服务内容。
诚征经销:
展示公司经销策略。
解决方案:
此栏目主要展示公司在项目工程上成果。
邮购须知:
展示公司邮购方式。
人力资源:
展示公司人才策略和招聘信息。
联系我们:
通过这个栏目,可以让用户获得我们的各种联系方式。
网站公告:
除了单独设立这个栏目外,我还特意在每张页面的左侧做了一个由下而上的滚动公告栏来吸引大家的眼球,鼠标滑过滚动文字停留,鼠标点击后超链接至“网站公告”这个栏目,内容主要为公司的最新的动态。
第三章详细设计
3.1网站制作过程
3.1.1logo的制作过程
本网站的Logo是把从网络上找到的一些素材图片,通过用Photoshop进行编辑、修改、组合而完成的。
(如图3.1)
图3.1网站logo
3.1.2banner的制作过程
Banner的设计主要是使用了div+css+js,使用div+css使得代码简洁明了,便于后期更改,使用js是为了捕获用户鼠标事件,并同时做出相应,并实现动画效果。
(如图3.2)
图3.2网站banner
3.1.3主页制作过程(详见图3.3)
首先根据页面要展示内容的多少,在photoshop中新建一个适合的网页宽度和长度的文件(我设计的时候在宽屏的机子上,所以建的文档较大,约为1280*1405)。
在画布上按自己的想法结合实际内容,用各图形工具在画布上画上整个网页基本的布局。
基本布局的设计定下之后再对各部分进行具体设计,细化每个部分,特别是静态的部分。
在Photoshop里完成整个页面的设计后,进行切片,将要动态显示的地方切出来,还有就是大的图片要切一下,能提高网页读取速度。
按Shift+Ctrl+Alt+S存储为.html格式后,用Dreamweaver编辑,将需要作为背景的单元格中的图片设为该单元格的背景,另存为index.asp。
用相同的方法制作