如何制作網(wǎng)頁（網(wǎng)頁制作實戰(zhàn)篇）

1、如何制作網(wǎng)頁（網(wǎng)頁制作實戰(zhàn)篇）如何制作網(wǎng)頁目錄 一、認識網(wǎng)頁 二、制作主頁前的準備 三、如何選擇網(wǎng)頁制作工具 四、如何把握網(wǎng)頁布局 五、設計網(wǎng)站65條原則 六、下載安裝Dreamweaver8 七、規(guī)劃站點 八、在Dreamweaver設置站點 九、制作模板 十、制作首頁 十一、在Dreamweaver套用模板修改模板 一、認識網(wǎng)頁你現(xiàn)在所看到的就是網(wǎng)頁啦!可是您知道為什么網(wǎng)頁可以在Internet上傳播，為什么可以被您的電腦認識嗎？還是讓我們來好好來認識網(wǎng)頁。網(wǎng)頁的學名稱作HTML文件，是一種可以在www網(wǎng)上傳輸，并被瀏覽器認識和翻譯成頁面顯示出來的文件。 WWW是“World Wide W

2、eb”的縮寫；HTML的意思則是“Hypertext Markup Language”，中文翻譯為“超文本標記語言”?！俺谋尽本褪侵疙撁鎯瓤梢园瑘D片、鏈接、甚至音樂，程序等非文字的元素。 網(wǎng)頁就是由HTML語言編寫出來的。 看到這，您也許會想：我最怕編程了!別急！其實HTML語言只是一種排版語言，語法就類似于這樣：“頁高8寬5，(1，2)處插入高1寬1的圖片A.” 如果您是使用WPS或則Word的高手，那么恭喜您，網(wǎng)頁制作的學習您已經(jīng)走了一半路了！HTML：全稱 HyperText Markup Language，正式名稱是超文本標記語言，HTML語言發(fā)展很快，已歷經(jīng)HTML1.0、HTM

3、L2.0和HTML3.0、HTML4.0多個版本，現(xiàn)在HTML5.0正在測試，同時DHTML (動態(tài))、VHTML(虛擬)、SHTML等也飛速發(fā)展起來。我們現(xiàn)在一般只要掌握HTML4.0就可以了。html利用標記（tag）用來描述網(wǎng)頁的字體、大小、顏色及頁面布局的語言，使用任何的文本編輯器都可以對它進行編輯，與VB、C+等編程語言有著本質上的區(qū)別。舉一個簡單的例子：要在瀏覽器的顯示效果： jzxue HTML原代碼就標記為： jzxue 其中 就是兩個HTML標記。它以起始標記及結束標記標記文字 jzxue ，令它顯示成粗體。也有懶蟲(像我一樣:)覺得一下要記住HTML那么多枯燥的標記實在太麻

4、煩了。那么有一個偷懶的辦法：找一個所見即所得的網(wǎng)頁制作工具，即使一點HTML語言都不會，也可以制作出出色的網(wǎng)頁。(噓，別聲張！)后面，我會為大家介紹這類工具的。 說到底，我還是推薦您稍微了解一些HTML的語法。這樣，您可以更精確的控制頁面的排版，可以實現(xiàn)更多的功能。當大家稱贊羨慕您的主頁的時候，您就會覺得很值得哦！主頁制作的基本條件在WWW上，不論你是資產(chǎn)上億的大公司，還是捉襟見肘的窮學生，只要你建立了自己的主頁，你們的地位就是平等的。實際上，許多個人管理的站點比商業(yè)站點更加受歡迎，一切都在于你的內容和創(chuàng)意。那么制作主頁需要什么條件呢？ 主頁制作的基本條件有：硬件：一臺電腦(64MB以上內存，

5、當然越大越好啦)；可以撥號上網(wǎng)；如果你有條件的話，建議:配置掃描儀，這將大大方便圖像和文字的輸入;軟件：HTML編輯軟件：常用的有Frontpage、Hotdog等，本文重點介紹 Dreamweaver；圖像處理軟件：常用的有Photoshop、flash、Fireworks 等；文件上傳軟件：常用的有Cuteftp、WSftp等。如果你已經(jīng)萬事具備了，我們繼續(xù)下一步：制作主頁前的準備.二、制作主頁前的準備1、主頁題材 下面我們開始著手策劃制作主頁。首先面臨的問題便是我要制作什么內容，選擇什么樣的主頁題材。網(wǎng)絡上的主頁題材千奇百怪、琳瑯滿目。只要你想的到，就可以把它制作出來。以下列出一些常見的

6、題材，是否對你有點啟發(fā)。 給您的建議： (1)一般來說，個人主頁的選材要小而精。如果你想制作一個包羅萬象的站點，把所有您認為精彩的東西都放在上面，那么往往會事與愿違的，給人的感覺是沒有主題，沒有特色，樣樣有卻樣樣都很膚淺，因為您不可能有那么多的精力去維護它。注意：網(wǎng)頁的最大特點就是更新快。目前最受歡迎的個人主頁都是天天更新甚至幾小時更新一次。 (2)題材最好是你自己擅長或者喜愛的內容。比如：您對詩歌感興趣，可以放置自己的詩詞；對足球感興趣，可以報道最新的球場戰(zhàn)況等等。這樣在制作時，才不會覺得無聊或者力不從心。 (3)不要太濫或者目標太高?！疤珵E”是指到處可見，人人都有的題材；“目標太高”是指在

7、這一題材上已經(jīng)有非常優(yōu)秀，知名度很高的站點，你要超過它是很困難的。 OK!如果你已經(jīng)有一個絕妙的主意了，那我們就開始下一步：規(guī)劃框架。2、規(guī)劃框架 選定了一個好的題材，是不是可以立刻動手制作了？不，經(jīng)驗告訴我們，您必須規(guī)劃框架，這是很重要的一步！每個網(wǎng)站都是一項龐大的工程。好比造高樓，沒有設計圖紙，規(guī)劃好結構，盲目的建造，結果往往是倒塌；也好比寫文章，構思好提綱，才不至于邏輯混亂，虎頭蛇尾。全面仔細規(guī)劃架構好自己網(wǎng)站，不要急于求成。規(guī)劃一個網(wǎng)站，可以用樹狀結構先把每個頁面的內容大綱列出來，尤其當你要制作一個很大的網(wǎng)站 (有很多頁面) 的時候，特別需要把這個架構規(guī)劃好，也要考慮到以后可能的擴充性

