毕业设计论文 定稿.doc_第1页
毕业设计论文 定稿.doc_第2页
毕业设计论文 定稿.doc_第3页
毕业设计论文 定稿.doc_第4页
毕业设计论文 定稿.doc_第5页
已阅读5页,还剩21页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

装订线毕业论文(设计)报告纸环保网的设计与制作摘 要 当时光迈入21世纪,与之并进的不仅仅是日新月异的科技,还有人类对如何与环境和谐共处的深层思考和探索。可持续发展成为新世纪的重要课题,环保成为全世界的头等事业。在这项与每个人休戚相关的事业中,我们十分清楚自己的责任,更明白行胜于言的意义。 本课题以环保网为例,针对其特点,论述了以Dreamweaver网页开发软件为基础,并结合ASP.net技术、flash软件以及photoshop软件等多种技术手段,充分展示该企业的文化精髓、确保给企业带来的附加值,激励客户成长以及富有个性化的网站。 关键词 形象展示;动态网站;数据库;ASP 目 录引言3概述31 开发工具及介绍41.1 Dreamweaver 简介51.2 Photoshop 简介51.3 Asp 简介61.4 Access 简介62 网站前台开发72.1 网站首页的实现92.2 首页图片栏的实现92.3业务领域栏的实现92.4首页左侧QQ客服联系的实现123 网站后台开发133.1在线留言的实现163.2管理员账户的实现183.3数据库的连接184 操作说明194.1 配置IIS204.2 前台操作214.3 管理员登录215 结束语22总结23致谢24参考文献26引言在当今全球信息化大潮中,互联网(即因特网Internet)异军突起,给人类社会增添了无限的活力,成为现代社会生活中一道亮丽的风景线。互联网带给人们 的不仅仅是技术,而是一种以信息为标志的崭新的生活方式。他正在改变着人们的工作和 生活方式。系统从法律咨询公司的特点出发,基于ASP技术,利用个性化的精美设计,并结合了Access数据库、Dreamweaver网页开发软件、PhotoShop图像编辑软件等多种先进的技术手段,涵盖了公司介绍、公司理念、公司文化、在线反馈、联系方式、公司动态、行业新闻等功能模块,是一个设计与技术并重的动态数据库网站。通过这样一个网络平台,提升公司形象,开拓更大市场,建立新型的商务管理模式,引领公司进入电子商务领域,为客户提供更完善的服务,加强公司与社会之间的信息联系,改善内部管理,提高运营效率。概述随着网络的发展,人们的要求也越来越高,对于网站的设计制作也越来越在意,我们的网站应该不仅仅是信息的简单罗列,否则就会很容易被淹没在浩如烟海的互联网之中。我们随便在一个搜索引擎上查找某一行业的企业网站,都会找到成千上万条信息,试想,在这么多的网站中,没有自己企业特色、平庸无奇的网站是不会令人感到兴趣的,更不用说进入详细浏览了。在网页制作中,我借鉴了许多企业网站的设计风格,为了着重于给浏览者以强烈的视觉冲击。运用了photoshop强大的图像制作和处理能力。进行了大量的图片制作,从而给人以强烈的美感。给予浏览者一种强烈的时代动感。整个网站的架构是由Dreamwave完成的。网络发展得太快,网站设计跟不上时代的发展,互联网上很大一部分企业网站缺乏设计思想和技术含量,还远远停留在几年前的水平,没有发挥网站应有的作用。个人在设计时考虑的多为个人的兴趣喜好,而不注重商业的展示。网站前台都为静态,后台留言板是ASP动态设计的。留言板设计还不够美观,都待改进。1开发工具及介绍1.1 Dreamweaver CS3 简介Dreamweaver是网页制作与开发领域中用户最多、应用最广、功能最强的软件。Dreamweaver CS3是Adobe公司在收购了Macromedia公司后推出的最新版本,是一款专业的HTML编辑器,用于对Web站点、Web页和Web应用程序进行编码和开发设计。它采用了多种先进的技术,能快速高效地创建极具表现力和动感效果的网页。Dreamweaver CS3的新功能如下:1. Ajax的Spry框架通过Adobe Dreamweaver CS3,可以使用Ajax的Spry框架进行动态用户界面的可视化设计、开发和部署。Ajax的spry框架是一个面向设计人员的JavaScript库,用于构建向用户提供更丰富体验的网页。可以同时为设计人员和开发人员所用。2. Spry构件Spry构件是预置的常用用户界面组件,可以使用CSS自定义这些组件,然后将其添加到网页中。使用Dreamweaver CS3可以将多个Spry构件添加到已构建的页面中,这些构件包括XML驱动的列表和表格、折叠构件、选项卡式界面和具有验证功能的表单元素。3. Spry效果Spry效果是一种提高网站外观吸引力的简洁方式,这种效果几乎可应用于HTML页面上的所有元素。用户可以添加Spry效果来放大、收缩、渐隐和高亮显示元素;在一段时间内以可视方式更改页面元素以及执行更多操作。4. 高级Photoshop CS3集成Dreamweaver CS3包括了与Photoshop CS3的集成功能。可以在Photoshop中选择设计的任意部分(甚至可以跨多个层),然后将其直接粘贴到Dreamweaver页面中。Dreamweaver会显示一个对话框,可在其中为图像制定优化选项。如果需要编辑图像,只需双击图像即可在Photoshop中打开原始的带图层文件进行编辑。5. CSS布局Dreamweaver CS3提供一组预先设计的CS3布局,可以帮助用户快速设计好页面并开始运行,并且在代码中提供了丰富的内联注释以帮助用户了解CSS页面布局。Web上的大多数站点设计都可以被归类为一列、两列或三列式布局,而且每种布局都包含许多附加元素。Dreamweaver CS3提供了一个包含基本布局设计的综合性列表,用户可以自定义这些设计以满足自己的需要。6.Dreamweaver的优点 (1) 形式灵活: Dreamweaver将“设计”和“代码”编辑器集成在一起,既可以方便的进行源代码编辑,也可以使用鼠标方式添加和设置对象。 (2) 可视化编辑环境: Dreamweaver是一种所见即所得的网页编辑器,既有效的减少了代码编写的工作量,也确保所设计文档的专业性和兼容性。 (3) 强大CSS功能: CSS样式可以有效的控制网页对象的外观,美化网页界面,如文本字体,颜色,表单样式、图像风格等。Dreamweaver中有强大的CSS样式表编辑器,可以比较轻松的编辑CSS样式。 (4) 扩展能力强: Dreamweaver可以实现功能的扩展。利用Adobe公司免费提供的Dreamweaver插件,可以丰富Dreamweaver的媒体处理能力。如上所述,Dreamweaver是一款优秀的网站开发及管理软件,此次开发企业形象展示系统,本人使用最新版Dreamweaver CS3生成网站模板及编写HTML、ASP和CSS代码。使其更加完美。1.2 Photoshop CS3 简介Photoshop CS3是Adobe公司在收购了Macromedia公司后推出的最新版本,是Photoshop CS3数字图像处理产品系列的旗舰产品。Adobe Photoshop是公认的最好的通用平面美术设计软件。由Adobe公司开发设计。其用户界面易懂,功能完善,性能稳定,所以,在几乎所有的广告、出版、软件公司,Photoshop CS3都是首选的平面工具。此外,它还提供更高效的图像编辑、处理以及文件处理功能,且功能的增强并未降低使用效率。 1.3 ASP.NET简介ASP.NET并不是一门编程语言,而是一个统一的Web开发模型,它支持以可视化的方式创建企业级网站。ASP.NET是.NET Framework的一部分,在ASP.NET中可以利用.NET Framework中的类进行编程。在ASP.NET中可以用VB.NET、C#、J#和JScript.NET等编程语言来开发Web应用程序。ASP.NET与Windows 2000 Server/Advanced Server的完美组合,为中小型乃至企业级的web商业模型提供了一个更为稳定,高效,安全的运行环境。以下罗列了A所独具的一些特点: 1. 代码执行性能高:ASP.NET程序代码在编辑完成后,会通过CLR编译成MSIL中间语言。 2. 具有强大的类库支持:ASP.NET可以使用.NET Framework中所有的类库。 3. 程序设计语言灵活多样:ASP.NET允许使用.NET Framework支持的所有语言。 4. 具有强大的服务器端控件:ASP.NET所提供的服务器端控件包括HTML控件和Web控件,这些控件在服务器端执行后都能产生与标准HTML相对应的标记。尤其是Web控件还可以直接连接数据库信息,并能对控件值进行验证。 5.具有无限可扩充性:可以使用 Visual Basic 、 Java 、 Visual C+ 、 COBOL 等编程语言来编写你所需要的 ActiveX Server Component。 6. ASP.NET 被设计成可扩展的、具有特别专有的功能来提高群集的、多处理器环境的性能。此外,Internet 信息服务 (IIS) 和 ASP.NET 运行时密切监视和管理进程,以便在一个进程出现异常时,可在该位置创建新的进程使应用程序继续处理请求。 由此可见,将ASP.NET技术用于展示形象的企业网站是最适合的。2 网站前台开发2.1 网站首页的实现首页最抓浏览者眼球的部分就是图片栏,占去首页大部分版面。图片表现的就是一个公司的最基本面图片和文字的运动也做了合理的安排和优化,使之看起来感觉很流畅。图片栏上方为导航条顶部的Banner和LOGO文字用PS结合在一起,图片栏下方分3个板块法律在线资讯、个人律师简介、友情连接网站动态右侧为网站的业务涉及的领域 主页首页关于我们法律服务法律文书律师手记经典案例在线服务图2-2-1 网站前台结构图2.2 首页图片栏的实现彰显公司的实力与文化。接纳更多的业务。图2-2-2 首页图片栏相关代码如下: 一个海岛 一片麦穗 一树绿叶 一棵大树 一地葵花 2.3业务领域栏的实现 用户可以在搜索领域栏里直接找本站接纳的业务,可以方便用户寻找。图2-2-3 业务领域窗口相关代码如下:业务领域 民商诉讼业务 公司业务 证券业务 国际业务 民商诉讼业务 民商诉讼业务 证券业务 国际业务 民商诉讼业务 民商诉讼业务 2.4首页左侧QQ客服联系的实现QQ聊天应用软件已经是网民生活的重要的一部分。本站也提供QQ在线联系方式,如果用户有疑问可以直接联系在线的律师。图 2-2-4 在线QQ联系客服相关代码如下:   document.write(); document.write(); 3 网站后台开发3.1在线留言的实现网 站 后 台(留言板)用户留言用户查看留言内容网站管理员登录后 台 数 据 库(ACCESS)管 理 员 后 台 管 理(可编辑删除留言内容)图 3-1 前台结构图图 3-2用户留言界面相关代码如下:!-function checkform()if (form.author.value = )alert(您的尊姓大名!);return (false);if (form.email.value.length !-Function checkmail(thestring)if (instr(1,thestring,)= 0 ) or (instr(1,thestring,)=len(thestring) or (instr(1,thestring,.)=0) or (instr(1,thestring,.)=len(thestring) ) or (len(thestring)%function htmlencode(str)htmlencode=replace(replace(starch(13),),)end functiondim rs,sqlif request(action)=add thenset rs=server.createobject(adodb.recordset)set rs_words=server.createobject(adodb.recordset)sql_words=select * from words where announceid is nullrs_words.open sql_words,conn,1,3rs_words.addnewrs_words(title)=request(title)rs_words(body)=htmlencode(request(content)rs_words(author)=request(author)rs_words(email)=request(email)rs_words(tel)=request(tel)rs_words(Expression)=smileyrs_words(orders)=0rs_words(adddate)=date()rs_words(addtime)=time()rs_words.updaters_words(rootid)=rs_words(announceid)rs_words.updaters_words.closeresponse.redirect index.aspend if%填写留言对里诺软件有意见请留言,我们会认真处理每一个留言!为了便于我们联系您,请务必填写真实的联系方式:留言主题: *您的姓名: *电子信箱: *联系电话:请你留言: 3.2管理员账户的实现一个动态网站后台管理员少不了。后台管理员可以直接管理编辑删除用户的在线留言信息图 3-2管理员登录界面相关代码如下:登陆 用户名: 密  码:   3.3数据库的连接留言板采用的数据库是Microsoft Access,拟建立#gbook.mdb库文件,管理员帐号密码都为admin相关代码如下: 4 操作说明4.1 IIS的配置将程序文件夹拷入目标机器,在控制面板中利用Internet信息服务器建立程序的虚拟目录并命名虚拟目录。1. 若系统没有安装IIS5.0,请依次选择控制面板 添加/删除windows组件 装入windows2000 server 或 windows xp光盘,按提示进行安装即可。 确认系统已安装IIS5.0之后,要对IIS作相应的配置,具体配置过程如图4-1-1到4-1-4所示,(本例中设置的主目录为C: index.html ):图4-1-1 打开Internet信息服务图4-1-2 设置默认网站属性图4-1-3 设置主目录图4-1-4 设置缺省页这样在浏览器地址栏中输入http:/localhost/或/的地址后便会自动链接向系统的缺省页面index.asp。4.2 前台操作 点击IE,在IE地址栏输入,便可进入网站默认首页index.html。这样就可以开始操作了,用户可以从导航栏链接进每个页面。4.3管理员登录登录留言板管理员的页面有个“站长管理”这个超链接,点击后新开一个页面login.asp,管理员输入用户名admin、密码admin和四位数随机验证码后进入到后台管理界面。总结本文内容主要涉及到了法律类网站的需求分析,系统架构,并对主要模块进行了分析和编码实现。该系统主要实现的功能是在线留言,在线客服,还可以从中获得法律最新案例,留言中发表个人看法,网站管理员可以审核申请用户请求,是否显示用户留言,但是随着用户需求的不断增加,系统的功能还需要不断的完善。系统需要增加的功能为:用户之间的信息分享,用户之间的信息通讯。网页不同于传统媒体之处,就在于信息的动态更新和即时交互性。即时的交互性是Web成为热点的主要原因,也是网页设计时必须考虑的问题。传统媒体(如广播、电视节目、报刊杂志等)都以线性方式提供信息,即按照信息提供者的感觉、体验和事先确定的格式来传播。而在Web环境下,人们不再是一个传统媒体方式的被动接受者,而是以一个主动参与者的身份加入到信息的加工处理和发布之中。这种持续的交互,使网页艺术设计不像印刷品设计那样,发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标,配合网站不同时期的经营策略,以及用户的反馈信息,经常地对网页进行调整和修改。例如,为了保持浏览者对网站的新鲜感,很多大型网站总是定期或不定期的进行改版,这就需要设计者在保持网站视觉形象一贯性的基础上,不断创作出新的网页设计作品。致谢 时间这东西总是来时漫漫去时匆匆,随着键的跳动我大学生活和几个月的毕业设计一起宣告寿终正寝,真有些措手不及。步入社会,进入工作岗位了,虽然了解总有那么一天,也只有在社会这个大熔炉中才能得到更多的锻炼,才能把自己十几年在学校累计的知

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论