Dreamweaver屬性檢查器
網(wǎng)頁設(shè)計是指使用標(biāo)識語言(markup language)，通過一系列設(shè)計、建模、和執(zhí)行的過程將電子格式的信息通過互聯(lián)網(wǎng)傳輸，最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。以下是小編為大家搜索整理的Dreamweaver屬性檢查器，希望能給大家?guī)韼椭嗑蕛?nèi)容請及時關(guān)注我們應(yīng)屆畢業(yè)生考試網(wǎng)!
一、Dreamweaver 屬性檢查器
使用屬性檢查器，可以檢查和編輯當(dāng)前頁面選定元素的最常用屬性，如文本和插入的對象。屬性檢查器的內(nèi)容根據(jù)選定的元素的不同會有所不同。例如，如果選擇了頁面上的圖像，則屬性檢查器就會改為顯示該圖像的屬性，如圖像的文件路徑、圖像的寬度和高度、圖像周圍的邊框(如果有，則會顯示)等等。
默認情況下，屬性檢查器位于工作區(qū)的底部邊緣，但是可以將其取消停靠并使其成為工作區(qū)中的浮動面板。在上圖頂部“屬性”的右邊，按下鼠標(biāo)左鍵，即可拖動屬性檢查器為浮動面板，按照同樣的方法，還可以將它拖回到底部，停靠在工作區(qū)下面。
重新執(zhí)行“窗口>屬性”命令或者點擊屬性檢查器右上角，可以關(guān)閉屬性檢查器，如下圖所示：
點擊“關(guān)閉”按鈕，即可關(guān)閉屬性檢查器。
【相關(guān)閱讀】
如何用Dreamweaver制作目錄樹
在總目錄的前方有一個“+"，一按這個“+"，即可顯示其下子目錄，“+"即變成“-"，一按“-"，即可隱藏其下子目錄，就像在資源管理器中一樣，這需要做二個頁面，一個頁面寫上總目錄，一個頁面寫上子目錄。把總目錄的頁面上的“+”號設(shè)置成超級鏈接，在“Link”欄中添上子目錄頁面的地址。
把子目錄的頁面上的“-”號設(shè)置成超級鏈接，在“Link”欄中添上總目錄頁面的地址。具體效果可看一看Dreamweaver的幫助文檔，在這幫助文檔里也是按一下總目錄，彈出子目錄，按下子目錄上的總目錄則返回到總目錄，只是沒用“+”、“-”表示而已。你再看一下該文檔的.源代碼就一目了然了
Dreamweaver視圖切換的技巧
您可以在“文檔”窗口中通過“代碼”視圖、“拆分代碼”視圖、“設(shè)計”視圖、“代碼”視圖和“設(shè)計”視圖(拆分視圖)或“實時”視圖查看文檔。您還可以選擇水平或垂直查看拆分“代碼”視圖或代碼和“設(shè)計”視圖。(默認是水平顯示。)
切換到“代碼”視圖
請執(zhí)行下列操作之一：
選擇“查看”>“代碼”。
在“文檔”工具欄中，單擊“顯示“代碼”視圖”按鈕。
切換到拆分“代碼”視圖
拆分“代碼”視圖將文檔拆分為兩部分，以便您可以同時對代碼的這兩部分進行操作。
選擇“查看”>“拆分代碼”。 注： 如果您調(diào)整“文檔”窗口或應(yīng)用程序窗口的大小或更改工作區(qū)布局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。
切換到“設(shè)計”視圖
請執(zhí)行下列操作之一：
選擇“查看”>“設(shè)計”。
在“文檔”工具欄中，單擊“顯示“設(shè)計”視圖”按鈕。
顯示“代碼”視圖和“設(shè)計”視圖
請執(zhí)行下列操作之一：
選擇“查看”>“代碼和設(shè)計”。
在“文檔”工具欄中，單擊“顯示“代碼”視圖和“設(shè)計”視圖”按鈕。
默認情況下，“代碼”視圖顯示在“文檔”窗口頂部，“設(shè)計”視圖顯示在底部。若要使“設(shè)計”視圖顯示在頂部，請選擇“查看”>“頂部的“設(shè)計”視圖”。
注： 如果您調(diào)整“文檔”窗口或應(yīng)用程序窗口的大小或更改工作區(qū)布局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。
在“代碼”視圖與“設(shè)計”視圖之間切換
按 Ctrl+反引號 (`)。
如果兩個視圖都顯示在“文檔”窗口中，此快捷鍵會將鍵盤焦點從一個視圖移到另一個視圖。
垂直拆分視圖
此選項只可用于拆分“代碼”視圖和代碼和“設(shè)計”視圖(拆分視圖)。對“代碼”視圖和“設(shè)計”視圖禁用此選項。
確保您處于拆分“代碼”視圖(“查看”>“拆分代碼”)或代碼和“設(shè)計”視圖(“查看”>“代碼和設(shè)計”)。
選擇“查看”>“垂直拆分”。
如果您處于代碼和“設(shè)計”視圖中，則可以選擇在左側(cè)顯示“設(shè)計”視圖(“查看”>“左側(cè)的“設(shè)計”視圖”)。
注： 如果您調(diào)整“文檔”窗口或應(yīng)用程序窗口的大小或更改工作區(qū)布局，則 Dreamweaver 將保持拆分比例，以便兩種視圖始終可見。
【Dreamweaver屬性檢查器】相關(guān)文章：
Dreamweaver的屬性檢查器10-18
Dreamweaver屬性面板創(chuàng)建鏈接02-26
Dreamweaver屬性面板怎么創(chuàng)建鏈接10-26
Dreamweaver屬性面板創(chuàng)建鏈接的方法11-02
用Dreamweaver屬性面板創(chuàng)建鏈接01-31