dreamweaver樣式表.ppt

1、1、主要內(nèi)容、應(yīng)用基本概念HTML樣式應(yīng)用CSS樣式應(yīng)用CSS濾鏡、2、基本概念、設(shè)置屬性面板除了設(shè)置文本的屬性外，還有更科學(xué)的方法(樣式)。HTML樣式和CSS樣式。HTML樣式表是通過HTML標(biāo)識符格式化處理段落或所選文本的一系列HTML格式化標(biāo)記的組合，用于設(shè)置文本對象的多個(gè)方面。您可以將多個(gè)設(shè)置屬性操作合并為一個(gè)HTML樣式，指定適當(dāng)?shù)拿Q，以后直接應(yīng)用于文本。HTML樣式表只能實(shí)現(xiàn)層疊樣式表(CSS)的某些功能。3，基本概念，CSS樣式表的一個(gè)重要用途是編輯濾鏡。DMX字典設(shè)置了許多過濾器，除了修飾文本外，您還可以使用它們來修飾圖片以創(chuàng)建圖形效果。4、基本概念、CSS風(fēng)格的主要優(yōu)點(diǎn)：

2、網(wǎng)頁維護(hù)簡便：單獨(dú)設(shè)計(jì)網(wǎng)頁內(nèi)容和顯示器方法，縮短下載時(shí)間：只需下載一次聲明標(biāo)記格式的CSS格式代碼，即可設(shè)置所有網(wǎng)站網(wǎng)頁使用樣式功能：CSS可以設(shè)置比HTML多得多的網(wǎng)頁格式。檔案可讀性好.CSS文件獨(dú)立存在，在網(wǎng)頁中應(yīng)用樣式的常見方法有三種：關(guān)于使用HTML標(biāo)簽的STYLE屬性嵌套樣式。在網(wǎng)頁HEAD標(biāo)簽中，使用STYLE標(biāo)簽嵌套樣式信息。在網(wǎng)頁HEAD標(biāo)記中，使用LINK標(biāo)記將外部樣式表檔案(.CSS檔案)、6，然后在網(wǎng)頁上應(yīng)用HTML樣式。如果網(wǎng)頁中已存在文本，則需要使用此格式。必須經(jīng)常使用牙齒格式。您可以基于牙齒文本創(chuàng)建新的HTML格式，然后將其應(yīng)用于牙齒文檔中的其他文本或整個(gè)網(wǎng)站中的

3、其他文檔。7、應(yīng)用網(wǎng)頁HTML樣式、創(chuàng)建網(wǎng)頁創(chuàng)建HTML樣式將HTML樣式應(yīng)用于文本管理HTML樣式、8、創(chuàng)建網(wǎng)頁、創(chuàng)建默認(rèn)常規(guī)頁面、設(shè)置網(wǎng)頁標(biāo)題“旅行者”，然后在存儲網(wǎng)頁(journey.htm)的相應(yīng)位置將5行1列布局表插入左側(cè)圖層在下方圖層中插入2列6欄配置圖表格。其中，以下行將合并到一個(gè)單元中：在每個(gè)層和表中輸入相應(yīng)的信息。9，設(shè)置HTML樣式，選擇文本“自然絢麗的景色”，格式化：字體(有圓)大小(14)顏色(#66666)查看屬性欄中的“樣式”，“樣式”內(nèi)容屬性面板中的如果選擇文字“magic”并將大小設(shè)置為“24”，則樣式將更改為樣式2，名稱將更改為“text 2”。10，將HTM

4、L樣式應(yīng)用于文本，選擇另一個(gè)文本段落，然后從樣式列表中選擇“text1”樣式。分別選擇文本“宏偉”、“氣魄”，將樣式設(shè)置為“文本2”、“11”，然后管理HTML樣式?；蛘撸梢酝ㄟ^“CSS樣式”浮動(dòng)面板在浮動(dòng)面板中鼠標(biāo)右鍵單擊樣式，或使用浮動(dòng)面板下的按鈕、12在網(wǎng)頁中應(yīng)用CSS，CSS功能強(qiáng)大，因?yàn)樗粌H可以控制字符常規(guī)顏色、字體、背景等樣式，還可以50種左右的樣式(例如間距、大小等)(相對于HTML)。13，應(yīng)用網(wǎng)頁CSS樣式，將新CSS樣式表剪輯超鏈接中的CSS樣式鏈接到外部CSS樣式表剪輯樣式表，14，新建CSS樣式表，打開CSS樣式表浮動(dòng)面板單擊“新建CSS樣式”按鈕，15，創(chuàng)建新C

5、SS樣式表，在上圖中，輸入名稱設(shè)置選擇器類型為新建類定義字體(小圓圈)大小(15)粗細(xì)(常規(guī))樣式(常規(guī))變量(常規(guī))顏色(#00000)，17，創(chuàng)建新的CSS樣式表，介紹“分類”中的其他設(shè)置類型編輯外部CSS樣式表會影響所有鏈接的文檔。在其他網(wǎng)頁中，使用textcss樣式打開“樣式”浮動(dòng)面板單擊“附加樣式表”按鈕，選擇現(xiàn)有樣式表文件，確定，22，使用樣式表剪輯，設(shè)置屬性面板從選擇樣式下拉菜單中，使用“管理樣式”選擇樣式，然后在剪輯樣式面板中選擇作業(yè)樣式單擊樣式剪輯DDR在牙齒部分中，創(chuàng)建常規(guī)濾鏡應(yīng)用網(wǎng)頁濾鏡，24，創(chuàng)建常規(guī)濾鏡，創(chuàng)建alpha濾鏡(透明度效果)新建樣式名稱(.alpha)選擇

6、器類型(類)定義(新樣式表檔案)將檔案名稱另存為filter.css對話框期間選擇分類(擴(kuò)展)在“過濾器”下設(shè)置alpha過濾器選擇alpha參數(shù)opacity: 50 finishopacity:DropShadow檔案名稱：Filter.css選擇濾鏡：創(chuàng)建DropShadow設(shè)置參數(shù)color: # 999999 offx Blur濾鏡(模糊)使用上述方法創(chuàng)建濾鏡名稱：Blur檔案名稱：Filter.css選擇過濾器：DropBlur設(shè)置參數(shù)add: 1 direction: 135創(chuàng)建strengtts波浪過濾器(波浪效果)使用上述方法創(chuàng)建濾鏡名稱：Wave檔案名稱：Filter.css選擇過濾器：波浪設(shè)置參數(shù)add: 0 freq: 2 light strength使用創(chuàng)建光暈濾鏡(發(fā)光效果)的相同方法創(chuàng)建濾鏡名稱：Glow檔案名稱：Filter.css選擇濾鏡：Glow設(shè)置參數(shù)color: # 0000ff strength:創(chuàng)建10，30 FlipV濾鏡(垂直翻轉(zhuǎn)效果)創(chuàng)建濾鏡名稱：FlipV檔案名稱：Fil