本文原始位址:
http://khedu.nsysu.edu.tw/1000510633/webpg1203/dreamweaver/index.htm ,其內容如下:
第一單元快速入門第一篇【簡介】
DreamWeaver 是目前世界上受到相當推崇的專業級「網頁排版」的軟體。在網頁設計的領域中,有幾個較知名的軟體,例如: FrontPage、Fusions、DreamWeaver....等,各有其喜愛者,但它們所展現的能力、各不相同。
首先,Fusion 和 FrontPage 這兩項產品較重視網頁的開發效率,易學易用;而 DreamWeaver 強調的是更強大的網頁控制、設計能力以及創意的發揮。並不是說使用 DreamWeaver 的人就顯得比較高竿,這只是產品的定位問題而已。
DreamWeaver 不好使用 ? 這純粹是使用上的
習慣吧 !? 大家用慣了微軟的產品,對於 FrontPage 這套軟體可能較有親切感,也因此較容易上手。在小弟的教學過程中,學生學習 FrontPage 的成就感遠大於 DreamWeaver,但克服了使用習慣這問題後 (白話文叫 "多練習" ),學生反而較容易接受 DreamWeaver 了。
網頁編輯軟體是幫我們開發網站用的,可惜的是,軟體的功能永遠無法涵蓋瀏覽器所能顯示的效果,也因此,我們所是必需學習其他的技能,例如:HTML、VBScript、JavaScript、ASP....等知識。但可喜的是 DreamWeaver 提供了軟體的擴充功能 (Extension),利用 Extension 我們可以為 DreamWeaver 加上更多的新功能,這難道不是一件很美妙的事嗎 ?
往後的單元中,我會一一介紹 DreamWeaver 的使用技巧,有機會的話,我也會選擇一些好用的
第二篇【定義網站】如果你使用DreamWeaver來管理網站,並編輯網頁,第一步你所要做的是定義一個網站,通常「定義網站」可有兩種情況:
定義新網站:從無到有,新建立一個網站,建議的方式是:你先在硬碟中建立一個新資料夾,再定義名稱。
定義舊的網站:方式如同定義新網站,但不用建立資料夾,因為已經有了,你只是更改名稱罷了。
基本上,在單機上使用DreamWeaver並不需要Web Server的搭配,除非你想使用ASP (Active Server Page)。
現在開始學習如何定義一個新網站了。假定我們現在要建立一個新的網站,它是儲存在 C 磁碟機中的 work 這個目錄中,網站的名稱呢,就叫「作業」好了。
步驟一:在你的電腦中的 C 磁碟中建立一個資料夾叫 work,並啟動 DreamWeaver。
步驟二:在編輯視窗的狀態列下,按一下『Show Site』鈕,啟動網站視窗。
步驟三:在網站視窗中點選『Define Sites』。
步驟四:建立資訊
1。設定網站名稱(Site Name)2。設定本機資料夾名稱(Local Root Folder)3。按『OK』鈕。
步驟五:直按按『OK』鈕。
步驟六:方才定義的網站已經出現了。按『Done』完成設定。
完成後顯示的畫面。
第三篇【檔案操作】--開新網頁要在DreamWeaver中新增網頁,通常會有三種方式,你可以任選一種來達到目的。
1.在檔案放置的資料夾上按右鍵,再選『New File』(新增檔案)。
2. 在網站視窗中,選擇『File(檔案)/New File(新增檔案)』。
3. 或直接按『CTRL + SHIFT + N』來新增檔案。
現在,就讓我們建立第一個檔案吧,檔名就叫 index.htm。
步驟一:在資料夾上按右鍵,選『New File』。
步驟二:輸入網頁的名稱,目前是 index.htm。
步驟三:檔名輸入完成後,按一下『Enter』鍵,完成後如右圖。
是不是很簡單呢?再新增加四個網頁吧 ! 名稱分別為:
lee.htm
tu.htm
wang.htm
ex.htm
第三篇【檔案操作】--檔案的選取 原則上,在檔案上按一下左鍵,檔案會呈現反白的效果,你就成功的選取了一個檔了,如上圖的『ex.htm』這個檔案。大致上,你要對檔案進行「更名」、「複製」、「刪除」...等動作,你都要將檔案選取。選一個檔案沒問題,但如果是多個檔案呢 ?
如果是相鄰的檔案,你可先點選第一個檔案,再按 SHIFT 鍵不放,再點選最後一個檔案。
如果是不相鄰的檔案,你可先點選第一個檔案,再按 CTRL 鍵不放,再點選其他的檔案。
什麼嘛 ! 在教『檔案總管』嗎 ? 其實在視窗的環境下,雖然你使用不同的軟體,但很多功能都是相同的,那你會刪除檔案了嗎 ? 應該沒問題吧 ! 點選檔案,再按鍵盤上的『Del』鍵就可以了。自行刪除「ex.htm」這個檔案試試 !
那麼資料的操作呢 ? 方式如同檔案的操作,例如:
新增資料夾:按右鍵,選『New Folder』,輸入名稱。刪除資料夾:選資料夾,再按『Delete』鍵。
上述資料原始位址:http://khedu.nsysu.edu.tw/1000510633/webpg1203/dreamweaver/index.htm 第四篇【檔案操作】--超連結
我們現在有四個網頁了,那我們如何讓這四個網頁發生關連,讓它們能彼此對照呢 ? 你可以使用超連結。DreamWeaver提供了好多個建立超連結的方式,但在這裏,我們從最基本的開始學起吧。
首先,我們有一些前置作業,在網站視窗中,快速按兩下 index.htm 這個檔案,就可以進入編輯視窗了。再依輸入以下內容:
唐朝詩選 (按 Enter 鍵)
李白 (按Shitt+Enter鍵)
杜甫 (按Shift+Enter鍵)
王昌齡 (按Shift+Enter鍵)
在你編輯的過程中,按 Enter 鍵代表要做分段的設定,
而按 Shift+Enter 鍵則是要做分行的設定,它們仍是同一段。
看一下上面的圖形,文字上下的間隔是不同的。
再看一下標題列上的內容, index.htm 檔名右上是不是有一個『*』號,在DreamWeaver中,如果檔案編輯過,但未儲存,就會有這個記號。別忘了隨時存檔。
現在請執行功能表中的『File(檔案)/Save(儲存檔案)』儲存目前的網頁。
儲存好了,目前用不到這個視窗,利用『檔案(File)/關閉檔案(Close File)』,先關掉編輯視窗吧。但網站視窗不要一起關掉。
辛苦一下,回到網站視窗中,編輯其他的三個檔案,內容如下:
......
三面這三個檔案請加以儲存,關掉視窗。有了這四個檔案,我們就可以來進行超連結的設定了。請先開啟 index.htm 這個檔案吧。

參考右邊的架構圖,index.htm 是首頁,由這個檔案,我們可以連結到 lee.htm,tu.htm,wang.htm這三個檔案,同樣的,三個檔案也可以連結回首頁。
步驟一:重新開啟 index.htm,選取『李白』這兩個字,執行『修改(Modify)/(建立連結Make Link)』
步驟二:點選「lee.htm」這個檔案,再按『選取(Select)』按鈕
步驟三:完成後,取消文字的選取,如左圖,『李白』變成藍色的字,並有底線了。
請自行完成其他的兩項連結:
杜甫:連結至 tu.htm王昌齡:連結至wang.htm
完成,後請儲存檔案。
最後,你要開啟 lee.htm,tu.htm,wang.htm 這三個檔案,利用這三個檔案中的『回首頁』這三個字,連結回 index.htm 中,完成後關掉。目前請切換到 index.htm 這個檔案的視窗,直接按下『F12』這個功能鍵,或是選擇『檔案(File)/在瀏覽器中預覽/iexplorer』,啟動 IE 來預覽。完成後
範例。
你可以關閉 IE 瀏覽器了,但還是不要關掉 DreamWeaver,再努力完成下一個單元吧 !