個人網(wǎng)站的建立畢業(yè)設(shè)計(jì)論文

1、. ;. 安徽中澳科技職業(yè)學(xué)院計(jì)算機(jī)系安徽中澳科技職業(yè)學(xué)院計(jì)算機(jī)系 20112011 屆畢業(yè)生屆畢業(yè)生 畢業(yè)論文（設(shè)計(jì)）畢業(yè)論文（設(shè)計(jì)） 論文題目：論文題目：個人網(wǎng)站建立個人網(wǎng)站建立 指導(dǎo)教師：指導(dǎo)教師：吳曉虹吳曉虹 姓姓 名：名：楊麗娟楊麗娟 完成時(shí)間：完成時(shí)間：2010-11-82010-11-8 姓名 楊麗娟 擔(dān)任 主要 工作 網(wǎng)站主頁的設(shè)計(jì)與制作；子網(wǎng)頁（美麗留 影）的制作；開題報(bào)告 成績 . ;. 摘摘 要要 本論文主要是對個人網(wǎng)站的建立進(jìn)行研究和探討。作品的主要技術(shù)指標(biāo)包括：1、 制作出一個具有靜態(tài)和動態(tài)技術(shù)的“個人網(wǎng)站” ；2、在制作的過程中，加強(qiáng)和深化以前 所學(xué)的關(guān)于網(wǎng)頁設(shè)計(jì)的

2、方法，同時(shí)更好的理解參考資料上的方法和理論。 本設(shè)計(jì)的主要內(nèi)容包括：1、個人網(wǎng)站的設(shè)計(jì)思想，整體規(guī)劃及相關(guān)基礎(chǔ)知識；2、 個人網(wǎng)站的前臺設(shè)計(jì)，包括匯編 HTML 語言程序及效果圖； 3、個人網(wǎng)站的調(diào)試。 網(wǎng)頁規(guī)劃包含的內(nèi)容很多，如網(wǎng)頁的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)頁的風(fēng)格、顏色搭配、 版面布局、文字圖片的運(yùn)用等，也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有 吸引力。 網(wǎng)站主題就是所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對 于個人網(wǎng)站，不可能像單獨(dú)的網(wǎng)頁那樣做得內(nèi)容少而單一。所以必須要找準(zhǔn)一些自己最 感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給人留下深刻的印象。 關(guān)鍵詞關(guān)鍵詞

3、：技術(shù)指標(biāo) 基設(shè)計(jì)內(nèi)容 網(wǎng)站規(guī)劃網(wǎng)站主題 Abstract 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 technology company pages; In the process of strengthening and deepening of previously learned about web design methods

4、, while a better understanding of Reference Information on the methods and theories; Finally, the pursuit of stability of the background operation. The design of the main contents include:company web page design ideas, the overall planning and relevant basic knowledge; company web pages front design

5、, including the compilation of HTML language program and effect diagram; Personal web pages debugging. Page plan includes a great many things, such as the page structure, and column settings, web style, color combinations, layout, text, images and other use of, and only this website in order to have

6、 produced personality characteristics, attractive. Web theme is to be included in 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

7、 identify 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. Key words: Company Homepage Ground Rules Process Web Theme . ;. 目 錄 前前 言言 .1 1 第一章第一章 個人網(wǎng)站設(shè)計(jì)系統(tǒng)分析個人網(wǎng)站設(shè)計(jì)系統(tǒng)分析 .2 2 1.1 相關(guān)術(shù)語及解釋.2 2.2 個人網(wǎng)站的由來與發(fā)展.5 第二章第二章 個人網(wǎng)

8、站建立的步驟個人網(wǎng)站建立的步驟 .6 6 2.1 確定網(wǎng)站主題.6 2.2 選擇好域名.6 2.3 掌握建網(wǎng)工具.6 2.4 確定網(wǎng)站界面.7 2.5 確定網(wǎng)站風(fēng)格.10 2.6 有創(chuàng)意的內(nèi)容選擇 .10 2.7 推廣自己的網(wǎng)站.10 第三章第三章 網(wǎng)站開發(fā)工具的選用及介紹網(wǎng)站開發(fā)工具的選用及介紹 .1111 3.1 DREAMWEAVER簡介.11 3.2 網(wǎng)站圖片制作工具 PHOTOSHOP簡介.11 3.3 FLASH簡介 .12 第四章第四章 個人網(wǎng)站個人網(wǎng)站舞動青春設(shè)計(jì)介紹舞動青春設(shè)計(jì)介紹 .1313 4.1 我的個人網(wǎng)站概貌 .13 參考文獻(xiàn)參考文獻(xiàn) .1515 總結(jié)總結(jié) .161

9、6 致致 謝謝 .1717 . ;. 前前 言言 在 21 世紀(jì)的今天，人類使用和學(xué)習(xí)信息的方式以及信息的包裝方式正在進(jìn)行著不可 阻擋的革命，這次革命將比印刷術(shù)的出現(xiàn)所產(chǎn)生的影響以及對社會發(fā)展的推動遠(yuǎn)為復(fù)雜 而巨大，目前，我國上網(wǎng)的人口已近一億，成立世界上網(wǎng)民最多的國家，許多人在需要 查詢信息，首先想到的就是上網(wǎng)。網(wǎng)站的迷人之處在于綜合使用文本、圖像、聲音、動 畫和視頻的信息和內(nèi)容，具有豐富的多媒體表現(xiàn)與互動特點(diǎn)，毋庸置疑，網(wǎng)站已成為最 吸引人的也是最有效的信息傳遞手段和法按時(shí)。隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，各類網(wǎng)站紛紛出 現(xiàn)，個人網(wǎng)站也成為了一種時(shí)尚。越來越多的人希望擁有自己的網(wǎng)站，開辟網(wǎng)絡(luò)世界的 一

10、片天地，展示自己的才華和風(fēng)格。 所謂網(wǎng)站(Website)，就是指在網(wǎng)際網(wǎng)路（因特網(wǎng)）上，根據(jù)一定的規(guī)則，使用 HTML 等工具制作的用於展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。簡單地說，網(wǎng)站是一種通訊工具， 就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊（信息） ，或者利用網(wǎng)站 來提供相關(guān)的網(wǎng)路服務(wù)（網(wǎng)絡(luò)服務(wù)） 。人們可以通過網(wǎng)頁瀏覽器來訪問網(wǎng)站，獲取自己需 要的資訊（信息）或者享受網(wǎng)路服務(wù) 個人網(wǎng)站是指因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，個人網(wǎng)站由域名(也 就是網(wǎng)站地址)、程序和網(wǎng)站空間構(gòu)成，通常包括主頁和其他具有超鏈接文件的頁面。網(wǎng) 站是一種通訊工具，就像布告欄一樣，人們可以通過

