DIV+CSS網(wǎng)頁樣式與布局實錄

第1章 網(wǎng)頁制作的準備工作
1.1 認識幾個基本概念
1.1.1 網(wǎng)頁和網(wǎng)站
1.1.2 網(wǎng)頁類型
1.1.3 網(wǎng)頁構成
1.2 制作網(wǎng)站應該學習的知識
1.2.1 學習HTML語言
1.2.2 學習DIV構建網(wǎng)頁結構
1.2.3 學習CSS設置樣式
1.2.4 學JavaScript控制動態(tài)效果
1.3 提高自身的設計修養(yǎng)
1.3.1 了解網(wǎng)頁設計任務
1.3.2 了解網(wǎng)頁設計原則
1.3.3 了解網(wǎng)頁設計流程
1.3.4 了解網(wǎng)頁配色基本方法
1.4 熟悉網(wǎng)站開發(fā)的基本流程
1.5 準備上手的開發(fā)工具
1.5.1 安裝Dreamweaver
1.5.2 使用Dreamweaver
1.5.3 Dreamweaver工作方式
1.5.4 在Dreamweaver中編寫CSS樣式代碼
1.6 綜合訓練
1.6.1 實訓1：使用Dreamweaver定義一個本地站點
1.6.2 實訓2：使用Dreamweaver設計DIV結構.
1.6.3 實訓3：使用Dreamweaver設計網(wǎng)頁樣式
1.7 上機練習
第2章 HTML和XHTML基礎
2.1 認識HTML和XHTML
2.2 HTML基礎
2.2.1 HTML概述
2.2.2 HTML文檔結構
2.2.3 HTML基本語法
2.2.4 HTML標簽
2.2.5 HTML屬性
2.3 ×HTML基礎
2.3.1.XHTML概述
2.3.2.XHTML文檔結構
2.3.3 XHTML基本語法
2.3.4 XHTML文檔類型分類
2.3.5 XHTML文檔類型詳解
2.3.6 XHTML名字空間
2.4 綜合訓練
2.4.1 實訓1：設計一個自我介紹簡單頁面
2.4.2 實訓2：解決網(wǎng)頁亂碼現(xiàn)象
2.4.3 實訓3：把HTML轉換為XHTML
2.5 上機練習
第3章 CSS基礎
3.1 CSS概述
3.1.1 什么是CSS樣式
3.1.2 為什么學習CSS
3.1.3 CSS的特點
3.2 CSS語法和用法
3.2.1 CSS基本結構
3.2.2 CSS基本用法
3.2.3 CSS樣式表
3.2.4 導入外部樣式表
3.2.5 CSS注釋和版式
3.3 CSS屬性、屬性值和單位
3.3.1 CSS屬性
3.3.2 CSS單位
3.4 基本選擇器
3.4.1 標簽選擇器
3.4.2 類選擇器
3.4.3 ID選擇器
3.4.4 通配選擇器
3.5 復合選擇器
3.5.1 子選擇器
3.5.2 相鄰選擇器
3.5.3 包含選擇器
3.5.4 多層選擇器嵌套
3.5.5 屬性選擇器
3.5.6 偽選擇器和偽元素選擇器
3.5.7 選擇器分組
3.6 CSS繼承性、層疊性和特殊性
3.6.1 CSS繼承性
3.6.2 CSS層疊性
3.6.3 CSS優(yōu)先級
3.6.4 CSS特殊性
3.7 綜合訓練
3.7.1 實訓1：設計個人網(wǎng)站菜單
3.7.2 實訓2：設計網(wǎng)站登錄頁面
3.8 上機練習
第4章 設置字體和文字樣式
4.1 設置字體樣式
4.1.1 定義字體類型
4.1.2 定義字體大小
4.1.3 定義字體顏色
4.1.4 定義字體粗細
4.1.5 定義斜體字體
4.1.6 定義下劃線
4.1.7 定義字體大小寫
4.2 設置文本樣式
4.2.1 定義文本對齊
4.2.2 定義垂直對齊
4.2.3 定義字距和詞距
4.2.4 定義行高
4.2.5 定義縮進
4.3 綜合訓練
4.3.1 實訓1：設計英文版式
4.3.2 實訓2：設計中文版式
4.4 上機練習
……
第5章 設置超鏈接樣式
第6章 定義圖片和背景圖像樣式
第7章 定義表格樣式
第8章 定義表單樣式
第9章 定義列表樣式
第10章 CSS網(wǎng)頁布局和定位
第11章 DIV＋Css網(wǎng)頁布局綜合演練
第12章 DIV＋CSS網(wǎng)頁布局疑難雜癥解惑
第13章 企業(yè)&公司類型網(wǎng)站
第14章 時尚娛樂類型網(wǎng)站