建立网站教程
建立網站
Dreamweaver的功能不僅是設計網頁,甚至是架構網站,因此先要求使用者在本機中先建立網站的架構,其後當使用者變更設計時,Dreamweaver將根據此網站的架構做適當的調整與更新,請在進入此設定之前先建立網頁資料所要存放的資料夾目錄,日後將需要將所有網頁資料都放在此資料夾下。
1.網路\新增網站,此網站的命名隨你高興,只有在Dreamweaver內部作為辨識用,不會影響到網站的任何內容。
2. 接著會詢問是否使用FTP等伺服器技術,先選”不”;
3. 再來詢問是否本機編輯,編輯後上傳,就按照此預設模式,並在此時建立網站資料夾,也就是指
定本機中網頁所存的目錄。
4. 選定網頁上傳至遠端伺服器的方式,先設為 “無”,待日後需要時在設定即可。(本校提供空間是
以FTP方式上傳)
5. 完成
完成網站設定後,在網站的面板中便會出現此網站的樹狀結構。
當完成網站,要重新設定網站管理功能時(如本例尚未設定檔案上傳至遠端伺服器的功能及方式),網站功能面板選單可以選擇 “管理網站”,對已設定的網站進行編輯。
如下便是重新設定與遠端伺服器連結方式,選擇 “網站管理”,切換至 “進階”頁面,分別設定本地資料夾,及伺服器端的位址(當然也可以由 “基本”頁面中依據系統說明,一步一步設定)。
遠端伺服器的部分,請設定FTP主機,欲存放網頁資料的主目錄(請注意,本校提供給學生的網路硬碟空間,均已開放網站功能,預設網站目錄是public_html,須先在自己的網路硬碟空間中建立此一目錄),登入當然是各位自己的帳號及密碼。
完成這些設定後,Dreamweaver 可以智慧型的自動幫你上傳修改的資料至伺服器,不用自行以FTP軟體上傳。
建立網站內容
1. 事先構思網站架構,完成樹狀結構圖,每個方塊都是一個網頁資料檔
主網頁
index.htm
自我介紹 旅遊日記 風景照片
2. 在網站內滑鼠點選網站按右鍵,可以新增檔案,預設為untitled.htm,請自行改為欲命名的檔名,由於有許多網站伺服器不支援中文,請勿使用中文或全形符號作為檔名,建議均使用小寫英文。
另若有許多圖檔,建議新增目錄,方便管理,以免跟主目錄下的許多網頁混在一起,如上例便將按鍵圖檔均置於button目錄,而照片則都放在pic目錄下。
設定網頁語系
請開啟網頁後,執行主功能表”修改/頁面屬性”,設定為”繁體中文”(基本上使用中文windows的話,這是預設值)。
預覽
使用主功能表”檔案\於瀏覽器中預覽”,便會啟動瀏覽器,預覽網頁成果,這功能有時會失效,也可以直接到網站目錄下直接點選該網頁進行瀏覽。
檢視網站架構
在網站定義中,如果設定網站首頁資訊後,使用 “檔案”面板, “地圖檢視”功能,可以檢視網站內
各網頁的連結關係。