網(wǎng)絡(luò)廣告設(shè)計(jì)課程設(shè)計(jì)說(shuō)明書(shū)

1、網(wǎng)絡(luò)廣告告設(shè)計(jì)（ddreammweavver）課程卷二二實(shí)踐考核核方案網(wǎng)絡(luò)廣告設(shè)設(shè)計(jì)（drreamwweaveer）課程設(shè)計(jì)說(shuō)說(shuō)明書(shū)設(shè)計(jì)題目： 姓 名： 學(xué) 號(hào)： 班 級(jí)： 指導(dǎo)教師： 完成日期： 藝術(shù)學(xué)院網(wǎng)絡(luò)廣告告設(shè)計(jì)實(shí)實(shí)踐環(huán)節(jié)考考核報(bào)告單單2011-20122學(xué)年度第第一學(xué)期期期末排課編號(hào)：(20111-20012-11)-066034002-099463-1 批閱日日期： 年 月 日日姓名 班級(jí) 學(xué)號(hào) 評(píng)分標(biāo)準(zhǔn)及及得分評(píng)分標(biāo)準(zhǔn)滿分得分基礎(chǔ)知識(shí)考考核 根根據(jù)說(shuō)明文文檔要求完完成相關(guān)的的制作 30分分30自選主題制制作 自自選主題完完成網(wǎng)站制制作根據(jù)所選主主題設(shè)計(jì)網(wǎng)網(wǎng)站loggo和頁(yè)面面效果

2、圖 100分網(wǎng)站目錄結(jié)結(jié)構(gòu)清晰，層層次分明，命命名規(guī)范（抓抓取站點(diǎn)地地圖） 5分網(wǎng)頁(yè)代碼正正確，可讀讀性強(qiáng) 5分分導(dǎo)航結(jié)構(gòu)清清晰，頁(yè)面面鏈接合理理，至少包包含4個(gè)頁(yè)頁(yè)面10分網(wǎng)站頁(yè)面中中包含表單單頁(yè)面及多多媒體元素素 10分分網(wǎng)頁(yè)色彩和和諧，頁(yè)面面設(shè)計(jì)美觀觀，有較強(qiáng)強(qiáng)的欣賞性性，適當(dāng)使使用特效加加強(qiáng)效果 100分在網(wǎng)站中至至少包含網(wǎng)網(wǎng)絡(luò)廣告。（彈出式式廣告、漂漂移廣告、懸浮廣告告、互動(dòng)廣廣告或其它它廣告形式式中任選）110分網(wǎng)站主題明明確，綜合合運(yùn)用本學(xué)學(xué)期所學(xué)知知識(shí) 10分70考核成績(jī)?nèi)握n教師簽簽名目錄TOC o 1-2 u第一章 概概述 PAGEREF _Toc310489843 h 11

3、.1 選選題目的 PAGEREF _Toc310489844 h 11.2 設(shè)計(jì)目的的 PAGEREF _Toc310489845 h 11.3 理論基礎(chǔ)礎(chǔ)分析 PAGEREF _Toc310489846 h 11.4 研研究?jī)?nèi)容 PAGEREF _Toc310489848 h 21.5意義義 PAGEREF _Toc310489849 h 2第二章 項(xiàng)項(xiàng)目需求分分析 PAGEREF _Toc310489850 h 32.1 項(xiàng)項(xiàng)目開(kāi)發(fā)環(huán)環(huán)境 PAGEREF _Toc310489851 h 3第三章 項(xiàng)目總體體設(shè)計(jì) PAGEREF _Toc310489853 h 43.1網(wǎng)站站總體結(jié)構(gòu)構(gòu)和模塊

4、設(shè)設(shè)計(jì) PAGEREF _Toc310489854 h 43.2 布布局設(shè)計(jì) PAGEREF _Toc310489855 h 4第四章 項(xiàng)目詳細(xì)細(xì)設(shè)計(jì) PAGEREF _Toc310489856 h 54.1 Phottoshoop效果圖圖設(shè)計(jì) PAGEREF _Toc310489857 h 54.2 布布局規(guī)劃與與切圖 PAGEREF _Toc310489858 h 64.3 頁(yè)面XHTTML編碼碼 PAGEREF _Toc310489859 h 64.4樣式式表代碼 PAGEREF _Toc310489860 h 8總結(jié) PAGEREF _Toc310489861 h 100參考文獻(xiàn) PA

