導航:首頁 > 萬維百科 > 網頁設計廣告圖片

網頁設計廣告圖片

發布時間:2021-03-21 08:12:14

1、有沒有什麼廣告設計類、廣告圖片類的網頁,要精品,謝了。

創意在線 火星時代 ,創意在線 ,插畫中國!創意人,創意網,中國設計在線

2、有沒有一個網站上給你參考的廣告設計的圖片呀

有素材網站,很多的。。

3、CSS代碼 隱藏網頁中廣告圖片

把圖片這塊的div的display屬性設置為none。如下:
div{
display:none;
}

4、網頁中GIF 動態廣告圖片是用什麼軟體做

Ulead GIF Animator 5

一個簡單、快速、靈活,功能強大的GIF動畫編輯軟體。同時,也是一款不錯的網頁設計輔助工具,還可以作為Photoshop的插件使用,豐富而強大的內制動畫選項,讓我們更方便地製作符合要求的GIF動畫.

這是一個最常用的軟體且簡單方便

5、如何在網頁上做flash廣告或圖片?

經過一段時間的Flash學習之後,很多朋友開始對那些全Flash網站的製作發生興趣。全Flash網站基本以圖形和動畫為主,所以比較適合做那些文字內容不太多,以平面、動畫效果為主的應用。如:企業品牌推廣、特定網上廣告、網路游戲、個性網站等。

製作全Flash網站和製作html網站類似,事先應先在紙上畫出結構關系圖,包括:網站的主題、要用什麼樣的元素、哪些元素需要重復使用、元素之間的聯系、元素如何運動、用什麼風格的音樂、整個網站可以分成幾個邏輯塊、各個邏輯塊間的聯系如何、以及你是否打算用Flash建構全站或是只用其做網站的前期部分等等,都應在考慮范圍之內。

實現全Flash網站效果多種多樣,但基本原理是相同的:將主場景作為一個"舞台",這個舞台提供標準的長寬比例和整個的版面結構,「演員」就是網站子欄目的具體內容,根據子欄目的內容結構可能會再派生出更多的子欄目。主場景作為"舞台"基礎,基本保持自身的內容不變,其它"演員"身份的的子類、次子類內容根據需要被導入到主場景內。

從技術方面講,如果你已經掌握了不少單個Flash作品的製作方法,再多了解一些swf文件之間的調用方法,製作全Flash網站並不會太復雜。

參考流程:網站結構規劃—>Flash場景規劃—>素材准備—>分別製作—>整體整合

一、全Flash網站和單個Flash作品製作的區別

二、常用技術

1、重要ActionScript代碼控制

2、Loading的製作

3、文本導入

三、實例製作剖析

1、本實例網站結構規劃

2、首頁場景index.swf的製作

3、次場景Cartoon(200208.swf)的製作

4、二級次場景(200208_frog01~200208_frog05)製作

5、About中的文本導入

四、注意事項

以上我們通過實例剖析的方式大略介紹了全Flash網站的基本製作方法,希望給喜歡Flash的朋友們一點實實在在的幫助,期望不久以後能看到大家做出的精彩Flash網站!本文Flash網站實例源文件下載

一、全Flash網站和單個Flash作品製作的區別

1、文件結構不同

單個Flash作品的場景、動畫過程及內容都在一個文件內,而全Flash網站的文件由若干個文件構成,並且可以隨發展的需要繼續擴展。全Flash網站的文件動畫分別在各自的對應文件內。通過Action的導入和跳轉控制實現動畫效果,由於同時可以載入多個SWF文件,它們將重疊在一起顯示在屏幕上。

2、製作思路不同

單個Flash作品的製作一般都在一個獨立的文件內,計劃好動畫效果隨時間線的變化或場景的交替變化即可。全Flash網站製作則更需要整體的把握,通過不同文件的切換和控制來實現全Flash網站的動態效果,要求製作者有明確的思路和良好的製作習慣。

3、文件播放流程不同

