淺談Flash個人網站的設計與開發

來源:互聯網
上載者:User

仲介交易 HTTP://www.aliyun.com/zixun/aggregation/6858.html">SEO診斷 淘寶客 雲主機 技術大廳

網頁製作與網站建設的知識和技術,是網路中非常重要的內容。 本文主要闡述用Flash建網站的通用思路及步驟。 這些內容主要包括確定網站內容與目標、網站結構規劃、場景規劃、素材準備、分別製作五個方面。 下面就分別來作介紹。

一、確定網站內容與目標

確定網站內容與目標具體需要考慮的因素包括:確定網站主題,網站要用到什麼樣的元素,哪些元素需要重複使用,元素之間的聯繫,元素如何運動,網站所需要的素材與資源,背景音樂的風格,整個網站可以分成幾個邏輯塊, 各個邏輯塊間的關係如何,從而構建出網站的整體結構,並畫出結構關係,從而確定網站的選題內容與整體風格。

二、網站結構規劃

確立網站結構規劃就是建立網站的結構層次圖和定義導航。 目錄結構的好壞影響網站的流覽感覺,決定了能否從網站中儘快獲得資訊,且對於網站的維護、內容更新、擴充和移植有重要影響。 建立一個清晰簡明的目錄,各個板塊中有子內容,每個子欄目在首頁裡僅保留名稱。 確定網站的靜態內容與動態內容及其在網頁上的位置與比例,並經常更新。

三、場景規劃

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

四、素材準備

確定好網站目標和結構之後,接下來要做的就是收集相關資源和材料,網站的內容一定要豐富。 將不同的內容分幾個板塊,如生活、旅遊、健康、IT等。 這樣不但方便網站設計者,更方便使用者獲取相關資訊。 要收集的資源和材料主要有以下幾種:

1.文字資料

文字是網站的主題,無論多麼複雜的網頁,文本都是最基本的元素。 無論是什麼類型的網站,都離不開敘述性的文字。 另外,文本有編輯方便、生成的檔小和容易被下載等特點。 所以要製作一個成功的網站,必須要提供足夠的文字資料,並能對這些文字熟練進行設置。 需要注意的是這些文本資料要能突出主題,簡明扼要。

2.圖片資料

網站的一個重要要求是圖文並茂,如果只有文字,流覽者看了不免覺得枯燥無味。 文字的解說再加上一些相關圖片,讓流覽者能夠瞭解更多資訊,更能增加流覽者的印象。 圖片要和文字內容息息相關,要能相互補充。

3.動畫資料

在網頁上插入動畫可以增添頁面的動感效果,因此,絕大多數的網站上都有動畫。 常用的動畫有GIF動畫和flash動畫兩種,flash動畫在網頁上應用得相當多。

4.其他資料

例如網站上的應用軟體、音樂網站上的音樂檔和視頻等等。

五、網站的主場景製作

先製作一個主場景,主場景中包括欄目導覽按鈕、網站名稱等首頁資訊;然後發佈成一個html檔,或者自己做一個html頁面,在裡面寫上嵌入代碼。

導覽按鈕區通常固定在某個區域,按鈕可以根據需要做成靜態或動態效果,也可以做成一個包含MC變化的按鈕。

主場景導入演示區域的子檔可以是文本也可以是動畫檔,導入子檔時可以對相應的按鈕設置代碼。 URL必須與當前電影具有相同的子域,也可以直接在同一個影片中實現文本的顯示。 主場景做好了,接著就要把主場景和次場景連接起來。

六、網站的次場景製作

事先應該確定次場景的表現內容,一個次場景介面通常包括按鈕、功能表和一個演示區,功能表中又包括幾個子功能表,選中子功能表就會播放相應的影片。 製作一個主要按鈕,並為這個主要按鈕添加代碼,就可以把兩個場景連起來了。 可以將次場景內容做在一個檔內,也可以做成若干個獨立檔,根據需要導入到主場景內。

最後,在製作網站時要注意所有子檔的長寬屬性,可以讓子檔與主場景保持統一的長寬比例,這樣便於安排版面,否則就必須用語句控制它們的位置。 另外,發佈檔時要將html選項發佈為透明模式,因為子檔的長寬比例與主場景基本是一致的,如果子檔帶有底色,就會遮蓋主場景的內容。

七、二級次場景製作

這裡的二級次場景是與上級關聯的內容,是三級結構中的最後一級。 該級是網站的具體內容,可以是詳細的圖片、文字、動畫內容,但同樣需要做成與主場景比例同等的檔。 該場景是最底層場景,為主體內容顯示部分,具體動畫效果可以根據需要做得更深入。 注意要在場景最後一幀處加入停止代碼。

轉載文章請注明:該文章來自"flashplayer"HTTP://www.flashplayer.org.cn/1182

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.