8、，免得做好以后又要一改再改整個網(wǎng)站的架構，十分累人，也十分費錢。 大綱列出來后，你還必須考慮每個頁面之間的鏈接關系。是星形、樹形，或是網(wǎng)形鏈接。這也是判別一個網(wǎng)站優(yōu)劣的重要標志。鏈接混亂，層次不清的站點會造成瀏覽困難，影響內容的發(fā)揮。為了提高瀏覽效率，方便資料的尋找，本站的框架基本采用“蒲公英”式，即所有的主要鏈接都在首頁上，每個主鏈接再分別展開，主鏈接之間相互鏈接?？蚣芏ㄏ聛砹耍缓箝_始一步一步有條理、有次序地做來，就胸有成竹得多，也為你的主頁將來發(fā)展打下良好的基礎。下一步，你可以動手制作具體內容了，我將告訴你一些收集資料的竅門。3、資料收集 題材選定，框架選定，接下來就開始往主頁里面填內容

9、。我們稱作 資料收集。就個人主頁而言，很少有人有能力完全靠自己來創(chuàng)作所有的內容。（一些高手能夠提供自己編的軟件，文章或者音樂，是我非常佩服的?。┐蟛糠秩说姆椒ㄊ牵簭膱蠹垺㈦s志、光盤等媒體中把相關的資料收集整理，再加上一定的編輯后就可以了。另外一個好的方法是從網(wǎng)絡上收集，您只要到雅虎、搜狐等搜索引擎上查找相應的關鍵字，就可以找到一大堆的資料。如果您是英語高手，您可以到國外站點上把最新的信息、資料翻譯成中文，提供給大家，這叫“洋為中用”。網(wǎng)絡上的資料呈爆炸性的增長，只要注意收集某一非常細小的題材，隨時供大家方便的查找，您的主頁就已經(jīng)有做不完的活了。但是，有一點必須注意！在Copy或引用他人的資料文

10、章時，請您尊重知識版權。有特別聲明、禁止復制的請不要盜為己用。允許復制的也應該在引用時注明作者、出處。一般來說，個人主頁是非商業(yè)站點，只要你發(fā)封Email給作者，都會征得同意的。還有就是收集的資料必須合法。按照我國計算機信息網(wǎng)絡國際聯(lián)網(wǎng)安全保護管理辦法的規(guī)定： 任何單位和個人不得利用國際聯(lián)網(wǎng)制作、復制、查閱和傳播下列信息： (一)煽動抗拒、破壞憲法和法律、行政法規(guī)實施的； (二)煽動顛覆國家政權，推翻社會主義制度的； (三)煽動分裂國家、破壞國家統(tǒng)一的； (四)煽動民族仇恨、民族歧視，破壞民族團結的； (五)捏造或者歪曲事實，散布謠言，擾亂社會秩序的； (六)宣揚封建迷信、淫穢、色情、賭博、暴

11、力、兇殺、 恐怖，教唆犯罪的； (七)公然侮辱他人或者捏造事實誹謗他人的； (八)損害國家機關信譽的； (九)其他違反憲法和法律、行政法規(guī)的。 到這里我們已經(jīng)完成了制作主頁的準備工作了。三、如何選擇網(wǎng)頁制作工具 “工欲善其事，必先利其器”。制作網(wǎng)頁第一件事就是選定一種網(wǎng)頁制作軟件。從原理上來講，雖然直接用記事也能寫出網(wǎng)頁，但是對網(wǎng)頁制作必須具有一定的html基礎，非初學者能及，且效率也很低。用WORD也能做出網(wǎng)頁，但有許多效果做不出來，且垃圾代碼太多，也是不可取的。我認為比較合適的網(wǎng)頁制作軟件首推Dreamweaver，它簡單易學，功能強大，用它做出的網(wǎng)頁垃圾代碼也比較少，另外，它還可以在我們

12、用所見即所得的環(huán)境制作網(wǎng)頁的同時可以在代檢視窗中看到對應的HTML代碼，這對我們學習HTML有很大好處。雖然用Dreamweaver，即使我們一點不懂HTML 也能做出漂亮的網(wǎng)頁，但HTML畢竟是制作網(wǎng)頁的基礎，我們要想把網(wǎng)頁做活了，必須要知其然還要知其所以然，最終我們還是要熟練掌握HTML才行。當然 Frontpage也不錯，但比起Dreamweaver來還是要稍遜一籌。 DreamWeaver自制動態(tài)HTML動畫的網(wǎng)頁DreamWeaver是一個很酷的網(wǎng)頁設計軟件，它包括可視化編輯、HTML代碼編輯的軟件包，并支持ActiveX、JavaScript、Java、Flash、ShockWav

13、e等特性，而且它還能通過拖拽從頭到尾制作動態(tài)的HTML動畫，支持動態(tài)HTML(Dynamic HTML)的設計，使得頁面沒有plugin也能夠在Netscape和IE 4.0瀏覽器中正確地顯示頁面的動畫。同時它還提供了自動更新頁面信息的功能。 DreamWeaver還采用了Roundtrip HTML技術。這項技術使得網(wǎng)頁在DreamWeaver和HTML代碼編輯器之間進行自由轉換，HTML句法及結構不變。這樣，專業(yè)設計者可以在不改變原有編輯習慣的同時，充分享受到可視化編輯帶來的益處。DreamWeaver最具挑戰(zhàn)性和生命力的是它的開放式設計，這項設計使任何人都可以輕易擴展它的功能。 HYPE

14、RLINK :/ /soft/22017.htm 下載Dreamweaver注：下載點不提供安裝序列號的，請復制( WPD800-53931-95632-35191) Microsoft FrontPage 98制作功能強大的網(wǎng)頁如果你曾對Word很熟悉，那么相信你用FrontPage 98進行網(wǎng)頁設計一定會非常順手。使用Frontpage98制作網(wǎng)頁，你能真正體會到“功能強大，簡單易用”的含義。頁面制作由Frontpage98中的Editor完成，其工作窗口由3個標簽頁組成，分別是“所見即所得”的編輯頁，HTML代碼編輯頁，預覽頁。Frontpage98帶有圖形和GIF動畫編輯器，支持CGI

15、和CSS。向導和模板都能使初學者在編輯網(wǎng)頁時感到更加方便。 FrontPage 98最強大之處是其站點管理功能。在更新服務器上的站點時，不需要創(chuàng)建更改文件的目錄。FrontPage 98會為你跟蹤文件并拷貝那些新版本文件。FrontPage 98是現(xiàn)有網(wǎng)頁制作軟件中唯一既能在本地計算機上工作，又能通過Internet直接對遠程服務器上的文件進行工作的軟件。 下載網(wǎng)址 : microsoft /frontpageNetscape編輯器制作簡單的網(wǎng)頁Netscape Communicator和Netscape Navigator Gold 3.0版本都帶有網(wǎng)頁編輯器。如果你喜歡用Netscape瀏

