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

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

2、分分明，命名規(guī)規(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)的的欣賞性，適適當(dāng)使用特效效加強(qiáng)效果 10分分在網(wǎng)站中至少包包含網(wǎng)絡(luò)廣告告。（彈出式式廣告、漂移移廣告、懸浮浮廣告、互動(dòng)動(dòng)廣告或其它它廣告形式中中任選）100分網(wǎng)站主題明確，綜綜合運(yùn)用本學(xué)學(xué)期所學(xué)知識(shí)識(shí) 100分70考核成績?nèi)握n教師簽名目錄TOC o 1-2 u第一章 概述 PAGEREF _Toc310489843 h 11.1 選題目目的 PAGEREF _Toc31048984

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

4、 布局設(shè)設(shè)計(jì) PAGEREF _Toc310489855 h 4第四章 項(xiàng)目目詳細(xì)設(shè)計(jì) PAGEREF _Toc310489856 h 54.1 Phhotoshhop效果圖圖設(shè)計(jì) PAGEREF _Toc310489857 h 54.2 布局規(guī)規(guī)劃與切圖 PAGEREF _Toc310489858 h 64.3 頁面面XHTMLL編碼 PAGEREF _Toc310489859 h 64.4樣式表代代碼 PAGEREF _Toc310489860 h 8總結(jié) PAGEREF _Toc310489861 h 10參考文獻(xiàn) PAGEREF _Toc310489862 h 111個(gè)人網(wǎng)站的設(shè)計(jì)計(jì)與

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

6、和視視野。1.2 設(shè)計(jì)計(jì)目的為自己設(shè)計(jì)一個(gè)個(gè)新穎的個(gè)人人獨(dú)立博客。編碼的定義應(yīng)具具有遠(yuǎn)見性，充充分考慮到板板塊，內(nèi)容的的增加、變動(dòng)動(dòng)，當(dāng)然過多多的編碼位數(shù)數(shù)也將導(dǎo)致編編碼的復(fù)雜化化。1.3 理論論基礎(chǔ)分析 獨(dú)立博客最大的的優(yōu)勢是什么么？做獨(dú)立博客一步步步晉升上去去的空間比較較小，博主的的特點(diǎn)決定了了獨(dú)立博客的的一些缺陷，先先問個(gè)問題，做做獨(dú)立博客最最大的優(yōu)勢是是什么？有人人會(huì)說，有深深度、能互動(dòng)動(dòng)。那缺點(diǎn)呢呢？盧松松覺覺得最大的缺缺點(diǎn)就隱藏在在它的優(yōu)點(diǎn)里里面，如果在在一方面特別別強(qiáng)，這里就就一定有缺點(diǎn)點(diǎn)。比如，要要想文章有深深度，就必定定慢，追求高高質(zhì)量的文章章，多數(shù)博主主必定會(huì)在事事態(tài)發(fā)展到

7、一一定階段才能能發(fā)布，想做做到又快又有有質(zhì)量幾乎不不可能。類似似的問題還有有很多，如：（1）一味追求求傳播速度正因?yàn)樽非髠鞑ゲニ俣龋S多多博客都在跟跟蹤門戶網(wǎng)站站的內(nèi)容，而而門戶網(wǎng)站又又在跟蹤紙質(zhì)質(zhì)媒體的內(nèi)容容，沒有真正正的原創(chuàng)，對(duì)對(duì)文章的價(jià)值值磨練是個(gè)很很大的損失。（2）追求點(diǎn)擊擊率、格調(diào)下下降現(xiàn)在衡量一篇博博文的好壞一一個(gè)最重要指指標(biāo)是點(diǎn)擊率率，因此大部部分博主追逐逐PV、追逐逐瀏覽量，導(dǎo)導(dǎo)致很多垃圾圾信息，只是是吸引眼球的的東西在泛濫濫，而深度的的東西往往未未必能吸引住住眼球。這導(dǎo)導(dǎo)致網(wǎng)站的品品味越來越低低，作為一個(gè)個(gè)博主，個(gè)人人思想也逐漸漸消失。（3）獨(dú)立博客客的推廣我看過很多關(guān)于于“

