畢業(yè)設計-----個人網(wǎng)站設計

1、<p><b>　　畢業(yè)設計（論文）</b></p><p><b>　　二〇一一年三月二日</b></p><p><b>　　內(nèi)容摘要</b></p><p>　　本論文主要是對個人網(wǎng)站的建立進行研究和探討。作品的主要技術指標包括：1、制作出一個具有靜態(tài)和動態(tài)技術的“個人網(wǎng)站”；2、在制

2、作的過程中，加強和深化以前所學的關于網(wǎng)頁設計的方法，同時更好的理解參考資料上的方法和理論。</p><p>　　本設計的主要內(nèi)容包括：1、個人網(wǎng)站的設計思想，2，整體規(guī)劃及相關基礎知識；,3、個人網(wǎng)站的設計步驟，所用工具，包括匯編HTML語言程序及效果圖； 4、網(wǎng)站設計的注意事項。</p><p>　　網(wǎng)頁規(guī)劃包含的內(nèi)容很多，如網(wǎng)頁的結構、欄目的設置、網(wǎng)頁的風格、顏色搭配、版面布局、文字圖

3、片的運用等，也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。 </p><p>　　網(wǎng)站主題就是所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，不可能像單獨的網(wǎng)頁那樣做得內(nèi)容少而單一。所以必須要找準一些自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給人留下深刻的印象。</p><p>　　關鍵詞：技術指標　 基本設計內(nèi)容　 網(wǎng)站規(guī)劃　網(wǎng)站主題<

4、/p><p><b>　　Abstract</b></p><p>　　This will be web page design and production of research and discussion. Works of the main technical indicators include: To produce a static and dynamic

5、 technology " company pages"; In the process of strengthening and deepening of previously learned about web design methods, while a better understanding of Reference Information on the methods and theories; Fin

6、ally, the pursuit of stability of the background operation.</p><p>　　The design of the main contents include:company web page design ideas, the overall planning and relevant basic knowledge; company web page

7、s front design, including the compilation of HTML language program and effect diagram; Personal web pages debugging.</p><p>　　Page plan includes a great many things, such as the page structure, and column se

8、ttings, web style, color combinations, layout, text, images and other use of, and only this website in order to have produced personality characteristics, attractive.</p><p>　　Web theme is to be included in

9、the main contents of a web page must have a clear theme. Especially for personal web pages, it is impossible to do, as an integrated Web site content as large and comprehensive, all-inclusive. Must be necessary to identi

10、fy one most interested in their own content, so deep, be thorough, to do its own characteristics, so as to give the left a deep impression.</p><p>　　Key words: Company Homepage   Ground Rules

11、 Process Web Theme</p><p><b>　　目錄</b></p><p><b>　　前言</b></p><p>　　個人網(wǎng)站設計系統(tǒng)分析……………………………… 1</p><p>　　1.1 相關術語及解釋………………………………………1</p>

12、<p>　　1.2 個人網(wǎng)站的由來與發(fā)展………………………………4</p><p>　　第二章 個人網(wǎng)站建立的步驟…………………………………… 6</p><p>　　2.1 確定網(wǎng)站主題…………………………………………6</p><p>　　2.2 選擇好域名……………………………………………6</p><p>　　2.3 掌握

13、建網(wǎng)工具…………………………………………6</p><p>　　2.4 確定網(wǎng)站界面…………………………………………7</p><p>　　2.5 確定網(wǎng)站風格…………………………………………11</p><p>　　2.6 有創(chuàng)意的內(nèi)容選擇……………………………………12</p><p>　　2.6.1 網(wǎng)站主頁設計………………………………

14、…12</p><p>　　2.7 推廣自己的網(wǎng)站………………………………………13</p><p>　　第三章 網(wǎng)站開發(fā)工具的選用及介紹…………………………… 13</p><p>　　3.1 Dreamweaver 簡介……………………………………13</p><p>　　3.2 網(wǎng)站圖片制作工具Photoshop 簡介…………………14

15、</p><p>　　3.3 Flash 簡介……………………………………………14</p><p>　　第四章 個人網(wǎng)站——舞動青春設計介紹……………………… 16</p><p>　　4.1 我的個人網(wǎng)站概貌……………………………………16</p><p>　　4.2 個人簡介………………………………………………16</p>

16、<p>　　4.3 相冊頁面………………………………………………17</p><p>　　4.3.1 代碼設計…………………………………… 18</p><p>　　4.4 留言界面………………………………………………18</p><p>　　4.5 最新動態(tài)界面…………………………………………19</p><p>　　4.6 心

17、馬游韁………………………………………………19</p><p>　　4.7 音樂分享………………………………………………20</p><p>　　第五章 注意事項………………………………………………… 20</p><p>　　5.1 網(wǎng)頁設計注意事項……………………………………20</p><p>　　參考文獻………………………………………

18、……………………21</p><p>　　總結…………………………………………………………………22</p><p>　　致謝…………………………………………………………………23</p><p><b>　　前 言</b></p><p>　　在21世紀的今天，人類使用和學習信息的方式以及信息的包裝方式正在進行著不可阻

19、擋的革命，這次革命將比印刷術的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠為復雜而巨大，目前，我國上網(wǎng)的人口已近一億，成立世界上網(wǎng)民最多的國家，許多人在需要查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖像、聲音、動畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點，毋庸置疑，網(wǎng)站已成為最吸引人的也是最有效的信息傳遞手段和法按時。隨著網(wǎng)絡技術的發(fā)展，各類網(wǎng)站紛紛出現(xiàn)，個人網(wǎng)站也成為了一種時尚。越來越多的人希望擁有自己的網(wǎng)站，

20、開辟網(wǎng)絡世界的一片天地，展示自己的才華和風格。</p><p>　　所謂網(wǎng)站(Website)，就是指在網(wǎng)際網(wǎng)路（因特網(wǎng)）上，根據(jù)一定的規(guī)則，使用HTML等工具制作的用於展示特定內(nèi)容的相關網(wǎng)頁的集合。簡單地說，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊（信息），或者利用網(wǎng)站來提供相關的網(wǎng)路服務（網(wǎng)絡服務）。人們可以通過網(wǎng)頁瀏覽器來訪問網(wǎng)站，獲取自己需要的資訊（信息）或者享受網(wǎng)路服