16、覽器上網(wǎng)，那么使用Netscape編輯器真是簡單方便！當你用Netscape瀏覽器顯示網(wǎng)頁時，單擊編輯按鈕，Netscape就會把網(wǎng)頁存儲在硬盤中，然后就可以開始編輯了。你也可以象使用Word那樣編輯文字、字體、顏色，改變主頁作者、標題、背景顏色或圖像，定義描點，插入鏈接，定義文檔編碼，插入圖像，創(chuàng)建表格等，是不是與Frontpage 98還有些像。但是，Netscape編輯器對復雜的網(wǎng)頁設計就顯得功能有限了，它連表單創(chuàng)建、多框架創(chuàng)建都不支持。Netscape編輯器是網(wǎng)頁制作初學者很好的入門工具。如果你的網(wǎng)頁主要是由文本和圖片組成的，Netscape 編輯器將是一個輕松的選擇。如果你對HTML

17、語言有所了解的話，能夠使用Notepad或UltraEdit等文本編輯器來編寫少量的HTML語句，那么也可以彌補Netscape編輯器的一些不足。Adobe Pagemill 3.0制作多框架、表單和Image Map圖像的網(wǎng)頁Pagemill功能不算強大，但使用起來很方便，適合初學者制作較為美觀、而不是非常復雜的主頁。如果你的主頁需要很多框架、表單和Image Map圖像，那么Adobe Pagemill 3.0的確是你的首選。Pagemill創(chuàng)建多框架頁十分方便，你可以同時編輯各個框架中的內容。Pagemill在服務器端或客戶端都可創(chuàng)建與處理Image Map圖像，它也支持表單創(chuàng)建。Pag

18、emill允許在HTML代碼上編寫和修改，支持大部分常見的HTML擴展，還提供拼寫檢錯、搜索替換等文檔處理工具。在Pagemill 3.0中還增加了站點管理能力，但仍不支持CSS、TrueDoc和動態(tài)HTML等高級特性。Pagemill另一大特色是有一個剪貼板，可以將任意多的文本、圖形、表格拖放到里面，需要時再打開，很方便。下載網(wǎng)址 : adobe Claris Home Page 3.0快速創(chuàng)建動態(tài)的網(wǎng)頁如果使用Claris Home Page軟件，你可以在幾分鐘之內創(chuàng)建一個動態(tài)網(wǎng)頁。這是因為它有一個很好的創(chuàng)建和編輯Frame(框架)的工具，你不必花費太多的力氣就可以增加新的Frame(框架

19、)。而且Claris Home Page 3.0集成了FileMaker數(shù)據(jù)庫，增強的站點管理特性還允許你檢測頁面的合法連接。不過界面設計過于粗糙，對Image Map圖像的處理也不完全。 下載網(wǎng)址 : claris /software/highlights/clarispagetrial.html 提高級軟件如果你對網(wǎng)頁設計已經(jīng)有了一定的基礎，對HTML語言又有一定的了解，那么你可以選擇下面的幾種軟件來設計你的網(wǎng)頁，他們一定會為你的網(wǎng)頁添色不少。HotDog Professional 5制作要加入多種復雜技術的網(wǎng)頁HotDog是較早基于代碼的網(wǎng)頁設計工具，其最具特色的是提供了許多向導工具，能

20、幫助設計者制作頁面中的復雜部分。 HotDog的高級HTML支持插入marquee，并能在預覽模式中以正常速度觀看。這點非常難得，因為即使首創(chuàng)這種標簽的Microsoft在FrontPage 98中也未提供這樣的功能。HotDog對plugin的支持也遠遠超過其他產(chǎn)品，它提供的對話框允許你以手動方式為不同格式的文件選擇不同的選項。但對中文的處理不很方便。HotDog是個功能強大的軟件，對于那些希望在網(wǎng)頁中加入CSS、Java、RealVideo等復雜技術的高級設計者，是個很好的選擇。 下載網(wǎng)址 : sausage HomeSite 3.0制作可完全控制頁面進程的網(wǎng)頁Allaire的HomeSi

21、te 3.0是一個小巧而全能的HTML代碼編輯器，有豐富的幫助功能，支持CGI和CSS等等，并且可以直接編輯perl程序。HomeSite工作界面繁簡由人，根據(jù)習慣，可以將其設置成像Notepad那樣簡單的編輯窗口，也可以在復雜的界面下工作。 HomeSite具有良好的站點管理功能，鏈接確認向導可以檢查一個或多個文檔的鏈接狀況。HomeSite更適合那些比較復雜和精彩頁面的設計。如果你希望能完全控制你制作的頁面的進程，HomeSite 3.0是你最佳選擇。不過對于生手過于復雜。 下載網(wǎng)址 : allaire 或者 : homesitenow HotMetal Pro 4.0制作具有強大數(shù)據(jù)嵌入

22、能力的網(wǎng)頁HotMetal既提供“所見即所得”圖形制作方式，又提供代碼編輯方式，是個令各層次設計者都不至于失望的軟件。但是初學者需要熟知HTML，才能得心應手地使用這個軟件。HotMetal具有強大的數(shù)據(jù)嵌入能力，利用它的數(shù)據(jù)插入向導，可以把外部的Access、Word、Excel以及其它ODBC數(shù)據(jù)提出來，放入頁面中。而且HotMetal能夠把它們自動轉換為HTML格式，是不是很棒，此外它還能轉換很多老格式的文檔(如WordStar等)，并能在轉換過程中把這些文檔里的圖片自動轉換為GIF格式。HotMetal為用戶提供了“太多”的工具，而且它還可以用網(wǎng)狀圖或樹狀圖表現(xiàn)整個站點文檔的鏈接狀況。

23、下載 : softquad 以上工具各有千秋，但對于WEB新手來說，“所見即所得”無疑是最方便的，所以我建議你選擇 DreamWeaver，在網(wǎng)上人們習慣叫它為“DW”。下面我將在 DreamWeaver里做實例，希望對你有所幫助。四、如何把握網(wǎng)頁布局最開始，網(wǎng)頁呈現(xiàn)在你面前的時候，它就好像一張白紙，它需要你任意揮灑你的設計才思。在開始的時候，你需要明白，雖然你能控制一切你所能控制的東西，但假如你知道什么是一種約定俗成的標準或者說大多數(shù)訪問者的瀏覽習慣，那么你可以在此基礎上加上自己的東西。你當然也可以創(chuàng)造出自己的設計方案，但如果你是初學者，那么最好明白網(wǎng)頁布局的基本概念。 1、頁面尺寸由于頁面