11、網(wǎng)站來發(fā)布自己想要公開的資訊， 或者利用網(wǎng)站來提供相關(guān)的網(wǎng)絡(luò)服務(wù)。個人網(wǎng)站是指個人或團(tuán)體因某種興趣、擁有某種 專業(yè)技術(shù)、提供某種服務(wù)或把自己的作品、商品展示銷售而制作的具有獨(dú)立空間域名的 網(wǎng)站。所謂的個人網(wǎng)站，就是指網(wǎng)站內(nèi)容是介紹自己的或是以自己的信息為中心的網(wǎng)站， 不一定是自己做的網(wǎng)站，但強(qiáng)調(diào)的是以個人信息為中心。 . ;. 第一章第一章 個人網(wǎng)站設(shè)計(jì)系統(tǒng)分析個人網(wǎng)站設(shè)計(jì)系統(tǒng)分析 1.11.1 相關(guān)術(shù)語及解釋相關(guān)術(shù)語及解釋 Internet Internet，中文正式譯名為因特網(wǎng)，又叫做國際互聯(lián)網(wǎng)。它是由那些使用公用語言 互相通信的計(jì)算機(jī)連接而成的全球網(wǎng)絡(luò)。一旦你連接到它的任何一個節(jié)點(diǎn)上，就

12、意味著 您的計(jì)算機(jī)已經(jīng)連入 Internet 網(wǎng)上了。Internet 目前的用戶已經(jīng)遍及全球，有超過幾億 人在使用 Internet，并且它的用戶數(shù)還在以等比級數(shù)上升。 Internet 計(jì)算機(jī)存儲的信息則匯成了信息資源的大海洋。信息內(nèi)容無所不包：有學(xué) 科技術(shù)的各種專業(yè)信息，也有與大眾日常工作與生活息息相關(guān)的信息；有嚴(yán)肅主題的信 息，也有體育、娛樂、旅游、消遣和奇聞逸事一類的信息；有歷史檔案信息，也有現(xiàn)實(shí) 世界的信息；有知識性和教育性的信息，也有消息和新聞的傳媒信息；有學(xué)術(shù)、教育、 產(chǎn)業(yè)和文化方面的信息，也有經(jīng)濟(jì)、金融和商業(yè)信息等等。信息的載體涉及幾乎所有媒 體，如文檔、表格、圖形、影象、聲

13、音以及它們的合成。信息容量小到幾行字符，大到 一個圖書館。信息分布在世界各地的計(jì)算機(jī)上，以各種可能的形式存在，如文件、數(shù)據(jù) 庫、公告牌、目錄文檔和超文本文檔等。而且這些信息還在不斷的更新和變化中。可以 說，這里是一個取之不盡用之不竭的大寶庫。 Internet 的另一種資源是計(jì)算機(jī)系統(tǒng)資源，包括連接在 Internet 的各種網(wǎng)絡(luò)上的計(jì) 算機(jī)的處理能力、存儲空間（硬件資源）以及軟件工具和軟件環(huán)境（軟件資源） 。一般地 說，要求使用計(jì)算機(jī)系統(tǒng)的 Internet 用戶，如科學(xué)家、工程師、設(shè)計(jì)師、教師、學(xué)生或 每一個普通用戶，都可以通過遠(yuǎn)程登錄到達(dá)某臺目標(biāo)計(jì)算機(jī)，只要這臺計(jì)算機(jī)允許你使 用并建立了

14、你的登錄帳號。你可以象使用自己的計(jì)算機(jī)一樣使用它們！當(dāng)你進(jìn)入 Internet 后就可以利用其中各個網(wǎng)絡(luò)和各種計(jì)算機(jī)上無窮無盡的資源，同世界各地的人 們自由通信和交換信息，以及去做通過計(jì)算機(jī)能做的各種各樣的事情，享受 Internet 為 我們提供的各種服務(wù)。 超鏈接超鏈接 超鏈接在本質(zhì)上屬于一個網(wǎng)頁的一部分，它是一種允許我們同其他網(wǎng)頁或站點(diǎn)之間 進(jìn)行連接的元素。各個網(wǎng)頁鏈接在一起后，才能真正構(gòu)成一個網(wǎng)站。所謂的超鏈接是指 從一個網(wǎng)頁指向一個目標(biāo)的連接關(guān)系,這個目標(biāo)可以是另一個網(wǎng)頁,也可以是相同網(wǎng)頁上 的不同位置，還可以是一個圖片，一個電子郵件地址，一個文件，甚至是一個應(yīng)用程序。 而在一個網(wǎng)頁

15、中用來超鏈接的對象，可以是一段文本或者是一個圖片。當(dāng)瀏覽者單擊已 經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。 按照鏈接路徑的不同,網(wǎng)頁中超鏈接一般分為以下 3 種類型: 內(nèi)部鏈接,錨點(diǎn)鏈接和 . ;. 外部鏈接。 如果按照使用對象的不同，網(wǎng)頁中的鏈接又可以分為：文本超鏈接，圖像超 鏈接，E-mail 鏈接，錨點(diǎn)鏈接，多媒體文件鏈接，空鏈接等。 超鏈接是一種對象，它以特殊編碼的文本或圖形的形式來實(shí)現(xiàn)鏈接，如果單擊該鏈 接，則相當(dāng)于指示瀏覽器移至同一網(wǎng)頁內(nèi)的某個位置，或打開一個新的網(wǎng)頁，或打開某 一個新的 WWW 網(wǎng)站中的網(wǎng)頁。 網(wǎng)頁上的超鏈接一般分為三種：一

16、種是絕對 URL 的超鏈接。 URL（Uniform Resource Locator）就是統(tǒng)一資源定位符，簡單地講就是網(wǎng)絡(luò)上的一個站 點(diǎn)、網(wǎng)頁的完整路徑，如 ；第二種是相對 URL 的超鏈接。如將自 己網(wǎng)頁上的某一段文字或某標(biāo)題鏈接到同一網(wǎng)站的其他網(wǎng)頁上面去；還有一種稱為同一 網(wǎng)頁的超鏈接，這種超鏈接又叫做書簽。超鏈接還可以分為動態(tài)超連接和靜態(tài)超連接。 動態(tài)超連接指的是可以通過改變 HTML 代碼來實(shí)現(xiàn)動態(tài)變化的超鏈接，例如我們可以實(shí)現(xiàn) 將鼠標(biāo)移動到某個文字鏈接上，文字就會象動畫一樣動起來或改變顏色的效果，也可以 實(shí)現(xiàn)鼠標(biāo)移到圖片上圖片就產(chǎn)生反色或朦朧等等的效果。而靜態(tài)超鏈接，顧名思義，就