21、務</p><p>　　個人網(wǎng)站是指因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，個人網(wǎng)站由域名(也就是網(wǎng)站地址)、程序和網(wǎng)站空間構成，通常包括主頁和其他具有超鏈接文件的頁面。網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊，或者利用網(wǎng)站來提供相關的網(wǎng)絡服務。個人網(wǎng)站是指個人或團體因某種興趣、擁有某種專業(yè)技術、提供某種服務或把自己的作品、商品展示銷售而制作的具有獨立空間域名的網(wǎng)站。所謂的

22、個人網(wǎng)站，就是指網(wǎng)站內(nèi)容是介紹自己的或是以自己的信息為中心的網(wǎng)站，不一定是自己做的網(wǎng)站，但強調(diào)的是以個人信息為中心。</p><p>　　第一章 個人網(wǎng)站設計系統(tǒng)分析</p><p>　　1.1 相關術語及解釋</p><p><b>　　Internet</b></p><p>　　Internet，中文正式譯名為因特

23、網(wǎng)，又叫做國際互聯(lián)網(wǎng)。它是由那些使用公用語言互相通信的計算機連接而成的全球網(wǎng)絡。一旦你連接到它的任何一個節(jié)點上，就意味著您的計算機已經(jīng)連入Internet網(wǎng)上了。Internet目前的用戶已經(jīng)遍及全球，有超過幾億人在使用Internet，并且它的用戶數(shù)還在以等比級數(shù)上升。</p><p>　　Internet計算機存儲的信息則匯成了信息資源的大海洋。信息內(nèi)容無所不包：有學科技術的各種專業(yè)信息，也有與大眾日常工作與

24、生活息息相關的信息；有嚴肅主題的信息，也有體育、娛樂、旅游、消遣和奇聞逸事一類的信息；有歷史檔案信息，也有現(xiàn)實世界的信息；有知識性和教育性的信息，也有消息和新聞的傳媒信息；有學術、教育、產(chǎn)業(yè)和文化方面的信息，也有經(jīng)濟、金融和商業(yè)信息等等。信息的載體涉及幾乎所有媒體，如文檔、表格、圖形、影象、聲音以及它們的合成。信息容量小到幾行字符，大到一個圖書館。信息分布在世界各地的計算機上，以各種可能的形式存在，如文件、數(shù)據(jù)庫、公告牌、目錄文檔和超文

25、本文檔等。而且這些信息還在不斷的更新和變化中?？梢哉f，這里是一個取之不盡用之不竭的大寶庫。</p><p>　　Internet的另一種資源是計算機系統(tǒng)資源，包括連接在Internet的各種網(wǎng)絡上的計算機的處理能力、存儲空間（硬件資源）以及軟件工具和軟件環(huán)境（軟件資源）。一般地說，要求使用計算機系統(tǒng)的Internet用戶，如科學家、工程師、設計師、教師、學生或每一個普通用戶，都可以通過遠程登錄到達某臺目標計算機，

26、只要這臺計算機允許你使用并建立了你的登錄帳號。你可以象使用自己的計算機一樣使用它們！當你進入Internet后就可以利用其中各個網(wǎng)絡和各種計算機上無窮無盡的資源，同世界各地的人們自由通信和交換信息，以及去做通過計算機能做的各種各樣的事情，享受Internet為我們提供的各種服務。</p><p><b>　　超鏈接</b></p><p>　　超鏈接在本質(zhì)上屬于一個網(wǎng)

27、頁的一部分，它是一種允許我們同其他網(wǎng)頁或站點之間進行連接的元素。各個網(wǎng)頁鏈接在一起后，才能真正構成一個網(wǎng)站。所謂的超鏈接是指從一個網(wǎng)頁指向一個目標的連接關系,這個目標可以是另一個網(wǎng)頁,也可以是相同網(wǎng)頁上的不同位置，還可以是一個圖片，一個電子郵件地址，一個文件，甚至是一個應用程序。而在一個網(wǎng)頁中用來超鏈接的對象，可以是一段文本或者是一個圖片。當瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標將顯示在瀏覽器上，并且根據(jù)目標的類型來打開或運行。&l

28、t;/p><p>　　按照鏈接路徑的不同,網(wǎng)頁中超鏈接一般分為以下3種類型: 內(nèi)部鏈接,錨點鏈接和外部鏈接。 如果按照使用對象的不同，網(wǎng)頁中的鏈接又可以分為：文本超鏈接，圖像超鏈接，E-mail鏈接，錨點鏈接，多媒體文件鏈接，空鏈接等。 </p><p>　　超鏈接是一種對象，它以特殊編碼的文本或圖形的形式來實現(xiàn)鏈接，如果單擊該鏈接，則相當于指示瀏覽器移至同一網(wǎng)頁內(nèi)的某個位置，或打開一個新的網(wǎng)

29、頁，或打開某一個新的WWW網(wǎng)站中的網(wǎng)頁。 網(wǎng)頁上的超鏈接一般分為三種：一種是絕對URL的超鏈接。URL（Uniform Resource Locator）就是統(tǒng)一資源定位符，簡單地講就是網(wǎng)絡上的一個站點、網(wǎng)頁的完整路徑，如http://www.baidu.com；第二種是相對URL的超鏈接。如將自己網(wǎng)頁上的某一段文字或某標題鏈接到同一網(wǎng)站的其他網(wǎng)頁上面去；還有一種稱為同一網(wǎng)頁的超鏈接，這種超鏈接又叫做書簽。超鏈接還可以分為動態(tài)超連接和靜

30、態(tài)超連接。動態(tài)超連接指的是可以通過改變HTML代碼來實現(xiàn)動態(tài)變化的超鏈接，例如我們可以實現(xiàn)將鼠標移動到某個文字鏈接上，文字就會象動畫一樣動起來或改變顏色的效果，也可以實現(xiàn)鼠標移到圖片上圖片就產(chǎn)生反色或朦朧等等的效果。而靜態(tài)超鏈接，顧名思義，就是沒有動態(tài)效果的超鏈接。 在網(wǎng)頁中，一般文字上的超鏈接都是藍色（當然，用戶也可以自己設置成其他顏色），文字下面有一條下劃線。當移動鼠標指針到該超鏈接上時，鼠標指針就會變成一只手的形狀</p&g