5、GEREF _Toc310489862 h 11個(gè)人網(wǎng)站的的設(shè)計(jì)與實(shí)現(xiàn)現(xiàn)概述選題目的博客，即 HYPERLINK /view/560.htm bblog，是是一種個(gè)人人信息發(fā)布布平臺(tái)，是是極其簡(jiǎn)便便、豐富的的個(gè)人媒體體形式，是是互聯(lián)網(wǎng)上上獨(dú)立的思思想泡泡、是“草根根記者”、“讀者文文摘”、學(xué)學(xué)習(xí)工具她帶來(lái)來(lái)一種全新新的交流方方式和生活活可能。博博客的精神神是：自由由表達(dá)，開(kāi)開(kāi)放寬容，個(gè)個(gè)性張揚(yáng)，專專業(yè)精神。當(dāng)今世界界發(fā)展得越越來(lái)越快，如如何才能緊緊跟時(shí)代的的步伐，已已成為越來(lái)來(lái)越緊迫的的問(wèn)題。隨隨著互聯(lián)網(wǎng)網(wǎng)的快速發(fā)發(fā)展，也為為我們找到到了一個(gè)緊緊跟時(shí)代步步伐的平臺(tái)臺(tái)。為了更更好地利用用網(wǎng)絡(luò)資源

6、源，使我們們的信息電電子化，也也為了能與與世界各地地進(jìn)行廣泛泛地交流，豐豐富我們的的知識(shí)和視視野。1.2 設(shè)計(jì)目的的為自己設(shè)計(jì)計(jì)一個(gè)新穎穎的個(gè)人獨(dú)獨(dú)立博客。編碼的定義義應(yīng)具有遠(yuǎn)遠(yuǎn)見(jiàn)性，充充分考慮到到板塊，內(nèi)內(nèi)容的增加加、變動(dòng)，當(dāng)當(dāng)然過(guò)多的的編碼位數(shù)數(shù)也將導(dǎo)致致編碼的復(fù)復(fù)雜化。1.3 理論基礎(chǔ)礎(chǔ)分析 獨(dú)立博客最最大的優(yōu)勢(shì)勢(shì)是什么？做獨(dú)立博客客一步步晉晉升上去的的空間比較較小，博主主的特點(diǎn)決決定了獨(dú)立立博客的一一些缺陷，先先問(wèn)個(gè)問(wèn)題題，做獨(dú)立立博客最大大的優(yōu)勢(shì)是是什么？有有人會(huì)說(shuō)，有有深度、能能互動(dòng)。那那缺點(diǎn)呢？盧松松覺(jué)覺(jué)得最大的的缺點(diǎn)就隱隱藏在它的的優(yōu)點(diǎn)里面面，如果在在一方面特特別強(qiáng)，這這里就一

7、定定有缺點(diǎn)。比如，要要想文章有有深度，就就必定慢，追追求高質(zhì)量量的文章，多多數(shù)博主必必定會(huì)在事事態(tài)發(fā)展到到一定階段段才能發(fā)布布，想做到到又快又有有質(zhì)量幾乎乎不可能。類似的問(wèn)問(wèn)題還有很很多，如：（1）一味味追求傳播播速度正因?yàn)樽非笄髠鞑ニ俣榷?，許多博博客都在跟跟蹤門(mén)戶網(wǎng)網(wǎng)站的內(nèi)容容，而門(mén)戶戶網(wǎng)站又在在跟蹤紙質(zhì)質(zhì)媒體的內(nèi)內(nèi)容，沒(méi)有有真正的原原創(chuàng)，對(duì)文文章的價(jià)值值磨練是個(gè)個(gè)很大的損損失。（2）追求求點(diǎn)擊率、格調(diào)下降降現(xiàn)在衡量一一篇博文的的好壞一個(gè)個(gè)最重要指指標(biāo)是點(diǎn)擊擊率，因此此大部分博博主追逐PPV、追逐逐瀏覽量，導(dǎo)導(dǎo)致很多垃垃圾信息，只只是吸引眼眼球的東西西在泛濫，而而深度的東東西往往未未必能吸引

