《DIV+CSS布局與樣式之網站設計基礎》結合大量豐富的實例，詳細講解如何運用DIV+CSS技術進行網頁布局和樣式美化，重點講解了網頁的基本布局原理，每種布局至少講解兩種方法，使讀者不僅能夠學會網頁布局，而且可根據網站需求靈活變通。《DIV+CSS布局與樣式之網站設計基礎》共13章，內容包括：網站域名、域名解析、網站空間、虛擬主機、網站開發語言、網頁策劃、視覺設計、XHTML代碼的檢查、CSS代碼的檢查、網頁調試、壓縮代碼等網頁製作的基礎知識，6種DIV+CSS布局的實例講解，以及運用DIV+CSS製作4個類型和風格各不相同的大型網站實戰案例。
基本介紹
- 書名：DIV+CSS布局與樣式之網站設計基礎
- 出版社：清華大學出版社
- 頁數：254頁
- 開本：16
- 品牌：清華大學出版社
- 作者：李海燕
- 出版日期：2014年9月1日
- 語種：簡體中文
- ISBN：7302374031
內容簡介,圖書目錄,
內容簡介
《DIV+CSS布局與樣式之網站設計基礎》既適合作為Web頁面設計人員、Web開發工程師的案頭參考書，又可作為高等院校和培訓學校相關專業師生的教學參考書。
圖書目錄
第1章網頁與網站的常識
1.1網際網路常識
1.1.1組成網站的要素
1.1.2網站域名
1.1.3域名解析
1.1.4網站空間
1.1.5虛擬主機
1.2網頁常識
1.2.1網頁的結構描述語言HTML
1.2.2 XHTML和HTML的區別
1.2.3網頁的分類
1.2.4網頁的原始碼
1.3網站常識
1.3.1網站開發語言
1.3.2動態網站和靜態網站
1.3.3網站建設流程
1.4初學者常見問題
1.4.1XHTML語言的特點
1.4.2瀏覽器的作用
1.4.3靜態網頁和動態網頁的區別
第2章網站製作基礎
2.1如何使用Dreamweaver建站
2.1.1定義站點
2.1.2製作靜態網頁
2.1.3製作動態網頁
2.1.4瀏覽網頁
2.2策劃網站
2.2.1確定網站主題
2.2.2網站需求分析
2.2.3網站框架圖設計/互動設計
2.3視覺設計
2.4頁面開發
2.4.1如何切圖並保存切片
2.4.2CSS選擇器
2.4.3CSS盒模型
2.4.4CSS定位
2.4.5認識div層
2.4.6div和span的區別
2.4.7網站檔案規劃
2.4.8CSS樣式規劃
2.5頁面開發標準和規範
2.6綜合練習1—圖文排版效果
2.7綜合練習2—淘 寶導購選單
2.8初學者常見問題
2.8.1DIV+CSS網站標準設計的優勢
2.8.2如何考慮網站推廣問題
2.8.3什麼是Web標準
2.8.4如何理解margin的加倍問題
2.8.5margin：0 auto表示什麼含義
第3章左右兩欄固定寬度的布局
3.1頁面布局的分析
3.2頁面布局的實現
3.2.1兩欄浮動
3.2.2兩欄絕對定位
3.2.3一欄浮動，另一欄絕對定位
3.3網頁實例
3.3.1效果圖分析
3.3.2切圖
3.3.3繪製框架圖
3.3.4編寫XHTML代碼
3.3.5編寫CSS代碼
3.4小結
第4章左右兩欄寬度自適應的布局
4.1頁面布局的分析
4.1.1示意圖
4.1.2布局分析
4.2頁面布局的實現
4.2.1兩欄浮動
4.2.2兩欄絕對定位
4.2.3一欄浮動，另一欄絕對定位
4.3網頁實例
4.3.1效果圖分析
4.3.2切圖
4.3.3繪製框架圖
4.3.4編寫XHTML代碼
4.3.5編寫CSS代碼
4.4小結
第5章一欄寬度固定，另一欄寬度自適應的布局
5.1頁面布局的分析
5.1.1示意圖
5.1.2布局分析
5.2頁面布局的實現
5.2.1一欄浮動，另一欄默認文檔流並設定向左外邊距
5.2.2一欄絕對定位，另一欄默認文檔流並設定向左外邊距
5.3網頁實例
5.3.1效果圖分析
5.3.2切圖
5.3.3繪製框架圖
5.3.4編寫XHTML代碼
5.3.5編寫CSS代碼
5.4小結
第6章三欄寬度固定的布局
6.1頁面布局的分析
6.1.1示意圖
6.1.2布局分析
6.2頁面布局的實現
6.2.1左中右三欄浮動
6.2.2左中右三欄絕對定位
6.2.3左右兩欄浮動，中間欄絕對定位
6.3網頁實例
6.3.1效果圖分析
6.3.2切圖
6.3.3繪製框架圖
6.3.4編寫XHTML代碼
6.3.5編寫CSS代碼
6.4小結
第7章左右兩欄寬度固定，中間欄寬度自適應的布局
7.1頁面布局的分析
7.1.1示意圖
7.1.2布局分析
7.2頁面布局的實現
7.2.1左右兩欄浮動，中間欄默認文檔流並設定左右外邊距
7.2.2左右兩欄絕對定位，中間欄默認文檔流並設定左右外邊距
7.3網頁實例
7.3.1效果圖分析
7.3.2切圖
7.3.3繪製框架圖
7.3.4編寫XHTML代碼
7.3.5編寫CSS代碼
7.4小結
第8章高度自適應的布局
8.1頁面布局的分析
8.1.1示意圖
8.1.2布局分析
8.2頁面布局的實現
8.2.1正負內外邊距
8.2.2為父容器添加背景圖
8.3網頁實例
8.3.1效果圖分析
8.3.2切圖
8.3.3繪製框架圖
8.3.4編寫XHTML代碼
8.3.5編寫CSS代碼
8.4小結
第9章項目1——論壇
9.1頁面效果圖分析
9.1.1頁面頭部和頁腳分析
9.1.2首頁主體內容分析
9.1.3內頁主體內容分析
9.2布局規劃及切圖
9.2.1頁面布局規劃
9.2.2切割首頁及導出圖片
9.2.3切割內頁及導出圖片
9.3 XHTML編寫
9.3.1搭建頁面XHTML框架
9.3.2編寫頁面頭部和頁腳的XHTML
9.3.3編寫頁面公共部分的XHTML
9.3.4編寫首頁主體內容的XHTML
9.3.5編寫內頁主體內容的XHTML
9.3.6總覽首頁XHTML代碼
9.3.7總覽內頁XHTML代碼
9.4CSS編寫
9.4.1頁面公共部分的CSS編寫
9.4.2頁面框架的CSS編寫
9.4.3頁面頭部和頁腳的CSS編寫
9.4.4首頁主體內容的CSS編寫
9.4.5內頁主體內容的CSS編寫
9.4.6網站CSS代碼總覽
9.5製作中需要注意的問題
9.5.1網站檔案規劃
9.5.2 CSS樣式規劃
……
第10章項目2—電子政務網站
第11章項目3—電子商務網站
第12章項目4—新品展示網站
第13章網站的發布
附錄AHTML中支持的顏色名稱
附錄BCSS常用的屬性
1.1網際網路常識
1.1.1組成網站的要素
1.1.2網站域名
1.1.3域名解析
1.1.4網站空間
1.1.5虛擬主機
1.2網頁常識
1.2.1網頁的結構描述語言HTML
1.2.2 XHTML和HTML的區別
1.2.3網頁的分類
1.2.4網頁的原始碼
1.3網站常識
1.3.1網站開發語言
1.3.2動態網站和靜態網站
1.3.3網站建設流程
1.4初學者常見問題
1.4.1XHTML語言的特點
1.4.2瀏覽器的作用
1.4.3靜態網頁和動態網頁的區別
第2章網站製作基礎
2.1如何使用Dreamweaver建站
2.1.1定義站點
2.1.2製作靜態網頁
2.1.3製作動態網頁
2.1.4瀏覽網頁
2.2策劃網站
2.2.1確定網站主題
2.2.2網站需求分析
2.2.3網站框架圖設計/互動設計
2.3視覺設計
2.4頁面開發
2.4.1如何切圖並保存切片
2.4.2CSS選擇器
2.4.3CSS盒模型
2.4.4CSS定位
2.4.5認識div層
2.4.6div和span的區別
2.4.7網站檔案規劃
2.4.8CSS樣式規劃
2.5頁面開發標準和規範
2.6綜合練習1—圖文排版效果
2.7綜合練習2—淘 寶導購選單
2.8初學者常見問題
2.8.1DIV+CSS網站標準設計的優勢
2.8.2如何考慮網站推廣問題
2.8.3什麼是Web標準
2.8.4如何理解margin的加倍問題
2.8.5margin：0 auto表示什麼含義
第3章左右兩欄固定寬度的布局
3.1頁面布局的分析
3.2頁面布局的實現
3.2.1兩欄浮動
3.2.2兩欄絕對定位
3.2.3一欄浮動，另一欄絕對定位
3.3網頁實例
3.3.1效果圖分析
3.3.2切圖
3.3.3繪製框架圖
3.3.4編寫XHTML代碼
3.3.5編寫CSS代碼
3.4小結
第4章左右兩欄寬度自適應的布局
4.1頁面布局的分析
4.1.1示意圖
4.1.2布局分析
4.2頁面布局的實現
4.2.1兩欄浮動
4.2.2兩欄絕對定位
4.2.3一欄浮動，另一欄絕對定位
4.3網頁實例
4.3.1效果圖分析
4.3.2切圖
4.3.3繪製框架圖
4.3.4編寫XHTML代碼
4.3.5編寫CSS代碼
4.4小結
第5章一欄寬度固定，另一欄寬度自適應的布局
5.1頁面布局的分析
5.1.1示意圖
5.1.2布局分析
5.2頁面布局的實現
5.2.1一欄浮動，另一欄默認文檔流並設定向左外邊距
5.2.2一欄絕對定位，另一欄默認文檔流並設定向左外邊距
5.3網頁實例
5.3.1效果圖分析
5.3.2切圖
5.3.3繪製框架圖
5.3.4編寫XHTML代碼
5.3.5編寫CSS代碼
5.4小結
第6章三欄寬度固定的布局
6.1頁面布局的分析
6.1.1示意圖
6.1.2布局分析
6.2頁面布局的實現
6.2.1左中右三欄浮動
6.2.2左中右三欄絕對定位
6.2.3左右兩欄浮動，中間欄絕對定位
6.3網頁實例
6.3.1效果圖分析
6.3.2切圖
6.3.3繪製框架圖
6.3.4編寫XHTML代碼
6.3.5編寫CSS代碼
6.4小結
第7章左右兩欄寬度固定，中間欄寬度自適應的布局
7.1頁面布局的分析
7.1.1示意圖
7.1.2布局分析
7.2頁面布局的實現
7.2.1左右兩欄浮動，中間欄默認文檔流並設定左右外邊距
7.2.2左右兩欄絕對定位，中間欄默認文檔流並設定左右外邊距
7.3網頁實例
7.3.1效果圖分析
7.3.2切圖
7.3.3繪製框架圖
7.3.4編寫XHTML代碼
7.3.5編寫CSS代碼
7.4小結
第8章高度自適應的布局
8.1頁面布局的分析
8.1.1示意圖
8.1.2布局分析
8.2頁面布局的實現
8.2.1正負內外邊距
8.2.2為父容器添加背景圖
8.3網頁實例
8.3.1效果圖分析
8.3.2切圖
8.3.3繪製框架圖
8.3.4編寫XHTML代碼
8.3.5編寫CSS代碼
8.4小結
第9章項目1——論壇
9.1頁面效果圖分析
9.1.1頁面頭部和頁腳分析
9.1.2首頁主體內容分析
9.1.3內頁主體內容分析
9.2布局規劃及切圖
9.2.1頁面布局規劃
9.2.2切割首頁及導出圖片
9.2.3切割內頁及導出圖片
9.3 XHTML編寫
9.3.1搭建頁面XHTML框架
9.3.2編寫頁面頭部和頁腳的XHTML
9.3.3編寫頁面公共部分的XHTML
9.3.4編寫首頁主體內容的XHTML
9.3.5編寫內頁主體內容的XHTML
9.3.6總覽首頁XHTML代碼
9.3.7總覽內頁XHTML代碼
9.4CSS編寫
9.4.1頁面公共部分的CSS編寫
9.4.2頁面框架的CSS編寫
9.4.3頁面頭部和頁腳的CSS編寫
9.4.4首頁主體內容的CSS編寫
9.4.5內頁主體內容的CSS編寫
9.4.6網站CSS代碼總覽
9.5製作中需要注意的問題
9.5.1網站檔案規劃
9.5.2 CSS樣式規劃
……
第10章項目2—電子政務網站
第11章項目3—電子商務網站
第12章項目4—新品展示網站
第13章網站的發布
附錄AHTML中支持的顏色名稱
附錄BCSS常用的屬性
