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

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