使用CSS樣式美化和布局網頁項目管理知識分析(PPT 42頁)

使用CSS樣式美化和布局網頁項目管理知識分析(PPT 42頁)目錄：

1.了解CSS基本概念
2.掌握CSS樣式的創建和使用方法
3.掌握CSS樣式屬性設置方法

使用CSS樣式美化和布局網頁項目管理知識分析(PPT 42頁)簡介：

使用表格布局製作“商旅管理頁麵”
步驟1 啟動Dreamweaver CS4，新建HTML文檔，將文檔命名為ctmindex.html，保存在“樂途網”站點根目錄下的“ch7”文件夾中。
步驟2 按照製作“樂途網”首頁的方式，在ctmindex.html中插入表格，對“商旅管理”頁麵進行布局。
步驟3 在表格中對應位置插入相應圖片或文本，並設置表格或單元格的背景顏色，完成“商旅管理”頁麵的製作

創建文本CSS樣式：
步驟1 打開“商旅管理”子頁（ctmindex.html），按下Shift+F11組合鍵，打開【CSS樣式】麵板，單擊“新建CSS規則”按鈕，打開【新建CSS規則】對話框。
步驟2 在【選擇器類型】選項組中選擇“類（可以應用於任何HTML元素）”。在【選擇器名稱】下拉列表框中輸入類樣式的名稱：.black12。在【規則定義】選項組中選擇“新建樣式表文件”，若選擇“僅限該文檔”，則該樣式隻能應用在當前網頁中。
步驟3 單擊“確定”按鈕，彈出【將樣式表文件另存為】對話框。將CSS規則定義在mycss.css文件中，保存在站點目錄下“ch7”文件夾中。
步驟4 單擊“保存”按鈕，彈出【.black12的CSS規則定義】對話框，設置.black12類樣式的屬性。在【分類】中選擇【類型】，設置字體大小為“12px”，行高為“20px”，顏色為“#000”，修飾設置為無。單擊“確定”按鈕，完成.black12的CSS規則的定義。

..............................