24、尺寸和顯示器大小及分辨率有關系，網(wǎng)頁的局限性就在于你無法突破顯示器的范圍，而且因為瀏覽器也將占去不少空間，留下給你的頁面范圍變得越來越小。一般分辨率在800 x600的情況下，頁面的顯示尺寸為：780 x428個象素；分辨率在640 x480的情況下，頁面的顯示尺寸為:620X311個象素；分辨率在1024X768的情況下，頁面的顯示尺寸為：1007x600。從以上數(shù)據(jù)可以看出，分辨率越高頁面尺寸越大。瀏覽器的工具欄也是影響頁面尺寸的原因。一般目前的瀏覽器的工具欄都可以取消或者增加，那么當你顯示全部的工具欄時，和關閉全部工具欄時，頁面的尺寸是不一樣的。在網(wǎng)頁設計過程中，向下拖動頁面是惟一給網(wǎng)頁

25、增加更多內容(尺寸)的方法。但我想提醒大家除非你能肯定站點的內容能吸引大家拖動，否則不要讓訪問者拖動頁面超過三屏。如果需要在同一頁面顯示超過三屏的內容，那么你最好能在上面做上頁面內部連接，方便訪問者瀏覽。2、整體造型什么是造型，造型就是創(chuàng)造出來的物體形象。這里是指頁面的整體形象，這種形象應該是一個整體，圖形與文本的接合應該是層疊有序。雖然，顯示器和瀏覽器都是矩形，但對于頁面的造型，你可以充分運用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。對于不同的形狀，它們所代表的意義是不同的。比如矩形代表著正式，規(guī)則，你注意到很多ICP和政府網(wǎng)頁都是以矩形為整體造型；圓形代表著柔和，團結，

26、溫暖，安全等，許多時尚站點喜歡以圓形為頁面整體造型；三角形代表著力量，權威，牢固，侵略等，許多大型的商業(yè)站點為顯示它的權威性常以三角形為頁面整體造型；菱形代表著平衡，協(xié)調，公平，一些交友站點常運用菱形作為頁面整體造型。雖然不同形狀代表著不同意義，但目前的網(wǎng)頁制作多數(shù)是接合多個圖形加以設計，在這其中某種圖形的構圖比例可能占的多一些。3、頁頭頁頭又可稱之為頁眉，頁眉的作用是定義頁面的主題。比如一個站點的名字多數(shù)都顯示在頁眉里。這樣，訪問者能很快知道這個站點是什么內容。頁頭是整個頁面設計的關鍵，它將牽涉到下面的更多設計和整個頁面的協(xié)調性。頁頭常放置站點名字的圖片和公司標志以及旗幟廣告。4、文本文本在

27、頁面中出現(xiàn)都數(shù)以行或者塊(段落)出現(xiàn)，它們的擺放位置決定者整個頁面布局的可視性。在過去因為頁面制作技術的局限，文本放置的位置的靈活性非常小，而隨著DHTML的興起，文本已經(jīng)可以按照自己的要求放置到頁面的任何位置。5、頁腳頁腳和頁頭相呼應。頁頭是放置站點主題的地方，而頁腳是放置制作者或者公司信息的地方。你能看到，許多制作信息都是放置在頁腳的。6、圖片圖片和文本是網(wǎng)頁的兩大構成元素，卻一不可。如何處理好圖片和文本的位置成了整個頁面布局的關鍵。而你的布局思維也將體現(xiàn)在這里。7、多媒體除了文本和圖片，還有聲音，動畫，視頻等等其它媒體。雖然它們不是經(jīng)常能被利用到，但隨著動態(tài)網(wǎng)頁的興起，它們在網(wǎng)頁布局上也

28、將變得更重要。五、設計網(wǎng)站65條原則網(wǎng)站中有哪些關鍵技巧？有哪些陷阱？在這里告訴你：使網(wǎng)站賦予情趣的訣竅、應該避免做什么、應使用什么工具軟件以及他們喜愛和厭惡的網(wǎng)站。 01 明確內容 如果你想成為一個網(wǎng)站設計者，并正想建一個網(wǎng)站的話，首先應該考慮網(wǎng)站的內容，包括網(wǎng)站功能和你的用戶需要什么。你的整個設計都應該圍繞這些方面來進行。 02 抓住用戶 如果用戶不能夠迅速地進入你的網(wǎng)站，或操作不便捷，網(wǎng)站設計就是失敗的。不要讓用戶失望而轉向你的對手的網(wǎng)站。 03 優(yōu)化內容 內容是核心。大約在兩年以前，企業(yè)網(wǎng)站就像一本廣告冊子，更槽糕的是，網(wǎng)站使用了大量的圖片，似乎要幾個世紀才能下載完。Chanels網(wǎng)站

29、（ channels.co.uk）在設計的某些方面是成功的，但是內容太貪乏，并且要花很長時間才能找到所要的東西，因此不能算是一個成功的網(wǎng)站。 04 快速下載 沒有什么比要花很長時間下載頁面更槽糕的了。作為一條經(jīng)驗，一個標準的網(wǎng)頁應不大于60K，通過56K調制解調器加載花30秒的時間。有的設計者說網(wǎng)頁加載應在15秒內。 05 網(wǎng)站升級 時刻注意網(wǎng)站的運行狀況。性能很好的主機隨著訪問人數(shù)的增加，可能會運行緩慢。但是，如果你不想失去訪問者的話，一定要仔細計劃好你的升級計劃。 06 堅持基本原則 即使你不懂HTML語言，你只需購買一個有版權的所見即所得的網(wǎng)頁設計工具，如Adobe PageMill 或

30、 Microsoft FrontPage Express，就可以創(chuàng)建一個看起來很合理的網(wǎng)站。但是，在設計時，這些軟件包雖然不需要HTML，卻使網(wǎng)站速度下降。 為了成功地設計網(wǎng)站，你必須理解HTML是如何工作的。大多數(shù)的網(wǎng)站設計者建議網(wǎng)絡新手應從有關HTML的書中去尋找答案，用Notepad制作網(wǎng)頁。 07 學習HTML 用HTML設計網(wǎng)站，可以控制設計的整個過程。但是，如果你僅僅是網(wǎng)站設計的新手，你應該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設計工具。在設計過程中，HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式，以便你在把網(wǎng)站發(fā)送到Web