8、推廣”的的文章，搞到到最后才明白白，其實(shí)做網(wǎng)網(wǎng)站推廣最終終目的是讓更更多人看到我我這個(gè)博客里里的內(nèi)容，更更多的人知道道博客評(píng)論手手段，可是，沒沒人讓人感興興趣的內(nèi)容何何談推廣？在在將博客內(nèi)容容做好的前提提下適當(dāng)?shù)腟SEO，才是是如虎添翼。新浪是最強(qiáng)大的的新聞門戶，假假設(shè)每天只有有5%是自己己的原創(chuàng)，比比例雖然小了了點(diǎn)，但沒有有這點(diǎn)原創(chuàng)，就就沒有新浪的的影響力。復(fù)復(fù)制粘貼是為為了熟悉行業(yè)業(yè)，做偽原創(chuàng)創(chuàng)是為了提升升自己，對(duì)博博客內(nèi)容的價(jià)價(jià)值判斷才是是重中之重。喜歡有價(jià)值的博博客，也希望望自己的博客客能有價(jià)值，這這個(gè)價(jià)值可能能也可以說是是一個(gè)博客的的靈魂，這種種靈魂說白了了就是有自己己的見解和看看法

9、，并且并并這種見解和和看法表達(dá)出出來、闡釋清清楚，不從眾眾也不盲目。1.4 研究內(nèi)內(nèi)容 1、獨(dú)獨(dú)立博客自由由度更給力 “我的博客客我做主” ，自定義操操作性能可以以按照自己的的意愿來設(shè)計(jì)計(jì)，不會(huì)因?yàn)闉檎劶懊舾袉枂栴}而頻繁被被刪貼，這是是BSP門戶戶博客所無法法比擬的。2、可以更更好的學(xué)習(xí)并并檢驗(yàn)自己的的學(xué)習(xí)成果開設(shè)獨(dú)立博博客可以讓自自己順便學(xué)習(xí)習(xí)有關(guān)網(wǎng)絡(luò)編編程語言或技技術(shù)的相關(guān)知知識(shí)，以實(shí)現(xiàn)現(xiàn)邊學(xué)邊用、學(xué)學(xué)以致用;有有句話是這樣樣說的，“實(shí)實(shí)踐值大于理理論值”，經(jīng)經(jīng)過實(shí)踐檢驗(yàn)驗(yàn)的理論才會(huì)會(huì)成為自己的的經(jīng)驗(yàn)。學(xué)習(xí)習(xí)總結(jié)，總結(jié)結(jié)學(xué)習(xí)。3、SEOO表現(xiàn)更好擁有獨(dú)立域域名的博客更更受搜索引擎擎的青睞，

10、可可以在搜索引引擎獲得更高高的權(quán)重，從從而在搜索結(jié)結(jié)果中得到更更靠前的排名名;還有另外外一點(diǎn)，獨(dú)立立域名的獨(dú)立立博客更拉風(fēng)風(fēng)、更惹眼，顯顯得更專業(yè);當(dāng)然更專業(yè)業(yè)是重點(diǎn)，拉拉風(fēng)和惹眼是是浮云。4、互動(dòng)性性更好BSP門戶戶博客限制對(duì)對(duì)外部的交流流，比如圖片片亂蓋戳或限限制外鏈，評(píng)評(píng)論要注冊(cè)等等等;而獨(dú)立立博客可以不不用注冊(cè)就發(fā)發(fā)表評(píng)論和留留言，并且可可以留下鏈接接，這樣可以以認(rèn)識(shí)更多的的志同道合的的朋友，一起起探討交流學(xué)學(xué)習(xí)網(wǎng)絡(luò)推廣廣知識(shí)，電子子商務(wù)技巧。5、積累性性更強(qiáng)，盈利利能力優(yōu)勢明明顯。擁有獨(dú)立域域名后，不會(huì)會(huì)因?yàn)楦鼡QBBSP或空間間服務(wù)商而丟丟失博客的老老讀者。隨著著流量的增加加，人氣的