17、是沒有動態(tài)效果的超鏈接。 在網(wǎng)頁中，一般文字上的超鏈接都是藍(lán)色（當(dāng)然，用戶也可 以自己設(shè)置成其他顏色） ，文字下面有一條下劃線。當(dāng)移動鼠標(biāo)指針到該超鏈接上時(shí)，鼠 標(biāo)指針就會變成一只手的形狀，這時(shí)候用鼠標(biāo)左鍵單擊，就可以直接跳到與這個超鏈接 相連接的網(wǎng)頁或 WWW 網(wǎng)站上去。如果用戶已經(jīng)瀏覽過某個超鏈接，這個超鏈接的文本顏 色就會發(fā)生改變（默認(rèn)為紫色） 。只有圖像的超鏈接訪問后顏色不會發(fā)生變化。 Web Web 是圖形化的和易于導(dǎo)航的（navigate） Web 非常流行的一個很重要的原因就在 于它可以在一頁上同時(shí)顯示色彩豐富的圖形和文本的性能。在 Web 之前 Internet 上的信 息只有

18、文本形式。Web 可以提供將圖形、音頻、視頻信息集合于一體的特性。同時(shí)，Web 是非常易于導(dǎo)航的，只需要從一個連接跳到另一個連接，就可以在各頁各站點(diǎn)之間進(jìn)行 瀏覽了。 無論你的系統(tǒng)平臺是什么，你都可以通過 Internet 訪問 WWW。瀏覽 WWW 對你的系統(tǒng) 平臺沒有什么限制。無論從 Windows 平臺、UNIX 平臺、Macintosh 還是別的什么平臺我 們都可以訪問 WWW。對 WWW 的訪問是通過一種叫做瀏覽器（browser）的軟件實(shí)現(xiàn)的。如 Netscape 的 Navigator、NCSA 的 Mosaic、Microsoft 的 Explorer 等。 Web 是分布式的

19、。大量的圖形、音頻和視頻信息會占用相當(dāng)大的磁盤空間，我們甚至 無法預(yù)知信息的多少。對于 Web 沒有必要把所有信息都放在一起，信息可以放在不同的 站點(diǎn)上。只需要在瀏覽器中指明這個站點(diǎn)就可以了。使在物理上并不一定在一個站點(diǎn)的 信息在邏輯上一體化，從用戶來看這些信息是一體的。 最后，由于各 Web 站點(diǎn)的信息包含站點(diǎn)本身的信息，信息的提供者可以經(jīng)常對站上 的信息進(jìn)行更新。如某個協(xié)議的發(fā)展?fàn)顩r，公司的廣告等等。一般各信息站點(diǎn)都盡量保 證信息的時(shí)間性。所以 Web 站點(diǎn)上的信息是動態(tài)的。經(jīng)常更新的。這一點(diǎn)是由信息的提 供者保證的。 . ;. Web 的交互性首先表現(xiàn)在它的超連接上，用戶的瀏覽順序和所到

20、站點(diǎn)完全由他自己決 定。另外通過 FORM 的形式可以從服務(wù)器方獲得動態(tài)的信息。用戶通過填寫 FORM 可以向 服務(wù)器提交請求，服務(wù)器可以根據(jù)用戶的請求返回相應(yīng)信息。 HTML HTML（HyperText Mark-up Language）即超文本標(biāo)記語言或超文本鏈接標(biāo)示語言， 是目前網(wǎng)絡(luò)上應(yīng)用最為廣泛的語言，也是構(gòu)成網(wǎng)頁文檔的主要語言。HTML 文本是由 HTML 命令組成的描述性文本，HTML 命令可以說明文字、圖形、動畫、聲音、表格、鏈接等。 HTML 的結(jié)構(gòu)包括頭部（Head） 、主體（Body）兩大部分，其中頭部描述瀏覽器所需的信息， 而主體則包含所要說明的具體內(nèi)容。 設(shè)計(jì) HTM

21、L 語言的目的是為了能把存放在一臺電腦中的文本或圖形與另一臺電腦中的 文本或圖形方便地聯(lián)系在一起，形成有機(jī)的整體，人們不用考慮具體信息是在當(dāng)前電腦 上還是在網(wǎng)絡(luò)的其它電腦上。我們只需使用鼠標(biāo)在某一文檔中點(diǎn)取一個圖標(biāo)，Internet 就會馬上轉(zhuǎn)到與此圖標(biāo)相關(guān)的內(nèi)容上去，而這些信息可能存放在網(wǎng)絡(luò)的另一臺電腦中。 另外，HTML 是網(wǎng)絡(luò)的通用語言,一種簡單、通用的全置標(biāo)記語言。它允許網(wǎng)頁制作人 建立文本與圖片相結(jié)合的復(fù)雜頁面，這些頁面可以被網(wǎng)上任何其他人瀏覽到，無論使用 的是什么類型的電腦或?yàn)g覽器。神奇嗎?一點(diǎn)都不神奇,因?yàn)楝F(xiàn)在你看到的就是這種語言 寫的頁面！HTML 標(biāo)簽通常是英文詞匯的全稱（如

22、塊引用:blockquote）或縮略語（如 “p”代表 Paragraph） ，但它們的與一般文本有區(qū)別，因?yàn)樗鼈兎旁趩螘柪?。?Paragragh 標(biāo)簽是,塊引用標(biāo)簽是。有些標(biāo)簽說明頁面如何被格式化（例 如，開始一個新段落） ，其他則說明這些詞如何顯示(使文字變粗)還有一些其他標(biāo)簽 提供在頁面上不顯示的信息例如標(biāo)題。關(guān)于標(biāo)簽，需要記住的是，它們是成雙出現(xiàn) 的。每當(dāng)使用一個標(biāo)簽如,則必須以另一個標(biāo)簽將它關(guān) 閉。注意“blockquote”前的斜杠，那就是關(guān)閉標(biāo)簽與打開標(biāo)簽的區(qū)別。 但是也有一些 標(biāo)簽例外。比如，標(biāo)簽就不需要。基本 HTML 頁面以 DOCTYPE 開始，它聲明文檔 的類型，

23、且它之前不能有任何內(nèi)容（包括換行符和空格） ，否則將使文檔聲明無效，接著 是標(biāo)簽，以結(jié)束。在它們之間，整個頁面有兩部分標(biāo)題和正文。標(biāo)題 詞夾在和標(biāo)簽之間這個詞語在打開頁面時(shí)出現(xiàn)在屏幕底部最小化 的窗口。正文則夾在和之間即所有頁面的內(nèi)容所在。頁面上顯示的任 何東西都包含在這兩個標(biāo)簽之中。那么讓我們建立一個簡單的范例吧，非常容易的。第 一步，當(dāng)然是要建立一個新的文本文件（記住，如果你在使用比較復(fù)雜的文字處理器， 就應(yīng)該用“純文本”或“普通文本”來保存） ，將它命名為“xxxx.html” 。(隨便你起一 個什么名字,擴(kuò)展名也可是 HTM)。然后你可以用瀏覽器將它打開，你會看見最簡單的自己 做的頁面