31、之前，預覽你的網(wǎng)站。 08 用筆畫一個網(wǎng)站的框架 圣人云：筆比劍更強大。在用計算機之前，用筆畫一個網(wǎng)站的框架，顯示出所有網(wǎng)頁的相互關系。計劃好你的用戶如何以最少的時間瀏覽你的網(wǎng)站。 09 “在計算機上永遠也找不到好的方案”。 專家忠告 10 網(wǎng)站地圖 許多設計者把他們的網(wǎng)站地圖放在網(wǎng)站上，這種做法，卻是弊大于利。絕大部分的訪問者上網(wǎng)是尋找一些特別的信息，他們對于你的網(wǎng)站是如何工作的，并沒有興趣。如果你覺得你的網(wǎng)站需要地圖，那很可能是需要改進你的導航和工具條。 11 “睜大你的眼睛，留意所有的事情?！薄皩ψ畈幌嚓P的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素，確

32、保你的設計是圍繞站點瀏覽進行的。” 專家忠告 12 點擊規(guī)則 聽說過3次點擊規(guī)則嗎？對于小型網(wǎng)站，在你的主頁上，沒有任何一條信息，需要點擊次數(shù)超過3次的。對于大型網(wǎng)站，使用導航和工具條來改善操作。 13 特殊字體的應用 雖然你可以在你的HTML中使用特殊的字體，但是，你不可能預測你的訪問者在他們的計算機上將看到什么。在你的計算機里看起來相當好的頁面，在另一個不同的平臺上看起來可能非常糟糕。一些網(wǎng)站設計員喜歡使用來定義特性，這雖然允許你使用特殊的字體，但是仍需要一些變通的方法，以免你所選擇的字體在訪問者的計算機上不能顯示。級聯(lián)風格表CSS有助于解決這些問題，但是只有最新版的瀏覽器才支持CSS。

33、14 “使用切合實際的簡便的命名規(guī)則?！?專家忠告 15 檢查錯別字 好的拼寫是人們一生中重要的技能。但是遺憾的是，許多設計者都缺少這種技能。確保你拼寫正確，并且格外注意平常容易誤寫的錯別字。 16 避免長文本頁面 在一個站點上有許多只有文本的頁面，是令人乏味的，且也浪費Web的潛力。如果你有大量的基于文本的文檔，應當以Adobe Acrobat格式的文件形式來放置，以便你的訪問者能離線閱讀。 17 不要使用卷滾條 人們厭惡在網(wǎng)上使用卷滾條。Trouble網(wǎng)站（ Trouble.co.uk）是一個典型的設計很差的網(wǎng)站。它基于一個浮動的架構，為了閱讀所有的文本，瀏覽者不得不使用卷滾條。 18 專

34、家最喜愛的Web設計工具 1.Adobe Photoshop 2.Macromedia Flash3.Adobe Illustrator4.Adobe ImageRead5.Dreamweaver6.Macromedia Fireworks7. Allaire Homesites8.Microsoft Notepad9. Macromedia Director10. Lightwave11. Macromedia Freehand12其它：Adobe Acrobat Exchange，Allaire ColdFusion，BBEdit，HTML Validator等。 19 網(wǎng)站介紹 你應當有

35、一個很清晰的網(wǎng)站介紹，告訴訪問者你的網(wǎng)站能夠提供些什么，以便訪問者能找到想要的東西。但是，許多設計者都沒有這樣做。有效的導航條和搜索工具使人們很容易找到有用的信息，這對訪問者很重要。告訴訪問者你所提供的正是他們想要的信息。 20 “網(wǎng)站一旦發(fā)布，網(wǎng)站設計的優(yōu)點和缺陷全都公布于世。沒有什么方法使你能夠比從自己的錯誤、傾聽其他人的建議和用戶反饋意見中學到更多的東西。” 專家忠告 21 閃爍讓人頭痛 通過使用標識可以吸引訪問者對你的主頁特殊部分的注意，但這也讓你的訪問者頭痛。如果你想使訪問者再次光顧你的網(wǎng)站，就少用此方法。 22 背景顏色 背景顏色也會產(chǎn)生一些問題，可能會使網(wǎng)頁難于閱讀。你應當堅持使

36、用白色的背景和黑色的文本，另外還應當堅持使用通用字體。 23 向前和向后按鈕 應當避免強迫用戶使用向前和向后按鈕。你的設計應當使用戶能夠很快地找到他們所要的東西。絕大多數(shù)好的站點在每一頁同樣的位置上都有相同的導航條，使瀏覽者能夠從每一頁上訪問網(wǎng)站的任何部分。 24 “堅持你的信念。嚴格遵守各種規(guī)則。避免想當然。絕不停止學習?！?專家忠告 25 點擊記數(shù)器 不要輕易考慮在你的網(wǎng)站上放置一個醒目的點擊記數(shù)器。你設計網(wǎng)站是為了給訪問者提供服務，而不是推銷你自己認為重要的東西。大多數(shù)瀏覽者認為計數(shù)器毫無意義，它們很容易被做假，瀏覽者也不想看廣告。如果你顯示你的網(wǎng)站是多么受歡迎，你最好提供一個鏈接，顯示

37、訪問日志。 26 不要用框架 與記數(shù)器一樣，框架在網(wǎng)頁上越來越流行。在大多數(shù)網(wǎng)站上，在屏幕的左邊有一個框架。但是設計者立刻就發(fā)現(xiàn)，在使用框架時產(chǎn)生了許多的問題。使用框架時如果沒有17英寸的顯示屏幾乎不可能顯示整個網(wǎng)站?？蚣芤彩沟镁W(wǎng)站內個人主頁不能夠成為書簽。也許更重要的是，搜索引擎常常被框架混淆，從而不能列出你的網(wǎng)站。27 去掉圖像 在瀏覽器中即使去掉了圖像功能，也要保證訪問者能夠在你的網(wǎng)站上獲得滿意的效果。對于那些使用ISDN連接并且關掉了圖像功能的訪問者，還能獲得好的網(wǎng)頁加載性能?？梢酝ㄟ^在網(wǎng)頁底部提供另外的鏈接和使用替代文字，而不是圖像來滿足訪問者的需要。 28 重復使用圖像 一些網(wǎng)站由

38、于使用大量不重復的圖像而錯過了使用更好的技巧的機會。在創(chuàng)建商標時，在網(wǎng)頁上多次使用同樣的圖像是一個好的方法，并且一旦它們被裝入，以后重新載入就會很快。 29 避免使用過大的圖像 不要使用橫跨整個屏幕的圖像。避免訪問者向右滾動屏幕。占75%的屏幕寬度是一個好的建議。 30 “避免使用炫耀的技巧?！?專家忠告 31 選擇使用Flash動畫 許多使用比較慢的計算機的訪問者發(fā)現(xiàn)動畫圖標很容易耗盡系統(tǒng)資源，使網(wǎng)站的操作變得很困難，因此，應該給用戶一個跳過使用Flash動畫的選擇。 32 盡量少使用Flash插件 雖然許多Web設計者認為Flash功能很強大，并且Netscape5.0將支持Flash，在

