微軟的 FrontPage 與 Macromedia 公司所開發的 Dreamweaver 網頁製作專用軟體，都是一般網頁設計者最常採用的工具。不過，因為FrontPage是微軟Office的一份子，只要電腦中有Office套裝軟體(如果整套買)就會有FrontPage；但Macromedia的Dreamweaver必須額外購買，經過正確安裝後才能夠使用。電腦中如果有安裝Office套裝軟體(也就是有Word、Excel…)，我們就應該就可以從 開始 / 所有程式 選單中找到Microsoft FrontPage來開啟 FrontPage。
有了網頁設計軟體之後，照理說，一般網頁的設計應該不是一件難事，事實上也是如此，不過，還是有一些觀念上的問題必須先釐清。觀念先建立了之後，萬一網頁發生問題才知道問題出在何處，也才知道該從何下手。
網頁設計軟體提供了一個類似於Word的編輯環境來讓我們製作網頁。但是，Word所做的.doc文件與網頁軟體所做出的.htm(或.html)文件之間最大的差別在於：雖然網頁文件中也可以插入圖片，甚至還可以插入聲音、動畫、影片…等多媒體的內容，但是，Word文件中的圖片(如照片、美工圖案、文字藝術師、快取圖案等)是直接"嵌入"(embed)到.doc文件中；然而，網頁中除了文字之外，圖片、聲音、動畫、影片…等的多媒體檔案只是透過文字命令從原始處所"連結" (link)到.htm網頁上，並沒有真正整個存入網頁中。
意思也就是說，當圖片被我們"嵌入"(embedded)到Word的.doc文件中之後，只要把該.doc文件移動，就會把所有的圖片都一起移動。但是，當我們把網頁的.htm文件移動時，只會帶走.htm文件中的連結命令文字。如果.htm文件中的內容文字有指示要"連結" (linking)到其他位址的圖片、聲音、動畫、影片…等等，除非你將這些檔案以及它們與網頁的相對關係也一併帶著走，否則，除了文字外，別人通常是看不到你所編輯的其他精采內容的。
因為網頁有這種特性，為了能夠達到能將所有檔案都能一起帶著走的目的，所以，我們在設計網頁時就必須先塑造出這種環境。要塑造這種環境，那就得藉重電腦檔案管理中的主要角色--資料夾( Folder ; Directory，網路世界通常稱呼為--目錄 )。
Web資料夾_網站主目錄建立後，FrontPage軟體會在該資料夾中加入一些額外的資料。除了一些被隱藏起來的必要資料外，一定會有兩個名稱分別為 _private 與 images的子資料夾(我們可以使用images資料夾)。除此之外，一旦某資料夾被收納為FrontPage的網路資料夾之後，Windows電腦會自動在資料夾上加上一個小地球的代表圖示，以便與一般的資料夾做區別。該圖示即在提醒你…它是一個FrontPage的網站目錄。
網路資料夾建立後，我們隨時都可以透過FrontPage視窗的 檔案 / 開啟 Web(W) 的方式將之開啟以進行管理(一個FrontPage視窗，只能管理一個網路資料夾)；網路資料夾開啟後就可以進行所有檔案與各層子資料夾的新增、刪除與修改，FrontPage會自動為我們追蹤改變，並適時提示或修正相關的網頁內容。
請注意，網路資料夾中的資料應該透過FrontPage的資料夾清單子視窗進行管理。要執行新增、刪除或修改網路資料夾中的檔案或資料夾時，務必先以FrontPage的 開啟 Web 加以開啟，然後在資料夾清單子視窗中進行。如果你直接在該網路資料夾上雙按開啟後逕行修改檔案或資料夾名稱，會造成一些FrontPage無法掌握的狀況，這將會嚴重影響網頁的功能，造成網頁無法瀏覽或部分內容(尤其是圖片、影像、聲音等)無法呈現的後遺症。請千萬要注意！
資料夾清單子視窗出現後，請選按視窗左上角的建立新的網頁工具鈕。每點按一次，FrontPage就會依序在視窗右側的 網頁編輯區 中開啟一個暫定為new_page_X.htm (X為數字)的空白網頁供我們編輯。基本上，除非是記憶體不夠用，否則，FrontPage視窗同一時間所能開啟與管理的網頁幾乎是沒有限制。
一般而言，除非我們已經對網頁實際內容的HTML語法有相當了解，否則，我們都是在一般分頁畫面，以類似編輯Word文件的方式來編輯網頁。FrontPage會自動在幕後將我們的編輯動作翻譯成相對的HTML文字內容。這雖然是所有網頁設計軟體的賣點，但也是最容易讓人忽略學習HTML語法的關鍵。有心學好網頁的人，把這些設計軟體當工具可以，當作萬靈丹，那你將會自食惡果。
雖然使用類似FrontPage等的網頁編輯器製作網頁時，使用者幾乎可以不用學習HTML，不過，我們還是強烈建議，每當你在FrontPage上做了一個編輯的動作後，初學者最好能選按FrontPage視窗下方的HTML分頁鈕(或Dreamweaver軟體的--程式碼)，看看你剛才的編輯動作會產生或改變了什麼樣的HTML文字。解讀網頁HTML原始碼是有心學好網頁者所必須經過的基本訓練。
至於FrontPage視窗下方的另一個預覽分頁鈕，是提供我們暫時在網頁編輯區中預覽編輯效果的選項鈕。我必須特別強調，這裡預覽的效果與實際在瀏覽器中看到的會有顯著的差別，僅能作為暫時性的參考而已。
您好：
我是初學網頁製作者，請問如何將FrontPage設計好的網頁，寄掛在Yahoo 或 Google 或 MSN...等大型網站上，敬請不吝指教，謝謝！
Drughomer
妳所謂...寄掛在Yahoo 或 Google 或 MSN...等大型網站上...的意思是要讓搜索引擎搜尋到你的網站嗎？如果是這樣的話，最好在每一頁的<head>與</head>之間加入下列的兩個標籤：
(以FrontPage開啟網頁後，切換到 HTML 編輯畫面直接輸入最快)
<meta name="keyword" content="關鍵主題1,關鍵主題2,關鍵主題3,…">
此標籤將提供搜索引擎搜索時的關鍵主題字詞，使用時可配合下方的
<meta name="description" content="簡要大綱說明文字">
此標籤將提供搜索引擎呈現的大綱說明文字
現在的搜索引擎功能都很強，就算沒寫那兩段的標籤也大多可以搜尋得到，只是效率比較差。問題是，如果網頁點閱率或搜尋點閱率太低的話，當類似內容的網頁很多時，搜索引擎將以搜尋點閱率排列，那你的網頁就不知到會排列在哪個位置囉。
如果想要讓它出現在搜索結果第一頁，最好的辦法就是付錢啦，就好像登報紙廣告一樣，而且，每一個個別搜索引擎的大型網站都要付耶！沒付錢，雖然有的大型入口網站也可登錄網站基本資料，但必須祈禱點閱率很高囉！否則大海撈針，除非有心人蓄意尋找，不然被找到的機會微乎其微。
就醬囉！
您好：
接觸部落格或家族等網路世界，是最近的事；學習 FrontPage 則是上週開始的，因此，對於網路與網頁的製作，皆相當陌生，非常謝謝您的詳細講解與提點。
您的答覆也是我昨天一直在測試、傷腦筋的事，原來要讓搜尋者早點看到我的網頁，如此不容易，至於要付錢買，那就不值了，真是非常謝謝您的指點。
不過，我最大問題，是如何將 FrontPage 做好的網頁掛在 Yahoo 或 Google 或 MSN...等大型網站上，像「個人網頁」般，我可盡情地製作網頁內容、志同道合者亦可隨時點閱，不因我的電腦關機，外人就無法觀看。由於我是新手，可能對於網路流程與網頁製作蒙懂無知，無法確切地提問問題，因此，請您撥冗再針對我的難題不吝指教，謝謝。
至於，我將您的文張轉貼到我的部落格，是為了我可以隨意看到它，因您的電腦語言太多，我一下子背不起來，至於您說的引用方法，我有點選，可是顯現的方式，與我想的差很多，總之，謝謝您的提點與不計較，我會將它們移除，再次謝謝您！
您好：
首先謝謝您的回應，並刊載不少對釐清網路觀念非常有用的文章。我會努力拜讀這些紮實的功夫，希望有朝一日能融會貫通。
至於，架設網站的問題，我知道對初學者而言很複雜，不過，我會繼續拜讀您的文章，且已選讀「ASP互動式網頁設計入門」課程，希望在不久的將來，能自如的設計及架設網站，再次謝謝您的不吝指教。
Word的.doc文件是(放進口袋中)
網頁的.htm文件是(路徑的連結)
修改資料要以FrontPage的 開啟 Web 加以開啟...不可直接在該網路資料夾上雙按開啟後逕行修改
對不起..我沒有這些基本知識...所以我打出來想問您..我有沒有看懂...是不是這樣