防止層重疊 由于表單元格不能重疊,Dreamweaver 無法從重疊層創(chuàng)建表格。如果您要將文檔中的層轉(zhuǎn)換為表格,請使用“防止重疊”選項來約束層的移動和定位,使層不會重疊。
在啟用該選項后,可以在現(xiàn)有層前面創(chuàng)建層,在現(xiàn)有層上移動層或調(diào)整層大小,或者將某個層嵌套在現(xiàn)有層中。如果您在創(chuàng)建重疊層后激活此選項,請拖動每個重疊層以使其離開其他層。當(dāng)您啟用“防止層重疊”選項后,Dreamweaver 不會自動修正頁面上的現(xiàn)有重疊層。
在啟用此選項和靠齊后,如果靠齊會使兩個層重疊,則層將不會靠齊到網(wǎng)格。相反,層將靠齊到最接近的層的邊緣.這是一個新的注釋表。此表已附加到 ta Table_anchor 段落標(biāo)簽。要創(chuàng)建一個表,請在參考頁面中進(jìn)行復(fù)制和粘貼。
即使在啟用“防止重疊”選項后,仍可以執(zhí)行某些操作來將層重疊。如果您使用“插入”菜單插入一個層,在“屬性”檢查器中輸入數(shù)字或者通過編輯 HTML 源代碼來重定位層,則可以在此選項已啟用時使層重疊或嵌套。如果出現(xiàn)重疊,請在設(shè)計視圖中拖動各重疊層以使其分離。
- 若要防止層重疊,請執(zhí)行以下操作之一:
- 在“層”面板(“窗口”>“層”)中,請選擇“防止重疊”選項。
- 在“文檔”窗口中,選擇“修改”>“排列”>“防止層重疊”。
在層和表之間轉(zhuǎn)換 您可以使用層創(chuàng)建布局,然后將層轉(zhuǎn)換為表格,以使您的布局可以在較早的瀏覽器中進(jìn)行查看。在轉(zhuǎn)換為表格之前,請確保層沒有重疊。
- 若要將層轉(zhuǎn)換為表格,請執(zhí)行以下操作:
- 選擇“修改”>“轉(zhuǎn)換”>“層到表格“,即可顯示“轉(zhuǎn)換層為表格”對話框。
- 選擇所需的選項,單擊“確定”,層即轉(zhuǎn)換為一個表格。
- 若要將表格轉(zhuǎn)換為層,請執(zhí)行以下操作:
- 選擇“修改”>“轉(zhuǎn)換”>“表格到層”,即可顯示“轉(zhuǎn)換表格為層”對話框。
- 選擇所需的選項,單擊“確定”,表格即轉(zhuǎn)換為層??諉卧癫粫D(zhuǎn)換為層(除非它們具有背景顏色), 位于表格外的頁面元素也會放入層中。
插入 div 標(biāo)簽進(jìn)行布局 可以使用 div 標(biāo)簽創(chuàng)建 CSS 布局塊并在文檔中對它們進(jìn)行定位。如果有一個帶有附加到文檔的定位樣式的現(xiàn)有 CSS 樣式表,使用該標(biāo)簽將非常有用。Dreamweaver 使您能夠快速插入 div 標(biāo)簽并對其應(yīng)用現(xiàn)有樣式。您可以將 Dreamweaver 設(shè)計文件用作 CSS 布局的起始點。從“新建文檔”對話框的“頁面設(shè)計 (CSS)”類別中選擇一個文件。
- 若要插入 div 標(biāo)簽,請執(zhí)行以下操作:
- 在“文檔”窗口中,將插入點放置在要顯示 div 標(biāo)簽的位置。
- 執(zhí)行下列操作之一:
- 選擇“插入”>“布局對象”>“Div 標(biāo)簽”。
- 在“插入”欄的“布局”類別中單擊“Div 標(biāo)簽”按鈕,出現(xiàn)“插入 Div 標(biāo)簽”對話框。
- 完成對話框,單擊“確定”。
div 標(biāo)簽以一個框的形式出現(xiàn)文檔中,并帶有占位符文本。將指針移到該框的邊緣上時,Dreamweaver 會高亮顯示該框,如果已經(jīng)給 div 標(biāo)簽分配了絕對位置,它就可充當(dāng)一個 Dreamweaver 層.
使用 div 標(biāo)簽進(jìn)行布局 插入 div 標(biāo)簽后,您可以對其進(jìn)行操作或者在其中添加內(nèi)容。絕對定位的 div 標(biāo)簽為 Dreamweaver 層。
在為 div 標(biāo)簽分配了邊框后,或者在選定了“CSS 布局外框”后,Div 標(biāo)簽便具有可視邊框。(默認(rèn)情況下,“查看”>“可視化助理”菜單中已經(jīng)選定了“CSS 布局外框”。)將指針移到 div 標(biāo)簽上時,Dreamweaver 將高亮顯示此標(biāo)簽。
在選擇 div 標(biāo)簽時,可以在“CSS 樣式”面板中查看和編輯它的規(guī)則。您也可以向 div 標(biāo)簽添加內(nèi)容,方法是:將插入點放在 div 標(biāo)簽中,然后就像在頁面中添加內(nèi)容那樣添加內(nèi)容。
- 若要查看和編輯應(yīng)用于 div 標(biāo)簽的規(guī)則,請執(zhí)行以下操作:
- 執(zhí)行以下操作之一以選擇 div 標(biāo)簽:
- 單擊 div 標(biāo)簽的邊框, 查找標(biāo)記色彩以查看邊框。
- 在 div 標(biāo)簽內(nèi)單擊,然后按兩次 Ctrl+A (Windows) 或 Command+A (Macintosh)。
- 在 div 標(biāo)簽內(nèi)單擊,然后從“文檔”窗口底部的標(biāo)簽選擇器中選擇 div 標(biāo)簽。
- 如果“CSS 樣式”面板尚未打開,請選擇“窗口”>“CSS 樣式”以打開“CSS 樣式”面板,應(yīng)用于 div 標(biāo)簽的規(guī)則顯示在面板中。
- 根據(jù)需要進(jìn)行編輯。
- 若要在 div 標(biāo)簽中放置插入點以添加內(nèi)容,請執(zhí)行以下操作:
- 在該標(biāo)簽邊框內(nèi)的任意位置單擊。
- 若要更改 div 標(biāo)簽中的占位符文本,請執(zhí)行以下操作:
- 選擇該文本,然后在它上面鍵入內(nèi)容或按 Delete 鍵, 就像在頁面中添加內(nèi)容那樣,可以將內(nèi)容添加到 div 標(biāo)簽中。
更改 div 標(biāo)簽的高亮顏色 在“設(shè)計”視圖中將指針移到 div 標(biāo)簽的邊緣上時,Dreamweaver 將高亮顯示標(biāo)簽的邊框。如果需要,可以啟用或禁用高亮顯示功能,或者在“首選參數(shù)”對話框中更改高亮顏色。
- 若要更改 div 標(biāo)簽的高亮顯示首選參數(shù),請執(zhí)行以下操作:
- 選擇“編輯”>“首選參數(shù)”(Windows) 或Dreamweaver>“首選參數(shù)”(Macintosh),即顯示“首選參數(shù)”對話框。
- 從左側(cè)的類別列表中選擇“標(biāo)記色彩”。
- 進(jìn)行下面其中一項更改:
- 若要更改 div 標(biāo)簽的高亮顏色,請單擊“鼠標(biāo)滑過”顏色框并使用顏色選擇器來選擇一種高亮顏色(或在文本框中輸入高亮顏色的十六進(jìn)制值)。
- 若要對 div 標(biāo)簽啟用或禁用高亮顯示功能,請選擇或取消選擇“鼠標(biāo)滑過”的“顯示”復(fù)選框。這些選項會影響當(dāng)指針滑過時 Dreamweaver 會高亮顯示的所有對象,例如表格。
- 單擊“確定”。
設(shè)置“將層轉(zhuǎn)換為表格”對話框選項
此對話框用于將層轉(zhuǎn)換為表格,以更好地兼容較早的瀏覽器。
若要完成“轉(zhuǎn)換層為表格”對話框,請執(zhí)行以下操作:
- 指定以下任意選項:
- '最精確'為每個層創(chuàng)建一個單元格,并附加保留層之間的空間所必需的任何單元格。
- '最小':合并空白單元指定如果層定位在指定數(shù)目的像素內(nèi),則層的邊緣應(yīng)對齊,如果選擇此選項,結(jié)果表將包含較少的空行和空列,但可能不與您的布局精確匹配。
- '使用透明 GIF '用透明的 GIF 填充表的最后一行。這將確保該表在所有瀏覽器中以相同的列寬顯示。當(dāng)啟用此選項后,不能通過拖動表列來編輯結(jié)果表。當(dāng)禁用此選項后,結(jié)果表將不包含透明 GIF,但在不同的瀏覽器中可能會具有不同的列寬。
- '置于頁面中央'將結(jié)果表放置在頁面的中央,如果禁用此選項,表將在頁面的左邊緣開始。
- 選擇所需的布局工具和網(wǎng)格選項,然后單擊“確定”。