39、使用時不必再下載任何插件。 但是，最好還是取消使用Flash做各接口的想法。 33 讓用戶先預覽小圖像 如果不得不放置大的圖像在網(wǎng)站上，就最好使用Thumbnails軟件，把圖像的縮小版本的預覽效果顯示出來，這樣用戶就不必浪費金錢和時間去下載他們根本不想看的大圖像。 34 動畫與內容應有機結合 確保動畫和內容有關聯(lián)。它們應和網(wǎng)頁渾然一體，而不是干巴巴的。動畫并不只是Macromedia Director等制作的東西的簡單堆積。 35 慎用聲音 聲音的運用也應得到警惕。內聯(lián)聲音是網(wǎng)頁設計者的另一個禁地。因為過多地使用聲音會使下載速度很慢，同時并沒有帶給瀏覽者多少好處。首次聽到鼠標發(fā)出聲音可能會很

40、有趣，但是多次以后肯定會很煩人。使用聲音前，應該仔細考慮聲音將會給你帶來什么。 36 少用Java 和AxtiveX 在網(wǎng)頁上應盡量少使用Java 和AxtiveX。因為并不是每一種瀏覽器都需要使用它，只有那些Netscape 和Explorer的早期版本的使用者才需要它。另外Mac在處理Java時也存在問題，過分地使用Java，會使Mac崩潰。 37 設計成功的網(wǎng)站 bmw.co.uk 內容和關聯(lián)性很好 yugop 圖形下載很快www .uk 設計簡單明了 dreamcast-europe newsunlimited.co.uk newbeetle swoon viaduct.co.uk 3

41、8 慎用插件 在Web設計中，如果依賴于一些特別的插件，會減少網(wǎng)站的吸引力。如果訪問者沒有所要求的插件，將不得不到其它站點去下載，這樣訪問者有可能就不會返回了。 39 使用著名的插件 如果網(wǎng)站上有聲音或視頻，要保證使用者通過使用某個知名的插件，能夠聽到或看到。許多站點使用QuickTime、RealPlay和 Shockwave插件。因為，許多訪問者并不愿意浪費很多時間和金錢去下載可能僅使用一次的插件。40 使用先進技術 跟上新的技術。Web技術的進步絕不會停止，所以應花一些時間來研究新產(chǎn)品和開發(fā)技術。 41 自己創(chuàng)建圖像和聲音 使用你自己創(chuàng)建的或從某個商業(yè)網(wǎng)站上下載的圖像和聲音。在制作商業(yè)網(wǎng)

42、站時，應該花足夠的資金來創(chuàng)建圖形，以增強公司的宣傳。 42 “無論是游戲、圖像、動畫還是電影，想想你喜歡的設計是怎樣的，這將激發(fā)你的創(chuàng)作靈感，使你創(chuàng)作出新的和更好的網(wǎng)站?！?專家忠告 43 平臺的兼容性 要為用戶著想，必須最少在一臺PC 和一臺Mac機上測試你的網(wǎng)站，看看兼容性如何。 44 用軟件分析工具找錯 使用軟件分析工具檢查HTML。軟件分析工具Doctor HTML能夠幫助檢查HTML中的任何問題。如果你有許多網(wǎng)頁需要檢查，可選用軟件分析工具。在網(wǎng)址 /validation.html中，你能夠找到更多有效的HTML工具。 45 避免錯誤鏈接 網(wǎng)站中可能與其它一些有用的站點作了鏈接。但是

43、，如果在你的網(wǎng)頁上有鏈接，一定要經(jīng)常檢查它們，保證鏈接有效。鏈接的網(wǎng)站可能很多，但不要鏈接到與你的內容無關的網(wǎng)站上。 46 給觀眾成熟的東西 如果網(wǎng)站沒有完成，就不要發(fā)送到Web上。所有好的網(wǎng)站都是在幕后完成之后再發(fā)布的。 47 在搜索引擎上登記網(wǎng)站 任何一個人發(fā)現(xiàn)你的網(wǎng)站的機會都很少，除非你把你的網(wǎng)站在主要的搜索引擎上進行登記。 48 設計一個留言板 瀏覽者愿意把時間花在好的網(wǎng)站上，所以最好有一個留言本，這能激勵訪問者再次回到你的網(wǎng)站，還有助于擴充網(wǎng)站內容。 49 測試網(wǎng)站 在你的網(wǎng)站正式發(fā)布之前，必須進行有用的測試。在設計網(wǎng)站時要使用最新的軟件，但是不要忘了人們并不會使用最新的瀏覽器，所以

44、要照顧到以前的瀏覽器。在上載網(wǎng)站時還要測試所有的鏈接和導航工具條。 50 “盡你所能反復測試所設計的網(wǎng)站，直到你不能發(fā)現(xiàn)新的東西為止。” 專家忠告 51 演示即將發(fā)布的網(wǎng)站 在網(wǎng)站正式運行之前，讓人演示它。演示中人們會告訴你所設計的網(wǎng)站是否容易使用。 52 動畫點綴 網(wǎng)頁上的動畫最多只用一個53 “傾斜的按鈕看起來不會太好，最好不要使用。” 專家忠告 54 內容組織 在開始創(chuàng)建新的網(wǎng)頁前，仔細考慮網(wǎng)站內容的組織。決定好想讓訪問者瀏覽的內容，然后設計導航系統(tǒng)。 55 “空白萬歲” 注意留空白。不要用圖像、文本和不必要的動畫GIFs來充斥網(wǎng)頁，即使有足夠的空間，在設計時也應該避免使用。 56 “利

45、用空白去吸引注意力。為了吸引眼球，Web設計者使用各種方法，比如：閃爍、旋轉等，但是利用空白會吸引更多的注意力?！?專家忠告 57 圖像壓縮 為了保持小的圖像，可以使用類似GIF向導的程序，它能自動對圖像進行壓縮。 先聲明圖像的大小，在圖像顯示之前最好能詳細說明圖像大小屬性，可以在IMG標簽中保存這個屬性。這可以使網(wǎng)頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網(wǎng)頁。 58 設計失敗的網(wǎng)站 boo 在它上面找一件T恤衫要花一個小時 miniheroes.co.uk 不吸引人，主頁太雷贅 saturn . 設計太差 e13 . 沒有新意 song . 導航不知所云 59 圖像大小屬