單個Flash作品通常需要將所以的文件做在一個文件內,在觀看效果是必須等文件基本下載完畢才開始播放。但全Flash網站是通過若干個文件結合在一起,在時間流上更符合Flash軟體產品的特性。文件可以做的比較小,通過陸續載入其它文件更適合Internet的傳播,這樣同時避免了訪問者因等待時間過長而放棄瀏覽。

二、常用技術

1、重要ActionScript代碼控制

這是全Flash網站實現的關鍵,尤其是Flash MX新增了很多功能強大的命令,關於這部分,請大家可以參看看看其它的資料,這里只介紹部分製作全Flash網站需要使用的比較重要的ActionScript函數。

loadMovieNum("url",level[, variables])

loadMovie("url",level/target[, variables])

功能說明:
在播放原來載入的影片的同時將SWF或JPEG文件載入進來。
參數說明:
url 要載入的 SWF 或 JPEG 文件的絕對或相對 URL,不能包含文件夾或磁碟驅動器說明。
level 把swf文件以層的形式載入到Movie里,若載入0層,則載入的swf文件將取代當前播放的Movie,。2層高於1層。
Target 可用路徑拾取器取得並替換目標MC,載入的電影將擁有目標MC的位置、大小和旋轉角度等屬性。(個人認為用Target好些,在控制載入.swf位置時比較方便)
variables 可選參數,指定發送變數所使用的 HTTP 方法(GET/POST),如果沒有則省略此參數。

層次Level:Flash允許同時運行多個SWF文件,Flash一旦載入一個SWF文件,則占據了一個"層次",系統默認的是_Flash0或_Level0,之後的Movie則按順序放在level0---level16000里。第一個載入的SWF文件為_Flash0或_Level0,第二個如果載入到第一層時的稱為_Flash1或_Level1,依此類推。注意前提是前面載入的文件沒有退出,否則沖掉第一個SWF文件,第一個文件也從內存中退出。

注意:如果你將外部的Movie載入到Leve0層或者Level0里,那麼,原始的Movie就會被暫時取代,要再用時還得重新Load一次,也就是說,一個Level在一個時間里只能有一個Movie存在。在使用LoadMovie和UnLoadMovie時必須特別注意Level之間的關系,否則,當你希望在一個時間里只播放一個Movie而Unload掉前一個Movie時,就會出現不必要的麻煩。

unloadMovieNum(level)

unloadMovie[Num](level/"target")

功能說明: 從 Flash Player 中刪除已載入的影片。
參數說明: 同上

loadVariables ("url" ,level/"target" [, variables])

功能說明:
從外部文件中(例如文本文件,或由 CGI 腳本、Active Server Page (ASP)、PHP 或 Perl 腳本生成的文本)讀取數據,並設置 Flash Player 級別或目標影片剪輯中變數的值。
參數說明:
url 變數所處位置的絕對或相對 URL
level 指定 Flash Player 中接收這些變數的級別的整數。
Target 指向接收所載入變數的影片剪輯的目標路徑。
variables 可選參數,指定發送變數所使用的 HTTP 方法(GET/POST),如果沒有則省略此參數。

gotoAndPlay(scene, frame)

功能說明:
轉到指定場景中指定的幀並從該幀開始播放。如果未指定場景,則播放頭將轉到當前場景中的指定幀。
參數說明:
scene 轉到的場景的名稱。
frame 轉到的幀的編號或標簽。

2、Loading的製作
考慮到網路傳輸的速度,如果index.swf文件比較大,在它被完全導入以前設計一個Loading引導瀏覽者耐心等待是非常有必要的。同時設計得好的loading在某些時候還可以為網站起一定的鋪墊作用。

一般的做法是先將loading做成一個MC,在場景的最後位置設置標簽如end,通過ifFrameLoaded來判斷是否已經下載完畢,如果已經下載完畢則通過gotoAndPlay控制整個Flash的播放。

以一個Loading文件為例,在場景里加入插入MC,

ifFrameLoaded("end"){
gotoAndPlay("開始播放的地方");
}

3、文本導入

