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