46、性，可以在IMG標簽中保存這個屬性。這可以使網(wǎng)頁顯得很流暢，因為瀏覽器可以在圖像被下載之前在屏幕上顯示整個網(wǎng)頁。 60 用戶注冊 如果能知道誰瀏覽了網(wǎng)站以及是怎樣瀏覽網(wǎng)站的，那么就能得到大量有用的信息。但是，要求訪問者在瀏覽網(wǎng)站之前進行注冊，這樣做是要冒風險的，因為這將趕走一批不愿意注冊的人。獲得信息的另一種方法是進行有獎競猜或金錢獎勵，讓用戶能主動填一些信息反饋表。 61 使網(wǎng)站具有交互功能 在網(wǎng)站上提供一些回答問題的工具，使得訪問者能從網(wǎng)站上獲得交互的信息。 62 圖片更新 盡可能經(jīng)常更換網(wǎng)站上的圖片，人們更愿意點擊的是圖片而不是文本。 63 在網(wǎng)站上提供游戲 游戲是很好的交互工具，它是使

47、訪問者能再次光顧網(wǎng)站的好方法。 64 挑選工具軟件 仔細選擇Web設計工具。保證使用自己最想要的、自我感覺最好的軟件。 65 使用最新版本的軟件盡量使用Web設計軟件的最新版本，還應當能被授權進行免費或便宜的升級。六、下載安裝Dreamweaver8一、下載Dreamweaver8中文版Dreamweaver8具有全新的操作界面和改進的產(chǎn)品性能，它具有在量的新特色，能 夠大大提高產(chǎn)品的可用性，并使“設計”視圖和“代碼”視圖的操作更為簡便。 使用中文版Dreamweaver8不僅可以在短期內迅速快捷地制作出精美的頁面，還能夠十分方便地管理和維護站點。中文版Dreamweaver8集網(wǎng)產(chǎn)設計、制作

48、和發(fā)布于一體，學會使用中文版Dreamweaver8后，不僅意味著能夠獨立設計、制作、維護和管理獨具一格的網(wǎng)站，還意味著你掌握了一門基本技能。中文版Dreamweaver 8目前是最新的版本， HYPERLINK :/ /soft/22017.htm 下載地點請點擊這里， 點擊下載后，請你選擇一個離你家較近地點下載，這時會出現(xiàn)如下對話框，請你選擇“保存”。如圖1圖 1 選擇保存在出來的對話框里再選擇保存的地點，本例保存在D盤，如圖2 圖 2 選擇保存位置點保存后，開始下載文件。圖3圖 3 正在下載文件下載后，在D盤里就有了如下的圖標，見圖4。圖 4下載后的文件二、安裝Dreamweaver 8

49、一般較大的軟件最好不要放在C盤，因為C盤是操作系統(tǒng)工作的地方。我們選在別的盤子里安裝。本例安裝在E盤。第一步：我們要做的工作就是在E盤里新建一個文件夾，并重新命名為DW。如圖 5 圖 5 新建一個文件夾第二步：雙擊下載的軟件”Dreamweaver 8-chs” 會出現(xiàn)如下安裝界面，如圖 6 。圖 6 安裝界面根據(jù)提示，點下一步，在“接受該許可協(xié)議中和條款”前點一下，再點“下一步”。如圖 7 圖 7 接受協(xié)議條款“在桌面上創(chuàng)建快捷方式”前打上鉤。如圖 8。圖 8 在桌面創(chuàng)建快捷方式下一步，點“更改”，在彈出的對話框中選擇安裝位置，找到E盤，雙擊”DW”文件夾，點“下一步”開始安裝。圖 9 選擇

50、安裝位置，開始安裝.完成安裝.如圖 10 圖 10 完成安裝第三步：注冊軟件。 雙擊桌面“Dreamweaver8”圖標，進行軟件注冊。如圖 11圖 11 桌面快捷方式在彈出出來的對話框里會提示你的軟件過期，你不要管它，點最下面的“繼續(xù)”。在彈出的對話框最上面，填上剛才復制的序列號；在下面第一小行里打上你的名，第二行打上姓，這個沒有什么特別規(guī)定。在第三行里打上你的郵箱地址，如果你沒有，那你就打上“flash8163 ”在第四行地址欄里，選“中國”將滑塊拉到底便可以看到“中國”。全部填好后，再點最下面的“注冊”，這時會有“注冊成功”的提示。 接著會彈出如下對話框，你選“設計器”然后點“確定”。

51、圖 12 選“設計器”好了，下載安裝 Dreamweaver8就寫到這里了，在實際操作中如遇到什么困難，請你給我留言。下面要進行實際操練啦，沒有什么更多的理論，只是把我怎么做的簡單在這里表達一下，由于水平有限，可能表達的不清楚，你可以再多看幾次。七、規(guī)劃站點規(guī)劃站點，不像直接設計編寫那么簡單，事先需要做許多準備工作，不僅要準備建設站點需要的素材文字資料、圖像以及媒體文件），還要設計好資料整合的方式，并根據(jù)資料確定站點的風格特點；同時在內部還要整齊、有序地排列歸類站點中的文件，否則雜而亂的資料堆積到一起，不僅不利于將來的維護和（包括站點的管理，) 同時還會因為頁面間極為混亂的關系而導致站點容易出

52、現(xiàn)錯誤。1、確定站點風格訪問互聯(lián)網(wǎng)時，可以看到形形色色的站點，每一個站點都有自己的特色，不同類型的站點風格特色更不相同。站點的風格是整個網(wǎng)站的靈魂，沒有風格，就不具有自己的特色，更談不上吸引用戶訪問站點。因此站 點設計者通常在設計之前都要規(guī)劃好站點的風格。一個站點究竟使用什么樣的主題，要根據(jù)建站的性質來確定。公司站點主要是向外界展示公司的形象，介紹公司情況以及推銷自己的產(chǎn)品；政府站點側重網(wǎng)上辦公，將辦公的材料放置到網(wǎng)上供人查閱；個人站點則希望將個人的興趣愛好展示出來，讓別人通過自己的站點了解自己，因此個性化更強一些。2、規(guī)劃站點結構 一般來說，一個站點包含的文件很多，大型站點更是如此.如果將所