31、t;<p><b>　　Web</b></p><p>　　Web是圖形化的和易于導航的（navigate） Web 非常流行的一個很重要的原因就在于它可以在一頁上同時顯示色彩豐富的圖形和文本的性能。在Web之前Internet上的信息只有文本形式。Web可以提供將圖形、音頻、視頻信息集合于一體的特性。同時，Web是非常易于導航的，只需要從一個連接跳到另一個連接，就可以在各頁各

32、站點之間進行瀏覽了。 </p><p>　　無論你的系統(tǒng)平臺是什么，你都可以通過Internet訪問WWW。瀏覽WWW對你的系統(tǒng)平臺沒有什么限制。無論從Windows平臺、UNIX平臺、Macintosh還是別的什么平臺我們都可以訪問WWW。對WWW的訪問是通過一種叫做瀏覽器（browser）的軟件實現(xiàn)的。如Netscape 的Navigator、NCSA的Mosaic、Microsoft的Explorer等。

33、</p><p>　　Web是分布式的。大量的圖形、音頻和視頻信息會占用相當大的磁盤空間，我們甚至無法預知信息的多少。對于Web沒有必要把所有信息都放在一起，信息可以放在不同的站點上。只需要在瀏覽器中指明這個站點就可以了。使在物理上并不一定在一個站點的信息在邏輯上一體化，從用戶來看這些信息是一體的。 </p><p>　　最后，由于各Web站點的信息包含站點本身的信息，信息的提供者可以經(jīng)常

34、對站上的信息進行更新。如某個協(xié)議的發(fā)展狀況，公司的廣告等等。一般各信息站點都盡量保證信息的時間性。所以Web站點上的信息是動態(tài)的。經(jīng)常更新的。這一點是由信息的提供者保證的。 </p><p>　　Web的交互性首先表現(xiàn)在它的超連接上，用戶的瀏覽順序和所到站點完全由他自己決定。另外通過FORM的形式可以從服務器方獲得動態(tài)的信息。用戶通過填寫FORM可以向服務器提交請求，服務器可以根據(jù)用戶的請求返回相應信息。 <

35、;/p><p><b>　　HTML</b></p><p>　　HTML（HyperText Mark-up Language）即超文本標記語言或超文本鏈接標示語言，是目前網(wǎng)絡上應用最為廣泛的語言，也是構成網(wǎng)頁文檔的主要語言。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。HTML的結構包括頭部（Head）、主體（

36、Body）兩大部分，其中頭部描述瀏覽器所需的信息，而主體則包含所要說明的具體內(nèi)容。</p><p>　　設計HTML語言的目的是為了能把存放在一臺電腦中的文本或圖形與另一臺電腦中的文本或圖形方便地聯(lián)系在一起，形成有機的整體，人們不用考慮具體信息是在當前電腦上還是在網(wǎng)絡的其它電腦上。我們只需使用鼠標在某一文檔中點取一個圖標，Internet就會馬上轉(zhuǎn)到與此圖標相關的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡的另一臺電腦中。

37、 </p><p>　　另外，HTML是網(wǎng)絡的通用語言,一種簡單、通用的全置標記語言。它允許網(wǎng)頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。神奇嗎?一點都不神奇,因為現(xiàn)在你看到的就是這種語言寫的頁面！HTML標簽通常是英文詞匯的全稱（如塊引用:blockquote）或縮略語（如“p”代表Paragraph），但它們的與一般文本有區(qū)別，因為它們放在

38、單書名號里。故Paragragh標簽是<p>,塊引用標簽是<blockquote>。有些標簽說明頁面如何被格式化（例如，開始一個新段落），其他則說明這些詞如何顯示(<b>使文字變粗)還有一些其他標簽提供在頁面上不顯示的信息－－例如標題。關于標簽，需要記住的是，它們是成雙出現(xiàn)的。每當使用一個標簽－－如<blockquote>,則必須以另一個標簽</blockquote>將它關閉。

39、注意“blockquote”前的斜杠，那就是關閉標簽與打開標簽的區(qū)別。 但是也有一些標簽例外。比如，<input>標簽就不需要?；綡TML頁面以DOCTYPE開始，它聲明文檔的類型，且它之前不能有任何內(nèi)容（包括換行符和空格），否</p><p><b>　　CSS樣式</b></p><p>　　CSS（Cascading Style Sheet，可譯為

40、“層疊樣式表”或“級聯(lián)樣式表”）是一組格式設置規(guī)則，用于控制Web頁面的外觀。通過使用CSS樣式設置頁面的格式，可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中，而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個文件中或HTML文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離，不僅可使維護站點的外觀更加容易，而且還可以使HTML文檔代碼更加簡練，縮短瀏覽器的加載時間。</p><p>　　1.2 個人網(wǎng)

41、站的由來與發(fā)展</p><p>　　互聯(lián)網(wǎng)在中國的出現(xiàn)只有短短七年時間，1994年中國科學院高能物理研究所設立了國內(nèi)第一個web服務器，推出一個叫做“中國之窗”的網(wǎng)頁，這可能是國內(nèi)internet上出現(xiàn)的第一個web網(wǎng)頁，1995年開始，中國教育科研網(wǎng)，中國科技網(wǎng)，中國公用計算機互聯(lián)網(wǎng)以及中國金橋網(wǎng)這構成中國數(shù)字神經(jīng)系統(tǒng)的四大互聯(lián)網(wǎng)絡相繼建成，是互聯(lián)網(wǎng)在中國開始進入社會生活之中。</p><p

42、>　　個人網(wǎng)站是指因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，個人網(wǎng)站由域名(也就是網(wǎng)站地址)、程序和網(wǎng)站空間構成，通常包括主頁和其他具有超鏈接文件的頁面。網(wǎng)站是一種通訊工具，就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊，或者利用網(wǎng)站來提供相關的網(wǎng)絡服務。個人網(wǎng)站是指個人或團體因某種興趣、擁有某種專業(yè)技術、提供某種服務或把自己的作品、商品展示銷售而制作的具有獨立空間域名的網(wǎng)站。所謂的個人網(wǎng)站，就是指網(wǎng)站內(nèi)容是介紹自己的

