广告网站的设计与开发毕业论文.doc

本科毕业论文目录摘要1ABSTRACT2广告网站的设计与开发1引言11.系统分析11.1需求分析11.2可行性分析22.广告网站总体设计32.1广告网站项目规划32.2广告网站开发与运行环境设计32.3广告网站功能结构图32.4广告网站数据库结构设计52.5广告网站编码设计133.广告网站前台详细设计与系统实现133.1模块功能介绍133.2前台页面运行结果133.3网站色彩结构设计153.4网站导航设计153.5首页设计163.6行业资讯版块193.7视频广告版块244.网站后台管理主要功能模块设计244.1管理员登陆版块244.2管理员身份验证页面(check.asp)264.3退出页面版块264.4行业资讯信息版块264.5其它信息版块314.6关于UBB代码31结束语32参考文献33致谢34 本论文可供免费使用，如果需要本论文的设计案例，请联系q：1102469416 本人毕业后一直从事网站设计本案例是大学自行制作，asp程序，有后台，保证学生气的作品。35 摘要现代广告理论源于西方发达国家，由于社会制度和经济文化的不同而难以完全适用于我国。我国的广告事业在80年代初得以振兴，并迅猛发展，而广告理论的建设和人才培养没有跟上来。本网站在Windows XP下，以IIS5.1(Internet Information Server)网络信息服务为应用服务器，选择ASP编程技术、Access数据库中开发，采用WEB技术来实现的。具有信息管理系统，方便信息的添加、修改、删除等。本网站提供了行业资讯、平面设计、视觉艺术、设计欣赏、广告欣赏、广告传播、广告策划、文案集锦、媒体数据、营销策略、广告公司作品、广告欣赏12个模块。本网站塑造了一个的专业资讯服务平台的形象。关键词：广告、网站、ASP、数据库ABSTRACTModern advertising theory from Western developed countries, because of the social system and economic and cultural differences can not be completely applicable to our country. Chinas advertising business in the early 80s to the revitalization and rapid development. It is precisely because of its rapid development, advertising theory building and personnel training have not kept pace with the past.Us standing under Windows XP to IIS5.1 (Internet Information Server) Network Information Service for the application server, select the ASP programming, Access database development, the use of WEB technology to achieve. With news and information management systems to facilitate information to add, modify, delete and so on.The site provides industry information, graphic design, visual arts, design appreciation, advertising shows, advertising communication, advertising planning, Record Collection, the media data, marketing strategies, advertising works, advertising module 12 appreciate. This website information to create an ad platform, created their own image of the information service platform.Key word: Advertising, web site, ASP, database广告网站的设计与开发引言自2005年以来，国内涌现出上百家的广告网站，虽然网络广告分类信息适应了社会发展的需求，但却存在着很多问题，比如网站表现形式单一，内容同质化严重、网站版块内容混乱、用户及用户使用习惯、信息的真实性等。本网站在Windows XP下，以IIS5.1(Internet Information Server)网络信息服务为应用服务器，选择ASP编程技术、Access数据库中开发，采用WEB技术来实现的。具有信息管理系统，方便信息的添加、修改、删除等。现代社会的发展使社会服务的供需资讯成为一个新的市场和经济现象。这是一种新的商品经济形式。广告应回归到广告传播的根本，帮助人们进行学习和查找资料，为读者服务、为社会服务。目前我国广告从事人员不断增加，但整体素质较低。本网站提供了行业资讯、平面设计、视觉艺术、设计欣赏、广告欣赏、广告传播、广告策划、文案集锦、媒体数据、营销策略、广告公司作品、广告欣赏12个模块，供广告专业人员和业余爱好者学习。1.系统分析1.1需求分析1.1.1广告网站及存在的问题（1）网站内容版块混乱很多广告网站没有将内容进行详细的分类，所以给浏览者的阅读带来很多不便，也不容易查找网站的内容。有的网站用了过多的颜色，使得整体很乱，也不方便查找所需的内容。间隔空间和经济形势息息相关。间隔空间的多少及其使用的方式同样能够传达出很多信息。很网站内容挤成一团，不会显得美观。因此，恰到好处的间隔空间就会让网站充满优雅、清新的气息（2）网站表现形式单一，内容同质化严重目前现在很多网站不仅页面雷同，就连信息也有很多是一样的。大多数网站为了追求所谓的流量和信息量，根本不注重信息的质量，已经成为这类网站的通病。而且所有分类网站都抱着做大作强的心理，一味追求涉行业越全越好，涉地方越多越好，反而没有自己的重心了。（3）使用用户及用户使用习惯随说中国网民数量不断增多，但真正长期上网并关注分类信息网站的用户并不多，况是大多数的人也没有在网上发布各种信息的习惯。大多数用户也只是在有需要的时候才会发布、查询信息，做分类广告网站首先要改变和培养用户习惯，想要做到移风易俗实在有点困难，但从用户的角度来开发，还是能够解决的。（4）信息的真实性作为传统分类广告的发布，通常手续是需要发布人带着公司营业执照和身份证件等证明材料前往报社或者广告代理公司进行发布的，在分类广告发布之前是需要对信息以及发布者的身份都要进行审核的。就是在这样的审核下，也不能百分之百的保证所有信息的真伪，在求职，找房，婚介等分类广告中也时有欺诈的事发生。而目前国内的分类广告网站为了吸引用户都在采取免费发布的方式，这难免被一些非法分子利用。（5）免费容易收费难，盈利模式单一最重要的一点是在国内分类广告网站遇到了盈利模式的难题，在国内分类广告从一开始就采取了免费的服务模式，用了这么久，用户们也都习惯了，突然要收费，用户比较很难接受，而且如果只是一家收费，别的免费，用户自然会流向他人。1.1.2本设计解决的问题通过对广告网站的调查研究，了解到广告网站中需要改进的地方，将本设计定位为“打造一个广告资讯平台”， 供广告专业人员和业余爱好者学习。本广告网站具有以下功能：1.通过网站，展示各种广告行业相关信息2.发布广告信息3.支持广告视频4.设计浏览者投票评论功能，并对票数进行统计5.设置登陆权限1.2可行性分析1.2.1技术性本系统是采用Microsoft ASP作为开发工具，后台数据库采用Access数据库设计，利用ADO数据库访问技术实现对数据库的各种管理操作、实现功能。采用数据库存储信息内容，它的优势在于存储量大、检索方便、易于操作和维护。1.2.2经济性广告网站前台以分类形式显示广告信息，满足了浏览者查看各种广告信息的要求，同时支持视频功能，用户可以欣赏到世界各地优秀的电视、网络视频广告。后台通过对信息添加、修改、删除等模块对网站进行管理，保证了网站的安全性和适用性。故本网站具有很高的效率。2.广告网站总体设计2.1广告网站项目规划广告网站是一个功能完善的信息显示发布系统，由前台信息浏览、评论和后台管理两大部分组成。2.1.1前台功能模块包括信息分类、信息显示、视频欣赏、留言、管理员登陆。2.1.2后台管理模块后台主要包括网站基本信息设置、管理员登陆管理、信息管理系统、退出后台。2.2广告网站开发与运行环境设计为了保证系统运行的效率和可靠性，服务器端应具有较高的软硬件配置，客户端的要求不需要很高。此应用程序可广泛运行于Internet，也适用于内部的局域网。运行要求如下：2.2.1系统平台采用Browser/Server体系结构，服务器采用租赁网络运营商的服务器，Web服务器软件为IIS5.0（InternetInformationServer）。客户端软件，包括单机操作系统和浏览器软件，分别选用WindowsXP和InternetExplorer，数据库系统采用MicrosoftAccess有利于方便操作。2.2.2硬件环境基于Web的系统开发工具应使开发者使用各种各样的技术来创建动态的Web应用程序，并且应是一个可视化的工具。我们采用了Dreamweaver MX进行开发，它是用来快速创建数据驱动Web应用程序的基于团队的开发环境，支持ASP，以ODBC连接数据库，脚本语言为简单易学的JavaScript或VBScript。2.3广告网站功能结构图根据网站功能分析，可以画出网站的功能模块图。广告网站前台功能结构，如图2.1所示。广告网站前台功能结构行业资讯平面设计视觉艺术设计欣赏广告欣赏广告传播广告策划文案集锦媒体数据营销策略广告公司作品视频广告图2.1 系统前台功能结构图广告网站后台管理功能结构，如图2.2所示。广告网站后台功能结构行业资讯设置平面设计设置视觉艺术设置设计欣赏设置广告欣赏设置广告传播设置广告策划设置文案集锦设置媒体数据设置营销策略设置广告作品设置视频广告设置 图2.2 系统后台管理功能结构图 2.4广告网站数据库结构设计本系统设计采用了Access数据库设计。设计了一个数据库4Adb.mdb，用来存储各种信息。2.4.1数据库需求分析为方便信息的调用，每个信息模块都需要一个数据表，数据项和数据表内容如下：（1）行业资讯表：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章（2）平面设计：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章（3）视觉艺术：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章（4）设计欣赏：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章（5）广告欣赏：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章（6）广告传播：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章（7）广告策划：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章（8）文案集锦：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章（9）媒体数据：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章（10）营销策略：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章（11）广告公司作品：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章、图片（12）视频广告：自动编号、作者、时间、内容、浏览量、跟贴量、标题、回复ID号、联系方式、回复文章、视频（13）管理员表：自动编号、姓名、密码2.4.2数据库逻辑设计行业资讯表(news)的定义如表2-1所示：表2-1 资料信息表news列名数据类型长度说明id_news自动编号主键，自动编号author_news文本50作者time_news日期/时间Date()content_news备注新闻内容follow_news数字跟帖量accessnum_news数字浏览量title_news文本50新闻标题parent_news数字该文章是一篇回复文章,它所回复的文章编号huifu_news数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_news文本50联系方式平面设计表(design)的定义如表2-2所示：表2-2 资料信息表design列名数据类型长度说明id_ desi自动编号主键，自动编号author_ desi文本50作者time_ desi日期/时间Date()content_ desi备注新闻内容follow_ desi数字跟帖量accessnum_ desi数字浏览量title_ desi文本50新闻标题parent_ desi数字该文章是一篇回复文章,它所回复的文章编号huifu_ desi数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_ desi文本50联系方式视觉艺术表(vision)的定义如表2-3所示：表2-3 视觉艺术表vision列名数据类型长度说明id_visi自动编号主键，自动编号author_visi文本50作者time_visi日期/时间Date()content_visi备注新闻内容follow_visi数字跟帖量accessnum_visi数字浏览量title_visi文本50新闻标题parent_visi数字该文章是一篇回复文章,它所回复的文章编号huifu_visi数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_visi文本50联系方式设计欣赏表(design_enjoys)的定义如表2-4所示：表2-4设计欣赏表design_enjoys列名数据类型长度说明id_ dese自动编号主键，自动编号author_ dese文本50作者time_ dese日期/时间Date()content_ dese备注新闻内容follow_ dese数字跟帖量accessnum_ dese数字浏览量title_ dese文本50新闻标题parent_ dese数字该文章是一篇回复文章,它所回复的文章编号huifu_ dese数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_ dese文本50联系方式广告欣赏表(appreciate)的定义如表2-5所示：表2-5广告欣赏表appreciate列名数据类型长度说明id_ appr自动编号主键，自动编号author_ appr文本50作者time_ appr日期/时间Date()content_ appr备注新闻内容follow_ appr数字跟帖量accessnum_ appr数字浏览量title_ appr文本50新闻标题parent_ appr数字该文章是一篇回复文章,它所回复的文章编号huifu_ appr数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_ dese文本50联系方式广告传播表(advertise)的定义如表2-6所示：表2-6广告传播表advertise列名数据类型长度说明id_ adve自动编号主键，自动编号author_ adve文本50作者time_ adve日期/时间Date()content_ adve备注新闻内容follow_ adve数字跟帖量accessnum_ adve数字浏览量title_ adve文本50新闻标题parent_ adve数字该文章是一篇回复文章,它所回复的文章编号huifu_ adve数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_ adve文本50联系方式广告策划表(chfa)的定义如表2-7所示：表2-7广告策划表chfa列名数据类型长度说明id_ chfa自动编号主键，自动编号author_ chfa文本50作者time_ chfa日期/时间Date()content_ chfa备注新闻内容follow_ chfa数字跟帖量accessnum_ chfa数字浏览量title_ chfa文本50新闻标题parent_ chfa数字该文章是一篇回复文章,它所回复的文章编号huifu_ chfa数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_ chfa文本50联系方式文案集锦表(docu)的定义如表2-8所示：表2-8文案集锦表docu列名数据类型长度说明id_ docu自动编号主键，自动编号author_ docu文本50作者time_ docu日期/时间Date()content_ docu备注新闻内容follow_ docu数字跟帖量accessnum_docu数字浏览量title_ docu文本50新闻标题parent_ docu数字该文章是一篇回复文章,它所回复的文章编号huifu_docu数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_ docu文本50联系方式媒体数据表(medi)的定义如表2-9所示：表2-9媒体数据表medi列名数据类型长度说明id_ medi自动编号主键，自动编号author_ medi文本50作者time_ medi日期/时间Date()content_ medi备注新闻内容follow_ medi数字跟帖量accessnum_medi数字浏览量title_ medi文本50新闻标题parent_ medi数字该文章是一篇回复文章,它所回复的文章编号huifu_ medi数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_ medi文本50联系方式营销策略表(mark)的定义如表2-10所示：表2-10营销策略表mark列名数据类型长度说明id_ mark自动编号主键，自动编号author_ mark文本50作者time_ mark日期/时间Date()content_ mark备注新闻内容follow_ mark数字跟帖量accessnum_mark数字浏览量title_ mark文本50新闻标题parent_mark数字该文章是一篇回复文章,它所回复的文章编号huifu_ mark数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_ mark文本50联系方式广告公司作品表(gggszp)的定义如表2-11所示：表2-11广告公司作品表gggszp列名数据类型长度说明id_ gszp自动编号主键，自动编号author_ gszp文本50作者time_ gszp日期/时间Date()content_ gszp备注新闻内容follow_ gszp数字跟帖量accessnum_ gszp数字浏览量title_ gszp文本50新闻标题parent_ gszp数字该文章是一篇回复文章,它所回复的文章编号huifu_ gszp数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_ gszp文本50联系方式视频广告表(shipin)的定义如表2-12所示：表2-12视频广告表shipin列名数据类型长度说明id_ shipin自动编号主键，自动编号author_ shipin文本50作者time_ shipin日期/时间Date()content_ shipin备注新闻内容follow_ shipin数字跟帖量accessnum_shipin数字浏览量title_ shipin文本50新闻标题parent_ shipin数字该文章是一篇回复文章,它所回复的文章编号huifu_ shipin数字该文章是一篇回复文章,用于后台管理,当为1的时候为回复email_ shipin文本50联系方式管理员表(admin)的定义如表2-13所示：表2-13管理员表admin列名数据类型长度说明id_gly自动编号主键，自动编号author_ gly文本50time_ gly文本502.4.3数据库的连接设计本网站的数据库连接设计采用了ODBC连接Access数据库，这样做的好处在于，使用DSN数据源实现对数据库的访问要经过额外的软件层来完成，而使用连接字符串可以直接实现这种连接，代码如下：2.5广告网站编码设计编码设计是数据库系统开发的前提条件，是系统不可缺少的重要内容。编码是指与原来名称对应的编号、符号或记号。它是进行信息交换、处理、传输和实现信息资源共享的关键。编码也用于指定数据的处理方法、区别数据类型，并指定计算机处理的内容等。本系统内部信息编码采用了统一的编码方式情况。如下所示：资料上传后存储编号为系统当前日期和10位数字编码的组合。例如：20095191636689463。3.广告网站前台详细设计与系统实现3.1模块功能介绍前台页面主要包括以下功能模块：1.网站导航模块：主要包括网站的旗帜广告条、主功能导航两部分。2.行业资讯模块：显示行业资讯的新闻。3.平面设计模块：显示平面设计的新闻。4.视觉艺术模块：显示视觉艺术的新闻。5.设计欣赏模块：显示设计欣赏的新闻。6.广告欣赏模块：显示广告欣赏的新闻。7.广告传播模块：显示广告传播的新闻。8.广告策划模块：显示广告策划的新闻。9.文案集锦模块：显示文案集锦的新闻。10.媒体数据模块：显示文案集锦的新闻。11.营销策略模块：显示营销策略的新闻。12.广告公司作品模块：显示广告公司作品的新闻。13.视频广告模块：显示视频广告的新闻。3.2前台页面运行结果网站前台首页的运行结果如图3.1所示。图3.1 前台页面运行结果3.3网站色彩结构设计一个网站不可能运用单一的颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。本网站整个色调使用暗调，表现网站的成熟稳重，从而表现网站信息的可信度。网站以白色为底，灰色为陪衬，使整体看起来大方，字体以黑色为主，底色以浅灰色为主，为表现有层次性，还用了浅褐色和浅绿色，因此不会产生单一的效果，颜色的跳度也不算太大，浏览者阅读文字也不会吃力。在版面设计和规划下，本网站参考了其它大型网站的经验，具体如下：1、分类细致：对模块划分一定要清晰明确，内容充实。2、内容简洁：4A网站为了打造一个资讯平台，因此信息内容应以简单明了为主。3、固定版面：为了方便用户查找资讯，相同内容要固定形式、固定版面，培养读者直接阅读的习惯。最后加以友情链接，方便浏览者查找更多的信息。3.4网站导航设计导航是网站设计不可缺少的基础元素之一，在此名命为top.asp。它不仅是信息结构的基础分类，也是浏览者的网站路标。在此网站导航主要包括旗帜广告条、功能分类导航2部分。设计完成的网站导航页面的设计效果如图3.2所示。图3.2 网站导航功能分类导航条浏览者可以通过功能分类导航条查看相应类别的信息，功能分类导航条主要通过超链接来实现跳转。导航页面文件如表3-1。表3-1 导航页面说明导航内容说明链接文件回到首页返回首页index.asp行业资讯进入行业资讯页面news.asp平面设计进入平面设计页面design.asp视觉艺术进入视觉艺术页面vision.asp设计欣赏进入设计欣赏页面design_enjoys.asp广告欣赏进入广告欣赏页面Appreciate.asp广告策划进入广告策划页面chfa.asp文案集锦进入文案集锦页面document.asp媒体数据进入媒体数据页面medium.asp营销策略进入营销策略页面Marketing.asp广告公司作品进入广告公司作品页面gggszp.asp视频广告进入视频广告页面shipin.asp广告传播进入广告传播页面advertise.asp3.5首页设计首页在一个网站中是最重要的一部分，它给人留以第一印像，成为浏览者是否愿意浏览的重要因素，因此它的颜色搭配、布局安排尤为重要。本网站布局以表格嵌套的方式为主，并定义外部css样式，统一文字、链接、背景颜色等，以达到全部网页统一。3.5.1include函数用和 包含导航和数据库链接。3.5.2建立rs对象set rs_news=server.createobject(adodb.recordset) sqlnews_news=select top 8 * from news where huifu_news=0 order by id_news desc rs_news.open sqlnews_news,conn,1,3解释：（1）top 8 显示8条新闻。（2）huifu_news=0 当huifu为0时，该篇文章时新闻，当huifu为1时，该篇文章时留言。（3）desc用来使数据库从下向上查询并显示，从而每次显示新的新闻。3.5.3循环显示新闻  a href=news_show.asp?id= target=_blank15 then response.write(left(cstr(rs_news(title_news),14)&.)elseresponse.write(rs_news(title_news)end if % %if datediff(d,rs_news(time_news),now() 解释：（1）起到新闻循环作用。 （2）15 then response.write(left(cstr(rs_news(title_news),14)&.)else response.write(rs_news(title_news)end if %当新闻标题的字数超过15个时，只显示14个字符，剩下的用“”表示。（3）%if datediff(d,rs_news(time_news),now()发布十天内的新闻后面显示“”gif动画。3.5.4其它部分以上以“行业资讯”为例。平面设计、视觉艺术、设计欣赏、广告欣赏、广告传播、广告策划、文案集锦、媒体数据、营销策略模块基本相同。广告公司作品、视频广告模块是在同一行循环。3.5.5图片自动转换效果var bannerAD=new Array(); var bannerADlink=new Array(); var adNum=0; bannerAD0=img/1.JPG; bannerADlink0=img/1.JPG; bannerAD1=img/2.JPG; bannerADlink1=img/2.JPG; bannerAD2=img/3.JPG; bannerADlink2=img/3.jpg bannerAD2=img/4.JPG; bannerADlink2=img/4.jpgvar preloadedimages=new Array(); for (i=1;ibannerAD.length;i+) preloadedimagesi=new Image(); preloadedimagesi.src=bannerADi; function setTransition() if (document.all) bannerADrotator.filters.revealTrans.Transition=Math.floor(Math.random()*23); bannerADrotator.filters.revealTrans.apply(); function playTransition() if (document.all) bannerADrotator.filters.revealTrans.play() function nextAd() if(adNumbannerAD.length-1)adNum+ ; else adNum=0; setTransition(); document.images.bannerADrotator.src=bannerADadNum; playTransition(); theTimer=setTimeout(nextAd(), 4000); function jump2url() jumpUrl=bannerADlinkadNum; jumpTarget=_blank; if (jumpUrl != ) if (jumpTarget != )window.open(jumpUrl,jumpTarget); else location.href=jumpUrl; function displayStatusMsg() status=bannerADlinkadNum; document.returnValue = true; nextAd()3.5.6版权说明部分文件名bottom.asp用include包含 。3.6行业资讯版块以行业资讯为例，平面设计、视觉艺术、设计欣赏、广告欣赏、广告传播、广告策划、文案集锦、媒体数据、营销策略、广告公司作品模块基本相同，在此不再论述。3.6.1行业信息列表的页面（news.asp）（1）左边的编辑推荐(left.asp) img src= width=100% height=112 （2）右边的视频广告(right.asp) img src