24、。 CSS 樣式樣式 CSS（Cascading Style Sheet，可譯為“層疊樣式表”或“級聯(lián)樣式表” ）是一組格 . ;. 式設(shè)置規(guī)則，用于控制 Web 頁面的外觀。通過使用 CSS 樣式設(shè)置頁面的格式，可將頁面 的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在 HTML 文檔中，而用于定義表現(xiàn)形式的 CSS 規(guī)則 則存放在另一個文件中或 HTML 文檔的某一部分，通常為文件頭部分。將內(nèi)容與表現(xiàn)形式 分離，不僅可使維護(hù)站點(diǎn)的外觀更加容易，而且還可以使 HTML 文檔代碼更加簡練，縮短 瀏覽器的加載時(shí)間。 2.22.2 個人網(wǎng)站的由來與發(fā)展個人網(wǎng)站的由來與發(fā)展 互聯(lián)網(wǎng)在中國的出現(xiàn)只有短短七年時(shí)間，

25、1994 年中國科學(xué)院高能物理研究所設(shè)立了 國內(nèi)第一個 web 服務(wù)器，推出一個叫做“中國之窗”的網(wǎng)頁，這可能是國內(nèi) internet 上 出現(xiàn)的第一個 web 網(wǎng)頁，1995 年開始，中國教育科研網(wǎng)，中國科技網(wǎng)，中國公用計(jì)算機(jī) 互聯(lián)網(wǎng)以及中國金橋網(wǎng)這構(gòu)成中國數(shù)字神經(jīng)系統(tǒng)的四大互聯(lián)網(wǎng)絡(luò)相繼建成，是互聯(lián)網(wǎng)在 中國開始進(jìn)入社會生活之中。 個人網(wǎng)站是指因特網(wǎng)上一塊固定的面向全世界發(fā)布消息的地方，個人網(wǎng)站由域名(也 就是網(wǎng)站地址)、程序和網(wǎng)站空間構(gòu)成，通常包括主頁和其他具有超鏈接文件的頁面。網(wǎng) 站是一種通訊工具，就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊， 或者利用網(wǎng)站來提供相關(guān)的網(wǎng)絡(luò)服

26、務(wù)。個人網(wǎng)站是指個人或團(tuán)體因某種興趣、擁有某種 專業(yè)技術(shù)、提供某種服務(wù)或把自己的作品、商品展示銷售而制作的具有獨(dú)立空間域名的 網(wǎng)站。所謂的個人網(wǎng)站，就是指網(wǎng)站內(nèi)容是介紹自己的或是以自己的信息為中心的網(wǎng)站， 不一定是自己做的網(wǎng)站，但強(qiáng)調(diào)的是以個人信息為中心。 個人網(wǎng)站包括：博客，個人論壇，個人主頁等等 網(wǎng)絡(luò)的大發(fā)展趨勢就是向個人網(wǎng)站 發(fā)展 所謂網(wǎng)站(Website)，就是指在網(wǎng)際網(wǎng)路（因特網(wǎng)）上，根據(jù)一定的規(guī)則，使用 HTML 等工具制作的用於展示特定內(nèi)容的相關(guān)網(wǎng)頁的集合。簡單地說，網(wǎng)站是一種通訊工具， 就像布告欄一樣，人們可以通過網(wǎng)站來發(fā)布自己想要公開的資訊（信息） ，或者利用網(wǎng)站 來提供相關(guān)

27、的網(wǎng)路服務(wù)（網(wǎng)絡(luò)服務(wù)） 。人們可以通過網(wǎng)頁瀏覽器來訪問網(wǎng)站，獲取自己需 要的資訊（信息）或者享受網(wǎng)路服務(wù) 網(wǎng)頁，是網(wǎng)站中的一頁 ，通常是 HTML 格式（文件擴(kuò)展名為.html 或.htm 或.asp 或.aspx 或.php 或.jsp 等） 。網(wǎng)頁通常用圖像檔來提供圖畫。網(wǎng)頁要透過網(wǎng)頁瀏覽器來閱 讀。網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，是承載各種網(wǎng)站應(yīng)用的平臺。通俗的說，您的網(wǎng)站就 是由網(wǎng)頁組成的。如果您只有域名和虛擬主機(jī)而沒有制作任何網(wǎng)頁的話，您的客戶仍舊 無法訪問您的網(wǎng)站。 在網(wǎng)站設(shè)計(jì)中，純粹 HTML 格式的網(wǎng)頁通常被稱為“靜態(tài)網(wǎng)頁” ，早期的網(wǎng)站一般都 是由靜態(tài)網(wǎng)頁制作的。靜態(tài)網(wǎng)頁的網(wǎng)址形式

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

29、頁都是一個獨(dú)立的文件；（3）靜態(tài)網(wǎng)頁的內(nèi)容相對穩(wěn)定，因 此容易被搜索引擎檢索；（4）靜態(tài)網(wǎng)頁沒有數(shù)據(jù)庫的支持，在網(wǎng)站制作和維護(hù)方面工作 量較大，因此當(dāng)網(wǎng)站信息量很大時(shí)完全依靠靜態(tài)網(wǎng)頁制作方式比較困難；（5）靜態(tài)網(wǎng)頁 的交互性交叉，在功能方面有較大的限制好像看懂了,第一看后綴名,第二看是否能與服 務(wù)器發(fā)生交互行為 。靜態(tài)網(wǎng)頁是相對于動態(tài)網(wǎng)頁而言，是指沒有后臺數(shù)據(jù)庫、不含程序 和不可交互的網(wǎng)頁。你編的是什么它顯示的就是什么、不會有任何改變。靜態(tài)網(wǎng)頁相對 更新起來比較麻煩，適用于一般更新較少的展示型網(wǎng)站。本站就是由靜態(tài)網(wǎng)頁連接而成。 第二章第二章 個人網(wǎng)站建立的步驟個人網(wǎng)站建立的步驟 2.12.1

30、確定網(wǎng)站主題確定網(wǎng)站主題 做網(wǎng)站，首先必須要解決的就是網(wǎng)站內(nèi)容問題，即確定網(wǎng)站的主題。美國個人電 腦雜志(PC Magazine)評出了 99 年度排名前 100 位的全美知名網(wǎng)站的十類題材：第 1 類：網(wǎng)上求職；第 2 類：網(wǎng)上聊天/即時(shí)信息/ICQ；第 3 類：網(wǎng)上社區(qū)/討論/郵件列表； 第 4 類：計(jì)算機(jī)技術(shù)；第 5 類：網(wǎng)頁/網(wǎng)站開發(fā)；第 6 類：娛樂網(wǎng)站；第 7 類：旅行；第 8 類：參考/資訊；第 9 類：家庭/教育；第 10 類：生活/時(shí)尚。我們可以參看上面的分類， 繼續(xù)細(xì)分。如果自己在某些方面有興趣，或掌握的資料較多，也可以做一個自己感興趣 的東西，一者，你可以有自己的見解，做