43、或是以自己的信息為中心的網(wǎng)站，不一定是自己做的網(wǎng)站，但強調(diào)的是以個人信息為中心。 　　</p><p>　　個人網(wǎng)站包括：博客，個人論壇，個人主頁等等 網(wǎng)絡的大發(fā)展趨勢就是向個人網(wǎng)站發(fā)展 </p><p>　　所謂網(wǎng)站(Website)，就是指在網(wǎng)際網(wǎng)路（因特網(wǎng)）上，根據(jù)一定的規(guī)則，使用HTML等工具制作的用於展示特定內(nèi)容的相關網(wǎng)頁的集合。簡單地說，網(wǎng)站是一種通訊工具，就像布告欄一樣，人們

44、可以通過網(wǎng)站來發(fā)布自己想要公開的資訊（信息），或者利用網(wǎng)站來提供相關的網(wǎng)路服務（網(wǎng)絡服務）。人們可以通過網(wǎng)頁瀏覽器來訪問網(wǎng)站，獲取自己需要的資訊（信息）或者享受網(wǎng)路服務</p><p>　　網(wǎng)頁，是網(wǎng)站中的一「頁」，通常是HTML格式（文件擴展名為.html或.htm或.asp或.aspx或.php或.jsp等）。網(wǎng)頁通常用圖像檔來提供圖畫。網(wǎng)頁要透過網(wǎng)頁瀏覽器來閱讀。網(wǎng)頁是構成網(wǎng)站的基本元素，是承載各種網(wǎng)站應用

45、的平臺。通俗的說，您的網(wǎng)站就是由網(wǎng)頁組成的。如果您只有域名和虛擬主機而沒有制作任何網(wǎng)頁的話，您的客戶仍舊無法訪問您的網(wǎng)站。 　　　　</p><p>　　在網(wǎng)站設計中，純粹HTML格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁”，早期的網(wǎng)站一般都是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁的網(wǎng)址形式通常為：也就是以.htm、.html、.shtml、.xml等為后后綴的。在HTML格式的網(wǎng)頁上，也可以出現(xiàn)各種動態(tài)的效果，如.GIF格式的動畫、F

46、LASH、滾動字母等，這些“動態(tài)效果”只是視覺上的，與下面將要介紹的動態(tài)網(wǎng)頁是不同的概念。我們將靜態(tài)網(wǎng)頁的特點簡要歸納如下：（1）靜態(tài)網(wǎng)頁每個網(wǎng)頁都有一個固定的URL，且網(wǎng)頁URL以.htm、.html、.shtml等常見形式為后綴，而不含有“？”； （2）網(wǎng)頁內(nèi)容一經(jīng)發(fā)布到網(wǎng)站服務器上，無論是否有用戶訪問，每個靜態(tài)網(wǎng)頁的內(nèi)容都是保存在網(wǎng)站服務器上的，也就是說，靜態(tài)網(wǎng)頁是實實在在保存在服務器上的文件，每個網(wǎng)頁都是一個獨立的文件；（3）靜

47、態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因此容易被搜索引擎檢索；（4）靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護方面工作量較大，因此當網(wǎng)站信息量很大時完全依靠靜態(tài)網(wǎng)頁制作方式比較困難；（5）靜態(tài)網(wǎng)頁的交互性交叉，在功能方面有較大的限制好像看懂了,第一看后綴名,第二看是否能與服務器發(fā)生交互行為 。靜態(tài)網(wǎng)頁是相對于動態(tài)</p><p>　　第二章 個人網(wǎng)站建立的步驟</p><p>　　2.1 確定網(wǎng)站主題 &

48、lt;/p><p>　　做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。美國《個人電腦》雜志(PC Magazine)評出了99年度排名前100位的全美知名網(wǎng)站的十類題材：第1類：網(wǎng)上求職；第2類：網(wǎng)上聊天/即時信息/ICQ；第3類：網(wǎng)上社區(qū)/討論/郵件列表；第4類：計算機技術；第5類：網(wǎng)頁/網(wǎng)站開發(fā)；第6類：娛樂網(wǎng)站；第7類：旅行；第8類：參考/資訊；第9類：家庭/教育；第10類：生活/時尚。我們可以參

49、看上面的分類，繼續(xù)細分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣的東西，一者，你可以有自己的見解，做出自己的特色；二者，在制作網(wǎng)站時不會覺得無聊或者力不從心。興趣是制作網(wǎng)站的動力，沒有創(chuàng)作熱情，很難設計制作出優(yōu)秀的作品。 </p><p>　　對于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作一個包羅萬象的站點，這往往會失去網(wǎng)站的特色，也會帶來高強度的勞動，給網(wǎng)站的

50、及時更新帶來困難。記?。涸诨ヂ?lián)網(wǎng)上只有第一，沒有第二！ </p><p>　　2.2 選擇好域名 </p><p>　　域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個非產(chǎn)品推銷的純信息服務網(wǎng)站，其所有建設的價值，都凝結在其網(wǎng)站域名之上。失去這個域名，所有前期工作就將全部落空。 </p><p>　　目前，做個人網(wǎng)站的很多都依賴免費個人空間，其域名也是依賴免費域名指向，如網(wǎng)易的虛擬

51、域名服務，其實這對個人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時”開啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個人網(wǎng)站，而且也妨礙了網(wǎng)頁的傳輸速度。所以，就我個人觀點來說，首先花點錢去注冊一個域名，獨立的域名就是個人網(wǎng)站的第一筆財富，要把域名起得形象、簡單、易記。 </p><p>　　2.3 掌握建網(wǎng)工具 </p><p>　　網(wǎng)絡技術的發(fā)展帶動了軟件業(yè)的發(fā)展，所以用于制作Web頁

52、面的工具軟件也越來越豐富。從最基本的HTML編輯器到現(xiàn)在非常流行的Flash互動網(wǎng)頁制作工具，各種各樣的Web頁面制作工具，下面是幾款具有代表性的網(wǎng)頁制作器： </p><p>　?。?）HTML編輯器。雖然HTML代碼復雜，編輯和調(diào)試要花費大量的時間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復雜的頁面效果，仍受高級網(wǎng)頁制作人員的青睞。就目前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復雜頁面創(chuàng)建及高級HTML

53、規(guī)范，使用較為普遍的有Hotdog等專業(yè)HTML編輯器。</p><p>　?。?）所見即所得的網(wǎng)頁編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓就能輕松編制網(wǎng)頁。而且，F(xiàn)rontpage還能解析網(wǎng)頁的HTML源代碼，并提供了預覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實現(xiàn)。所以Frontpage是一

54、款非常適合初、中級網(wǎng)頁制作人員使用的工具軟件。</p><p>　　（3）現(xiàn)在非常流行的 Macromedia公司出品的Flash互動網(wǎng)頁制作工具。這是是一款功能非常強大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動畫網(wǎng)頁，它不需要特別繁雜的操作，也比JAVA小巧精悍！但它的動畫效果、互動效果、多媒體效果十分出色。而且還可以在Flash動畫中封裝Mp3音樂、填寫表單等；并且由于Flash編制的網(wǎng)頁文件比

55、普通網(wǎng)頁文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動態(tài)Web制作的工具。 </p><p>　　另外，個人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識、javascript、VBScript的基本知識。對于常用的一些腳本程序如ASP、CGI、PHP也要有適當了解，還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動畫工具的基本用法，熟練使用FT

56、P工具以及擁有相應的軟硬件和網(wǎng)絡知識也是必備的。 </p><p>　　當然，互聯(lián)網(wǎng)還是一個免費的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費時間又浪費金錢，而且還需要強大的圖形、圖片制作技術。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實用的圖片、按鈕、背景等網(wǎng)頁素材。 </p><p>　　2.4 確定網(wǎng)站界面 <

57、/p><p>　　界面就是網(wǎng)站給瀏覽者的第一印象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面時要注意以下三點： </p><p><b>　?、贆谀颗c板塊編排 </b></p><p>　　構建一個網(wǎng)站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設初學者，最容易犯的錯誤就是：確定題材后立刻開始制作，沒有進行合理規(guī)劃。從而導致網(wǎng)站結

58、構不清晰，目錄龐雜混亂，板塊編排混亂等。結果不但瀏覽者看得糊里糊涂，制作者自己在擴充和維護網(wǎng)站也相當困難。所以，我們在動手制作網(wǎng)頁前，一定要考慮好欄目和板塊的編排問題。 </p><p>　　網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個合理的編排。比如，將一些最吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應該將網(wǎng)站的主體明確顯示出來。在制定欄目的時候，要仔細考慮，

59、合理安排。在欄目編排時需要注意的是： </p><p>　　●盡可能刪除那些與主題無關的欄目； </p><p>　　●盡可能將網(wǎng)站內(nèi)最有價值的內(nèi)容列在欄目上； </p><p>　　●盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內(nèi)容，如站點簡介、版權信息、個人信息等大可不必放在主欄目里，以免沖淡主題。 </p><p>　　另

60、外，板塊的編排設置也要合理安排與劃分。板塊比欄目的概念要大一些，每個板塊都有自己的欄目。舉個例子：ENET硅谷動力（www.enet.com.cn）的站點分新聞、產(chǎn)品、游戲、學院等板塊，每個板塊下面又各有自己的主欄目。一般來說，個人站點內(nèi)容較少，只要分個欄目也就夠了，不需要設置板塊。如果有必要設置板塊的，應該注意： </p><p>　　●各板塊要有相對獨立性； </p><p>　　●各

61、板塊要有相互關聯(lián)； </p><p>　　●各板塊的內(nèi)容要圍繞站點主題； </p><p>　　②目錄結構與鏈接結構 </p><p>　　網(wǎng)站的目錄是指建立網(wǎng)站時創(chuàng)建的目錄。例如：在用Frontpage建立網(wǎng)站時都默認建立了根目錄和Images子目錄。目錄的結構是一個容易忽略的問題，大多數(shù)站長都是未經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結構的好壞，對瀏覽者來說并沒有什么太大

62、的感覺，但是對于站點本身的維護，以后內(nèi)容的擴充和移植有著重要的影響。所以建立目錄結構時也要仔細安排，比如： </p><p>　　●不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了方便，將所有文件都放在根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些無用的文件可以刪除，哪些是相關聯(lián)的文件，影響工作效率；上傳速度變慢，服務器一般都會為根目錄建立一個文件索引，如果將所有文件都放在根目錄下，

63、那么即使只上傳更新一個文件，服務器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文件量越大，等待的時間也將越長。 </p><p>　　●按欄目內(nèi)容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內(nèi)容較多，需要經(jīng)常更新的可以建立獨立的子目錄。而一些相關性強，不需要經(jīng)常更新的欄目，例如：網(wǎng)站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定目錄，例如：CGI程序放在cgi-bin目錄，

64、所有提供下載的內(nèi)容也最好放在一個目錄下，便于維護管理。 </p><p>　　●在每個主目錄下都建立獨立的Images目錄。一般來說，一個站點根目錄下都有一個默認地Images目錄。將所有圖片都存放在這個目錄里很是不方便，比如在欄目刪除時，圖片的管理相當麻煩。所以為每個主欄目建立一個獨立的Images目錄是方便管理的。原因很簡單，就是方便維護與管理。 </p><p>　　其它需要注意的還

65、有：目錄的層次不要太深，不要超過3層；不要使用中文目錄，使用中文目錄可能對網(wǎng)址的正確顯示造成困難；不要使用過長的目錄，太長的目錄名不便于記憶；盡量使用意義明確的目錄，以便于記憶和管理。 </p><p>　　網(wǎng)站的鏈接結構是指頁面之間相互鏈接的拓撲結構。它建立在目錄結構基礎之上，但可以跨越目錄。形象的說：每個頁面都是一個固定點，鏈接則是在兩個固定點之間的連線。一個點可以和一個點連接，也可以和多個點連接。更重要的是

66、，這些點并不是分布在一個平面上，而是存在于一個立體的空間中。一般的，建立網(wǎng)站的鏈接結構有兩種基本方式： </p><p>　　●樹狀鏈接結構（一對一），這類似DOS的目錄結構，首頁鏈接指向一級頁面，一級頁面鏈接指向二級頁面。這樣的鏈接結構瀏覽時，一級級進入，一級級退出，條理比較清晰，訪問者明確知道自己在什么位置，不會“不知身在何處”，但是瀏覽效率低，一個欄目下的子頁面到另一個欄目下的子頁面，必須回到首頁再進行。

