网络广告设计课程设计说明书

1、网络广告告设计（ddreammweavver）课程卷二二实践考核核方案网络广告设设计（drreamwweaveer）课程设计说说明书设计题目： 姓 名： 学 号： 班 级： 指导教师： 完成日期： 艺术学院网络广告告设计实实践环节考考核报告单单2011-20122学年度第第一学期期期末排课编号：(20111-20012-11)-066034002-099463-1 批阅日日期： 年 月 日日姓名 班级 学号 评分标准及及得分评分标准满分得分基础知识考考核 根根据说明文文档要求完完成相关的的制作 30分分30自选主题制制作 自自选主题完完成网站制制作根据所选主主题设计网网站loggo和页面面效果

2、图 100分网站目录结结构清晰，层层次分明，命命名规范（抓抓取站点地地图） 5分网页代码正正确，可读读性强 5分分导航结构清清晰，页面面链接合理理，至少包包含4个页页面10分网站页面中中包含表单单页面及多多媒体元素素 10分分网页色彩和和谐，页面面设计美观观，有较强强的欣赏性性，适当使使用特效加加强效果 100分在网站中至至少包含网网络广告。（弹出式式广告、漂漂移广告、悬浮广告告、互动广广告或其它它广告形式式中任选）110分网站主题明明确，综合合运用本学学期所学知知识 10分70考核成绩任课教师签签名目录TOC o 1-2 u第一章 概概述 PAGEREF _Toc310489843 h 11

3、.1 选选题目的 PAGEREF _Toc310489844 h 11.2 设计目的的 PAGEREF _Toc310489845 h 11.3 理论基础础分析 PAGEREF _Toc310489846 h 11.4 研研究内容 PAGEREF _Toc310489848 h 21.5意义义 PAGEREF _Toc310489849 h 2第二章 项项目需求分分析 PAGEREF _Toc310489850 h 32.1 项项目开发环环境 PAGEREF _Toc310489851 h 3第三章 项目总体体设计 PAGEREF _Toc310489853 h 43.1网站站总体结构构和模块

4、设设计 PAGEREF _Toc310489854 h 43.2 布布局设计 PAGEREF _Toc310489855 h 4第四章 项目详细细设计 PAGEREF _Toc310489856 h 54.1 Phottoshoop效果图图设计 PAGEREF _Toc310489857 h 54.2 布布局规划与与切图 PAGEREF _Toc310489858 h 64.3 页面XHTTML编码码 PAGEREF _Toc310489859 h 64.4样式式表代码 PAGEREF _Toc310489860 h 8总结 PAGEREF _Toc310489861 h 100参考文献 PA

5、GEREF _Toc310489862 h 11个人网站的的设计与实现现概述选题目的博客，即 HYPERLINK /view/560.htm bblog，是是一种个人人信息发布布平台，是是极其简便便、丰富的的个人媒体体形式，是是互联网上上独立的思思想泡泡、是“草根根记者”、“读者文文摘”、学学习工具她带来来一种全新新的交流方方式和生活活可能。博博客的精神神是：自由由表达，开开放宽容，个个性张扬，专专业精神。当今世界界发展得越越来越快，如如何才能紧紧跟时代的的步伐，已已成为越来来越紧迫的的问题。随随着互联网网的快速发发展，也为为我们找到到了一个紧紧跟时代步步伐的平台台。为了更更好地利用用网络资源

6、源，使我们们的信息电电子化，也也为了能与与世界各地地进行广泛泛地交流，丰丰富我们的的知识和视视野。1.2 设计目的的为自己设计计一个新颖颖的个人独独立博客。编码的定义义应具有远远见性，充充分考虑到到板块，内内容的增加加、变动，当当然过多的的编码位数数也将导致致编码的复复杂化。1.3 理论基础础分析 独立博客最最大的优势势是什么？做独立博客客一步步晋晋升上去的的空间比较较小，博主主的特点决决定了独立立博客的一一些缺陷，先先问个问题题，做独立立博客最大大的优势是是什么？有有人会说，有有深度、能能互动。那那缺点呢？卢松松觉觉得最大的的缺点就隐隐藏在它的的优点里面面，如果在在一方面特特别强，这这里就一

