Dreamweaver 4 簡明教程(二、初步認識 Dreamweaver)

來源:互聯網
上載者:User
dreamweaver|教程 二、初步認識 Dreamweaver

   Dreamweaver的啟動

  Dreamweaver的安裝過程非常簡單,一但成功安裝後,就可以在開始菜單找到Dreamweaver的選項:

   編輯視窗

  第一次啟動Dreamweaver,首先看到的是Dreamweaver的編輯視窗,千萬別給上面密密麻麻的浮動視窗嚇倒,其實常用的,就以下幾個:



  ① 主菜單:在這裡可以找到編輯視窗的的絕大部分功能;
  ② 工具列:是Dreamweaver4的新增功能;
  ③ 對象面板(Objects):在網頁編輯的過程中,通過單擊對象面板的按鈕來為網頁添加相應的元素,如圖片、表格、層、Flash。我們稱這些元素為為對象。單擊對象面板上的向下箭頭,能插入其他類型的對象,如特殊字元(Characters)、表單(Froms)等。



  ④ 屬性面板:用於顯示所選中的網頁元素的屬性,並可在屬性面板上修改。選擇不同的網頁元素,屬性面板所顯示的內容也有所不同,例如圖片和表格所顯示的屬性是不一樣的。此外,點擊屬性面板右下角的小三角可以根據使用的需要,縮小或展開屬性面板,建議一般情況下都設定為展開模式。
  ⑤ 面板組(又稱可停靠浮動面板):Dreamweaver 還有很多很多其他的浮動面板,我們可以根據自己的喜好,將不同的浮動面板重新組合,這就是所謂的面板組。在Photoshop中,也有類似的概念。
  ⑥ 快速啟動欄(又稱啟動面板):用於顯示或隱藏響應的浮動面板。啟動面板與右下角的微型啟動欄 一一對應;其中 是切換到網站管理器, 是切換到行為面板, 是查看網頁原始碼。
  ⑦ 編輯地區:以"所見即所得 (WYSIWYG)"的方式顯示被編輯網頁內容:

  【提示1】如果螢幕上的浮動面板位置過於淩亂,甚至超出了案頭範圍而不便操作的時候(在改變了顯示器的解析度後尤其容易出現這種情況),可以選取主菜單中的"Window > Arrange Panels"自動重排浮動面板。

  【提示2】以下是幾個常用的浮動面板的快速開啟和關閉的熱鍵,好好記住,因為將會再製作過程中被頻繁地使用:

  Properties屬性面板:Crtl+F3
  CSS Styles樣式面板:Shift+F11
  Behaviors行為面板:Shift+F3
  Objects對象面板:Crtl+F2
   網站視窗  


  網站視窗是Dreamweaver另一個重要的視窗,左半部是遠端站台的目錄,一般顯示為空白,只有在 FTP 連通狀態下才有顯示內容;右半部是當前編輯中的本地目錄,是不是有點象windows的資源管理員?對,網站視窗的作用其實就是直觀而方便地讓你讓像管理硬碟裡的檔案一樣管理的你的網站。



  在以後網頁製作的過程中,將會頻繁地在編輯視窗和網站視窗之間切換。


相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。