Dreamweaver/插入層
DreamWeaver嵌套層 是其代碼包含在另一個(gè)層中的層。嵌套通常用于將層組織在一起。嵌套層隨其父層一起移動(dòng),并且可以設(shè)置為繼承其父級(jí)的可見性??梢詥⒂谩扒短住边x項(xiàng),這樣,當(dāng)您從另一個(gè)層內(nèi)開始繪制層時(shí)將實(shí)現(xiàn)層的自動(dòng)嵌套。
'若要繪制嵌套層,請(qǐng)執(zhí)行以下操作':
- 在“插入”欄的“布局”類別中單擊“繪制層”按鈕。
- 在“文檔”窗口的“設(shè)計(jì)”視圖中,拖動(dòng)以在現(xiàn)有層中繪制層:
如果已經(jīng)在層首選參數(shù)中關(guān)閉了“嵌套”功能,請(qǐng)通過按住 Alt 鍵并拖動(dòng) (Windows) 或按住 Option 鍵并拖動(dòng)(Macintosh)在現(xiàn)有層中嵌套一個(gè)層. 在不同的瀏覽器中,嵌套層的外觀可能會(huì)有所不同。當(dāng)創(chuàng)建嵌套層時(shí),請(qǐng)?jiān)谠O(shè)計(jì)過程中頻繁地檢查它們?cè)诓煌瑸g覽器中的外觀。
'若要插入嵌套層,請(qǐng)執(zhí)行以下操作':
- 在“文檔”窗口的“設(shè)計(jì)”視圖中將插入點(diǎn)放置在一個(gè)現(xiàn)有層中,然后選擇“插入”>“層”。
'若要使用“層”面板將現(xiàn)有層嵌套在另一個(gè)層中,請(qǐng)執(zhí)行以下操作':
- 選擇“窗口”>“層”,打開“層”面板。
- 在“層”面板中選擇一個(gè)層,然后通過按住 Ctrl 鍵并拖動(dòng) (Windows) 或按住 Command 鍵并拖動(dòng) (Macintosh) 將層移動(dòng)到“層”面板上的目標(biāo)層。
- 當(dāng)目標(biāo)層的名稱突出顯示時(shí),請(qǐng)松開鼠標(biāo)按鈕。
'若要在從另一個(gè)層中開始繪制層時(shí)自動(dòng)嵌套層,請(qǐng)執(zhí)行以下操作':
- 選擇“層”首選參數(shù)中的“嵌套”選項(xiàng)。
DreamWeaver設(shè)置層首選參數(shù): 使用“首選參數(shù)”對(duì)話框中的“層”類別可指定新建層的默認(rèn)設(shè)置。
'若要查看或設(shè)置層首選參數(shù),請(qǐng)執(zhí)行以下操作:'
- 選擇“編輯”>“首選參數(shù)”(Windows) 或Dreamweaver>“首選參數(shù)”(Macintosh),即顯示“首選參數(shù)”對(duì)話框。
- 從左側(cè)的“類別”列表中選擇“層”。
- 按需要進(jìn)行更改,單擊“確定”。
查看和設(shè)置單個(gè)層的屬性: 當(dāng)您選擇一個(gè)層時(shí),“屬性”檢查器將顯示層的屬性。
'若要查看和設(shè)置層屬性,請(qǐng)執(zhí)行以下操作:'
- 選擇一個(gè)層。
- 在“屬性”檢查器(“窗口”>“屬性”)中,單擊右下角的展開箭頭(如果它尚未展開)以查看所有屬性。
- 根據(jù)需要設(shè)置屬性來更改層的屬性。
查看和設(shè)置DreamWeaver多個(gè)層的屬性: 當(dāng)您選擇兩個(gè)或更多個(gè)層時(shí),層“屬性”檢查器會(huì)顯示文本屬性以及全部層屬性的一部分,從而允許您同時(shí)修改多個(gè)層。
'若要選擇多個(gè)層,請(qǐng)執(zhí)行以下操作:' 選擇層時(shí)請(qǐng)按下 Shift 鍵. 若要查看和設(shè)置多個(gè)層的所有屬性,請(qǐng)執(zhí)行以下操作:
- 選擇多個(gè)層。
- 在“屬性”檢查器(“窗口”>“屬性”)中,單擊右下角的展開箭頭(如果它尚未展開)以查看所有屬性。
- 通過設(shè)置屬性來更改層的屬性。
DreamWeaver設(shè)置“插入 Div 標(biāo)簽”對(duì)話框選項(xiàng)
該對(duì)話框用于插入 div 標(biāo)簽來創(chuàng)建 CSS 布局塊。
'若要完成“插入 Div 標(biāo)簽”對(duì)話框,請(qǐng)執(zhí)行以下操作:'
- 從“插入”彈出式菜單中選擇一個(gè)插入點(diǎn),以指示要顯示 div 標(biāo)簽的位置。
- (可選)單擊“新建 CSS 規(guī)則”按鈕,打開“新建 CSS 規(guī)則”對(duì)話框,并創(chuàng)建新的樣式。
- 如果選擇“標(biāo)簽之前”、“標(biāo)簽結(jié)束之前”、“標(biāo)簽之后”或“標(biāo)簽開始之后”,請(qǐng)從右邊的彈出式菜單中選擇標(biāo)簽。
- (可選)從彈出式菜單中選擇一個(gè)類,如果附加了樣式表,則該樣式表中定義的類將出現(xiàn)在列表中。
- (可選)從彈出式菜單中選擇一個(gè) ID,如果附加了樣式表,則該樣式表中定義的 ID 將出現(xiàn)在列表中。Dreamweaver 不會(huì)列出文檔中現(xiàn)有塊的 ID,Dreamweaver 會(huì)在您在文檔中輸入與其他標(biāo)簽相同的 ID 時(shí)提醒您。
DreamWeaver設(shè)置 Div 標(biāo)簽屬性 使用“屬性”檢查器來設(shè)置用于創(chuàng)建 CSS 布局塊的 div 標(biāo)簽的屬性。
'若要設(shè)置 div 標(biāo)簽的屬性,請(qǐng)執(zhí)行以下操作:'
- 設(shè)置以下任一選項(xiàng):
Div ID 允許您更改用于標(biāo)識(shí) div 標(biāo)簽的名稱。 類顯示了當(dāng)前應(yīng)用于標(biāo)簽的類樣式。使用此彈出式菜單執(zhí)行下列任何操作:
- 選擇要應(yīng)用于標(biāo)簽的樣式。
- 選擇“無”刪除當(dāng)前所選樣式。
- 選擇“附加樣式表”以打開一個(gè)允許您附加外部樣式表的對(duì)話框。
“編輯 CSS”將打開“CSS 樣式”面板。