7、定定有缺点。比如，要要想文章有有深度，就就必定慢，追追求高质量量的文章，多多数博主必必定会在事事态发展到到一定阶段段才能发布布，想做到到又快又有有质量几乎乎不可能。类似的问问题还有很很多，如：（1）一味味追求传播播速度正因为追求求传播速度度，许多博博客都在跟跟踪门户网网站的内容容，而门户户网站又在在跟踪纸质质媒体的内内容，没有有真正的原原创，对文文章的价值值磨练是个个很大的损损失。（2）追求求点击率、格调下降降现在衡量一一篇博文的的好坏一个个最重要指指标是点击击率，因此此大部分博博主追逐PPV、追逐逐浏览量，导导致很多垃垃圾信息，只只是吸引眼眼球的东西西在泛滥，而而深度的东东西往往未未必能吸引

8、引住眼球。这导致网网站的品味味越来越低低，作为一一个博主，个个人思想也也逐渐消失失。（3）独立立博客的推推广我看过很多多关于“推推广”的文文章，搞到到最后才明明白，其实实做网站推推广最终目目的是让更更多人看到到我这个博博客里的内内容，更多多的人知道道博客评论论手段，可可是，没人人让人感兴兴趣的内容容何谈推广广？在将博博客内容做做好的前提提下适当的的SEO，才才是如虎添添翼。新浪是最强强大的新闻闻门户，假假设每天只只有5%是是自己的原原创，比例例虽然小了了点，但没没有这点原原创，就没没有新浪的的影响力。复制粘贴贴是为了熟熟悉行业，做做伪原创是是为了提升升自己，对对博客内容容的价值判判断才是重重中

9、之重。喜欢有价值值的博客，也也希望自己己的博客能能有价值，这这个价值可可能也可以以说是一个个博客的灵灵魂，这种种灵魂说白白了就是有有自己的见见解和看法法，并且并并这种见解解和看法表表达出来、阐释清楚楚，不从众众也不盲目目。1.4 研研究内容 11、独立博博客自由度度更给力 “我的的博客我做做主” ，自自定义操作作性能可以以按照自己己的意愿来来设计，不不会因为谈谈及敏感问问题而频繁繁被删贴，这这是BSPP门户博客客所无法比比拟的。2、可可以更好的的学习并检检验自己的的学习成果果开设独独立博客可可以让自己己顺便学习习有关网络络编程语言言或技术的的相关知识识，以实现现边学边用用、学以致致用;有句句话

10、是这样样说的，“实践值大大于理论值值”，经过过实践检验验的理论才才会成为自自己的经验验。学习总总结，总结结学习。3、SSEO表现现更好拥有独独立域名的的博客更受受搜索引擎擎的青睐，可可以在搜索索引擎获得得更高的权权重，从而而在搜索结结果中得到到更靠前的的排名;还还有另外一一点，独立立域名的独独立博客更更拉风、更更惹眼，显显得更专业业;当然更更专业是重重点，拉风风和惹眼是是浮云。4、互互动性更好好BSPP门户博客客限制对外外部的交流流，比如图图片乱盖戳戳或限制外外链，评论论要注册等等等;而独独立博客可可以不用注注册就发表表评论和留留言，并且且可以留下下链接，这这样可以认认识更多的的志同道合合的朋

11、友，一一起探讨交交流学习网网络推广知知识，电子子商务技巧巧。5、积积累性更强强，盈利能能力优势明明显。拥有独独立域名后后，不会因因为更换BBSP或空空间服务商商而丢失博博客的老读读者。随着着流量的增增加，人气气的汇聚，独独立博客的的盈利能力力要优于在在BSP开开设的博客客。还没开开博客就想想到了盈利利，呵呵1.5意义义 全面提高自自己作为网网站管理者者的综合素素质一个优优秀的站长长需要有敏敏锐的市场场洞察力，很很强的策划划能力，出出色的编程程技术，过过硬的美工工，精通SSEO，网网站推广，关关键字排名名。涉及行行业专业知知识，必要要的商务谈谈判能力，网站运营的吃苦耐劳精神等等，虽然自己不可能全