31、出自己的特色；二者，在制作網(wǎng)站時(shí)不會覺得 無聊或者力不從心。興趣是制作網(wǎng)站的動力，沒有創(chuàng)作熱情，很難設(shè)計(jì)制作出優(yōu)秀的作 品。 對于內(nèi)容主題的選擇，要做到小而精，主題定位要小，內(nèi)容要精。不要去試圖制作 一個包羅萬象的站點(diǎn)，這往往會失去網(wǎng)站的特色，也會帶來高強(qiáng)度的勞動，給網(wǎng)站的及 時(shí)更新帶來困難。記住：在互聯(lián)網(wǎng)上只有第一，沒有第二！ 2.22.2 選擇好域名選擇好域名 域名是網(wǎng)站在互聯(lián)網(wǎng)上的名字。一個非產(chǎn)品推銷的純信息服務(wù)網(wǎng)站，其所有建設(shè)的 價(jià)值，都凝結(jié)在其網(wǎng)站域名之上。失去這個域名，所有前期工作就將全部落空。 目前，做個人網(wǎng)站的很多都依賴免費(fèi)個人空間，其域名也是依賴免費(fèi)域名指向，如 網(wǎng)易的虛擬域

32、名服務(wù)，其實(shí)這對個人網(wǎng)站的推廣與發(fā)展很為不利，不光是它“適時(shí)”開 啟的窗口妨礙了瀏覽者的視線和好感，讓人一看就知道是個人網(wǎng)站，而且也妨礙了網(wǎng)頁 的傳輸速度。所以，就我個人觀點(diǎn)來說，首先花點(diǎn)錢去注冊一個域名，獨(dú)立的域名就是 個人網(wǎng)站的第一筆財(cái)富，要把域名起得形象、簡單、易記。 . ;. 2.32.3 掌握建網(wǎng)工具掌握建網(wǎng)工具 網(wǎng)絡(luò)技術(shù)的發(fā)展帶動了軟件業(yè)的發(fā)展，所以用于制作 Web 頁面的工具軟件也越來越 豐富。從最基本的 HTML 編輯器到現(xiàn)在非常流行的 Flash 互動網(wǎng)頁制作工具，各種各樣的 Web 頁面制作工具，下面是幾款具有代表性的網(wǎng)頁制作器： （1）HTML 編輯器。雖然 HTML 代

33、碼復(fù)雜，編輯和調(diào)試要花費(fèi)大量的時(shí)間，但因 HTML 的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁面效果，仍受高級網(wǎng)頁制作人員的青睞。就目 前來說，有眾多的編輯器供選擇，這些編輯器廣泛支持復(fù)雜頁面創(chuàng)建及高級 HTML 規(guī)范， 使用較為普遍的有 Hotdog 等專業(yè) HTML 編輯器。 （2）所見即所得的網(wǎng)頁編輯器。其中以 Microsoft Frontpage 為代表，它具有如 Word 一樣的操作界面，熟知 Word 功能的操作者，只要稍加培訓(xùn)就能輕松編制網(wǎng)頁。而且， Frontpage 還能解析網(wǎng)頁的 HTML 源代碼，并提供了預(yù)覽支持。但 Frontpage 的一些特殊 顯示功能并不能在其它非 I

34、E 瀏覽器下實(shí)現(xiàn)。所以 Frontpage 是一款非常適合初、中級網(wǎng) 頁制作人員使用的工具軟件。 （3）現(xiàn)在非常流行的 Macromedia 公司出品的 Flash 互動網(wǎng)頁制作工具。這是是一 款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁制作工具。能夠輕松輸出各種各樣的動畫網(wǎng)頁， 它不需要特別繁雜的操作，也比 JAVA 小巧精悍！但它的動畫效果、互動效果、多媒體效 果十分出色。而且還可以在 Flash 動畫中封裝 Mp3 音樂、填寫表單等；并且由于 Flash 編制的網(wǎng)頁文件比普通網(wǎng)頁文件要小得多，所以大大加快了瀏覽速度。這是一款十分適 合動態(tài) Web 制作的工具。 另外，個人網(wǎng)站制作者還需了解 W3

35、C 的 HTML4.0 規(guī)范、CSS 層疊樣式表的基本知識、 javascript、VBScript 的基本知識。對于常用的一些腳本程序如 ASP、CGI、PHP 也要有 適當(dāng)了解，還要熟練使用圖形處理工具和動畫制作工具以及矢量繪圖工具，并能部分了 解多種圖形圖像動畫工具的基本用法，熟練使用 FTP 工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò) 知識也是必備的。 當(dāng)然，互聯(lián)網(wǎng)還是一個免費(fèi)的資料庫。編制網(wǎng)頁需要多種多樣的按鈕、背景還有各 種各樣圖形、圖片。如果這些都要靠自己完成，既浪費(fèi)時(shí)間又浪費(fèi)金錢，而且還需要強(qiáng) 大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載 各種精美實(shí)用的圖片

36、、按鈕、背景等網(wǎng)頁素材。 2.42.4 確定網(wǎng)站界面確定網(wǎng)站界面 界面就是網(wǎng)站給瀏覽者的第一印象，往往決定著網(wǎng)站的可看性，在確定網(wǎng)站的界面 時(shí)要注意以下三點(diǎn)： 欄目與板塊編排 構(gòu)建一個網(wǎng)站就好比寫一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng) 站建設(shè)初學(xué)者，最容易犯的錯誤就是：確定題材后立刻開始制作，沒有進(jìn)行合理規(guī)劃。 . ;. 從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里 糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們在動手制作網(wǎng)頁前，一定 要考慮好欄目和板塊的編排問題。 網(wǎng)站的題材確定后，就要將收集到的資料內(nèi)容作一個合理的編排。比如，將一些最