11、匯匯聚，獨(dú)立博博客的盈利能能力要優(yōu)于在在BSP開設(shè)設(shè)的博客。還還沒開博客就就想到了盈利利，呵呵1.5意義 全面提高自己作作為網(wǎng)站管理理者的綜合素素質(zhì)一個(gè)優(yōu)秀的的站長需要有有敏銳的市場場洞察力，很很強(qiáng)的策劃能能力，出色的的編程技術(shù)，過過硬的美工，精精通SEO，網(wǎng)網(wǎng)站推廣，關(guān)關(guān)鍵字排名。涉涉及行業(yè)專業(yè)業(yè)知識(shí)，必要要的商務(wù)談判判能力，網(wǎng)站站運(yùn)營的吃苦苦耐勞精神等等等，雖然自自己不可能全全部都具備，但但是盡量去完完善自己第二章 項(xiàng)目需需求分析2.1 項(xiàng)目開開發(fā)環(huán)境操作系統(tǒng)使用WWindowws 7,Web服務(wù)務(wù)器使用操作作系統(tǒng)自帶的的IE 8.0， PhotooShop CS3、PhotooShopC

12、CS5、Addobe DDreamwweaverr CS3、Adobee Dreaamweavver CSS5、Adobee Flassh CS44 第三章 項(xiàng)目目總體設(shè)計(jì)3.1網(wǎng)站總體體結(jié)構(gòu)和模塊塊設(shè)計(jì)個(gè)人個(gè)人獨(dú)立博客網(wǎng)站主頁個(gè)人信息相冊(cè)預(yù)覽生活生活剪影文章作品我的經(jīng)歷聯(lián)系音樂資源相片播放器相片縮略圖我的地址留下你的腳印相冊(cè) 圖3-1 設(shè)計(jì)圖3.2 布局設(shè)設(shè)計(jì)LeftRightFLASH LLOGO展示示Flash CContinnerMainFooter 圖3-2 布布局圖第四章 項(xiàng)目目詳細(xì)設(shè)計(jì)4.1 Phhotoshhop效果圖圖設(shè)計(jì) 圖4-11 主頁效果圖4.2 布局規(guī)規(guī)劃與切圖 圖4

13、-22 head.gif（用用于flassh Loggo制作）圖4-3 boottom_1.giff 圖4-4 wiimb_cnn_2_199.gif 圖44-5 leftt.gif 圖4-6 righht.giff 圖4-7小標(biāo)題題 圖4-8 bii_1.giif 圖 4-9 bi_2.gif 圖4-10 ga_1.gif 圖4-11ga_11.gif4.3 頁面面XHTMLL編碼Index-22.htmll相冊(cè) &nbbsp; FFAIL (the bbrowseer shoould rrenderr somee flassh conntent, not this). FAILL (the

14、e browwser sshouldd rendder soome fllash ccontennt, noot thiis). &nbbsp;&nnbsp;&;&nbssp;縮略略圖  p; &nbbsp;  p; &;  p; 4.4樣式表代代碼style.ccssbody marginn-leftt: 0pxx;marginn-top: 0px;marginn-righht: 0ppx;marginn-botttom: 00px;.style11 color: #97aa500;font-ssize: 11px;font-ffamilyy: tahhoma;fon

15、t-wweightt: bolld;text-ddecoraation:none.style22 color: #C833D88;font-ssize: 14px;font-ffamilyy: tahhoma;font-wweightt: bolld;text-ddecoraation:none.style33 color: #75AA23E;font-ssize: 11px;font-ffamilyy: tahhoma;font-wweightt: bolld;text-ddecoraation:none.style44 color: #1D55E6A;font-ssize: 11px;fo

16、nt-ffamilyy: tahhoma;font-wweightt: bolld;text-ddecoraation:none.style55 color: #FFFFFFF;font-ssize: 10px;font-ffamilyy: tahhoma;#mu li listt-stylle:urll(imagges/pooint_11.gif); marrgin:00 0 0 0px#mu a fontt-famiily:taahoma; fontt-sizee:11pxx; collor:#77F9E155.style66 color: #7377373;font-ssize: 11p

17、x;font-ffamilyy: tahhoma;line-hheightt:12pxx.style77 color: #0000001;font-ssize: 11px;font-ffamilyy: tahhoma;.style88 color: #5b55b5b;font-ssize: 11px;font-ffamilyy: tahhoma;.style99 color: #89AA919;font-ssize: 11px;font-ffamilyy: tahhoma;text-ttransfform:uupperccase總結(jié)通過此次的課程程設(shè)計(jì)，使我我對(duì)自己所學(xué)學(xué)網(wǎng)站設(shè)計(jì)知知識(shí)的認(rèn)識(shí)有

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