53、有的文件混雜在一起，則整個站點顯得雜亂無章，自己看起來也很不舒服且不易管理，因此需要對站點的內部結構進行規(guī)劃。應該將各個文件分門別類地放到不同的文件夾下，這樣可以使整個站點結構看起來條理清晰，井然有序，使人們通過瀏覽站點的結構，就可知道該站點大概內容。這樣做主要是為網(wǎng)頁設計人員在修改管理頁面文件時提供方便。在你電腦里除C盤外要新建一個站點的文件夾，命名如Myweb，也可以叫“我的站點”。然后在站點文件夾里再新建幾個文件夾，如下圖：圖 13 站點文件夾以文件后綴名分類建立文件夾，這是文件夾通常命名情況，如果你記不住它，也可以自己重新命名，但不要用中文。 adm：放置后臺管理程序，對于動態(tài)網(wǎng)站是少

54、不了的一個文件夾 。 audio：放置音頻文件。 backup ：放置備份文件。 doc：放置Word文檔。 image：放置站點用到的圖片。 source：放置開發(fā)過程中編寫的源文件，如FLASH，photoshop等編輯、末合并圖層之前的圖片，保留源文件的目的是方便將來修改編輯。 video：放置視頻文件。 zip：提供給客戶下載的壓縮文件。 index.files：網(wǎng)站首頁中的各種文件，首頁使用率最高，為它單獨建一個文件夾很有必要。 web、web2：放置WEB文件夾。八、在Dreamweaver設置站點一、申請免費空間網(wǎng)站做好后放在哪里呢，這就要有一個空間。網(wǎng)上提供免費的空間很多，有的

55、服務質量還是可以的，但也有服務質量差的。我第一個申請的免費空間在 :/，到現(xiàn)在還在用，只不過速度稍慢一點；我第二個申請的免費空間是在中， :/free.icpcn /打開速度快，服務質量還是可以的，但申請手續(xù)有點煩，在申請中如果有一個地方他們認為是不真實的可能就不會批，申請可能在一到三天。提供免費空間的網(wǎng)站很多，最近可用的一批免費空間，你可以點這里查找。如果你的申請批下來了，會用電子郵件發(fā)送到你的郵箱，主要內容是：域名、空間大小、注冊名、FTP密碼 如果你不想用免費的空間，也可以用收費的空間，收費的空間申請很容易，只要你的錢匯到了，馬上就可以開通你的網(wǎng)站。在價格上也不等，從幾十元到幾百元以上，

56、根據(jù)你申請的空間大小來決定的。我們才學做網(wǎng)站，如果圖片不多，F(xiàn)LASH放的少，有100MB足夠你用了。 真的不想用收費的空間，又不想用免費的空間，那么你就用自己的電腦做服務器吧，詳細內容請看本站“初學園地”。 二、設置站點 有了空間后，我們就可以在 Dreamweaver 8 里做網(wǎng)頁了。也可以先做好再申請空間，這個由你自己定。我是先申請一個空間后，才動手做網(wǎng)站的。設置站點分為動態(tài)和靜態(tài)二種，動態(tài)網(wǎng)站的設置在“初學園地”里有介紹，在這里我就不再重復了，重點介靜態(tài)站點的設置。第一步：打開Dreamweaver 8 在菜單欄單擊“站點”指向“新建站點” 圖 14 新建站點第二步：在彈出的對話框里給

57、站點起一個名子，并在下面打上網(wǎng)站域名，然后點“下一步”如圖15 圖 15 命名站點第三步：在彈出的對話框里選擇“否，我不想使用服務器技術”。然后點“下一步”， 如圖16 。圖 16 選擇“否，我不想使用服務器技術”第四步：選擇站點文件夾存放的位置，如圖17 圖17 選擇站點文件夾第五步：按提示連接用FTP、并打上由服務商給你的FTP地址，用戶名和密碼，并進行測試。如圖18圖18 填寫FTP地址及用戶名和密碼第六步：測試服務器，提示成功。如圖19 至此，站點設置工作完成。如果出現(xiàn)錯誤，你要認真核對你的用戶名、密碼和FTP地址。九、制作模板如果想讓站點保持統(tǒng)一的風格或者站點中多個文檔包含相同的內容

58、。對其進行編輯，未免過于麻煩，中文版Dreamweaver 8提供的模板功能可以很方便地幫助用戶解決這些難題。模板由兩部分組成：鎖定區(qū)域和可編輯區(qū)域。對于剛創(chuàng)建的模板，所有的區(qū)域都是鎖定的，在定義模板時，可以在模板文件中定義可編輯的區(qū)域。套用該模板的頁面，只有可編輯區(qū)域是可以被改變的區(qū)域。實踐證明，用模板對于網(wǎng)頁制作者來說省了很多的麻煩，也可以節(jié)約很多時間，同時也能減少連接上的錯誤。 一、新建模板 在新建模板前，我勸你還是要對你的網(wǎng)站要在紙上畫一個草圖，再根據(jù)你的圖紙來定你的模板，我簡單畫了一個，供參考，樣式是你自己設置的，我在這里只是舉個例子。如圖 14 圖14 網(wǎng)站草圖打開 Dreamwe

59、aver 8后，可以通過“窗口”下面的“資源”面板創(chuàng)建新的模板?？旖萱I是F11。如圖15圖15 打開資源，新建模板文檔這時你雙擊才命名的muban文件，便在DW里顯示一個空白的文件。當你新建一個模板文檔時，Dreamweaver 8 將會在你的站點根目錄下自動生成一個Templates文件夾，該文件夾專門用于放置模板文檔。如圖 16 圖16 模板專用文件夾下一步就是在這個空白的文檔中建模板了。（這個空白文檔和你做網(wǎng)頁一樣的）當然也可以用別的方法來創(chuàng)建模板，如通過“插入”面板或者菜單選項可以完成模板文檔的創(chuàng)建，新建模板與創(chuàng)建模板略有不同。創(chuàng)建模板的操作方法哪下：（1） 選擇“窗口”面板|“插入”

60、菜單選項，打開“插入”面板。（2） 在“插入”面板中選擇“模板對象”向右點“創(chuàng)建模板”。（3） 也可以在一般頁面中象平時做網(wǎng)頁一樣，把頁面做好，然后點左上“文件”“另存為模板”等。在這里我就不一一說了，你肯定能在實踐中摸索出來的。言規(guī)正傳，下面我們開始在剛才打開的muban文件中建模板啦。第一步：設置頁面屬性 （1）選擇菜單“修改”向下單擊“頁面屬性”，如圖17。在彈出的對話框里設置字體和邊距。Dreamweaver 8默認設置網(wǎng)頁都留有間隙，不怎么好看，所以要全部設置為“0”如圖18 再選擇“鏈接”根據(jù)自己的喜好設置下劃線和鏈接的顏色。如圖19 圖17 打開頁面屬性圖18 設置字體和邊距圖1