67、</p><p>　　●星狀鏈接結構（一對多），類似網(wǎng)絡服務器的鏈接，每個頁面相互之間都建立有鏈接。這樣瀏覽比較方便，隨時可以到達自己喜歡的頁面。但是由于鏈接太多，容易使瀏覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。 </p><p>　　因此，在實際的網(wǎng)站設計中，總是將這兩種結構混合起來使用。網(wǎng)站希望瀏覽者既可以方便快速地達到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦法

68、是：首頁和一級頁面之間用星狀鏈接結構，一級和二級頁面之間用樹狀鏈接結構。關于鏈接結構的設計，在實際的網(wǎng)頁制作中是非常重要一環(huán)，采用什么樣的鏈接結構直接影響到版面的布局。 </p><p><b>　?、圻M行形象設計 </b></p><p>　　網(wǎng)站的設計可以從以下幾點出發(fā)： </p><p>　　設計網(wǎng)站標志(LOGO)。</p>

69、<p>　　LOGO是指網(wǎng)站的標志，標志可以是中文、英文字母，也可以是符號、圖案等。標志的設計創(chuàng)意應當來自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表性的人物、動物、植物，可以用它們作為設計的藍本，加以卡通化或者藝術化；專業(yè)網(wǎng)站可以以本專業(yè)有代表的物品作為標志。最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標志。 </p><p>　　●設計網(wǎng)

70、站色彩。網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的效果，并可能影響到訪問者的情緒?！皹藴噬省笔侵改荏w現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標志，標題，主菜單和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也可以使用，但應當只是作為點綴和襯托，絕不能喧賓奪主。一般來說，一個網(wǎng)站的標準色彩不超過3種，太多則讓人眼花繚亂。適合于網(wǎng)頁標準色的顏色有：藍色，黃/橙色，黑/灰/白色三大系列色。 </p><p>

71、;<b>　　●設計網(wǎng)站字體。</b></p><p>　　和標準色彩一樣，標準字體是指用于標志，標題，主菜單的特有字體。一般網(wǎng)頁默認的字體是宋體。為了體現(xiàn)站點的“與眾不同”和特有風格，可以根據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達的內(nèi)涵，選擇更貼切的字體。需要說明的是：使用非默認字體只能用圖片的形式，因為很可能瀏覽者的計算機里沒有安裝特別字體，那么辛苦設計制作便可能付之東流了。

72、 </p><p>　　●設計網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標，用一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站，進行對外宣傳，可以收到比較好的結果。 </p><p>　　2.5 確定網(wǎng)站風格 </p><p>　　“風格”是抽象的，是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI（標志，色彩，字體，標

73、語）、版面布局、瀏覽方式、交互性、文字、語氣、內(nèi)容價值等等諸多因素，網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴肅的。不管是色彩、技術、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是你網(wǎng)站獨有的，這就形成了網(wǎng)站的“風格”。 </p><p>　　風格是有人性的，通過網(wǎng)站的色彩、技術、文字、布局、交互方式可以概括出一個站點的個性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活潑易變

74、的，還是墨守成規(guī)的。 </p><p>　　總之，有風格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；在有風格的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認識，比如站點的品位，對瀏覽者的態(tài)度等。 </p><p>　　在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn)網(wǎng)站風格的東西。并以它作為

75、網(wǎng)站的特色加以重點強化、宣傳。總之，風格的形成不是一次定位的，你可以在實踐中不斷強化、調(diào)整、改進。 </p><p>　　2.6 有創(chuàng)意的內(nèi)容選擇</p><p>　　2.6.1 網(wǎng)站主頁設計</p><p><b>　　網(wǎng)站主頁</b></p><p>　　網(wǎng)站主頁采用靜、動相結合的方式，即靜態(tài)的主畫面和動態(tài)的圖

76、片相結合，體現(xiàn)個人特色，靜態(tài)主頁方式介紹個人風采、圖片新聞、個人資料，對于其他的，就得利用ＡＳＰ與數(shù)據(jù)庫結合的技術建立數(shù)據(jù)庫查詢管理系統(tǒng)，采用交互式的動態(tài)的web畫面來實現(xiàn)。</p><p>　　好的內(nèi)容選擇需要有好的創(chuàng)意，作為網(wǎng)頁設計制作者，最苦惱的就是沒有好的內(nèi)容創(chuàng)意。網(wǎng)絡上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實的結合。創(chuàng)意的目的是為了更好的宣傳與推廣網(wǎng)站，如果創(chuàng)意很好，卻對網(wǎng)站發(fā)展毫無意義，那么，網(wǎng)站設計制作者也

77、應當放棄這個創(chuàng)意。另外，主頁內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁面制作地再怎樣精美，仍然不會有多少用戶。從根本上說，網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量，內(nèi)容為王（Content Is King）依然是個人網(wǎng)站成功的關鍵。 </p><p>　　2.7 推廣自己的網(wǎng)站 </p><p>　　網(wǎng)站的營銷推廣在個人網(wǎng)站的運行中也占著重要的地位，在推廣個人網(wǎng)站之前，請確保已經(jīng)做好了以下內(nèi)容：網(wǎng)站信

78、息內(nèi)容豐富、準確、及時；網(wǎng)站技術具有一定專業(yè)水準，網(wǎng)站的交互性能良好。一般來說，網(wǎng)站的推廣有以下幾種方式： </p><p>　?。?）搜索引擎注冊與搜索目錄登錄技巧 </p><p>　　注冊著名的搜索引擎站點是在技術上推廣網(wǎng)站的第一步。注冊搜索引擎有一定的技巧，像AltaVista、搜索客這樣的搜索引擎，它自動收錄提交的網(wǎng)址。另外，注意Meta的使用，不要提交分欄Frame頁面，大部分

79、搜索引擎不識別Frame，所以一定要提交有內(nèi)容的Main頁面。 </p><p>　　而像Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址，以保證收錄網(wǎng)站的質(zhì)量，在分類查詢時獲得的信息相關性比搜索引擎站點（靠Spider自動搜索的）更強。由于搜索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對較多，因此在提交網(wǎng)站時要注意遵守規(guī)則。如Yahoo要求注冊站點描述不超過25個單詞。在此要注意：將網(wǎng)址提交到最合適的目錄下面，要認真詳細的

