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

2、圖 100分網(wǎng)站目錄結(jié)結(jié)構(gòu)清晰，層層次分明，命命名規(guī)范（抓抓取站點(diǎn)地地圖） 5分網(wǎng)頁代碼正正確，可讀讀性強(qiáng) 5分分導(dǎo)航結(jié)構(gòu)清清晰，頁面面鏈接合理理，至少包包含4個(gè)頁頁面10分網(wǎng)站頁面中中包含表單單頁面及多多媒體元素素 10分分網(wǎng)頁色彩和和諧，頁面面設(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考核成績?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 研研究內(nèi)容 PAGEREF _Toc310489848 h 21.5意義義 PAGEREF _Toc310489849 h 2第二章 項(xiàng)項(xiàng)目需求分分析 PAGEREF _Toc310489850 h 32.1 項(xiàng)項(xiàng)目開發(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 頁面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)，是是極其簡便便、豐富的的個(gè)人媒體體形式，是是互聯(lián)網(wǎng)上上獨(dú)立的思思想泡泡、是“草根根記者”、“讀者文文摘”、學(xué)學(xué)習(xí)工具她帶來來一種全新新的交流方方式和生活活可能。博博客的精神神是：自由由表達(dá)，開開放寬容，個(gè)個(gè)性張揚(yáng)，專專業(yè)精神。當(dāng)今世界界發(fā)展得越越來越快，如如何才能緊緊跟時(shí)代的的步伐，已已成為越來來越緊迫的的問題。隨隨著互聯(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)見性，充充分考慮到到板塊，內(nèi)內(nèi)容的增加加、變動(dòng)，當(dāng)當(dāng)然過多的的編碼位數(shù)數(shù)也將導(dǎo)致致編碼的復(fù)復(fù)雜化。1.3 理論基礎(chǔ)礎(chǔ)分析 獨(dú)立博客最最大的優(yōu)勢勢是什么？做獨(dú)立博客客一步步晉晉升上去的的空間比較較小，博主主的特點(diǎn)決決定了獨(dú)立立博客的一一些缺陷，先先問個(gè)問題題，做獨(dú)立立博客最大大的優(yōu)勢是是什么？有有人會(huì)說，有有深度、能能互動(dòng)。那那缺點(diǎn)呢？盧松松覺覺得最大的的缺點(diǎn)就隱隱藏在它的的優(yōu)點(diǎn)里面面，如果在在一方面特特別強(qiáng)，這這里就一

7、定定有缺點(diǎn)。比如，要要想文章有有深度，就就必定慢，追追求高質(zhì)量量的文章，多多數(shù)博主必必定會(huì)在事事態(tài)發(fā)展到到一定階段段才能發(fā)布布，想做到到又快又有有質(zhì)量幾乎乎不可能。類似的問問題還有很很多，如：（1）一味味追求傳播播速度正因?yàn)樽非笄髠鞑ニ俣榷龋S多博博客都在跟跟蹤門戶網(wǎng)網(wǎng)站的內(nèi)容容，而門戶戶網(wǎng)站又在在跟蹤紙質(zhì)質(zhì)媒體的內(nèi)內(nèi)容，沒有有真正的原原創(chuàng)，對文文章的價(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)站的品味味越來越低低，作為一一個(gè)博主，個(gè)個(gè)人思想也也逐漸消失失。（3）獨(dú)立立博客的推推廣我看過很多多關(guān)于“推推廣”的文文章，搞到到最后才明明白，其實(shí)實(shí)做網(wǎng)站推推廣最終目目的是讓更更多人看到到我這個(gè)博博客里的內(nèi)內(nèi)容，更多多的人知道道博客評論論手段，可可是，沒人人讓人感興興趣的內(nèi)容容何談推廣廣？在將博博客內(nèi)容做做好的前提提下適當(dāng)?shù)牡腟EO，才才是如虎添添翼。新浪是最強(qiáng)強(qiáng)大的新聞聞門戶，假假設(shè)每天只只有5%是是自己的原原創(chuàng)，比例例雖然小了了點(diǎn)，但沒沒有這點(diǎn)原原創(chuàng)，就沒沒有新浪的的影響力。復(fù)制粘貼貼是為了熟熟悉行業(yè)，做做偽原創(chuàng)是是為了提升升自己，對對博客內(nèi)容容的價(jià)值判判斷才是重重中

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

10、是這樣樣說的，“實(shí)踐值大大于理論值值”，經(jīng)過過實(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門戶博客客限制對外外部的交流流，比如圖圖片亂蓋戳戳或限制外外鏈，評論論要注冊等等等;而獨(dú)獨(dú)立博客可可以不用注注冊就發(fā)表表評論和留留言，并且且可以留下下鏈接，這這樣可以認(rèn)認(rèn)識(shí)更多的的志同道合合的朋

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

12、部都具備，但是盡量去完善自己第二章 項(xiàng)項(xiàng)目需求分分析2.1 項(xiàng)項(xiàng)目開發(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)站主頁個(gè)人信息相冊預(yù)覽生活生活剪影文章作品我的經(jīng)歷聯(lián)系音樂資源相片播放器相片縮略圖我的地址留下你的腳印相冊 圖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 主頁效果圖圖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 頁面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總結(jié)通過此次的的課程設(shè)計(jì)，使使我對自己己所學(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ì)，使使我對網(wǎng)站站的設(shè)計(jì)制制作有了一一定的了解解。此次收獲最最大要具有有一顆細(xì)心心的心，激激情的態(tài)度度，且持之之有恒，并并且耐得住住寂寞。在在制作過程程中要敢于于嘗試，發(fā)發(fā)現(xiàn)問題，解解決問題。整個(gè)制作過過程中我深深深體會(huì)到到，不能急急于求成，一一來就馬上上編程，應(yīng)應(yīng)該多做分分析和研究究，理清思思路。前一一階段的工工作的好壞壞將直接影影響后一階階段工作的的開展。多多學(xué)習(xí)多請請教，更多多新的技術(shù)術(shù)不斷的涌涌現(xiàn)，可以以通過請教教別人或者者多上網(wǎng)學(xué)學(xué)習(xí)別人的的制作方法法，可以轉(zhuǎn)轉(zhuǎn)變