8、引住眼球。這導(dǎo)致網(wǎng)網(wǎng)站的品味味越來(lái)越低低，作為一一個(gè)博主，個(gè)個(gè)人思想也也逐漸消失失。（3）獨(dú)立立博客的推推廣我看過(guò)很多多關(guān)于“推推廣”的文文章，搞到到最后才明明白，其實(shí)實(shí)做網(wǎng)站推推廣最終目目的是讓更更多人看到到我這個(gè)博博客里的內(nèi)內(nèi)容，更多多的人知道道博客評(píng)論論手段，可可是，沒(méi)人人讓人感興興趣的內(nèi)容容何談推廣廣？在將博博客內(nèi)容做做好的前提提下適當(dāng)?shù)牡腟EO，才才是如虎添添翼。新浪是最強(qiáng)強(qiáng)大的新聞聞門(mén)戶，假假設(shè)每天只只有5%是是自己的原原創(chuàng)，比例例雖然小了了點(diǎn)，但沒(méi)沒(méi)有這點(diǎn)原原創(chuàng)，就沒(méi)沒(méi)有新浪的的影響力。復(fù)制粘貼貼是為了熟熟悉行業(yè)，做做偽原創(chuàng)是是為了提升升自己，對(duì)對(duì)博客內(nèi)容容的價(jià)值判判斷才是重重中

9、之重。喜歡有價(jià)值值的博客，也也希望自己己的博客能能有價(jià)值，這這個(gè)價(jià)值可可能也可以以說(shuō)是一個(gè)個(gè)博客的靈靈魂，這種種靈魂說(shuō)白白了就是有有自己的見(jiàn)見(jiàn)解和看法法，并且并并這種見(jiàn)解解和看法表表達(dá)出來(lái)、闡釋清楚楚，不從眾眾也不盲目目。1.4 研研究?jī)?nèi)容 11、獨(dú)立博博客自由度度更給力 “我的的博客我做做主” ，自自定義操作作性能可以以按照自己己的意愿來(lái)來(lái)設(shè)計(jì)，不不會(huì)因?yàn)檎務(wù)劶懊舾袉?wèn)問(wèn)題而頻繁繁被刪貼，這這是BSPP門(mén)戶博客客所無(wú)法比比擬的。2、可可以更好的的學(xué)習(xí)并檢檢驗(yàn)自己的的學(xué)習(xí)成果果開(kāi)設(shè)獨(dú)獨(dú)立博客可可以讓自己己順便學(xué)習(xí)習(xí)有關(guān)網(wǎng)絡(luò)絡(luò)編程語(yǔ)言言或技術(shù)的的相關(guān)知識(shí)識(shí)，以實(shí)現(xiàn)現(xiàn)邊學(xué)邊用用、學(xué)以致致用;有句句話

10、是這樣樣說(shuō)的，“實(shí)踐值大大于理論值值”，經(jīng)過(guò)過(guò)實(shí)踐檢驗(yàn)驗(yàn)的理論才才會(huì)成為自自己的經(jīng)驗(yàn)驗(yàn)。學(xué)習(xí)總總結(jié)，總結(jié)結(jié)學(xué)習(xí)。3、SSEO表現(xiàn)現(xiàn)更好擁有獨(dú)獨(dú)立域名的的博客更受受搜索引擎擎的青睞，可可以在搜索索引擎獲得得更高的權(quán)權(quán)重，從而而在搜索結(jié)結(jié)果中得到到更靠前的的排名;還還有另外一一點(diǎn)，獨(dú)立立域名的獨(dú)獨(dú)立博客更更拉風(fēng)、更更惹眼，顯顯得更專業(yè)業(yè);當(dāng)然更更專業(yè)是重重點(diǎn)，拉風(fēng)風(fēng)和惹眼是是浮云。4、互互動(dòng)性更好好BSPP門(mén)戶博客客限制對(duì)外外部的交流流，比如圖圖片亂蓋戳戳或限制外外鏈，評(píng)論論要注冊(cè)等等等;而獨(dú)獨(dú)立博客可可以不用注注冊(cè)就發(fā)表表評(píng)論和留留言，并且且可以留下下鏈接，這這樣可以認(rèn)認(rèn)識(shí)更多的的志同道合合的朋