80、介紹網(wǎng)站，千萬不要有虛假、夸張的成分。 </p><p>　　有時間和充沛的體力，再加上對新技術和技巧的學習和應用，你就能為自己在網(wǎng)上建一個家了。</p><p>　　第三章 網(wǎng)站開發(fā)工具的選用及介紹</p><p>　　3.1 Dreamweaver簡介</p><p>　　Dreamweaver是由Macromedia公司推出的，用于網(wǎng)頁

81、開發(fā)和網(wǎng)站管理的專業(yè)化設計工具。它采用了多種新技術，具有設計和開發(fā)網(wǎng)站過程中需要的網(wǎng)站管理、網(wǎng)站設計、頁面制作、多媒體制作和動畫制作等豐富實用的功能；它具有友好的操作界面，在文檔窗口中可以打開各種浮動面板，同時還可以使用系統(tǒng)內(nèi)置的多種對象進行操作。</p><p>　　Dreamweaver啟動后，會出現(xiàn)一個新的文檔操作窗口,該窗口包含如下的幾個部分：標題欄、菜單欄、工作區(qū)、浮動面板和狀態(tài)欄。標題欄中主要顯示該文

82、檔的標題信息、文件名及該文件所在的文件夾等；菜單欄中包含了各種操作命令、應用特性和訪問浮動面板的簡單方法；Dreamweaver啟動后，工作區(qū)是白色的空白區(qū)域，可以在工作區(qū)中輸入文字、插入圖象、添加背景以及其它頁面元素；浮動面板提供了訪問程序特性的簡單方法，可以對浮動面板進行選擇、拖放、重新定位、移動等操作，當我們不需要使用某個移動面板時，還可以用鼠標單擊該面板右上角的關閉按鈕將其關閉，需要時再打開；狀態(tài)欄位于窗口的最下端，用于顯示文檔

83、的HTML標記、文檔窗口大小、下載速度等信息。</p><p>　　3.2網(wǎng)站圖片制作工具Photoshop簡介 </p><p>　　Photoshop是平面圖像處理業(yè)界霸主Adobe公司推出的跨越PC和MAC兩界首屈一指的大型圖像處理軟件。它功能強大，操作界面友好，得到了廣大第三方開發(fā)廠家的支持，從而也贏得了眾多的用戶的青睞。</p><p>　　ADOBE P

84、HOTOSHOP最初的程序是由Mchigan大學的研究生Thomas創(chuàng)建，后經(jīng)Knoll兄弟以及ADOBE公司程序員的努力ADOBE PHOTOSHOP產(chǎn)生巨大的轉(zhuǎn)變，一舉成為優(yōu)秀的平面設計編輯軟件。它的誕生可以說掀起了圖象出版業(yè)的革命，目前ADOBE PHOTOSHOP最新版本為6.0，它的每一個版本都增添新的功能這使它獲得越來越多的支持者也使它在這諸多的圖形圖象處理軟件中立于不敗之地。 </p><p>　　

85、Photoshop支持眾多的圖像格式，對圖像的常見操作和變換做到了非常精細的程度，使得任何一款同類軟件都無法望其頸背；它擁有異常豐富的插件(在Photoshop中叫濾鏡)，熟練后您自然能體會到"只有想不到，沒有做不到"的境界。</p><p>　　3.3 Flash簡介</p><p>　　Flash是一種交互式矢量多媒體技術，他的前身是Futureplash，早期網(wǎng)上

86、流行的矢量動畫插件。后來由于Macromedia公司收購了Future Splash以后便將其改名為 Flash2，到現(xiàn)在最新的flash4?，F(xiàn)在網(wǎng)上已經(jīng)有成千上萬個Flash站點，著名的如Macromedia專門ShockRave站點，全部采用了Shockwave Flash 和Director?？梢哉fFlash已經(jīng)漸漸成為交互式知量的標準，未來網(wǎng)頁的一大主流。下面介紹Flash3及4版本的特點： </p><p&

87、gt;　　Flash3的功能特點，總結起來有如下特點： </p><p>　　■ 靈巧的繪圖工具 Flash本身具有極其靈巧的圖形繪制功能，更重要的是他能導入專業(yè)級繪圖工具，如Macromedia FreeHand、Adobe Illustrator等繪制的圖形，并產(chǎn)生翻轉(zhuǎn)、拉伸、擦除、歪斜等效果，還可以將圖形打碎分成許多單一的元素進行編輯，并改變其顏色亮度。由于Flash提供具有保真技術的繪圖工具，使圖形邊緣在

88、經(jīng)過一系列加工后仍會保持平滑。 </p><p>　　■ 向量透明效果應用 Flash3可以創(chuàng)建透明的圖形，并可以任意改變層次間透明的不同效果，如透明度、傾斜度及透明的顏色等屬性。 </p><p>　　■ 具有動畫效果的按鈕和菜單 Flash采用精靈動畫的方式，在Flash3中可以隨意創(chuàng)建按鈕、多級彈出式菜單、復選框、以及復雜的交互式字謎 游戲。 </p><p>

89、;　　■ 物體的變形和形狀的漸變 在Flash3中產(chǎn)生物體的變形和形狀的漸變非常容易，其發(fā)生完全由Flash自動生成，無須人為地在兩個對象間插入關鍵幀。 </p><p>　　■ 增強對圖像的支持 Flash3不但可以對導入的圖像（jpg、gif）產(chǎn)生翻轉(zhuǎn)、拉伸、擦除、歪斜、改變顏色亮度等效果，還能利用新的套索工具或 魔術棒在圖像中選擇顏色相同的區(qū)域并創(chuàng)建遮罩（Mask）；將圖像打碎分成許多單一的元素進行編輯，設

90、置圖像的屬性，如產(chǎn)生平滑效果和質(zhì)量損失壓縮等。 </p><p>　　■ 聲音插入 Flash3支持同步WAV (Windows) 和 AIFF(Macintosh)格式的聲音文件和聲音的連接，你可以用同一個主聲道中的一部分來產(chǎn) 生豐富的聲音效果，而無須改變文件量的大小。 </p><p>　　■ 自定義字體 Flash可以處理自定義的字體及其顏色、大小、字間距、行間距 、縮進等多種格式。

