本書為校企合作教材，采取“工程過程項目化”的編寫模式進行編寫，從實際案例入手，讓讀者在學習CSS+DIV應(yīng)用技術(shù)的同時掌握其精髓。

各案例與實例按照由淺入深、由易到難的順序編排，即使是初學者也可以輕松掌握CSS+DIV技術(shù)的布局方式，制作出精美實用的網(wǎng)頁作品。

最后通過一個綜合的、商業(yè)化強的網(wǎng)站進行實戰(zhàn)訓(xùn)練，提高了本書“工學結(jié)合、項目實戰(zhàn)”特色。

CSS+DIV頁面布局技術(shù)目前已成為頁面設(shè)計核心技術(shù)，采用CSS+DIV布局技術(shù)具有縮減頁面代碼、提高頁面的瀏覽速度和穩(wěn)定性、頁面設(shè)計結(jié)構(gòu)清晰、易被搜索引擎搜索等優(yōu)勢。但很多讀者反映CSS類的圖書偏重基礎(chǔ)理論介紹，案例簡單，學習之后很難在實際工作中應(yīng)用。近年來，CSS+DIV頁面布局技術(shù)類課程在高職院校和本科院校普遍開設(shè)，但是此類教材卻寥寥無幾，尤其是高職高專教材幾乎空白，很難滿足教學需要，鑒于這種情況，教材編寫小組決定編寫該教材，力圖幫助讀者在CSS學習中快速進入實戰(zhàn)狀態(tài)，給專業(yè)教師一手參考資料，幫助讀者提高頁面設(shè)計技能。

本書得到蘇州吉耐特信息科技有限公司、太倉智博軟件科技有限公司大力支持，是一本校企合作教材，從實際案例入手，重點講解典型的布局技術(shù)和方法，讓讀者在學習CSS+DIV應(yīng)用技術(shù)的同時掌握其精髓。各案例與實例按照由淺入深、由易到難的順序編排，即使是初學者也可以輕松掌握CSS+DIV技術(shù)的布局方式，制作出精美實用的網(wǎng)頁作品。

全書共分6個單元，單元一主要介紹靜態(tài)網(wǎng)頁的開發(fā)環(huán)境、網(wǎng)頁制作和設(shè)計中的基本概念、網(wǎng)頁類型、網(wǎng)頁基本構(gòu)成元素，重點介紹了行級標簽和塊級標簽的使用。單元二主要介紹表單的基本語法，各種表單元素的使用。單元三主要介紹表格的基本用法，其中包括跨行跨列的表格、使用表格實現(xiàn)圖文布局，同時還介紹了框架的使用。單元四主要介紹了用CSS設(shè)置文字、背景等樣式屬性，同時重點介紹了盒子模型，以及浮動和清除屬性等。單元五介紹CSS+DIV實現(xiàn)典型頁面局部布局，并詳細介紹了典型布局的例子。單元六介紹了一個用CSS+DIV頁面布局技術(shù)布局網(wǎng)頁的綜合實戰(zhàn)，介紹了商城網(wǎng)站的布局方法，通過綜合實戰(zhàn)訓(xùn)練學生技能，進一步提高學生應(yīng)用實踐能力，體現(xiàn)了“做中學、學中產(chǎn)”的實訓(xùn)教學思想。

本書采取“工程過程項目化”的編寫模式進行編寫，將團隊多年教學經(jīng)驗完全融入到教材中，采用“引入項目場景提出工作問題，通過實例項目訓(xùn)練，解決工作問題并掌握相應(yīng)的技術(shù)和方法，然后回到工作場景完成場景項目”的內(nèi)容組織形式，實現(xiàn)了示例和項目相結(jié)合，尤其最后一單元通過一個綜合的、商業(yè)化強的網(wǎng)站進行實戰(zhàn)訓(xùn)練，提高了本書“工學結(jié)合、項目實戰(zhàn)”特色，本書的編寫得到了企業(yè)工程師深度參與和技術(shù)支持，內(nèi)容更加標準、規(guī)范。

