HTML5+CSS3網(wǎng)頁布局項目化教程

項目1 制作一個網(wǎng)頁廣告單頁的內(nèi)容...............................................................................1
任務1.1 工作環(huán)境準備......................................................................................................... 2
任務1.2 創(chuàng)建空白網(wǎng)頁....................................................................................................... 10
任務1.3 在網(wǎng)頁中添加段落和文字.................................................................................... 14
任務1.4 在網(wǎng)頁中添加列表............................................................................................... 19
任務1.5 在網(wǎng)頁中添加表格............................................................................................... 24
任務1.6 在網(wǎng)頁中添加圖片............................................................................................... 30
任務1.7 在網(wǎng)頁中添加超鏈接........................................................................................... 36
任務1.8 在網(wǎng)頁中添加表單............................................................................................... 43
項目2 使用CSS3 設(shè)置網(wǎng)頁廣告單頁格式......................................................................55
任務2.1 將CSS 樣式表引入文件...................................................................................... 55
任務2.2 使用CSS 設(shè)置段落文字格式............................................................................... 61
任務2.3 使用CSS 實現(xiàn)網(wǎng)頁布局...................................................................................... 71
任務2.4 使用CSS 背景美化網(wǎng)頁標簽............................................................................... 89
任務2.5 使用CSS 設(shè)置列表格式、超鏈接效果............................................................. 101
任務2.6 使用CSS 邊框設(shè)置表格格式............................................................................. 113
任務2.7 使用CSS 美化表單............................................................................................ 129
項目3 對網(wǎng)頁廣告單頁進行響應式改造........................................................................144
任務3.1 變更網(wǎng)頁導航菜單............................................................................................. 145
任務3.2 編寫網(wǎng)頁柵格系統(tǒng)............................................................................................. 149
任務3.3 重布局網(wǎng)頁內(nèi)容列表以適應不同窗口.............................................................. 158
任務3.4 測試及兼容性設(shè)置............................................................................................. 167
*任務3.5 使用伸縮盒子布局響應式頁面........................................................................ 171
項目4 使用Bootstrap 開源框架快速搭建響應式網(wǎng)頁...................................................184
任務4.1 配置Bootstrap 開發(fā)環(huán)境.................................................................................... 185
任務4.2 使用Bootstrap 柵格系統(tǒng)快速布局頁面............................................................ 190
任務4.3 使用Bootstrap 組件和JS 插件制作網(wǎng)頁導航條............................................... 199
任務4.4 使用Bootstrap 組件和JS 插件制作網(wǎng)頁內(nèi)容和交互....................................... 210
*任務4.5 為你的網(wǎng)頁添加無障礙功能............................................................................ 224
參考文獻........................................................................................................................237