在我們製作全Flash網站的過程中經常遇到一定量的文字內容需要體現,文本的內容表現與上面介紹的流程是一樣的,不同的地方體現最後的表現效果和處理手法還是有些不同。

方法一、文本圖形法

如果文本內容不多,有希望將文本內容做的比較有動態效果,可以採用此法。將需要文本做成若干個Flash的元件,在相應的位置安排好。文本圖形法的文件載入與上面介紹的處理手法比較類似,原理都差不多。具體動態效果就有待大家自己去考慮,這里就不多介紹。

方法二、直接導入法

文本導入法可以將獨立的.txt文本文件,通過loadVariables導入到Flash文件內,修改時只需要修改txt文本內容就可以實現Flash相關文件的修改,非常方便。

在文本框屬性中設置Var:變數名(注意這個變數名)。

為文本框所在的幀添加ActionScript代碼:
loadVariables("變數名.txt","");

編寫一個純文本文件.txt(文件名隨意),文本開頭為「變數名=」,「=」後面寫上正式的文本內容。

三、實例製作剖析

一般製作流程:

網站結構規劃—>Flash場景規劃—>素材准備—>分別製作—>整體整合

1、本實例網站結構規劃

網站欄目:News、About、E-mail、Gallery、Cartoon、Animation

子欄目About:Feiyingis、Member、Relationship、ContactUs

紅線部分構成主場景(舞台),每個子欄目在首頁里僅保留名稱,屬性為按鈕。

藍線部分內容為次場景(演員),可以將次場景內容做在一個文件內,同時也可以做成若干個獨立文件,根據需要導入到主場景(舞台)內。

2、首頁場景index.swf的製作

全Flash網站由主場景、子場景、次子場景……構成。

和製作html網站類似,一般我們會製作一個主場景index.swf,主要內容包括:長寬比例、背景、欄目導航按鈕、網站名稱等「首頁」信息。最後發布成一個html文件,或者自己做一個html頁面,內容就是一個表格,裡面寫上index.swf的嵌入代碼即可。

主場景安排:

藍色線條部分為網站名稱、版權等固定信息區,通常所在位置為Flash動畫的邊緣位置。

橙色線條內容為網站欄目導航按鈕,通常也是固定在某個區域。按鈕可以根據需要做成靜態或動態效果,甚至可以做成一個包含MC變化的Button。

綠色線條部分為主場景導入子文件的演示區域。

在子文件的裝載方面主要用到:LoadMovieNum、UnloadMovieNum兩個控制函數,請參閱前文重要ActionScript代碼控制。

這里我們以子欄目Cartoon的製作為例。主場景文件index中有一個按鈕Cartoon,當我們點擊Cartoon按鈕時希望導入cartoon文件夾下的200208.swf文件。所以我們在場景內選擇Cartoon按鈕,添加Action代碼:

on(release){
loadMovieNum("cartoon/200208.swf",1);
unloadMovieNum(2);
}
注意這里我們設置level為1。

3、次場景200208.swf的製作

現在確定Cartoon子欄目需要導入的文件200208.swf,該文件計劃包含5個子文件。所以200208.swf文件的界面只包含用於導入5個獨立子文件的5個圖形按鈕和一個標題。

200208.swf
從圖上大家可以看到,200208.swf文件包含5個屬性為button的小圖標,分別為Bu_2_frog01到Bu_2_frog05。我們需要的效果是:點擊它們則分別導入相應文件200208_frog01.swf到200208_frog05.swf文件。

我們在場景內選擇Bu_2_frog01,為這個按鈕添加ActionScript:

on(release){
loadMovieNum("cartoon/200208_frog01.swf",2);
}

點擊Bu_2_frog02,為這個按鈕添加ActionScript:
on(release){
loadMovieNum("cartoon/200208_frog02.swf",2);
}
……
依次將5個button分別設置好相對應的action以便調用相應的文件。

注意:這里我們設置level為2,是為了保留並區別主場景1而設置的導入的層次數,如果需要導入下一級的層數,則層數增加為3,依次類推。

4、二級次場景(200208_frog01~200208_frog05)製作