37、吸引人的內(nèi)容放在最突出的位置或者在版面分布上占優(yōu)勢地位。欄目的實(shí)質(zhì)是一個網(wǎng)站 的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。在制定欄目的時(shí)候，要仔細(xì)考慮， 合理安排。在欄目編排時(shí)需要注意的是： 盡可能刪除那些與主題無關(guān)的欄目； 盡可能將網(wǎng)站內(nèi)最有價(jià)值的內(nèi)容列在欄目上； 盡可能從訪問者角度來編排欄目以方便訪問者的瀏覽和查詢；輔助內(nèi)容，如站點(diǎn) 簡介、版權(quán)信息、個人信息等大可不必放在主欄目里，以免沖淡主題。 另外，板塊的編排設(shè)置也要合理安排與劃分。板塊比欄目的概念要大一些，每個板 塊都有自己的欄目。舉個例子：ENET 硅谷動力（）的站點(diǎn)分新聞、產(chǎn)品、 游戲、學(xué)院等板塊，每個板塊下面又各有自己的主欄目

38、。一般來說，個人站點(diǎn)內(nèi)容較少， 只要分個欄目也就夠了，不需要設(shè)置板塊。如果有必要設(shè)置板塊的，應(yīng)該注意： 各板塊要有相對獨(dú)立性； 各板塊要有相互關(guān)聯(lián)； 各板塊的內(nèi)容要圍繞站點(diǎn)主題； 目錄結(jié)構(gòu)與鏈接結(jié)構(gòu) 網(wǎng)站的目錄是指建立網(wǎng)站時(shí)創(chuàng)建的目錄。例如：在用 Frontpage 建立網(wǎng)站時(shí)都默認(rèn) 建立了根目錄和 Images 子目錄。目錄的結(jié)構(gòu)是一個容易忽略的問題，大多數(shù)站長都是未 經(jīng)規(guī)劃，隨意創(chuàng)建子目錄。目錄結(jié)構(gòu)的好壞，對瀏覽者來說并沒有什么太大的感覺，但 是對于站點(diǎn)本身的維護(hù)，以后內(nèi)容的擴(kuò)充和移植有著重要的影響。所以建立目錄結(jié)構(gòu)時(shí) 也要仔細(xì)安排，比如： 不要將所有文件都存放在根目錄下。有網(wǎng)站制作者為了

39、方便，將所有文件都放在 根目錄下。這樣就很容易造成：文件管理混亂，搞不清哪些文件需要編輯和更新，哪些 無用的文件可以刪除，哪些是相關(guān)聯(lián)的文件，影響工作效率；上傳速度變慢，服務(wù)器一 般都會為根目錄建立一個文件索引，如果將所有文件都放在根目錄下，那么即使只上傳 更新一個文件，服務(wù)器也需要將所有文件再檢索一遍，建立新的索引文件，很明顯，文 件量越大，等待的時(shí)間也將越長。 按欄目內(nèi)容建立子目錄。子目錄的建立，首先按主欄目建立。友情連接內(nèi)容較多， 需要經(jīng)常更新的可以建立獨(dú)立的子目錄。而一些相關(guān)性強(qiáng)，不需要經(jīng)常更新的欄目，例 如：網(wǎng)站簡介、站長情況等可以合并放在一個統(tǒng)一目錄下。所有程序一般都存放在特定 目

40、錄，例如：CGI 程序放在 cgi-bin 目錄，所有提供下載的內(nèi)容也最好放在一個目錄下， 便于維護(hù)管理。 在每個主目錄下都建立獨(dú)立的 Images 目錄。一般來說，一個站點(diǎn)根目錄下都有一 . ;. 個默認(rèn)地 Images 目錄。將所有圖片都存放在這個目錄里很是不方便，比如在欄目刪除時(shí)， 圖片的管理相當(dāng)麻煩。所以為每個主欄目建立一個獨(dú)立的 Images 目錄是方便管理的。原 因很簡單，就是方便維護(hù)與管理。 其它需要注意的還有：目錄的層次不要太深，不要超過 3 層；不要使用中文目錄， 使用中文目錄可能對網(wǎng)址的正確顯示造成困難；不要使用過長的目錄，太長的目錄名不 便于記憶；盡量使用意義明確的目錄，

41、以便于記憶和管理。 網(wǎng)站的鏈接結(jié)構(gòu)是指頁面之間相互鏈接的拓?fù)浣Y(jié)構(gòu)。它建立在目錄結(jié)構(gòu)基礎(chǔ)之上， 但可以跨越目錄。形象的說：每個頁面都是一個固定點(diǎn)，鏈接則是在兩個固定點(diǎn)之間的 連線。一個點(diǎn)可以和一個點(diǎn)連接，也可以和多個點(diǎn)連接。更重要的是，這些點(diǎn)并不是分 布在一個平面上，而是存在于一個立體的空間中。一般的，建立網(wǎng)站的鏈接結(jié)構(gòu)有兩種 基本方式： 樹狀鏈接結(jié)構(gòu)（一對一） ，這類似 DOS 的目錄結(jié)構(gòu)，首頁鏈接指向一級頁面，一級 頁面鏈接指向二級頁面。這樣的鏈接結(jié)構(gòu)瀏覽時(shí)，一級級進(jìn)入，一級級退出，條理比較 清晰，訪問者明確知道自己在什么位置，不會“不知身在何處” ，但是瀏覽效率低，一個 欄目下的子頁面到另

42、一個欄目下的子頁面，必須回到首頁再進(jìn)行。 星狀鏈接結(jié)構(gòu)（一對多） ，類似網(wǎng)絡(luò)服務(wù)器的鏈接，每個頁面相互之間都建立有鏈 接。這樣瀏覽比較方便，隨時(shí)可以到達(dá)自己喜歡的頁面。但是由于鏈接太多，容易使瀏 覽者迷路，搞不清自己在什么位置，看了多少內(nèi)容。 因此，在實(shí)際的網(wǎng)站設(shè)計(jì)中，總是將這兩種結(jié)構(gòu)混合起來使用。網(wǎng)站希望瀏覽者既 可以方便快速地達(dá)到自己需要的頁面，又可以清晰地知道自己的位置。所以，最好的辦 法是：首頁和一級頁面之間用星狀鏈接結(jié)構(gòu)，一級和二級頁面之間用樹狀鏈接結(jié)構(gòu)。關(guān) 于鏈接結(jié)構(gòu)的設(shè)計(jì)，在實(shí)際的網(wǎng)頁制作中是非常重要一環(huán)，采用什么樣的鏈接結(jié)構(gòu)直接 影響到版面的布局。 進(jìn)行形象設(shè)計(jì) 網(wǎng)站的設(shè)計(jì)可以