91、在Flash創(chuàng)建的網(wǎng)頁中，可以加入眼花繚亂的標題和動態(tài)的文本，而數(shù)據(jù)量非常小，比位圖的下載速度還快。當然為了防止客戶端字體短缺，你也可以將特殊字體轉(zhuǎn)換為位圖圖形。 </p><p>　　■ 模擬傳輸 Flash3提供了一幅設置動畫播放方式的圖表，你可以在此設置你的目標Modem速度，如28.8kb/s，然后進行模擬傳輸，檢驗其播放是否流暢，在參照圖表中找出發(fā)生間斷的位置，并進行優(yōu)化。最終確保動畫在客戶端播放流暢。

92、 </p><p>　　■ 獨立性 Flash3可以將制作的影片生成獨立的可執(zhí)行文件（EXE文件），在不具備Flash播放器的平臺上，仍可運行該影片。因此，除制作網(wǎng)頁外還可以將其應用于商業(yè)演示及電子賀卡等。 </p><p>　　■ 界面親切 Flash3增加了Inspector窗口、手柄、加速鎖等新功能，比以往更加易于操作。 </p><p>　　Macromed

93、ia 6月16日發(fā)布了其新版的Flash 制作軟件Flash 4，該軟件的新特性將包括對高保真MP3 流式音頻的集成化支持和創(chuàng)建互動式網(wǎng)站命令。另外，F(xiàn)lash 4 還包含一個改進的創(chuàng)作環(huán)境以滿足創(chuàng)建高效帶寬Flash網(wǎng)站的需要。 </p><p>　　■ Flash 可創(chuàng)建基于矢量的網(wǎng)站，可以跨平臺、跨瀏覽器地顯示聲音、圖片、動畫和交互式等內(nèi)容。Flash 4 中的MP3 流式音頻支持可以幫助設計人創(chuàng)建網(wǎng)絡音頻

94、應用程序，比如帶有旁白和背景音樂的長動畫，同時還可以減少文件大小以適合低帶寬的網(wǎng)絡傳輸。 </p><p>　　■ Flash 4新增加的對文本輸入框的支持，讓開發(fā)人可以創(chuàng)建網(wǎng)絡表格、應用程序和電子商務片頭?，F(xiàn)在網(wǎng)站可以從應用了Flash 技術的網(wǎng)頁中收集用戶數(shù)據(jù)，并把信息傳到網(wǎng)站服務器上。 </p><p>　　■ Flash 還可以控制用戶輸入的信息以何種方式顯示，F(xiàn)lash 4支持可

95、拖動的界面組件、條件邏輯和基本數(shù)學運算，比如可以用在創(chuàng)建網(wǎng)上購物結算應用程序上。 </p><p>　　■ Flash 4 創(chuàng)作工具的改良界面包括新的監(jiān)視面板和繪圖工具及更多的可直視層，它的時間安排表和智能向?qū)Э蓭椭脩魟?chuàng)建動畫。此外還有一個發(fā)布命令可控制Flash 支持的輸出格式，包括多版本的HTML、壓縮位圖和新的Quicktime。</p><p>　　第四章 個人網(wǎng)站——舞動青春設

96、計介紹</p><p>　　4.1我的個人網(wǎng)站概貌</p><p>　　我的個人網(wǎng)站大體上包括一下內(nèi)容：index，個人簡介，相冊頁面，留言界面，最新動態(tài)，音樂分享，心馬游韁，7大模塊。這7大模塊簡介如下：</p><p><b>　　首頁</b></p><p>　　首頁的設計簡述為了使我的的首頁美觀生動，吸引人在我的

97、首頁我還添加了形象開頭動畫頁面在頁面上我首先映入你眼簾的是我設計的FLASH動畫，這樣會使網(wǎng)頁具有動態(tài)美的感覺，加上動聽的背景音樂，無論是從視覺，聽覺還是感覺上都是一個不錯的網(wǎng)站。</p><p><b>　　4.2個人簡介</b></p><p>　　詳細的介紹自己，比如興趣愛好、個人的基本資料等，讓別人更多的了解我。像別人展現(xiàn)自己。。。</p>&l

98、t;p><b>　　圖 簡介頁面</b></p><p><b>　　4.3相冊頁面</b></p><p>　　相冊頁面是用的錨連接做的FLASH圖片相冊，可以任意瀏覽相片，也可以更新圖片。</p><p><b>　　圖 相冊頁面</b></p><p><

99、b>　　4.3.1代碼設計</b></p><p>　　Flash相冊的代碼：</p><p>　　</table> </fieldset> </td></p><p>　　<td width="602" align="left" bgcolor="

100、#0C6DCE"><iframe name="ifr" width="600" height="400" src="1.html"frameborder="0" scrolling="no"></iframe></td></p><p>　

101、　<td width="210">&nbsp;</td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p><b>　　4.4 留言界面</b></p&

102、gt;<p>　　留言界面是很重要的，對與靜態(tài)的瀏覽頁面，是提供了瀏覽和發(fā)布信息的功能。而留言就提供了交流和動態(tài)的感覺這樣就成了交互的功能。達到了溝通和交流的目的。所以，本網(wǎng)網(wǎng)站最大的特點就是這個留言的設置，提供了交流的平臺。</p><p>　　這是網(wǎng)站的重要功能，通過登錄，填寫資料，提交。即可成為驢友一族。還能在線交友</p><p><b>　　圖留言頁面&l

103、t;/b></p><p>　　內(nèi)容摘要<table width="960" border="1" align="center" cellpadding="10" cellspacing="0" background="image/www[1].momi8.com_2010041220385

104、614.gif" ></p><p><b>　　<tr></b></p><p>　　<td width="146" rowspan="2" align="right"> 留言者：<%=(message.Fields.Item("t_name"

105、;).Value)%></td></p><p>　　<td height="65" colspan="3"><form id="form1" name="form1" method="post" action=""></p><p&

106、gt;<b>　　<label></b></p><p>　　<textarea name="textarea" id="textarea" cols="110" rows="6"><%=(message.Fields.Item("t_message").Valu

107、e)%></textarea></p><p><b>　　</label></b></p><p>　　</form></td></p><p><b>　　</tr></b></p><p><b>　　<tr&g

108、t;</b></p><p>　　<td width="89">留言日期：</td></p><p>　　<td colspan="2"><%=(message.Fields.Item("t_time").Value)%></td></p>&l