這里的二級次場景是與上級關聯的內容,是本例中三級結構中的最後一級。該級主要為全Flash網站具體內容部分,可以是詳細的圖片、文字、動畫內容。這里需要連接的是具體圖片為內容,但同樣需要做成與主場景比例同等的swf文件。例如:

200208_frog01

200208_frog02

該場景是最底層場景,為主體內容顯示部分,具體動畫效果大家可以根據需要做更深入。注意要在場景最後一幀處加入停止ActionScript代碼:stop();這樣可以停止場景動畫的循環動作。

完整導入到主場景內的效果

5、About中的文本導入

查看本例的About子欄目,在文件index.fla里設置About按鈕的action:

on(release){
loadMovieNum("aboutus.swf",1);
unloadMovieNum(2);
}

在aboutus.fla文件中做好顯示文本的文本框,文本框屬性設置為多行(Multiline),Var:aboutus(注意這個變數名)。

為文本框所在的幀加ActionScript代碼:
loadVariables("aboutus.txt","");

在aboutus.swf文件所屬目錄下編寫一個純文本文件about.txt,文本開頭為「aboutus=」,「=」後面寫上正式的文本內容。

將文本文件完整導入到主場景內的效果

四、注意事項

1、注意所有子文件的長、寬屬性

全Flash網站從畫面層次來看,非常類似Photoshop的層結構,我們可以把每個子場景看做為一個層文件,子文件是在背景的長寬范圍內出現。為了方便定位,我們可以讓子文件與主場景保持統一的長寬比例,這樣非常便於版面安排。否則就必須用setProperty語句小心控制它們的位置。

2、發布文件時注意將html選項發布為透明模式

需要將每個子文件發布為透明模式的原因是不能讓子文件帶有背景底色,由於子文件的長寬比例與主場景基本是一致的,如果子文件帶有底色,就會遮蓋主場景的內容。

設置方法:在發布設置里勾選html選項,在html面板里選擇windowsmode:TransparentWindowless,如圖。

3、使用文本導入時,注意文本文件開頭的內容必須是「與文本框屬性中Var定義名相同的字元串=正文」。另外需要導入文本的swf文件與被導入的txt文本文件最好在同一目錄內。

4、注意仔細檢查文件之間的調用是否正確,避免出現「死鏈接」。

6、求一些網頁平面設計的教程資料等等,圖片廣告製作的也行

平面設計教程有很多,不同的軟體也有不同的教程,比如photoshop、flash等等。你看你了。

7、做廣告圖、banner 這些設計屬於什麼設計?平面設計嗎?還是網頁設計?

其實網頁設計也屬於平面設計的一種,banner屬於網頁設計,廣告圖如果在網頁上也是網頁設計

8、網頁設計怎樣使圖片在網頁中任意的飄來飄去,例如廣告圖片之類的

那個要用到一個JS代碼。上面的連接地址和圖片可以自行更改! <div id="codefans_net" style="position:absolute"> <!--鏈接地址--><a href=" http://www.soso.com/" target="_blank"> <!--圖片地址--><img src="/images.gif" width="160" height="95" border="0"> </a></div> <script> var x = 50,y = 60 var xin = true, yin = true var step = 1 var delay = 10 var obj=document.getElementById("codefans_net") function float() { var L=T=0 var R= document.body.clientWidth-obj.offsetWidth var B = document.body.clientHeight-obj.offsetHeight obj.style.left = x + document.body.scrollLeft obj.style.top = y + document.body.scrollTop x = x + step*(xin?1:-1) if (x < L) { xin = true; x = L} if (x > R){ xin = false; x = R} y = y + step*(yin?1:-1) if (y < T) { yin = true; y = T } if (y > B) { yin = false; y = B } } var itl= setInterval("float()", delay) obj.onmouseover=function(){clearInterval(itl)} obj.onmouseout=function(){itl=setInterval("float()", delay)} </script>

9、哪個網站可以在線製作廣告圖片?

根據你的需求發現你的廣告圖片是適用於線上而非線下

與網頁設計廣告圖片相關的知識