本書主要定位高職高專CSS+DIV布局技術(shù)類課程教學使用，也可以作為應(yīng)用型本科和職業(yè)中專的參考教材，還可以作為工程技術(shù)人員的參考用書。

本書由朱翠苗、鄭廣成、沈蘊梅、金靜梅、庾佳、孫偉、孔小兵（企業(yè)）、袁順利（企業(yè)）等編寫，朱翠苗負責統(tǒng)稿并擔任主編，根據(jù)典型項目設(shè)計內(nèi)容載體，項目開發(fā)流程組織教材內(nèi)容，教材具有實戰(zhàn)性、可操作性、新穎性、通俗性和項目過程化的特點，更加激發(fā)學生學習興趣和主動性。

由于時間倉促，再加上編者水平有限，書中難免有錯誤和疏漏之處，敬請廣大讀者批評指正。

編 者

2015年4月

前言

單元一 HTML的基本標簽 1
1.1 工作場景導(dǎo)入 1
1.2 技術(shù)與知識準備 2
1.2.1 HTML文件的基本結(jié)構(gòu) 2
1.2.2 編輯工具 4
1.2.3 網(wǎng)頁的摘要信息 7
1.2.4 塊級標簽 10
1.2.5 行級標簽 19
1.2.6 注釋和特殊符號 25
1.2.7 W3C標準 26
1.3 工作場景訓(xùn)練 29
1.3.1 實現(xiàn)工作場景1的任務(wù) 29
1.3.2 實現(xiàn)工作場景2的任務(wù) 30
1.3.3 實現(xiàn)工作場景3的任務(wù) 31
1.4 重點問題分析 32
1.5 小結(jié) 33
單元二 表單應(yīng)用 34
2.1 工作場景導(dǎo)入 34
2.2 技術(shù)與知識準備 35
2.2.1 表單的基本語法 35
2.2.2 表單元素的介紹 36
2.3 工作場景訓(xùn)練 41
2.4 重點問題分析 42
2.5 小結(jié) 42
單元三 表格應(yīng)用和布局 43
3.1 工作場景導(dǎo)入 43
3.2 技術(shù)與知識準備 44
3.2.1 表格基礎(chǔ) 44
3.2.2 跨行和跨列的表格 46
3.2.3 表格的高級用法 50
3.2.4 表格的其他用法 56
3.2.5 框架技術(shù) 58
3.3 工作場景訓(xùn)練 63
3.3.1 實現(xiàn)工作場景1的任務(wù) 63
3.3.2 實現(xiàn)工作場景2的任務(wù) 64
3.3.3 實現(xiàn)工作場景3的任務(wù) 66
3.4 重點問題分析 68
3.5 小結(jié) 69
單元四 CSS樣式表 70
4.1 工作場景導(dǎo)入 70
4.2 技術(shù)與知識準備 71
4.2.1 CSS基礎(chǔ) 71
4.2.2 常用的樣式修飾 77
4.2.3 盒子模型 90
4.3 工作場景訓(xùn)練 111
4.3.1 實現(xiàn)工作場景1的任務(wù) 111
4.3.2 實現(xiàn)工作場景2的任務(wù) 112
4.3.3 實現(xiàn)工作場景3的任務(wù) 113
4.4 重點問題分析 116
4.5 小結(jié) 116
單元五 CSS+DIV實現(xiàn)典型頁面局部布局 117
5.1 工作場景導(dǎo)入 117
5.2 技術(shù)與知識準備 118
5.2.1 div-ul-li實現(xiàn)橫向?qū)Ш讲藛?118
5.2.2 div-dl-dt-dd實現(xiàn)圖文混排 122
5.3 工作場景訓(xùn)練 128
5.3.1 實現(xiàn)工作場景1的任務(wù) 128
5.3.2 實現(xiàn)工作場景2的任務(wù) 130
5.4 重點問題分析 132
5.5 小結(jié) 133
單元六 CSS+DIV頁面布局實例 134
6.1 分塊制作商城網(wǎng)站首頁 134
6.1.1 利用Dreamweaver搭建站點 134
6.1.2 制作商城網(wǎng)站首頁的總體布局 137
6.1.3 實現(xiàn)頂部布局 140
6.1.4 實現(xiàn)左部商品分類 143
6.1.5 實現(xiàn)中部主題布局 145
6.1.6 實現(xiàn)右部布局 147
6.1.7 實現(xiàn)底部信息 149
6.2 制作商城分支頁—注冊頁面 150
6.3 制作商城分支頁—登錄頁面 154
6.4 制作商城分支頁—商品具體介紹頁面 156
6.5 建立頁面之間的鏈接和進行兼容測試 158
6.5.1 建立頁面間的鏈接 158
6.5.2 網(wǎng)頁的兼容性測試 158
參考文獻 160

