唯美广告设计毕业设计论文.doc

摘要本文主要针对基于ASP的企业网站系统进行分析和设计。以唯美广告命名的设计网站为例，首先对企业网站进行前景分析以及模块需求分析，以及就目前本人所掌握的数据库技术、开发工具、编程语言等的网站开发必备条件进行可开发平台的确定，和相关应用软件的简介。接着则对本网站的基本框架层次以及各个功能模块图进行图形的描述体现。第三章和第四章主要介绍在网站设计中的数据库的设计、实现以及各个功能模块的具体实现和具体的介绍。最后对本系统进行客观的评价，指出该系统的现实意义与缺点。关键词：企业网站 广告设计 目录引言1第一章 需求分析以及开发工具的选择2一、网站的需求分析2二、开发工具的选择5第二章 网站的总体设计4一、唯美广告企业网站的层次概况图4二、网站的功能模块图5第三章 数据库设计5一、数据库的具体设计5二、详细的数据表结构6三、数据库的连接7第四章 系统各功能功能模块的实现81、网站首页82、公司简介页面83、服务项目页面94、下订单页面95、工程案例页面106、在线留言页面107、签写留言页面118、联系我们页面119、注册页面1210、登录页面12总结14致谢15参考文献16引言随着Internet的日益普及，网页制作已经逐步成为计算机技术中的一个热门领域。不论是在各类院校的正式课堂，还是在各种培训的培训教室，网页制作都是最炙手可热的课程之一。这是因为掌握网页制作技术不但能提高自己的职业竞争力，而且能充分发挥自己的个性和创造力，使Internet成为展示自己的最好舞台。在信息迅速发展的时代的今天，作为一个企业来说，面对竞争激烈的市场，要想在茫茫市场上立足，并拥有一个相应的地位，没有一个自己的企业网站，看来是很难做到了的。不跟着时代的发展趋势走，恐怕会有“适者生存，不适者淘汰了”。网站对企业来讲是相当重要的，并且一个网站的好坏在一定程度上也会影响到企业的形象的。所以我设计的是一个企业网站关于广告设计的，其网站的主题主要是要呈现广告方面信息内容，为此网页的主题颜色我是以淡黄为主，白色相辅，而且面向广大群众的，这样也就会显得比较大众化了。此网站是关于广告设计的，关于广告的属性，不同的人看法不同，有人认为广告属于科学，有人认为广告属于艺术。由于诸多社会因素的影响，广告的济效益很难准确测定，只有通过各种艺术形式表现的广告，才可以起到传递信息、刺激购买欲望，达到促销的作用。所以，广告既是科学又是艺术。正如，诺贝尔奖获得者李政道先生曾说到：“科学与艺术是一枚金币的两个面，最好的科学是艺术，最好的艺术是科学的。”现代广告是一门综合性的学科，广告设计是在强调传统审美艺术形式因素的同时强化在传播信息方面的针对性、有效性和科学性，广告设计贯穿于调研、分析、策划、实施、发展等整个过程。进入了一种“设计化设计”的新程序，创造了艺术与科学的完美结合。目前国内的绝大部分企业网站都是采用asp、php或者单纯html静态网页的形式。而本设计为基于ASP的企业网站。第一章 需求分析以及开发工具的选择一、网站的需求分析本企业网站以介绍广告设计为例，为顾客提供选择平台，顾客可以尽情的浏览公司发布的产品信息，了解公司的服务项目，成功注册用户后即可以实现轻松浏览，以便公司能够更好地为消费者服务。11网站的可行性分析经过一周左右的调查，发现广告界的交流与交易方面存在很多的不足之处，许多广告设计公司都不完整。广告的作用就是吸引消费者购买，不能平白无色，那样也不会引起消费者购买的欲望。综合来说，广告设计有以下几个缺点：生机的直白、诗情画意的泛滥、陈辞滥调的堆砌、缺少主题的苍白、比喻、联想的浅薄、表现方式的落后等。宣传效果方面，网站可以提供各类资料图片、文字、进行展示,由此可以比其它媒体宣传内容更真实、更全面，可以提高宣传的感染力，从而提高客户的购买欲来达到提高销售业绩的目的。在形象塑造上，网上生动直观的形象展示，可以帮助您从众多普通宣传资料中脱颖而出，提高您公司的知名度、地位。1、2网站的内容与功能介绍网站分为五个部分：公司简介、服务项目、工程案例、在线留言、联系我们。网站首页包括（公布信息、关于我们、设计知识、服务项目）、公司简介（公司的品牌、概念、创意、应用领域）、服务项目（一些广告的图片展示，并附有详细信息、可下订单）、工程案例（近年来完成的知名设计）、在线留言（签写留言、查看留言）、登录页面（会员登陆：老会员的登陆）、注册页面（注册会员：新成员的注册信息）。 二、开发工具的选择 本网站使用ASP进行网页设计并用Access建立数据库。1.数据库：本网站的数据库采用Access即可满足需求。2.Web服务器平台：选用Windows XP。3.开发工具：Active Server Pages，即ASP。4.程序开发辅助工具：选用Aws程序的调试运行。5.系统平台：Windows XP + Dreamweaver + ASP + Access。6、编程语言：Dreamweaver 8.0。Dreamweaver是在网页设计与制作领域中用户最多、应用最广、功能最强大的软件，随着Dreamweaver 8的发布，更坚定Dreamweaver在该领域的地位。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。1、灵活的编写方式Dreamweaver具有灵活编写网页的特点，不但将世界一流水平的“设计”和“代码”编辑器合二为一，而且在设计窗口中还精化了源代码，能帮助用户按工作需要定制自己的用户界面。2、可视化编辑界面Dreamweaver是一种所见即所得的HTML编辑器，可实现页面元素的插入和生成。或视化编辑环境大量减少了代码的编写，同时亦保证了其专业性和兼容性，并且可以对内部的HTML编辑器和任何第三方的HTML编辑器进行实时的访问。无论用户习惯手工输入HTML源代码还是使用可视化的编辑界面，Dreamweaver都能提供便捷的方式使用户设计网页和管理网站变得更容易。3、功能更多的CSS支持CSS可视化设计、CSS检查工具4、动态跨浏览器验证当保存时系统自动检查当前文档的跨浏览器有效性，可以指定何种浏览器为测试用浏览器，同时系统自动检验以确定页面有没有目标浏览器不支持的tags或CSS结构。动态跨浏览器有效性检查功能可以自动核对tags和CSS规则是否适应目前的主浏览器。5、强大的WEB站点管理功能6、内建的图形编辑引擎7、Dreamweaver的集成特性Dreamweaver 8继承了Fireworks、Flash和Shockwave的集成特性，可以在这些Web创作工具之间自由地切换，轻松地创建美观实用的网页。8、丰富的媒体支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒体。Dreamweaver具有强大的多媒体处理功能，在设计DHTML和CSS方面表现得极为出色，它利用JavaScript和DHTML语言代码轻松地实现网页元素的动作和交互操作。9、超强的扩展能力Dreamweaver还支持第三方插件，任何人都可以根据自己的需要扩展Dreamweaver的功能，并且可以发布这些插件。第二章 网站的总体设计一、唯美广告企业网站的层次概况表：如表2-1信息名称内容网站名称唯美广告设计有限公司本机服务器主文件夹唯美程序使用文件夹唯美程序测试网址127.0.0.1数据库类型Access使用数据库名称abc、book使用数据表名称users、admin、gustbook、no_down表2-1 网站程序基本数据表整个广告设计企业网站包括，登录页面、注册页面、网站首页、公司简介、服务项目、下订单工程案例、在线留言、联系我们九大模块。数据库采用Access来创建，数据库abc用来存储用户的信息，book用来存储显示用户的留言信息。二、网站的功能模块图根据系统的需求分析已经竹艺企业网站的层次结构设计，其功能模块图如：图2-2唯美广告设计网网站首页公司简介服务项目工程案例在线留言联系我们关于我们设计快讯设计知识公司介绍广告订单案例介绍签写留言联系信息服务项目查看留言图2-2 网站功能模块图网站的需求业务流程以及功能需求并不复杂，所以本设计将采用最为简单的传统ASP编程来实现。所有的数据处理、业务逻辑、数据表现逻辑都在ASP页面中完成。这样做得好处是网站相对简单，开发难度不大。网站是最为简单的二层结构，如图2-2所示。网站的所有数据放置于数据库中，本网站采用的为Access。第三章 数据库设计一、数据库的具体设计安装Access2003后，新建一数据库为存储用户信息，命名为abc，在数据库abc中新建1个数据表为users：users表为用户信息表包含字段 ID（用户编号）、user_name（用户名）、user_pwd（用户密码）、user_phone（用户的电话）、user_cname（用户的真实姓名）、user_caddr（用户地址）、user_time（用户注册的日期/时间）;新建一数据库为存储用户留言信息，命名为book，在数据库book中新建3个数据表，分别为：1Admin表为管理员信息表包含字段ID（管理员编号）、admin_name(管理员用户名)、admin_password(管理员密码)；2gustbook表为留言者信息表包含字段ID(留言者编号)、name(留言者姓名)、content(留言内容)、time(留言时间)、ip(留言者ip);3.no_down表为留言者信息对象连接与嵌入包含字段编号、no_down_load。二详细的数据表结构用户信息表 (users) 如表：3-1列名数据类型（长度）是否为主键是否为空描述Id自动编号（长整型）是否由数据库自动生成的顺序编号，作为用户的标示User_name文本（20）否是用户名User_pwd文本（20）否是用户密码User_phone文本（20）否是用户电话User_cname文本（20）否是用户真实姓名User_caddr文本（50）否是用户地址User_time日期/时间（50）否是用户注册日期时间表3-1用户信息表结构管理员表（admin）如表：3-2列名数据类型（长度）是否为主键是否为空描述id自动编号是否由数据库自动生成的顺序编号，作为管理员的标示Admin_name文本（30）否是管理员用户名Admin_password文本（30）否是管理员密码表3-2 管理员表结构留言者信息表 (gustbook) 如表3-3列名数据类型（长度）是否为主键是否为空描述Id自动编号是否由数据库自动生成的顺序编号，作为留言者的标示Name文本（20）否是留言者姓名Content备注否是留言者内容Time日期/时间否是留言时间Ip文本（50）否是留言者IP表3-3留言者信息表结构留言者信息对象连接与嵌入（no_down）如表3-4列名数据类型（长度）是否为主键是否为空描述编号自动编号是否由数据库自动生成的顺序编号，作为商品的标示No_down_loadOle 对象否是表3-4留言者信息对象连接与嵌入结构三、数据库的连接本唯美广告设计企业网站管理系统采用数据源-ODBC：通过以下代码进行数据库连接驱动程序的加载已经获取连接对象输出数据库操作结果：1、set conn=server.createobject(adodb.connection) dbpath=server.mappath(mdbabc.mdb) connstr=Provider=Microsoft.Jet.OLEDB.4.0;Data Source= &dbpath conn.open connstr2、 language=VBScript Dim connstrconnstr=provider=Microsoft.Jet.OLEDB.4.0;Data Source= & Server.MapPath(/mdb/book.mdb)Set cn = Server.CreateObject(ADODB.Connection)cn.Open connstr第四章 网站各功能模块的实现 一、网站首页网站首页是一个网站的门面，因此在设计的时候不但要考虑它的视觉整体美观还要考虑它的便捷性。它主要包括以下几个模块：如图4-1（1）标志：唯美广告的标志很简洁，包括英文字母和中文标志，还巧妙地融入了公司的主打经营理念，显示企业网站标志，在整个网站中起一个美观作用。（2）导航条：主要功能是导航，以方便用户访问网站的各个部分，了解网站结构。包括：网站首页、公司简介、服务项目、工程案例、在线留言、联系我们。由于标志和导航在后面的几乎每个网页中都会用到，因此后面将省略重阐述。（3）主体部分：主体部分则主要是公司的招牌图片和描述公司的服务项目，及一些设计知识信息，包括设计的名称图片已经进入详细介绍的链接。图4-1网站首页二、公司简介页面此页面包含固定不变的唯美广告网站标志以及起导航作用的上边部分，正文部分则主要是公司的简介信息，包括公司大楼图片。如图4-2图4-2 公司简介图三、服务项目页面此页面仍然包含网站标志以及上边导航，正文部分为公司的服务项目，主要实现客户对公司的主营业务的了解。如图4-3图4-3服务项目页面图四、下订单页面此页面包含网站标志以及上边导航，正文部分为公司的工程案例部分，客户可通过此页面下订单，工作人员接收订单后与客户沟通后完成设计。如图4-4图4-4 下订单页面图五、工程案例页面此页面包含网站标志以及上边导航，正文部分为公司的工程案例部分，用于客户对公司已完成的设计案例的。如图4-5图4-5工程案例页面图六、在线留言页面此页面包含网站标志以及上边导航，正文部分为留言者的内容显示，是通过连接数据库来进行显示的。如图4-6图4-6 在线留言页面图七、签写留言页面此页面包含网站标志以及上边导航，正文部分是客户留言的地方。如图4-7图4-7签写留言页面图八、联系我们页面此页面包含网站标志以及上边导航，该页面主要是显示公司的地址、联系人、电话等详细信息，客户可通过这些信息联系到本公司。如图4-8图4-8 联系我们页面图九、注册页面用户注册页面，正文部分为用户注册表单，用于提交注册用户需提交的个人信息。如图4-9图4-9 注册页面图十、登录页面已注册用户填写用户名和密码后，通过连接数据库进行验证，通过后则进入网站首页可以进行后续的浏览操作。如图4-10图4-10登录页面图如果用户没注册，系统则不允许进入网站浏览，如图4-11图4-11如果用户忘记密码或密码输入错入，系统则不允许进入网站浏览，用户可通过拨打本公司的电话进行咨询，管理人员验证后会将用户的密码告知。如图4-12图4-12总结网站主题较符合企业特征，布局明了，较符合大众化，方便于用户浏览及访问。存在的问题：页面有些过于单调，而且采用表单形式不太适合进行大型网站的设计，不能够充分利用页面资源，缺少flash的动态效果，所以在后期将尽可能使用专门的网页制作工具（如Macromedia Dreamweaver）等，掌握制作及运用flash特效，使所制作的网站更具人性化。本网站是一个典型的B to C型的网站，能实现基本的用户登录、注册、在线留言、查看留言、公司的相关设计信息和设计案例的介绍、可将本网站加入收藏、设为首页的管理功能。这些功能的实现基本满足了企业网站的操作功能需求，但由于是第一次进行网站的完整设计开发，且不熟悉网站的首页美工设计所以在页面的视觉优化上和某些网页详细具体的功能上还不是很完善，存在一些不足，有待以后进行优化改进。致谢在整个毕业设计过程中，我得到了老师的悉心指导和大力支持，使我的专业知识有了很大的提高。老师对该设计从选题，构思到最后定稿的各个环节给予细心指引与教导,使我得以最终完成毕业论文设计。在学习中，老师严谨的治学态度、丰富渊博的知识、敏锐的学术思维、精益求精的工作态度以及侮人不倦的师者风范是我终生学习的楷模，导师们的高深精湛的造诣与严谨求实的治学精神，将永远激励着我。这三年中还得到辅导员及众多老师的关心支持和帮助。在此，谨向老师们致以衷心的感谢和崇高的敬意！感谢我的父亲,一生的道路由您为我铺平,是您坚定不移的支持我的求学之路,我才走到这里,没有您,就没有现在的我。您的智慧,您的为人处事、您的教学风格、您的豁达,皆为我学习的榜样。您对我的关爱、理解、包容,让我此生没齿难忘。感谢我的母亲,勤劳、善良,永远受人尊敬,我希望今生能成为你们的依靠,永远不分离。在毕业说明书的写作过程中，也得到了许多同学的宝贵建议，在此一并致以诚挚的谢意。最后，向在百忙中抽出时间对本文进行评审并提出宝贵意见的各位老师表示衷心地感谢！参考文献1张淑清. 网页制作实用教程. 人民邮电出版社.20102王春红等. 网页设计案例教程. 机械工业出版社.20093朱微.Flash动画制作案例教程.中国铁道出版朱微社.20094张永华.平面广告与设计.北京理工大学出版社.200923