近年來(lái),隨著前端技術(shù)的迅速發(fā)展,web前端的工程化和組件化逐漸成為一種趨勢(shì)和共識(shí),而廣告包括類廣告形式已經(jīng)成為前端項(xiàng)目不可或缺的部分。隨著前端項(xiàng)目的復(fù)雜度越來(lái)越高,傳統(tǒng)的網(wǎng)絡(luò)廣告的前端制作方式存在著一定的弊端。為了提高前端開(kāi)發(fā)人員的開(kāi)發(fā)效率,實(shí)現(xiàn)網(wǎng)絡(luò)廣告表現(xiàn)形式的藝術(shù)化以及網(wǎng)絡(luò)廣告的合理化、精細(xì)化,進(jìn)一步對(duì)網(wǎng)絡(luò)廣告效果進(jìn)行合理的歸納分類,需要開(kāi)發(fā)一套包含多種廣告效果且易于前端開(kāi)發(fā)人員調(diào)用的廣告組件及其輔助平臺(tái)。本文對(duì)現(xiàn)今的網(wǎng)絡(luò)廣告的前端表現(xiàn)形式進(jìn)行了調(diào)研、擴(kuò)展、總結(jié),從廣告藝術(shù)設(shè)計(jì)角度和動(dòng)效表現(xiàn)形式的不同歸納了五大類別的網(wǎng)絡(luò)廣告,包括橫幅類廣告、懸浮類廣告、收縮類廣告、純文本類廣告和交互類廣告。本文描述了每類廣告具體的表現(xiàn)形式,給出了每類廣告組件提供給前端開(kāi)發(fā)人員的API,并詳細(xì)闡述了每類廣告組件的內(nèi)部編程組織邏輯和關(guān)鍵廣告效果的實(shí)現(xiàn)方法;網(wǎng)絡(luò)廣告相對(duì)于傳統(tǒng)廣告的一個(gè)顯著區(qū)別是,網(wǎng)絡(luò)廣告具有互動(dòng)性。其互動(dòng)性需要?jiǎng)有У闹С�。平臺(tái)設(shè)計(jì)并封裝了能滿足項(xiàng)目需求的底層基本動(dòng)畫(huà)庫(kù),分析了底層動(dòng)效組件的種類,以及每一類底層動(dòng)效提供的功能,分別給出了對(duì)應(yīng)的API并詳細(xì)闡述了每類動(dòng)效組件的內(nèi)部編程組織邏... 

【文章來(lái)源】：山東大學(xué)山東省 211工程院校 985工程院校 教育部直屬院校

【文章頁(yè)數(shù)】：82 頁(yè)

【學(xué)位級(jí)別】：碩士

【部分圖文】：

圖３－１工程的文件結(jié)構(gòu)圖??女口上圖戶斤示，ｄｅｖＳｅｒｖｅｒ．ｊｓ、Ｐａｃｋａｇｅ．ｊｓｏｎ、Ｗｅｂｐａｃｋ．ｃｏｎｆｉｇ．ｊｓｏｎ、ｎｏｄｅ—ｍｏｄｕｌｅｓ??

圖３－２平臺(tái)的組織邏輯圖??組件庫(kù)的邏輯架構(gòu)設(shè)計(jì)本質(zhì)就是該網(wǎng)絡(luò)廣告組件庫(kù)的組件設(shè)計(jì)

?Ｓｉｒｎｐｌｃｌ＇ｉｍｃ?１?ｉｒｉｃ．?ｊｓ?編程’、火：．現(xiàn)??圖３－２平臺(tái)的組織邏輯圖??組件庫(kù)的邏輯架構(gòu)設(shè)計(jì)本質(zhì)就是該網(wǎng)絡(luò)廣告組件庫(kù)的組件設(shè)計(jì)。按功能封裝??組件，－個(gè)組件做出一些變化，ｒｅａｃｔ的單向數(shù)據(jù)流原則會(huì)把這個(gè)變化得到的數(shù)??據(jù)傳遞給另一個(gè)組件，另一個(gè)組件就可以自動(dòng)做出相應(yīng)的變化，并且各個(gè)組件之??間是低耦合的，按邏輯組合組件，由小組件構(gòu)建大組件，實(shí)現(xiàn)組件的分層Ｍ。??每一類廣告組件，根據(jù)需求又可以繼續(xù)對(duì)該組件進(jìn)行拆分，直到拆分出粒度??比較細(xì)的組件，即可進(jìn)行編寫對(duì)外封閉獨(dú)立的組件，每個(gè)組件需要對(duì)外提供屬性??配置的接口。最后再按照邏輯將所有的組件組裝起來(lái)。??動(dòng)效組件以樣式表設(shè)計(jì)為基礎(chǔ)，每一類廣告靜態(tài)的表現(xiàn)效果，主要依賴樣式??表的設(shè)計(jì)。利用ｒｅａｃｔ的數(shù)據(jù)驅(qū)動(dòng)特性，使用ｒｅａｃｔ函數(shù)式編程實(shí)現(xiàn)動(dòng)態(tài)樣式表??的設(shè)計(jì)

【參考文獻(xiàn)】：
期刊論文
[1]提高用戶體驗(yàn)的CSS3技術(shù)應(yīng)用研究[J]. 陳梅.  電腦知識(shí)與技術(shù). 2015(13)
[2]MVVM設(shè)計(jì)模式及其應(yīng)用研究[J]. 陳濤.  計(jì)算機(jī)與數(shù)字工程. 2014(10)

碩士論文
[1]兒童益智網(wǎng)站網(wǎng)絡(luò)廣告的計(jì)算機(jī)制作與應(yīng)用[D]. 張嫻.山東大學(xué) 2009
[2]企業(yè)網(wǎng)絡(luò)廣告設(shè)計(jì)研究[D]. 宋翠君.合肥工業(yè)大學(xué) 2006
[3]網(wǎng)絡(luò)廣告形式及研究[D]. 沈蕾.東華大學(xué) 2005



本文編號(hào)：3223741