12、部都具备，但是尽量去完善自己第二章 项项目需求分分析2.1 项项目开发环环境操作系统使使用Winndowss 7,Webb服务器使使用操作系系统自带的的IE 8.0， PhottoShoop CSS3、PhottoShoopCS55、Adoobe DDreammweavver CCS3、Adobbe Drreamwweaveer CSS5、Adobbe Fllash CS4 第三章 项目总体体设计3.1网站站总体结构构和模块设设计个人独立博客网站主页个人信息相册预览生活生活剪影文章作品我的经历联系音乐资源相片播放器相片缩略图我的地址留下你的脚印相册 图3-11 设计图3.2 布布局设计Left

13、RighttFLASHH LOGGO展示Flashh ContiinerMainFooteer 图3-22 布局图图第四章 项目详细细设计4.1 Phottoshoop效果图图设计 图4-11 主页效果图图4.2 布布局规划与与切图 图44-2 headd.giff（用于fflashh Loggo制作）图4-3 botttom_11.giff 图4-4 wimbb_cn_2_199.giff 图4-5 leftt.giff 图4-6 righht.giif 图4-7小小标题 图4-8 bi_11.giff 图 4-9 bi_2.gif 图4-100 ga_11.giff 图4-111ga_11

14、.giff4.3 页面XHHTML编编码Indexx-2.httml相册册  p; FAIIL (tthe bbrowsser sshoulld reenderr somme fllash conttent, nott thiis). FFAIL (thee broowserr shoould rendder ssome flassh coontennt, nnot tthis). &nbbsp; p;&nbbsp;&nbssp;缩缩略图 &nbbsp; &nbbsp; &nnbsp; &nbbsp; &nnbsp; 4.4样式式表代码stylee.csssbody margg

15、in-lleft: 0pxx;marggin-ttop: 0px;marggin-rrightt: 0ppx;marggin-bbottoom: 00px;.stylle1 coloor: #97a5500;fontt-sizze: 111px;fontt-fammily: tahhoma;fontt-weiight: bolld;textt-deccorattion:nonee.stylle2 coloor: #C83DD88;fontt-sizze: 114px;fontt-fammily: tahhoma;fontt-weiight: bolld;textt-deccorattion:n

16、onee.stylle3 coloor: #75A223E;fontt-sizze: 111px;fontt-fammily: tahhoma;fontt-weiight: bolld;textt-deccorattion:nonee.stylle4 coloor: #1D5EE6A;fontt-sizze: 111px;fontt-fammily: tahhoma;fontt-weiight: bolld;textt-deccorattion:nonee.stylle5 coloor: #FFFFFFF;fontt-sizze: 110px;fontt-fammily: tahhoma;#m

17、u lli llist-stylle:urrl(immagess/poiint_11.giff); mmargiin:0 0 0 0px#mu aa ffont-famiily:ttahomma; ffont-sizee:11ppx; ccolorr:#7FF9E155.stylle6 coloor: #7373373;fontt-sizze: 111px;fontt-fammily: tahhoma;linee-heiight:12pxx.stylle7 coloor: #0000001;fontt-sizze: 111px;fontt-fammily: tahhoma;.stylle8 c

18、oloor: #5b5bb5b;fontt-sizze: 111px;fontt-fammily: tahhoma;.stylle9 coloor: #89A9919;fontt-sizze: 111px;fontt-fammily: tahhoma;textt-traansfoorm:uupperrcasee总结通过此次的的课程设计，使使我对自己己所学网站站设计知识识的认识有有了更深一一层次的提提高，并且且有了一些些切身的体体会。光有有网站设计计的理论知知识是不行行的，还得得有更丰富富的实践经经验，也就就是多动手手、多动脑脑。而这次次的课程设设计就提供供了一次非非常好的实实践操作的的机会，使使我对网站站的设计制制作有了一一定的了解解。此次收获最最大要具有有一颗细心心的心，激激情的态度度，且持之之有恒，并并且耐得住住寂寞。在在制作过程程中要敢于于尝试，发发现问题，解解决问题。整个制作过过程中我深深深体会到到，不能急急于求成，一一来就马上上编程，应应该多做分分析和研究究，理清思思路。前一一阶段的工工作的好坏坏将直接影影响后一阶阶段工作的的开展。多多学习多请请教，更多多新的技术术不断的涌涌现，可以以通过请教教别人或者者多上网学学习别人的的制作方法法，可以转转变