目前市面上的網頁製作軟體，雖然也是很多，但是，還是以微軟 Office 家族中的 FrontPage 軟體，以及 Macromedia 公司的 Dreamweaver 軟體為主流。
若是以功能以及技術支援的角度而言，Dreamweaver 軟體要遠勝過 FrontPage 甚多；當然，若是以軟體的價錢而論，Dreamweaver 也是遠超過FrontPage。
一套微軟 Office 套裝軟體(包括Word、Excel、PowerPoint、OutLook、FrontPage、Access)的價錢，以 Office 2003 的專業版而言，全套在一萬三左右。
但是，以最新的 Dreamweaver 8 (2006)而言，單一產品的中文版就要兩萬元左右；
若是選購包含 Flash、Firework 在內的 Studio 8 套裝軟體，折扣後的價錢仍在四萬元以上。
這些網頁製作軟體「膽敢」賣這個價錢，當然，有它們相對的功能在內
以 Office 家族的 FrontPage 軟體而言，因為它所提供的功能非常有限，所以，相對的，它的單價也就偏低... ...只適合入門學習的初階使用。
Macromedia 的 Dreamweaver 軟體就不同了，它是真正專業的網頁設計軟體。它所提供的技術支援非常廣泛；包括各種伺服器動態網頁技術，適合所有層級的網頁設計者使用。它唯一的缺點就是... ...貴！尤其是對尚未以之進行生產、維護網站者而言。
Dreamweaver 軟體的最新版本是 Dreamweaver 8 (2006)，之前的版本依序是 Dreamweaver MX2004 以及 Dreamweaver MX (2002)。如果你的電腦已經安裝了先前的版本，想要升級到 Dreamweaver 8 的最新版本，那麼，只需要購買 Dreamweaver 8 的升級版軟體即可！... 價錢在一萬元以下
購買升級版的參考網址：http://buy.yahoo.com.tw/gdsale/gdsale.asp?gdid=92499
=================================================================
介紹了半天的網頁製作軟體，現在... ...這篇文章的重點來啦！
網頁製作軟體主要是能夠為我們做什麼事ㄋㄟ？
嗯～答案是：最重要的功能是「為我們產生一堆文字！」... ...DHTML規格的文字
網頁製作軟體會提供一些看起來蠻複雜的功能與畫面；其中，最主要的就是提供一個類似 Word (所見即所得)...大家熟悉...的分割子視窗畫面來讓我們編輯網頁，然後，網頁製作軟體會在背地裡將我們在網頁製作軟體上的操作動作「逐一翻譯」成一堆相對應的「DHTML文字」碼！
我常說的一句話...很無奈地，就是：
教網頁的，最困難的工作就是「說服」初學者一個事實：「網頁檔案中，只是一堆文字符號！」
意思也就是說，任何的文字編輯軟體(例如最陽春的「記事本」軟體)都可以用來設計網頁！
就是因為網頁設計的初學者不願意承認這一個事實，所以給予這些網頁製作軟體的開發者機會... ...所以說，當你抱怨這些軟體太貴的同時，請試著接受「網頁只是文字檔案」的事實！
老實說，像 Dreamweaver 這樣專業的軟體，其實，應該只適合專業的網頁設計、維護者使用；它可以幫助這些專業者快速產生基礎的網頁... 效率高 ...然後再做細部的文字修正或修改！
問題是，對於剛入門的初學者，單單學著怎麼進入正確的設計環境，可能就是一種折磨... ...
我說「哀鴻遍野」，那可不是開玩笑！... ...如果，使用者只是一昧地「想要記住過程」的話
如果想要愉快地使用網頁製作軟體，「理解」網頁製作的基本原理，有它「絕對的必要性」！
問題就在，多數的學習者常會陷入「請給我魚，不必教我釣魚」的速成心理；對於理論的講解，總認為那是枯燥、多餘，以致無法用心在嚐試著理解、鑽研上。最後，陷入捉襟見肘的窘境...
身為老師，我也知道，理論總是比較枯燥的！學員對於這些常常無法接受，尤其是在成人教育，沒有「必須通過檢驗的壓力」之下... ...
雖然如此，但，既然身為指導老師，我就有這個責任「告知」它的重要性；也負有「傳授」這些關鍵重點的責任！... ...余豈好之哉，余不得已也
我已經儘量用生活化、擬人化的角度與論述來傳達這些觀念，我一向對我的詮釋功力有些信心，可是，如果學員無心的話，那我說破了嘴也沒用，徒然引起一些哀嚎、白眼而已... ...
我當然可以討好學員，就設計一個「標準」教學範例，大家按圖索驥，跟著一步一步操作，保證可以做出一個「成果」來；但是，在時數的限制下，我這麼做，就必須違背自己的良心，因為，結果好像做出來了，但真正想學的人什麼都沒學到... ...
網頁設計不是電腦入門班，一步一步跟著做是錯誤的教學與學習的方式。就像是釣魚，想要釣什麼魚，你得知道該去什麼地方釣；那一種魚有什麼習性；該用哪種釣鉤、哪種釣線、哪種釣餌... ...如果你認為所有的魚都是使用同一種釣法，那，你一定是不怎麼會釣魚！
=================================================================
說了半天，只是要指出一個正確的學習方式與態度，接下來，才是真正地進入「重點」... ...
在網路的世界，每個網站都是由一個「網站主目錄」資料夾在管理、掌控... ...因此，
透過網頁製作軟體在為網站製作網頁前，該軟體一定會先要求你指定一個資料夾作為網站主目錄
這個動作，FrontPage 稱為「開啟 Web」；Dreamweaver 則稱為「管理網站」或「新增網站」
它的目的就是要在你的個人電腦上「指定」或「建立」一個資料夾來容納網站的所有資料檔案
這個動作在 Dreamweaver 中顯得比較複雜，因為，Dreamweaver 能夠提供的功能選項確實比較多
但是，不管如何，請把握這個原則：它是請你「指定一個資料夾為特定網站的主目錄」
至於其間的各個選項與設定程序，都是在為你這個網站指定一些個別的附加功能(FrontPage沒有)
網站主目錄資料夾指定或建立好之後，通常，都會再依據需要在主目錄下建立一些子資料夾
這些子資料夾主要是用來儲存網頁中將會使用到的各種檔案(如圖檔、影音檔、文字檔...等等)
為了避免沒必要的困擾，這裡要對初學者建議，請牢記這個原則：
「任何想要在網頁中使用的檔案，在引用前，先將檔案放入網站主目錄的相關子資料夾之內」
之所以必須這麼做，那是因為所有的網頁製作軟體在儲存網頁時，都會將網頁DHTML原始檔中的檔案路徑(URL)自動修改成相對於該網頁所在位置的所謂「相對路徑」
如果所引用檔案的位置不在網站主目錄(或其下的任一子目錄)之內的話，網頁製作軟體將無法正確地將檔案路徑(URL)修改成正確的「相對路徑」，那將導致網頁下載呈現時的錯誤！
請務必記住這個基本原則： ... 當網頁在網頁製作軟體中儲存之後 ...
「只要是網頁標籤的 src 或 href 屬性中引用之檔案的URL路徑是以 file:// 開頭的就是錯誤！」
當然，如果網頁標籤的 src 或 href 屬性的URL路徑是以 http://、ftp:// 開頭的就稱為「絕對路徑」
以絕對路徑方式引用的檔案就不一定要存入網站主目錄之中，但，務必確認 URL 是正確的
當網頁製作、存檔完成後...工程只進行一半...，接下來，就要將檔案上傳到網站空間當中
所謂的「網站空間」，其實也是一台電腦的資料夾，只不過，這台電腦已經安裝了網路伺服器
上傳檔案時，必須把握一個原則：
「所有在網站空間資料夾中的檔案以及子資料夾，都必須和你個人電腦網站目錄中的一模一樣」
除此之外，為了讓你設計的網頁可以在任何一個網站中執行，檔案名稱請勿使用英文以外的文字
所謂英文，更確切的說法應該是「ASCII文字」，也就是在電腦英打輸入下可以打出來的文字
不過，除了英文字母與數字之外，有必要時，最好只使用底線 _ 當分隔，避免使用其他符號
底線 _ 是所有電腦系統保留給檔案名稱使用的符號；請千萬不要使用空白字元，以免造成困擾
當我們將透過網頁製作軟體網站主目錄中的網頁、子資料夾、檔案成功上傳(複製一份)到網站空間後，全世界的人，只要在可以上網的電腦瀏覽器網址列中輸入正確的URL_網址，確認之後就可以看到你精心設計製作的網頁內容了
請先 登入 以發表留言。