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

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