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

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