1. 實用運籌學 [主編　邢育紅　于晉臣]
2. 電子技術(shù)（第二版） [主編 覃愛娜 李飛]
3. 勞動爭議處理實務(wù) [主編 王秀卿 羅靜]
4. 語音識別理論與實踐 [主編　莫宏偉]
5. 武術(shù)基礎(chǔ)教程 [主編 李代勇 謝志民]
6. 畫法幾何與機械制圖習題集（多學時） [主編 趙軍]
7. 機械設(shè)計基礎(chǔ)（第二版） [主編 田亞平 李愛姣]
8. 畫法幾何與機械制圖 [主編 趙軍]
9. C語言程序設(shè)計習題與實驗指導(dǎo)（第二版） [主編 甄增榮 張賓]
10. C語言程序設(shè)計（第二版） [主編 甄增榮 田云霞]
11. Unity3D虛擬現(xiàn)實應(yīng)用開發(fā)實踐 [主 編 劉龍]
12. 面向?qū)ο蟪绦蛟O(shè)計 [主編 張勇 張平華 趙小龍]
13. 網(wǎng)絡(luò)營銷 [主編 夏薇薇 劉婷 尚潔]
14. 數(shù)據(jù)庫技術(shù)與應(yīng)用實踐教程（SQL Server 2019） [主 編 嚴暉 周肆清]
15. 功能材料制備與表征實驗指導(dǎo)書 [龔偉平 趙軍峰 梅海娟 等編著]
16. 信號與系統(tǒng)（第二版） [主編 張宇]
17. Python 語言程序設(shè)計實踐指導(dǎo) [主編　張雙獅]
18. 基于.NET Core框架的分布式系統(tǒng)架構(gòu)設(shè)計 [湯佳 著]
19. 體育舞蹈教程 [主編 劉偉 陳志明 曾明]
20. 線性代數(shù)導(dǎo)學篇 [主編 史昱]
21. 信息技術(shù)基礎(chǔ)實訓(xùn)與習題指導(dǎo)（Windows7+Office2016） [主編 周金容 唐天國]
22. 高等數(shù)學導(dǎo)學篇（下冊） [主編 李文婧 胡雷 尹金生]
23. 高等數(shù)學導(dǎo)學篇（上冊） [主編 李文婧 胡雷 尹金生]
24. 高等數(shù)學（下冊） [主編 李愛芹 胡雷 尹金生]
25. 高等數(shù)學（上冊） [主編 李愛芹 胡雷 尹金生]
26. 中華水文化（慕課版）（第二版） [畢雪燕 楊華軻 羅玲誼 等編著]
27. 電路與電子技術(shù)Ⅱ——電路分析基礎(chǔ) [主編 陳曉 金哲]
28. Spark大數(shù)據(jù)處理技術(shù) [主編　劉仁山　周洪翠　莊新妍]
29. 人工智能算法與實踐 [主編　梁琨　張翼英]
30. 數(shù)據(jù)清洗 [黃源　劉智楊　孫大松]