相關主題
商品描述
本書從Web前端技術角度出發，以具體商業網站頁面的制作為編寫主線，分為8章內容，包括網頁設計概述、創建網站項目、盒子模型、常見的HTML標簽與CSS的搭配、常見布局流、個人網頁布局實戰、CSS進階知識、商業網站布局實戰。 本書內容的組織考慮了初學者知識接納的程度與提升空間，遵循了難度循序漸進的教學原則，體現了網頁設計的完整流程，通過本書的學習，讀者將對素材搜集、代碼開發、後期維護方面的工作有所認識。 本書既可作為職業院校計算機、電子商務、大數據相關專業的教材，也可作為網頁設計師、淘寶美工等相關人員的培訓教材或參考書。
作者簡介
廣東省電子商務技師學院就職，從事計算機類基礎課、專業核心課的教學及管理工作。
目錄大綱
前言
第1章 網頁設計概述1
1.1 HTML、CSS的概念1
1.2 網頁制作初學者上手工具5
1.2.1 選擇高效的代碼編輯器6
1.2.2 安裝調 的瀏覽器6
1.2.3 善於使用搜索引擎求解問題7
1.3 基礎練習11
1.4 擴展練習18
第2章 創建網站項目19
2.1 站點相關命名規範19
2.2 圖片文件規範化22
2.2.1 圖片格式22
2.2.2 圖片尺寸24
2.2.3 圖片命名25
2.3 書寫HTML代碼的習慣26
2.3.1 保持正確的縮進26
2.3.2 充分的註釋28
2.3.3 標簽盡可能語義化29
2.4 基礎練習30
2.5 擴展練習35
第3章 盒子模型37
3.1 盒子模型的特點37
3.2 標準盒子模型38
3.3 盒子模型的相關屬性39
3.3.1 width和height屬性39
3.3.2 margin屬性52
3.3.3 padding屬性55
3.3.4 border屬性56
3.3.5 background屬性57
3.4 基礎練習58
3.5 擴展練習72
第4章 常見的HTML標簽與CSS的搭配73
4.1 塊元素、內聯元素、內聯塊級元素的特征74
4.2 常見CSS屬性75
4.3 常見的選擇器類型76
4.3.1 標簽選擇器76
4.3.2 id選擇器77
4.3.3 類選擇器82
4.3.4 通配符選擇器（通用選擇器）85
4.3.5 後代選擇器86
4.3.6 標簽選擇器、id選擇器、類選擇器的優先級86
4.4 結構類標簽88
4.4.1 <header>標簽88
4.4.2 <nav>標簽88
4.4.3 <article>標簽91
4.4.4 <section>標簽91
4.4.5 <footer>標簽92
4.5 文本類標簽92
4.5.1 <p>標簽92
4.5.2 <h1> ~ <h6>標簽94
4.5.3 <br>標簽96
4.5.4 <span>和<i>標簽97
4.5.5 <sub>和<sup>標簽97
4.5.6 <em>和<strong>標簽97
4.6 <a>標簽98
4.7 圖像、視音頻類標簽102
4.7.1 < img>標簽102
4.7.2 <video>標簽104
4.7.3 <audio>標簽106
4.8 列表類標簽107
4.8.1 <ul>標簽107
4.8.2 <ol>標簽113
4.8.3 <dl>標簽116
4.9 表格標簽118
4.10 表單類標簽125
4.10.1 <form>標簽125
4.10.2 <input>標簽126
4.10.3 <textarea>標簽126
4.10.4 <select>標簽126
4.11 基礎練習127
4.12 擴展練習131
第5章 常見布局流132
5.1 標準文檔流布局132
5.2 浮動流布局138
5.3 定位流布局149
5.3.1 相對定位149
5.3.2 定位151
5.3.3 固定定位153
5.4 網格、彈性盒子等布局流156
5.5 基礎練習157
5.6 擴展練習162
第6章 個人網頁布局實戰163
6.1 將網頁截圖切片163
6.2 網站目錄、文件整理167
6.3 搭建項目並進行頁面布局168
6.4 代碼整理173
6.5 擴展練習175
第7章 CSS進階知識177
7.1 外部樣式表177
7.2 進一步了解CSS的樣式優先級178
7.3 掌握 多的CSS選擇器179
7.3.1 關系選擇器179
7.3.2 屬性選擇器183
7.3.3 偽類選擇器184
7.3.4 偽元素選擇器189
7.4 CSS過渡與動畫191
7.4.1 過渡效果191
7.4.2 @keyframes規則193
7.5 擴展練習195
第8章 商業網站布局實戰197
8.1 確定研究目標197
8.2 搜集相關圖文素材197
8.3 網站目錄及文件的搭建、整理198
8.4 制作首頁布局199
8.4.1 初步搭建頁面主要容器的HTML結構 200
8.4.2 原型優化階段203
8.4.3 代碼整理階段208
8.5 設計一級欄目頁面213
8.5.1 準備工作213
8.5.2 覆用首頁中有用的代碼及樣式214
8.5.3 新海報區代碼215
8.5.4 內容區的設計216
8.5.5 CSS代碼的整理及樣式表外聯221
8.6 設計詳情頁布局224
8.6.1 覆用首頁中的相關代碼225
8.6.2 頁頭區的設計225
8.6.3 內容區容器的布局226
8.6.4 在內容區添加圖文混排內容227
8.6.5 在內容區底部添加上下文的鏈接228
8.6.6 代碼整理229
8.7 擴展練習230
參考文獻 231
本教材以系統化知識架構為根基，覆蓋網頁設計從基礎概念到商業實戰的全流程，內容編排貼合實際項目需求，幫助讀者構建完整的知識體系。教材註重教學方法創新，通過生活化語言、成語輔助理解、案例直觀展示等多元方式，降低學習門檻，提升學習效率。同時，強調實踐能力的培養，提供豐富的項目案例和拓展練習，助力讀者在實戰中鞏固技能、提升思維。此外，教材還註重培養讀者的信息檢索能力、英文拼讀能力和良好的代碼書寫習慣，全面提升其專業素養和綜合能力。
