dreamweaver網(wǎng)頁設計-資料下載頁
2025-03-10 11:34本頁面
【正文】 .css的文件而存在，文件中內容即是所有樣式的選擇和聲明。該文件可做為共享文件，讓多個文檔共同引用并應用，達到站點文件樣式的一致性。同時，如果修改該樣式表文件，所有引用的文檔都將改變其樣式，達到網(wǎng)站迅速改版的目的。 ? 內部 CSS樣式表：只存在于當前文檔中，并只針對當前頁進行樣式應用的方法。一般存在于文檔 head部分的 style標簽內。 使用 CSS面板 ? 利用“ CSS”面板，可以輕松創(chuàng)建和管理 CSS規(guī)則。本小節(jié)主要介紹“ CSS”面板的基本操作，包括所有模式與當前模式的切換、移動 CSS規(guī)則、刪除 CSS規(guī)則、重命名類等。在 Dreamweaver CS4中，單擊“窗口” |“ CSS樣式”命令菜單，打開“ CSS”面板，如圖所示。 ? 注意：使用快捷鍵“ Shift” +“ F11”，也可以展開“ CSS”面板，若再按下快捷鍵“ Shift” +“ F11”，則將“ CSS”面板隱藏。 “所有”模式與“當前”模式 ? （ 1）“ CSS”面板默認情況下，是以“所有”模式展開。在“所有”模式下，“ CSS”面板顯示應用到當前文檔的所有 CSS規(guī)則。單擊其中一個規(guī)則，該規(guī)則的屬性出現(xiàn)在下方的列表框中，如圖 ，默認情況下屬性以“類別視圖”排列。 ? （ 2）在“ CSS”面板中，單擊“顯示列表視圖”按鈕，屬性以“列表視圖”排列，如圖 。 ? （ 3）在“ CSS”面板中，單擊“只顯示設置屬性”按鈕，屬性只顯示已設置的屬性，如圖 。 ? （ 4）切換到“當前模式”。在“ CSS”面板中，單擊“切換到當前選擇模式”按鈕。此時，在“當前”模式中，“ CSS”面板顯示當前所選內容的屬性的摘要，如圖所示。 ?二 、 創(chuàng)建 CSS樣式 ? Dreamweaver CS4提供了 4種 CSS樣式表的類型 ， 即類樣式表 、 標簽樣式表 、 ID樣式表和復合樣式表 。 ? （ 1） 在菜單欄中依次選擇 “ 格式 ” |“ CSS樣式 ” |“ 新建 ” 命令 ， 如圖所示 。 ? （ 2） 打開 “ 新建 CSS規(guī)則 ” 對話框 ， 在 “ 選擇器類型 ” 中選擇要建立的CSS規(guī)則類型 ， 選擇 “ ID” ， 接著在 “ 選擇器名稱 ” 中輸入自定義的 CSS樣式名稱 “ menu” ， 再選中 “ 規(guī)則定義 ” 中的 “ 僅限該文檔 ” 選項 ， 單擊 “ 確定 ” 按鈕 。 ? （ 3） 彈出 “ menu的 CSS規(guī)則定義 ” 對話框 ， 如圖所示 ， 進行設置 。 ? （ 4） 單擊 “ 確定 ” 按鈕 ， 完成 CSS樣式的定義 。 ?三 、 編輯 CSS樣式 ?（ 1） 選擇需要編輯的樣式類型 ， 單擊“ 編輯樣式 ” 按鈕 ， 如下圖所示 。 ?（ 2） 在彈出的 “ CSS規(guī)則定義 ” 對話框中進行相應的修改 ， 然后單擊 “ 確定 ” 按鈕 。 ?四 、 應用 CSS樣式 ?（ 1） 選中要應用樣式的文本 。 ?（ 2） 在 CSS樣式面板中 ， 右擊要應用的CSS選項 ， 在彈出的快捷菜單中選擇 “ 套用 ” 命令 ， 如左圖所示 。 另外 ， 還可以通過 “ 屬性 ” 面板的 “ ID” 下拉列表框中選擇剛才新建的樣式 “ menu” ， 這樣就可以將該樣式應用到文本中了 。 如圖所示 。 五、 CSS屬性 ? 在“ CSS規(guī)則定義”對話框的“分類”列表框中，共有類型、背景、區(qū)塊、方框、邊框、列表、定位、擴展等八大類。根據(jù) CSS樣式表的用途和要求，分別設置不同類型的參數(shù)。 ? ：類型屬性主要用來定義文字的字體、大小、樣式、顏色等屬性。下面以新建的類“ .word”為例，來說明如何設置類型屬性。 ? ：背景屬性主要用來定義頁面的背景顏色或背景圖像。 ? ：區(qū)塊屬性主要用來定義間距和對齊方式。 ? ：方框屬性主要用來定義元素在頁面上的位置。 ? ：邊框屬性用來定義元素周圍的邊框，例如邊框的寬度、顏色和樣式等。 ? ：列表屬性主要用來定義列表各種屬性，如列表項目符號、位置等。 ? ：定位屬性主要用來定義層的大小、位置、可見性、溢出方式、剪輯等屬性。 框架的使用 ? 使用框架可以固定共同的部分，在單擊菜單時把相關內容顯示到可變換的區(qū)域中?？蚣芫褪峭ㄟ^劃分瀏覽器的顯示區(qū)域，把多個網(wǎng)頁文檔顯示在一個瀏覽器中。 ? 框架結構的優(yōu)點有以下幾點 。 ? （ 1）統(tǒng)一風格。 ? （ 2）便于修改。 ? （ 3）方便訪問。 一、創(chuàng)建框架集 二、框架和框架集的基本操作 三、設置框架屬性檢查器選項 四、在框架中使用超級鏈接 一、創(chuàng)建框架集 ? （ 1）由新建文件創(chuàng)建框架集 ? （ 2）由插入工具欄“布局”類別創(chuàng)建框架集 ? （ 3）單擊“創(chuàng)建”按鈕之后，會彈出“框架標簽輔助功能屬性”對話框，在其中可以為每個框架設置標題 二、框架和框架集的基本操作 ? 1）選擇框架與框架集 ? 選擇框架與框架集的操作步驟如下： ? （ 1）選擇“窗口” → “框架”命令，打開“框架”面板。 ? （ 2）在面板中單擊框架名稱選中框架，單擊較粗的邊框選中框架集。 ? 2）保存框架與框架集 三、設置框架屬性檢查器選項 ? 1）查看或設置框架屬性 ? （ 1）在“框架”面板中選擇某個框架。 ? （ 2）在屬性檢查器中，單擊右下角的展開箭頭，查看所有框架屬性。 ? 2）查看或設置框架集屬性 ? 選中要設置屬性的框架集，在“屬性”面板中將顯示該框架集的屬性。 四、在框架中使用超級鏈接 ? 在屬性面板的“目標”下拉菜單中可以指定目標文件的顯示窗口?！澳繕恕毕吕藛蔚倪x項如下 : ? （ 1） _blank：放在新窗口中。 ? （ 2） _parent：放到父框架集或包含該鏈接的框架窗口中。 ? （ 3） _self：放在相同窗口中（默認窗口無須指定）。 ? （ 4） _top：放到整個瀏覽器窗口并刪除所有框架。 添加多媒體元素 一、插入網(wǎng)頁背景音樂 二、插入視頻 三、插入 Flash動畫 演講完畢，謝謝觀看！
環(huán)評公示相關推薦
鄂ICP備17016276號-1