雖然我們一直強調WordPress架站的好處,有許多的佈景主題其實也提供相當直覺的頁面排版設定方法【WordPress頁面編輯新境界Page Builder】,甚至也可以直接使用如Weebly這一類的快速網頁架站服務來即時建立自己的網站,但是相信還是有許多的網頁設計師或是初學者喜歡自己建置網站,自己設計排版、編輯網站素材以及準備網站連結的那種可以掌控全局的感覺,而這些手動的作業,就需要透過網頁(站)編輯軟體來完成。

  網頁編輯軟體有非常多可以選擇,在免費的網頁編輯軟體中,微軟的Exession Web 4是操作上最簡單,但是功能卻不簡單的Windows應用軟體,重要的是中文化非常完整,一點都不會有中文字處理上的問題。在我們的這一篇文章【微軟的免費網頁編輯軟體Expression Web 4免費下載】中有教大家到哪裡下載免費的Expression Web 4中文版,以及告訴各位可以到哪裡看基礎的操作影片,在這一篇文章中,何老師要教大家如何把你的網站連結到遠端的主機上的方法,因為這才是發佈網站最重要的步驟。

  設計網站,最終的目的當然是發佈在網際網路上供人閱覽參觀,有一些朋友喜歡全部在自己的電腦中完成之後,再一起上傳(通常都是使用FTP軟體或是網頁編輯器內建的上傳功能)。但是何老師卻喜歡一邊編輯一邊看成果,所以,在設計的初期,一開始就確定好網站的連線,是非常重要的工作。甚至如果你所處的網路環境速度還不錯,其實你根本就可以直接編輯遠端(網站主機上的檔案),儲檔之後馬上生效。

  首先,一進入Expression Web 4之後,第一個步驟就是到「網站」選單去選擇「新增網站」的選項,如下所示:

ew01

  Expression Web 4預設有許多的範本可以選擇(其實也沒有很多啦),這些範本可以把一些常用的排版以及檔案都準備好,你只要做修改及新增必要的網頁文件就可以了。但是因為範本會新增非常多的內容,所以建議初學者先從單頁網站開始,如下所示:

ew02

  下方紅色框線的地方,是網站在本地端儲存的資料夾位置。對於初學者來說,在這裡一定要搞清楚一點,預設的情況下Expression Web 4所有的文件資料是放在本地端的資料夾(你的個人電腦碟中),你要有一個「發佈」的動作把所有的檔案上傳到遠端的網站伺服器上,別人才有辦法在網路上瀏覽到你更新後的網站資料。這裡的「新增網站」意思是在自己的電腦硬碟中建立的網站複本,在還沒有發佈之前,這些資料並不在網站伺服器上喔。

  在Expression Web中只要設定正確,你隨時可以檢視本地端和遠端的檔案及資料(在網路連線的情況下),並確保兩邊資料的一致性。如果檔案的內容有不一致的地方,則有可能會不小心把之前修改的內容覆蓋掉。在自己的電腦中有了一份網站資料之後,接下來要去「發佈設定」的地方,建立自己的電腦和網路伺服器(虛擬主機)之間的連線,如下所示:

ew03

  進入發佈設定之後,可以看到以下的對話盒:

ew04

  第一次使用請選擇「新增」按鈕:

ew05

  在大部份的情形下都會使用FTP連線的方式來連接到遠端的主機,所以要填入的伺服器位置並不是你的網站的WWW網址,而是FTP的網址,以及FTP的帳號密碼,虛擬主機的設定方法我們會在另外一篇文章中說明。填寫好正確的FTP連線資料之後,請按下「新增」按鈕回到剛剛的網站設定對話盒,如下:

ew06

  在這裡你可以再新增更多的遠端網站。建立完畢之後,再按下確定就可以回到主畫面:

ew07

  這時候,請回到「網站」選單,按下「發佈」選項,畫面的正中央會出現如下所示的連結:

ew08

  按下去之後,就可以看到連線完成的內容,左側是本地端(你的電腦)中的資料夾列表,而右側則是遠端(網站伺服器或虛擬主機)的資料夾內容。請注意,左側的內容是我們在新增網站的時候,Expression Web 4依據我們選取的範本所準備好的檔案內容,在這裡因為我們選擇的是單頁網站,所以只有一個檔案。因為是Windows的軟體,所以預設的第一個索引頁面是default.html。而右側則是我們使用的Arvixe主機商的Windows主機在建立網站之後預設的wwwroot資料夾下的內容。

ew09

  你的第一步務必要同步兩邊的檔案,然後再開始您的網站設計作業。當然,如果你的網路環境還不錯,何老師建議你按右下角的「在Expression Web開啟您的目的網站」連結,直接編輯遠端(網站伺服器)上的檔案,因為馬上修改可以馬上生效,這樣可以避免掉使用不同個人電腦(公司和家裡或筆電)更新網站內容時所衍生出來的版本問題。因為都是修改網站上的資料,所以修改的內容永遠都是同一份。按下此連結之後,如下所示:

ew10

  以後就在這個環境之下編輯就好,必要時再下載回你的個人電腦當做是備份喔。

(3195)

%d 位部落客按了讚: