雖然我們一直強調WordPress架站的好處，有許多的佈景主題其實也提供相當直覺的頁面排版設定方法【WordPress頁面編輯新境界Page Builder】，甚至也可以直接使用如Weebly這一類的快速網頁架站服務來即時建立自己的網站，但是相信還是有許多的網頁設計師或是初學者喜歡自己建置網站，自己設計排版、編輯網站素材以及準備網站連結的那種可以掌控全局的感覺，而這些手動的作業，就需要透過網頁（站）編輯軟體來完成。
網頁編輯軟體有非常多可以選擇，在免費的網頁編輯軟體中，微軟的Exession Web 4是操作上最簡單，但是功能卻不簡單的Windows應用軟體，重要的是中文化非常完整，一點都不會有中文字處理上的問題。在我們的這一篇文章【微軟的免費網頁編輯軟體Expression Web 4免費下載】中有教大家到哪裡下載免費的Expression Web 4中文版，以及告訴各位可以到哪裡看基礎的操作影片，在這一篇文章中，何老師要教大家如何把你的網站連結到遠端的主機上的方法，因為這才是發佈網站最重要的步驟。
設計網站，最終的目的當然是發佈在網際網路上供人閱覽參觀，有一些朋友喜歡全部在自己的電腦中完成之後，再一起上傳（通常都是使用FTP軟體或是網頁編輯器內建的上傳功能）。但是何老師卻喜歡一邊編輯一邊看成果，所以，在設計的初期，一開始就確定好網站的連線，是非常重要的工作。甚至如果你所處的網路環境速度還不錯，其實你根本就可以直接編輯遠端（網站主機上的檔案），儲檔之後馬上生效。
首先，一進入Expression Web 4之後，第一個步驟就是到「網站」選單去選擇「新增網站」的選項，如下所示：
Expression Web 4預設有許多的範本可以選擇（其實也沒有很多啦），這些範本可以把一些常用的排版以及檔案都準備好，你只要做修改及新增必要的網頁文件就可以了。但是因為範本會新增非常多的內容，所以建議初學者先從單頁網站開始，如下所示：
下方紅色框線的地方，是網站在本地端儲存的資料夾位置。對於初學者來說，在這裡一定要搞清楚一點，預設的情況下Expression Web 4所有的文件資料是放在本地端的資料夾（你的個人電腦碟中），你要有一個「發佈」的動作把所有的檔案上傳到遠端的網站伺服器上，別人才有辦法在網路上瀏覽到你更新後的網站資料。這裡的「新增網站」意思是在自己的電腦硬碟中建立的網站複本，在還沒有發佈之前，這些資料並不在網站伺服器上喔。
在Expression Web中只要設定正確，你隨時可以檢視本地端和遠端的檔案及資料（在網路連線的情況下），並確保兩邊資料的一致性。如果檔案的內容有不一致的地方，則有可能會不小心把之前修改的內容覆蓋掉。在自己的電腦中有了一份網站資料之後，接下來要去「發佈設定」的地方，建立自己的電腦和網路伺服器（虛擬主機）之間的連線，如下所示：
進入發佈設定之後，可以看到以下的對話盒：
第一次使用請選擇「新增」按鈕：
在大部份的情形下都會使用FTP連線的方式來連接到遠端的主機，所以要填入的伺服器位置並不是你的網站的WWW網址，而是FTP的網址，以及FTP的帳號密碼，虛擬主機的設定方法我們會在另外一篇文章中說明。填寫好正確的FTP連線資料之後，請按下「新增」按鈕回到剛剛的網站設定對話盒，如下：
在這裡你可以再新增更多的遠端網站。建立完畢之後，再按下確定就可以回到主畫面：
這時候，請回到「網站」選單，按下「發佈」選項，畫面的正中央會出現如下所示的連結：
按下去之後，就可以看到連線完成的內容，左側是本地端（你的電腦）中的資料夾列表，而右側則是遠端（網站伺服器或虛擬主機）的資料夾內容。請注意，左側的內容是我們在新增網站的時候，Expression Web 4依據我們選取的範本所準備好的檔案內容，在這裡因為我們選擇的是單頁網站，所以只有一個檔案。因為是Windows的軟體，所以預設的第一個索引頁面是default.html。而右側則是我們使用的Arvixe主機商的Windows主機在建立網站之後預設的wwwroot資料夾下的內容。
你的第一步務必要同步兩邊的檔案，然後再開始您的網站設計作業。當然，如果你的網路環境還不錯，何老師建議你按右下角的「在Expression Web開啟您的目的網站」連結，直接編輯遠端（網站伺服器）上的檔案，因為馬上修改可以馬上生效，這樣可以避免掉使用不同個人電腦（公司和家裡或筆電）更新網站內容時所衍生出來的版本問題。因為都是修改網站上的資料，所以修改的內容永遠都是同一份。按下此連結之後，如下所示：
以後就在這個環境之下編輯就好，必要時再下載回你的個人電腦當做是備份喔。
(4180)
近期留言