Dreamweaver屬性檢查器

網頁設計是指使用標識語言(markup language)，通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸，最終以圖形用户界面(GUI)的形式被用户所瀏覽。以下是小編為大家搜索整理的Dreamweaver屬性檢查器，希望能給大家帶來幫助，更多精彩內容請及時關注我們應屆畢業生考試網!

　　一、Dreamweaver 屬性檢查器

使用屬性檢查器，可以檢查和編輯當前頁面選定元素的最常用屬性，如文本和插入的對象。屬性檢查器的內容根據選定的元素的'不同會有所不同。例如，如果選擇了頁面上的圖像，則屬性檢查器就會改為顯示該圖像的屬性，如圖像的文件路徑、圖像的寬度和高度、圖像周圍的邊框(如果有，則會顯示)等等。

默認情況下，屬性檢查器位於工作區的底部邊緣，但是可以將其取消停靠並使其成為工作區中的浮動面板。在上圖頂部“屬性”的右邊，按下鼠標左鍵，即可拖動屬性檢查器為浮動面板，按照同樣的方法，還可以將它拖回到底部，停靠在工作區下面。

重新執行“窗口>屬性”命令或者點擊屬性檢查器右上角，可以關閉屬性檢查器，如下圖所示：

點擊“關閉”按鈕，即可關閉屬性檢查器。

　　如何用Dreamweaver製作目錄樹

在總目錄的前方有一個“+"，一按這個“+"，即可顯示其下子目錄，“+"即變成“-"，一按“-"，即可隱藏其下子目錄，就像在資源管理器中一樣，這需要做二個頁面，一個頁面寫上總目錄，一個頁面寫上子目錄。把總目錄的頁面上的“+”號設置成超級鏈接，在“Link”欄中添上子目錄頁面的地址。

把子目錄的頁面上的“-”號設置成超級鏈接，在“Link”欄中添上總目錄頁面的地址。具體效果可看一看Dreamweaver的幫助文檔，在這幫助文檔裏也是按一下總目錄，彈出子目錄，按下子目錄上的總目錄則返回到總目錄，只是沒用“+”、“-”表示而已。你再看一下該文檔的源代碼就一目瞭然了

　　Dreamweaver視圖切換的技巧

您可以在“文檔”窗口中通過“代碼”視圖、“拆分代碼”視圖、“設計”視圖、“代碼”視圖和“設計”視圖(拆分視圖)或“實時”視圖查看文檔。您還可以選擇水平或垂直查看拆分“代碼”視圖或代碼和“設計”視圖。(默認是水平顯示。)

切換到“代碼”視圖

請執行下列操作之一：

選擇“查看”>“代碼”。

在“文檔”工具欄中，單擊“顯示“代碼”視圖”按鈕。

切換到拆分“代碼”視圖

拆分“代碼”視圖將文檔拆分為兩部分，以便您可以同時對代碼的這兩部分進行操作。

選擇“查看”>“拆分代碼”。 注： 如果您調整“文檔”窗口或應用程序窗口的大小或更改工作區佈局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。

切換到“設計”視圖

請執行下列操作之一：

選擇“查看”>“設計”。

在“文檔”工具欄中，單擊“顯示“設計”視圖”按鈕。

顯示“代碼”視圖和“設計”視圖

請執行下列操作之一：

選擇“查看”>“代碼和設計”。

在“文檔”工具欄中，單擊“顯示“代碼”視圖和“設計”視圖”按鈕。

默認情況下，“代碼”視圖顯示在“文檔”窗口頂部，“設計”視圖顯示在底部。若要使“設計”視圖顯示在頂部，請選擇“查看”>“頂部的“設計”視圖”。

注： 如果您調整“文檔”窗口或應用程序窗口的大小或更改工作區佈局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。

在“代碼”視圖與“設計”視圖之間切換

按 Ctrl+反引號 (`)。

如果兩個視圖都顯示在“文檔”窗口中，此快捷鍵會將鍵盤焦點從一個視圖移到另一個視圖。

垂直拆分視圖

此選項只可用於拆分“代碼”視圖和代碼和“設計”視圖(拆分視圖)。對“代碼”視圖和“設計”視圖禁用此選項。

確保您處於拆分“代碼”視圖(“查看”>“拆分代碼”)或代碼和“設計”視圖(“查看”>“代碼和設計”)。

選擇“查看”>“垂直拆分”。

如果您處於代碼和“設計”視圖中，則可以選擇在左側顯示“設計”視圖(“查看”>“左側的“設計”視圖”)。

注： 如果您調整“文檔”窗口或應用程序窗口的大小或更改工作區佈局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。