HTML+CSS網(wǎng)頁設(shè)計教程

第1章 HTML入門
1．1 HTML簡介
1．1．1 用HTML建立第一個網(wǎng)頁
1．1．2 HTML文件結(jié)構(gòu)
1．1．3 HTML與XHTML
1．2 HTML的簡單應(yīng)用
習題
第2章 利用HTML制作網(wǎng)頁
2．1 用HTML設(shè)置文本和圖像
2．1．1 文本排版
2．1．2 設(shè)置文字列表
2．1．3 HTML標記及屬性
2．1．4 在網(wǎng)頁中使用圖像
2．2 用HTML建立超鏈接
2．3 用HTML創(chuàng)建表格
2．3．1 表格的基本結(jié)構(gòu)
2．3．2 合并單元格
2．3．3 設(shè)置對齊方式
2．3．4 設(shè)置表格背景和邊框顏色
2．3．5 表格單元格邊線間的距離
2．3．6 設(shè)置表格標題
2．3．7 完整的表格標記
2．4 應(yīng)用實例
2．4．1 設(shè)計分析
2．4．2 制作步驟
習題
第3章 CSS基礎(chǔ)
3．1 CSS概述
3．1．1 CSS的定義
3．1．2 CSS的基本語法
3．2 基本CSS選擇器
3．2．1 標記選擇器
3．2．2 類別選擇器
3．2．3 ID選擇器
3．3 選擇器的聲明
3．3．1 分組
3．3．2 嵌套
3．4 CSS調(diào)用
3．4．1 行內(nèi)樣式表
3．4．2 內(nèi)嵌式樣式表
3．4．3 鏈接式樣式表
3．4．4 導(dǎo)入樣式表
3．5 應(yīng)用實例——為頁面添加CSS樣式
3．5．1 設(shè)計分析
3．5．2 制作步驟
習題
第4章 文字效果
4．1 文字的基本樣式
4．1．1 字體樣式
4．1．2 字體顏色
4．1．3 字體大小
4．1．4 字體加粗
4．1．5 字體傾斜
4．1．6 字體下劃線、頂劃線、刪除線
4．1．7 英文字母大小寫轉(zhuǎn)換
4．2 文本效果
4．2．1 行距
4．2．2 文字與單詞間距
4．2．3 首行縮進
4．2．4 水平對齊方式
4．2．5 垂直對齊方式
4．2．6 首字下沉
4．3 應(yīng)用實例
4．3．1 設(shè)計分析
4．3．2 制作步驟
習題
第5章 圖片效果
5．1 圖片樣式
5．1．1 圖片邊框設(shè)置
5．1．2 圖片縮放設(shè)置
5．2 圖片對齊
5．2．1 水平對齊設(shè)置
5．2．2 垂直對齊設(shè)置
5．3 圖文混排
5．3．1 文本混排
5．3．2 設(shè)置混排間距
5．4 應(yīng)用實例
5．4．1 設(shè)計分析
5．4．2 制作步驟
習題
第6章 背景效果
6．1 背景顏色
6．1．1 設(shè)置頁面背景顏色
6．1．2 頁面分塊設(shè)置背景色
6．2 背景圖片
6．2．1 為頁面設(shè)置背景圖片
6．2．2 背景圖片的重復(fù)
6．2．3 設(shè)置背景圖片的位置
6．2．4 設(shè)置背景關(guān)聯(lián)
6．3 應(yīng)用實例
6．3．1 設(shè)計分析
6．3．2 制作步驟
習題
第7章 邊框設(shè)計
7．1 邊框的定義
7．1．1 邊框樣式
7．1．2 邊框的顏色
7．1．3 邊框?qū)挾?br />7．1．4 邊框綜合屬性
7．2 表格邊框
7．3 應(yīng)用實例
7．3．1 設(shè)計分析
7．3．2 制作步驟
習題
第8章 表單的應(yīng)用
8．1 表單概述
8．2 創(chuàng)建表單
8．3 input控件
8．3．1 input控件的type屬性
8．3．2 input控件的其他屬性
8．4 其他表單控件
8．4．1 textarea控件
8．4．2 select控件
8．4．3 datalist控件
8．5 CSS控制表單樣式
8．6 應(yīng)用實例
8．6．1 設(shè)計分析
8．6．2 制作步驟
習題
第9章 制作實用的菜單
9．1 關(guān)于ul和li的樣式詳解
9．1．1 使用list-style-type屬性
9．1．2 使用list-style-position屬性
9．1．3 使用list-style-image屬性
9．1．4 list-style屬性
9．2 縱向?qū)Ш讲藛蔚闹谱?br />9．2．1 菜單制作步驟
9．2．2 制作菜單內(nèi)容和結(jié)構(gòu)部分
9．2．3 CSS代碼編寫
9．3 應(yīng)用實例
9．3．1 設(shè)計分析
9．3．2 制作步驟
習題
第10章 使用CSS美化瀏覽器效果
10．1 使用CSS控制超鏈接
10．2 按鈕式超鏈接
10．3 浮雕式超鏈接
10．4 鼠標特效
10．5 應(yīng)用實例
10．5．1 設(shè)計分析
10．5．2 制作步驟
習題
第11章 DIV+CSS布局
11．1 初識DIV+CSS布局的流程
11．2 了解盒模型
11．3 頁面元素的定位
11．3．1 CSS布局方式——浮動
11．3．2 CSS布局方式——絕對定位
11．3．3 CSS布局方式——相對定位
11．4 應(yīng)用實例——使用DIV+CSS布局頁面
11．4．1 設(shè)計分析
11．4．2 制作步驟
習題
第12章 旅游景區(qū)網(wǎng)站
12．1 案例效果圖分析
12．2 原型設(shè)計
12．3 制作頁面頭部
12．3．1 頭部的分析
12．3．2 頭部HTML編碼
12．3．3 CSS代碼的編寫
12．4 制作頁面內(nèi)容部分
12．4．1 內(nèi)容部分的分析
12．4．2 HTML編碼
12．4．3 CSS代碼的編寫
12．5 制作頁面底部
12．5．1 底部的分析
12．5．2 底部HTML編碼
12．5．3 CSS代碼的編寫
習題
第13章 兒童用品網(wǎng)上商店
13．1 案例效果圖分析
13．2 原型設(shè)計與布局規(guī)劃
13．3 制作頁面頭部
13．3．1 頭部的分析
13．3．2 頭部HTML編碼
13．3．3 CSS代碼的編寫
13．4 制作頁面內(nèi)容層的圖片部分
13．4．1 圖片部分的分析
13．4．2 HTML編碼
13．4．3 CSS代碼的編寫
13．5 制作頁面內(nèi)容層的列表部分
13．5．1 列表部分的分析
13．5．2 HTML編碼
13．5．3 CSS代碼的編寫
13．6 制作sidebar部分
13．6．1 sidebar部分的分析
13．6．2 HTML編碼
13．6．3 CSS代碼的編寫
13．7 制作footer部分
13．7．1 底部footer的分析
13．7．2 底部HTML編碼
13．7．3 CSS代碼的編寫
習題
第14章 我的博客
14．1 案例效果圖分析
14．2 制作頁面頭部
14．2．1 頭部的分析
14．2．2 頭部#header的HTML編碼
14．2．3 #header的CSS代碼
14．2．4 頭部#banner的HTML編碼
14．2．5 #banner的CSS代碼
14．3 制作頁面中間部分
14．3．1 左部#main部分的分析
14．3．2 HTML編碼
14．3．3 #main的CSS代碼的編寫
14．3．4 右側(cè)#sidebar部分的分析
14．3．5 HTML編碼
14．3．6 群sidebar的CSS代碼的編寫
14．4 制作footer部分
14．4．1 底部footer的分析
14．4．2 底部HTML編碼
14．4．3 CSS代碼的編寫
習題
參考文獻