43、從以下幾點(diǎn)出發(fā)： 設(shè)計(jì)網(wǎng)站標(biāo)志(LOGO)。LOGO 是指網(wǎng)站的標(biāo)志，標(biāo)志可以是中文、英文字母，也可 以是符號、圖案等。標(biāo)志的設(shè)計(jì)創(chuàng)意應(yīng)當(dāng)來自網(wǎng)站的名稱和內(nèi)容。比如：網(wǎng)站內(nèi)有代表 性的人物、動物、植物，可以用它們作為設(shè)計(jì)的藍(lán)本，加以卡通化或者藝術(shù)化；專業(yè)網(wǎng) 站可以以本專業(yè)有代表的物品作為標(biāo)志。最常用和最簡單的方式是用自己網(wǎng)站的英文名 稱作標(biāo)志，采用不同的字體、字母的變形、字母的組合可以很容易制作好自己的標(biāo)志。 設(shè)計(jì)網(wǎng)站色彩。網(wǎng)站給人的第一印象來自視覺沖擊，不同的色彩搭配產(chǎn)生不同的 效果，并可能影響到訪問者的情緒。 “標(biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站型象和延伸內(nèi)涵的色彩， 要用于網(wǎng)站的標(biāo)志，標(biāo)題，主菜單

44、和主色塊。給人以整體統(tǒng)一的感覺。至于其它色彩也 可以使用，但應(yīng)當(dāng)只是作為點(diǎn)綴和襯托，絕不能喧賓奪主。一般來說，一個網(wǎng)站的標(biāo)準(zhǔn) 色彩不超過 3 種，太多則讓人眼花繚亂。適合于網(wǎng)頁標(biāo)準(zhǔn)色的顏色有：藍(lán)色，黃/橙色， 黑/灰/白色三大系列色。 . ;. 設(shè)計(jì)網(wǎng)站字體。和標(biāo)準(zhǔn)色彩一樣，標(biāo)準(zhǔn)字體是指用于標(biāo)志，標(biāo)題，主菜單的特有 字體。一般網(wǎng)頁默認(rèn)的字體是宋體。為了體現(xiàn)站點(diǎn)的“與眾不同”和特有風(fēng)格，可以根 據(jù)需要選擇一些特別字體。制作者可以根據(jù)自己網(wǎng)站所表達(dá)的內(nèi)涵，選擇更貼切的字體。 需要說明的是：使用非默認(rèn)字體只能用圖片的形式，因?yàn)楹芸赡転g覽者的計(jì)算機(jī)里沒有 安裝特別字體，那么辛苦設(shè)計(jì)制作便可能付之東流了

45、。 設(shè)計(jì)網(wǎng)站宣傳語。也可以說是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)，用 一句話或者一個詞來高度概括。用富有氣勢的話或詞語來概括網(wǎng)站，進(jìn)行對外宣傳，可 以收到比較好的結(jié)果。 2.52.5 確定網(wǎng)站風(fēng)格確定網(wǎng)站風(fēng)格 “風(fēng)格”是抽象的，是指站點(diǎn)的整體形象給瀏覽者的綜合感受。這個“整體形象” 包括站點(diǎn)的 CI（標(biāo)志，色彩，字體，標(biāo)語） 、版面布局、瀏覽方式、交互性、文字、語氣、 內(nèi)容價(jià)值等等諸多因素，網(wǎng)站可以是平易近人的、生動活潑的也可以是專業(yè)嚴(yán)肅的。不 管是色彩、技術(shù)、文字、布局，還是交互方式，只要你能由此讓瀏覽者明確分辨出這是 你網(wǎng)站獨(dú)有的，這就形成了網(wǎng)站的“風(fēng)格” 。 風(fēng)格是有人性的，通過網(wǎng)

46、站的色彩、技術(shù)、文字、布局、交互方式可以概括出一個 站點(diǎn)的個性：是粗獷豪放的，還是清新秀麗的；是溫文儒雅的，還是執(zhí)著熱情的；是活 潑易變的，還是墨守成規(guī)的。 總之，有風(fēng)格的網(wǎng)站與普通網(wǎng)站的區(qū)別在于：在普通網(wǎng)站上你看到的只是堆砌在一 起的信息，你只能用理性的感受來描述，比如信息量多少，瀏覽速度快慢等；在有風(fēng)格 的網(wǎng)站上你可以獲得除內(nèi)容之外的更感性的認(rèn)識，比如站點(diǎn)的品位，對瀏覽者的態(tài)度等。 在明確自己想給人以怎樣的印象后，要找出網(wǎng)站中最有特色的東西，就是最能體現(xiàn) 網(wǎng)站風(fēng)格的東西。并以它作為網(wǎng)站的特色加以重點(diǎn)強(qiáng)化、宣傳?？傊?，風(fēng)格的形成不是 一次定位的，你可以在實(shí)踐中不斷強(qiáng)化、調(diào)整、改進(jìn)。 2.62

47、.6 有創(chuàng)意的內(nèi)容選擇有創(chuàng)意的內(nèi)容選擇 好的內(nèi)容選擇需要有好的創(chuàng)意，作為網(wǎng)頁設(shè)計(jì)制作者，最苦惱的就是沒有好的內(nèi)容 創(chuàng)意。網(wǎng)絡(luò)上的最多的創(chuàng)意即是來自于虛擬同現(xiàn)實(shí)的結(jié)合。創(chuàng)意的目的是為了更好的宣 傳與推廣網(wǎng)站，如果創(chuàng)意很好，卻對網(wǎng)站發(fā)展毫無意義，那么，網(wǎng)站設(shè)計(jì)制作者也應(yīng)當(dāng) 放棄這個創(chuàng)意。另外，主頁內(nèi)容是網(wǎng)站的根本之所在，如果內(nèi)容空洞，即使頁面制作地 再怎樣精美，仍然不會有多少用戶。從根本上說，網(wǎng)站內(nèi)容仍然左右著網(wǎng)站流量，內(nèi)容 為王（Content Is King）依然是個人網(wǎng)站成功的關(guān)鍵。 2.72.7 推廣自己的網(wǎng)站推廣自己的網(wǎng)站 網(wǎng)站的營銷推廣在個人網(wǎng)站的運(yùn)行中也占著重要的地位，在推廣個人網(wǎng)站

48、之前，請 . ;. 確保已經(jīng)做好了以下內(nèi)容：網(wǎng)站信息內(nèi)容豐富、準(zhǔn)確、及時(shí)；網(wǎng)站技術(shù)具有一定專業(yè)水 準(zhǔn)，網(wǎng)站的交互性能良好。一般來說，網(wǎng)站的推廣有以下幾種方式： （1）搜索引擎注冊與搜索目錄登錄技巧 注冊著名的搜索引擎站點(diǎn)是在技術(shù)上推廣網(wǎng)站的第一步。注冊搜索引擎有一定的技 巧，像 AltaVista、搜索客這樣的搜索引擎，它自動收錄提交的網(wǎng)址。另外，注意 Meta 的使用，不要提交分欄 Frame 頁面，大部分搜索引擎不識別 Frame，所以一定要提交有內(nèi) 容的 Main 頁面。 而像 Yahoo、搜狐等搜索目錄網(wǎng)站采用手工方式收錄網(wǎng)址，以保證收錄網(wǎng)站的質(zhì)量， 在分類查詢時(shí)獲得的信息相關(guān)性比搜索

