【正文】 hidden（隱藏） : 選擇該選項(xiàng)，當(dāng)層內(nèi)容超出層的范。 溢出 —— 選擇當(dāng)層內(nèi)容超過(guò)層的大小時(shí)的處理方式。 背景顏色：用來(lái)設(shè)置層的背景顏色。 Visible—— 選擇該選項(xiàng)， 可以顯示層及其包含的內(nèi)容，無(wú)論其父級(jí)層是否可見。有四個(gè)選項(xiàng)： Default—— 選擇該選項(xiàng)，則不指明層的可見性。當(dāng)更改層的堆疊順序時(shí)，使用 “ 層 ” 面板要比輸入特定的 z 軸值更為簡(jiǎn)便 可見性：在 “ 可見性 ” 下拉列表中，設(shè)置層的可見性。在瀏覽器中，編號(hào)較大的層出現(xiàn)在編號(hào)較小的層的前面。（如果 “ 溢出 ”屬性沒有設(shè)置為 “ 可見 ” ，那么當(dāng)層在瀏覽器中出現(xiàn)時(shí)，底邊緣將不會(huì)延伸。 寬、高：指定層的寬度和高度。 層編號(hào)：給層命名，以便在 “ 層 ” 面板和 JavaScript 代碼中標(biāo)識(shí)該層。 方法二：打開層面板，從中選擇需要嵌套的層，此時(shí)按住 Ctrl 鍵同時(shí)拖動(dòng)改層到另外一個(gè)層上，直到出現(xiàn)如下圖所示圖標(biāo)后，釋放 Ctrl 鍵和鼠標(biāo)，這樣普通層就轉(zhuǎn)換為嵌套層了。 創(chuàng)建嵌套層 創(chuàng)建嵌套層就是在一個(gè)層內(nèi)插入另外的層。 （ 2）拖放層 打開快捷欄的 “ 布局 ” 選項(xiàng)，單擊 “ 繪制層 ” 按鈕，單擊鼠標(biāo)左鍵，并且按住不放，拖動(dòng)圖標(biāo)到文檔窗口中，然后釋放鼠標(biāo)，這是層就會(huì)出現(xiàn)在頁(yè)面中了。 使用這種方法插入層，層的位置由光標(biāo)所在的位置決定，光標(biāo)放置在什么位置，層就在什么位置出現(xiàn)。文本、圖像、表格等元素只能固定其位置，不能互相疊加在一 起，而層可以放置在網(wǎng)頁(yè)文檔內(nèi)的任何一個(gè)位置，層內(nèi)可以放置網(wǎng)頁(yè)文檔中的其他構(gòu)成元素，層可以自由移動(dòng)，層與層之間還可以重疊，層體現(xiàn)了網(wǎng)頁(yè)技術(shù)從二維空間向三維空間的一種延伸。 * topFrame 放到名為 topFrame 的框架中。 在我們保存有框架名為 mainFrame、 leftFrame、 topFrame 的框架后，在目標(biāo)下拉菜單中，還會(huì)出現(xiàn) mainFrame、 leftFrame、 topFrame 選項(xiàng)： * mainFrame 放到名為 mainFrame 的框架中。 * _self 放在相同窗口中（默認(rèn)窗口無(wú)須指定）。 “ 目標(biāo) ” 下拉菜單中的選項(xiàng)： * _blank 放在新窗口中。 四、在框架中使用超級(jí)鏈接 在框架式網(wǎng)頁(yè)中制作超級(jí)鏈接時(shí)，一定要設(shè)置鏈接的目標(biāo)屬性，為鏈接的目標(biāo)文檔指定顯示窗口。 需要注意的是： 框架是不可以合并 的。 在編輯窗口某個(gè)框架內(nèi)按住 Alt 鍵并單擊鼠標(biāo)，即可選擇該框架。 設(shè)置框架屬性 設(shè)置框架屬性時(shí)，必須先選中框架。 改變框架大小 用鼠標(biāo)拖拽框架邊框可隨意改變框架大小。 三、 編輯框架式網(wǎng)頁(yè) 雖然框架式網(wǎng)頁(yè)把屏幕分割成幾個(gè)窗口，每個(gè)框架（窗口）中放置一個(gè)普通的網(wǎng)頁(yè)，但是編輯框架式網(wǎng)頁(yè)時(shí)，要把整個(gè)編輯窗口當(dāng)作一個(gè)網(wǎng)頁(yè)來(lái)編輯，插入的網(wǎng)頁(yè)元素位于哪個(gè)框架，就保存在哪個(gè)框架的網(wǎng)頁(yè)中。 選擇菜單欄 文件 保存全部，將框架集保存為 ，上方框架保存為 ，左側(cè)框架保存為 ，右側(cè)框架保存為 。 （ 2）把鼠標(biāo)放到框架邊框上，出現(xiàn)雙箭頭光標(biāo)時(shí)拖拽框架邊框，可以垂直或水平分割網(wǎng)頁(yè)。 （ 2）使用鼠標(biāo)直接從框架的左側(cè)邊緣河上邊緣向中間拖動(dòng)，直至合適的位置，這樣頂部和嵌套的左側(cè)框架就完成了。 一、創(chuàng)建框架 在創(chuàng)建框架集或使用框架前，通過(guò)選擇 “ 查看 /可視化助理 /框架邊框 ” 命令，使框架邊框在文檔窗口的設(shè)計(jì)視圖中可見。 一個(gè)框架結(jié)構(gòu)有兩部分網(wǎng)頁(yè)文件構(gòu)成： 框架（ Frame）：框架是瀏覽器窗口中的一個(gè)區(qū) 域，它可以顯示與瀏覽器窗口的其余部分中所顯示內(nèi)容無(wú)關(guān)的網(wǎng)頁(yè)文件。利用框架最大的特點(diǎn)就是使網(wǎng)站的風(fēng)格一致。 Dreamweaver 教程第七章： 制作框架網(wǎng)站 框架是網(wǎng)頁(yè)中經(jīng)常使用的頁(yè)面設(shè)計(jì)方式，框架的作用就是把網(wǎng)頁(yè)在一個(gè)瀏覽器窗口下分割成幾個(gè)不同的區(qū)域，實(shí)現(xiàn)在一個(gè)瀏覽器窗口中顯示多個(gè) HTML 頁(yè)面。 點(diǎn)擊資源面板的 “ 模板 ” 按鈕，在資源面板我們就可以看見 文件，選中 ，按住鼠標(biāo)左鍵直接拖拽到 的文檔窗口中。這樣我們就完成了模板的制作。 鼠標(biāo)在網(wǎng)頁(yè)表格的最下一行空白處單擊一下，選中狀態(tài)欄的 table標(biāo)簽，選擇菜單欄的插入 模板對(duì)象 可編輯區(qū)域命令。 彈出是否更改鏈接的提示，選擇 “ 是 ” 。 五、創(chuàng)建基于模板的頁(yè)面 打開素材 文件，選擇菜單欄的文件 另存為模板命令。 更改庫(kù) 如果修改了庫(kù)文件，選擇 “ 文件 /保存 ” 命令，彈出 “ 更新庫(kù)項(xiàng)目 ” 對(duì)話框，詢問(wèn)是否更新網(wǎng)站中使用了該庫(kù)文件的網(wǎng)頁(yè)。這樣，一個(gè)庫(kù)項(xiàng)目就創(chuàng)建好了。 單擊資源面板 “ 庫(kù) ” 分類中右下角的 “ 新建庫(kù)項(xiàng)目 ” 按鈕。 四、使用庫(kù) 所謂庫(kù)項(xiàng)目，實(shí)際上就是文檔內(nèi)容的任意組合，可以將文檔中的任意內(nèi)容存儲(chǔ)為 庫(kù)項(xiàng)目，使它在其它地方被重復(fù)使用。重復(fù)區(qū)域通常用于表格，也可以為其他頁(yè)面元素定義重復(fù)區(qū)域。當(dāng)要為在文件中顯示的內(nèi)容設(shè)置條件時(shí)，即可使用可選區(qū)域。 三、其他模板區(qū)域 模板中除了可以插入最常用的 “ 可編輯區(qū)域 ” 外，還可以插入一些其他類型的區(qū)域，分別為 “ 可選區(qū)域 ” 、 “ 重復(fù)區(qū)域 ” 、 “ 可編輯可選區(qū)域 ” 和 “ 重復(fù)表格 ” 。 如果希望刪除可編輯區(qū)域，可以將光標(biāo)置于要?jiǎng)h除的可編輯區(qū)域內(nèi)，選擇“ 修改 /模板 /刪除模板標(biāo)記 ” 命令，光標(biāo)所在區(qū)域的可編輯區(qū)即被刪除。 在彈出的 “ 新建可編輯區(qū)域 ” 對(duì)話框中給該區(qū)域命名，然后單擊 “ 確定 ” 按鈕?？梢詫⒕W(wǎng)頁(yè)上任意選中的區(qū)域設(shè)置為可編輯區(qū)域，但是最好是基于 HTML 代碼的，這樣在制作的時(shí)候更加清楚。 從文件菜單新建模板 選擇 “ 文件 /新建 ” 命令，打開 “ 新建文檔 ” 對(duì)話框，然后再類別中選擇 “ 模板頁(yè) ” ，并選取相關(guān)的模板類型，直接單擊 “ 創(chuàng)建 ” 按鈕即可。 在保存模板時(shí)，如果模板中沒有定義任何可編輯區(qū)域，系統(tǒng)將顯示警告信息。 單擊 “ 保存 ” 按鈕，保存模板。 “ 另存為 ” 文本框用來(lái)設(shè)置模板的命名。 在彈出的 “ 另存模板 ” 對(duì)話框中， “ 站點(diǎn) ” 下拉列表框用來(lái)設(shè)置模板保存的站點(diǎn)，課選擇一個(gè)選項(xiàng)。 將普通網(wǎng)頁(yè)另存為模板 打開一個(gè)已經(jīng)制作完成的網(wǎng)頁(yè)，刪除網(wǎng)頁(yè)中不需要的部分，保留幾個(gè)網(wǎng)頁(yè)共同需要的區(qū)域。 然 后單擊 “ 編輯 ” 按鈕，打開模板進(jìn)行編輯。 直接創(chuàng)建模板 選擇 “ 窗口 /資源 ” 命令，打開 “ 資源 ” 面板，切換到模板子面板，如下圖所示。為了避免大量的重復(fù)勞動(dòng)，可以使用 Dreamweaver8 提供的模板功能，將具有相同版面結(jié)構(gòu)的頁(yè)面制作為模板，將相同的元素（如導(dǎo)航欄）制作為庫(kù)項(xiàng)目，并存放在庫(kù)中可以隨時(shí)調(diào)用。有了 CSS 樣式，網(wǎng)頁(yè)排版發(fā)生了翻天覆地的變化，在 Dreamweaver8 里，使用 CSS 樣式是如此的簡(jiǎn)單，而制作出來(lái)的效果可以如此的炫目。 保存文件，按 F12預(yù)覽效果。 設(shè)置完成后，點(diǎn)擊 “ 確定 ” 。 Strength 代表模糊移動(dòng)值，單位為像素。 “Direction=?” 模糊方向，以 45 度為單位改變， “0” 為垂直向上， “45”向右上， “90” 水平向右， “135” 向右下，以依次改變。 Blur 濾鏡產(chǎn)生像被風(fēng)吹一樣的模糊效果。 設(shè)置完成后，單擊 “ 確定 ” 按鈕彈出 “CSS 樣式定義 ” 對(duì)話框，在類型設(shè)置區(qū)域中設(shè)置：大?。?60，字體：黑體，粗細(xì)：粗，顏色：＃ FF9900。然后在表格中輸入要修飾的文字。 設(shè)置完畢后單擊 “ 確定 ” 按鈕， CSS 文件即被導(dǎo)入到當(dāng)前頁(yè)面。 “ 添加為 ” 選擇 “ 鏈接 ” ，這 IE和 Netscape兩種瀏覽器都支持的導(dǎo)入方式。 附加樣式表 選擇 “ 附加樣式表 ” 項(xiàng) ，打開 “ 鏈接外部樣式表 ” 對(duì)話框，可以鏈接外部的CSS樣式文件。編輯完成后單擊 “ 確定 ” 按鈕， CSS 樣式就編輯完成了。 CSS 的相關(guān)操作都是通過(guò)這個(gè)菜單上的項(xiàng)目來(lái)實(shí)現(xiàn)的。單擊 “ 過(guò)濾器 ” 下拉列表框旁的按鈕，可以看見有多種濾鏡效果可供選擇。具體的形狀包括： Hand（手）、 crosshair（交叉十字）、 text（文本選擇符號(hào)）、 wait（ Windows 的沙漏形狀）、 default（默認(rèn)的鼠標(biāo)形狀）、help（帶問(wèn)號(hào)的鼠標(biāo)）、 eresize（向東的箭頭）、 neresize（指向東北方的箭頭）、 nresize（向北的箭 頭）、 nwresize（指向西北的箭頭）、 wresize（向西的箭頭）、 swresize（向西南的箭頭）、 sresize（向南的箭頭）、 seresize（向東南的箭頭）、 auto（正常鼠標(biāo)）。分頁(yè)的概念是打印網(wǎng)頁(yè)種的內(nèi)容時(shí)在某指定的位置停止，然后將接下來(lái)的內(nèi)容繼續(xù)打印在下一頁(yè)紙上。 分頁(yè)：通過(guò)樣式來(lái)為網(wǎng)頁(yè)添加分 頁(yè)符號(hào)。這個(gè)面板主要包括 3種效果：分頁(yè)、光標(biāo)和過(guò)濾器。 定位樣式設(shè)置 “ 定位 ” 項(xiàng)實(shí)際上是對(duì)層的設(shè)置，但是因?yàn)?DW提供了可視化的層制作功能，所以此項(xiàng)設(shè)置在實(shí)際操作中幾乎不會(huì)使用。選擇 “ 外 ” ，列表貼近左側(cè)邊框，選擇“ 內(nèi) ” ，列表縮進(jìn)。選擇 ul標(biāo)簽可以對(duì)整個(gè)列表應(yīng)用設(shè)置，選中 li 標(biāo)簽可對(duì)單獨(dú)的項(xiàng)目應(yīng)用?？梢赃x擇圓點(diǎn)、圓圈、方塊、數(shù)字、小寫羅馬數(shù)字、大寫羅馬數(shù)字、小寫字母、大寫字母、無(wú)列表符號(hào)等。在 CSS 規(guī)則定義 ” 對(duì)話框左側(cè)選擇 “ 列表 ” 項(xiàng)，可以在右邊區(qū)域設(shè)置 CSS 樣式的列表格式。 顏色：設(shè)置邊框?qū)?yīng)的顏色，如果選中 “ 全部相同 ” 復(fù)選框，則其他方向的設(shè)置都與 “ 上 ” 相同?？梢赃x擇相對(duì)值：細(xì)、中、粗。 樣式設(shè)置邊框的樣式，如果選中 “ 全部相同 ” 復(fù)選框，則只需要設(shè)置 “ 上 ”樣式，其它方向的樣式與 “ 上 ” 相同。 邊框樣式設(shè)置 邊框樣式設(shè)置可以給對(duì)象添加邊框，設(shè)置邊框的顏色、粗細(xì)、樣式。 “ 無(wú) ” 是不限制層的出現(xiàn)。如果在清除層的一側(cè)有層，對(duì)象將自動(dòng)移到層的下面。 清除：規(guī)定對(duì)象的一側(cè)不許有層。對(duì)象居左，文字等內(nèi)容從另一側(cè)環(huán)繞。文字等內(nèi)容從另外一側(cè)環(huán)繞對(duì)象。 浮動(dòng)：實(shí)際就是文字等對(duì)象的環(huán)繞效果。 寬：通過(guò)數(shù)值和單位設(shè)置對(duì)象的寬度。方框設(shè)置進(jìn)一步完善、豐富了這些設(shè)置。在實(shí)際控制中很少使用。 顯示：制定是否以及如何顯示元素。選擇 “ 正常 ” ，忽略源代碼文字之間的所有空格。如字號(hào)為12px，像創(chuàng)建兩個(gè)中文自的縮進(jìn)效果，文字縮進(jìn)就應(yīng)該為 18px。首先填入具體的數(shù)值，然后選擇單位。 文字縮進(jìn)：這是最重要的項(xiàng)目。 垂直對(duì)齊：設(shè)置對(duì)象的垂直對(duì)齊方式。 單詞間距 “ 英文單詞之間的距離，一般選擇默認(rèn)設(shè)置。還可以設(shè)置數(shù)值和單位結(jié)合表示位置的方式。還可以設(shè)置數(shù)值與單位結(jié)合表示位置的方式，比較常用的是像素單位。 附件：選擇圖像做背景的時(shí)候，可以設(shè)置圖像是否跟隨網(wǎng)頁(yè)一同滾動(dòng)。 背景圖像：直接填寫背景圖像的路徑，或單擊 “ 瀏覽 ” 按鈕找到背景圖像的位置。 在 CSS 規(guī)則定義 ” 對(duì)話框左側(cè)選擇 “ 背景 ” 項(xiàng)，可以在右邊區(qū)域設(shè)置 CSS樣式的背景格式。 背景樣式的設(shè)置 在 HTML 中，背景只能使用單一的色彩或利用圖像水平垂直方向的平鋪。 變量：在英文種，大寫字母的字號(hào)一般比較大，采用 “ 變量 ” 中的 “ 小型大寫字母 ” 設(shè)置，可以縮小大寫字母。需要注意的是，單位應(yīng)該和文字的單位一致，行高的數(shù)值是包括字號(hào)數(shù)值在內(nèi)的。 行高：這項(xiàng)設(shè)置在網(wǎng)頁(yè)制作種很常用。 大?。捍笮【褪亲痔?hào)， 可以直接填入數(shù)字，然后選擇單位。保存至站點(diǎn)根目錄下的 CSS 文件夾內(nèi)，彈出 “CSS 規(guī)則定義 ” 對(duì)話框，默認(rèn)顯示的就是對(duì)文本進(jìn)行設(shè)置的 “ 類型 ” 項(xiàng)。 二、使用 CSS樣式美化頁(yè)面 在 “CSS 規(guī)則對(duì)話框 ” 中，我們可以通過(guò) 類型、背景、區(qū)塊、方框、邊框、列表、定位和擴(kuò)展項(xiàng)的設(shè)置，來(lái)美化我們的頁(yè)面，當(dāng)然啦，我們?cè)诙x某個(gè) CSS樣式的時(shí)候，不需要對(duì)每一個(gè)項(xiàng)都進(jìn)行設(shè)置，需要什么效果，選擇相應(yīng)的項(xiàng)進(jìn)行設(shè)置就可以了。每個(gè)選項(xiàng)都可以對(duì)所選標(biāo)簽做不同方面的定義，可以根據(jù)需要設(shè)定。 “CSS 規(guī)則定義 ” 對(duì)話框中設(shè)置 CSS 規(guī)則定義。單擊 “