11、友，一一起探討交交流學(xué)習(xí)網(wǎng)網(wǎng)絡(luò)推廣知知識(shí)，電子子商務(wù)技巧巧。5、積積累性更強(qiáng)強(qiáng)，盈利能能力優(yōu)勢(shì)明明顯。擁有獨(dú)獨(dú)立域名后后，不會(huì)因因?yàn)楦鼡QBBSP或空空間服務(wù)商商而丟失博博客的老讀讀者。隨著著流量的增增加，人氣氣的匯聚，獨(dú)獨(dú)立博客的的盈利能力力要優(yōu)于在在BSP開(kāi)開(kāi)設(shè)的博客客。還沒(méi)開(kāi)開(kāi)博客就想想到了盈利利，呵呵1.5意義義 全面提高自自己作為網(wǎng)網(wǎng)站管理者者的綜合素素質(zhì)一個(gè)優(yōu)優(yōu)秀的站長(zhǎng)長(zhǎng)需要有敏敏銳的市場(chǎng)場(chǎng)洞察力，很很強(qiáng)的策劃劃能力，出出色的編程程技術(shù)，過(guò)過(guò)硬的美工工，精通SSEO，網(wǎng)網(wǎng)站推廣，關(guān)關(guān)鍵字排名名。涉及行行業(yè)專業(yè)知知識(shí)，必要要的商務(wù)談?wù)勁心芰?，網(wǎng)站運(yùn)營(yíng)的吃苦耐勞精神等等，雖然自己不可能全

12、部都具備，但是盡量去完善自己第二章 項(xiàng)項(xiàng)目需求分分析2.1 項(xiàng)項(xiàng)目開(kāi)發(fā)環(huán)環(huán)境操作系統(tǒng)使使用Winndowss 7,Webb服務(wù)器使使用操作系系統(tǒng)自帶的的IE 8.0， PhottoShoop CSS3、PhottoShoopCS55、Adoobe DDreammweavver CCS3、Adobbe Drreamwweaveer CSS5、Adobbe Fllash CS4 第三章 項(xiàng)目總體體設(shè)計(jì)3.1網(wǎng)站站總體結(jié)構(gòu)構(gòu)和模塊設(shè)設(shè)計(jì)個(gè)人獨(dú)立博客網(wǎng)站主頁(yè)個(gè)人信息相冊(cè)預(yù)覽生活生活剪影文章作品我的經(jīng)歷聯(lián)系音樂(lè)資源相片播放器相片縮略圖我的地址留下你的腳印相冊(cè) 圖3-11 設(shè)計(jì)圖3.2 布布局設(shè)計(jì)Left

13、RighttFLASHH LOGGO展示Flashh ContiinerMainFooteer 圖3-22 布局圖圖第四章 項(xiàng)目詳細(xì)細(xì)設(shè)計(jì)4.1 Phottoshoop效果圖圖設(shè)計(jì) 圖4-11 主頁(yè)效果圖圖4.2 布布局規(guī)劃與與切圖 圖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小小標(biāo)題 圖4-8 bi_11.giff 圖 4-9 bi_2.gif 圖4-100 ga_11.giff 圖4-111ga_11

14、.giff4.3 頁(yè)面XHHTML編編碼Indexx-2.httml相冊(cè)冊(cè)  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總結(jié)通過(guò)此次的的課程設(shè)計(jì)，使使我對(duì)自己己所學(xué)網(wǎng)站站設(shè)計(jì)知識(shí)識(shí)的認(rèn)識(shí)有有了更深一一層次的提提高，并且且有了一些些切身的體體會(huì)。光有有網(wǎng)站設(shè)計(jì)計(jì)的理論知知識(shí)是不行行的，還得得有更豐富富的實(shí)踐經(jīng)經(jīng)驗(yàn)，也就就是多動(dòng)手手、多動(dòng)腦腦。而這次次的課程設(shè)設(shè)計(jì)就提供供了一次非非常好的實(shí)實(shí)踐操作的的機(jī)會(huì)，使使我對(duì)網(wǎng)站站的設(shè)計(jì)制制作有了一一定的了解解。此次收獲最最大要具有有一顆細(xì)心心的心，激激情的態(tài)度度，且持之之有恒，并并且耐得住住寂寞。在在制作過(guò)程程中要敢于于嘗試，發(fā)發(fā)現(xiàn)問(wèn)題，解解決問(wèn)題。整個(gè)制作過(guò)過(guò)程中我深深深體會(huì)到到，不能急急于求成，一一來(lái)就馬上上編程，應(yīng)應(yīng)該多做分分析和研究究，理清思思路。前一一階段的工工作的好壞壞將直接影影響后一階階段工作的的開(kāi)展。多多學(xué)習(xí)多請(qǐng)請(qǐng)教，更多多新的技術(shù)術(shù)不斷的涌涌現(xiàn)，可以以通過(guò)請(qǐng)教教別人或者者多上網(wǎng)學(xué)學(xué)習(xí)別人的的制作方法法，可以轉(zhuǎn)轉(zhuǎn)變