49、引擎站點(diǎn)（靠 Spider 自動搜索的）更強(qiáng)。由于搜 索目錄網(wǎng)站收錄網(wǎng)站的人為因素相對較多，因此在提交網(wǎng)站時(shí)要注意遵守規(guī)則。如 Yahoo 要求注冊站點(diǎn)描述不超過 25 個單詞。在此要注意：將網(wǎng)址提交到最合適的目錄下面，要 認(rèn)真詳細(xì)的介紹網(wǎng)站，千萬不要有虛假、夸張的成分。 有時(shí)間和充沛的體力，再加上對新技術(shù)和技巧的學(xué)習(xí)和應(yīng)用，你就能為自己在網(wǎng)上 建一個家了。 第三章第三章 網(wǎng)站開發(fā)工具的選用及介紹網(wǎng)站開發(fā)工具的選用及介紹 3.13.1 DreamweaverDreamweaver 簡介簡介 Dreamweaver 是由 Macromedia 公司推出的，用于網(wǎng)頁開發(fā)和網(wǎng)站管理的專業(yè)化設(shè)計(jì) 工具

50、。它采用了多種新技術(shù)，具有設(shè)計(jì)和開發(fā)網(wǎng)站過程中需要的網(wǎng)站管理、網(wǎng)站設(shè)計(jì)、 頁面制作、多媒體制作和動畫制作等豐富實(shí)用的功能；它具有友好的操作界面，在文檔 窗口中可以打開各種浮動面板，同時(shí)還可以使用系統(tǒng)內(nèi)置的多種對象進(jìn)行操作。 Dreamweaver 啟動后，會出現(xiàn)一個新的文檔操作窗口,該窗口包含如下的幾個部分： 標(biāo)題欄、菜單欄、工作區(qū)、浮動面板和狀態(tài)欄。標(biāo)題欄中主要顯示該文檔的標(biāo)題信息、 文件名及該文件所在的文件夾等；菜單欄中包含了各種操作命令、應(yīng)用特性和訪問浮動 面板的簡單方法；Dreamweaver 啟動后，工作區(qū)是白色的空白區(qū)域，可以在工作區(qū)中輸入 文字、插入圖象、添加背景以及其它頁面元素

51、；浮動面板提供了訪問程序特性的簡單方 法，可以對浮動面板進(jìn)行選擇、拖放、重新定位、移動等操作，當(dāng)我們不需要使用某個 移動面板時(shí)，還可以用鼠標(biāo)單擊該面板右上角的關(guān)閉按鈕將其關(guān)閉，需要時(shí)再打開；狀 態(tài)欄位于窗口的最下端，用于顯示文檔的 HTML 標(biāo)記、文檔窗口大小、下載速度等信息。 3.23.2 網(wǎng)站圖片制作工具網(wǎng)站圖片制作工具 PhotoshopPhotoshop 簡介簡介 Photoshop 是平面圖像處理業(yè)界霸主 Adobe 公司推出的跨越 PC 和 MAC 兩界首屈一指 的大型圖像處理軟件。它功能強(qiáng)大，操作界面友好，得到了廣大第三方開發(fā)廠家的支持， 從而也贏得了眾多的用戶的青睞。 ADOB

52、E PHOTOSHOP 最初的程序是由 Mchigan 大學(xué)的研究生 Thomas 創(chuàng)建，后經(jīng) Knoll . ;. 兄弟以及 ADOBE 公司程序員的努力 ADOBE PHOTOSHOP 產(chǎn)生巨大的轉(zhuǎn)變，一舉成為優(yōu)秀的 平面設(shè)計(jì)編輯軟件。它的誕生可以說掀起了圖象出版業(yè)的革命，目前 ADOBE PHOTOSHOP 最新版本為 6.0，它的每一個版本都增添新的功能這使它獲得越來越多的支持者也使它在 這諸多的圖形圖象處理軟件中立于不敗之地。 Photoshop 支持眾多的圖像格式，對圖像的常見操作和變換做到了非常精細(xì)的程度， 使得任何一款同類軟件都無法望其頸背；它擁有異常豐富的插件(在 Photo

53、shop 中叫濾鏡)， 熟練后您自然能體會到只有想不到，沒有做不到的境界。 3.33.3 FlashFlash 簡介簡介 Flash 是一種交互式矢量多媒體技術(shù)，他的前身是 Futureplash，早期網(wǎng)上流行的矢 量動畫插件。后來由于 Macromedia 公司收購了 Future Splash 以后便將其改名為 Flash2，到現(xiàn)在最新的 flash4。現(xiàn)在網(wǎng)上已經(jīng)有成千上萬個 Flash 站點(diǎn)，著名的如 Macromedia 專門 ShockRave 站點(diǎn)，全部采用了 Shockwave Flash 和 Director?？梢哉f Flash 已經(jīng)漸漸成為交互式知量的標(biāo)準(zhǔn)，未來網(wǎng)頁的一大主

54、流。下面介紹 Flash3 及 4 版 本的特點(diǎn)： Flash3 的功能特點(diǎn)，總結(jié)起來有如下特點(diǎn)： 靈巧的繪圖工具 Flash 本身具有極其靈巧的圖形繪制功能，更重要的是他能導(dǎo)入 專業(yè)級繪圖工具，如 Macromedia FreeHand、Adobe Illustrator 等繪制的圖形，并產(chǎn)生 翻轉(zhuǎn)、拉伸、擦除、歪斜等效果，還可以將圖形打碎分成許多單一的元素進(jìn)行編輯，并 改變其顏色亮度。由于 Flash 提供具有保真技術(shù)的繪圖工具，使圖形邊緣在經(jīng)過一系列 加工后仍會保持平滑。 向量透明效果應(yīng)用 Flash3 可以創(chuàng)建透明的圖形，并可以任意改變層次間透明的 不同效果，如透明度、傾斜度及透明的顏色等屬性。 具有動畫效果的按鈕和菜單 Flash 采用精靈動畫的方式，在 Flash3 中可以隨意 創(chuàng)建按鈕、多級彈出式菜單、復(fù)選框、以及復(fù)雜的交互式字謎 游戲。 物體的變形和形狀的漸變 在 Flash3 中產(chǎn)生物體的變形和形狀的漸變非常容易， 其發(fā)生完全由 Flash 自動生成，無須人為地在兩個對象間插入關(guān)鍵幀。 增強(qiáng)對圖像的支持 Flash3 不但可以對導(dǎo)入的圖像（jpg、gif）產(chǎn)生翻轉(zhuǎn)、拉伸、 擦除、歪斜、改變