第六單元:試試用Dreamweaver來寫網頁(教師寒假進修)

(中台醫護技術學院資源教室上課後再修改的版本)

之前我們已經試過使用FrontPage了,現在來教教各位使用Dreamweaver,我們試著以最直覺的方式來學習,希望各位在一周的時間內都可架起個人的網站囉!

一、建立資料夾

  1. 首先在D槽建立一個資料夾︰我的電腦--D槽--按右鍵--新增資料夾

  2. 資料夾暫時以各位的班級命名(例如︰6-1),開啟資料夾再以同樣方式建立兩個子資料夾,一個命名為images,另一個命名為midi。
  3. 從網路芳鄰進入PC400,複製images及midi。

二、開啟Dreamweaver,設定本地資訊

  1. 第一次啟動Dreamweaver時,你會被它一大堆的浮動面版嚇一跳,沒關係,現在我們將他一一關掉,需要那一個面版,我們才來開啟,接著請將視窗放到最大。
  2. 現在請各位看一下功能工具列上的各項功能鍵,別急,需要用到時,會介紹的︰



  3. 我們立刻要用到的就是網站(Site)--新增網站(New Site)
    依照圖示將本地資訊(Local Info)填好︰



  4. 都填好之後,按下確定,就會出現如下圖所示︰



  5. 本地資料夾(Local Folder)有了,那麼遠端網站(Remote Site)呢?這部分留下一節講。


三、首頁Index

  1. 將未編寫的空白網頁,按檔案(File)--儲存(Save)--檔案名稱命名為index存檔



  2. 在空白的編寫頁上按右鍵,點選頁面屬性,這個部分和FrontPage十分相似,如右下圖,依自己的喜好設定好,按下確定。



  3. 別忘了存檔喔! 於是我們有了首頁囉!明天見!


電腦教學講義