本書共13個實訓,涉及HTML、CSS和JavaScript的基礎及核心知識點,以及經(jīng)典網(wǎng)頁布局版式和創(chuàng)建企業(yè)級網(wǎng)站的流程。其中HTML方面主要涉及
當前常用版本,配圖豐富,效果直觀,配有大量的實用案例,理論和實踐完美結(jié)合,綜合案例整合所學理論知識。
將HTML、CSS和JavaScript的基礎及核心知識點有機的融入到各個項目中,并且在不同的項目中被反復的應用,使這些知識點能得到不斷的強化和鞏固,確保了學生在實訓結(jié)束后能熟練的掌握HTML、CSS和JavaScript的基礎及核心知識點,并基本能靈活運用各個知識點解決實際問題。
聶常紅,軟件設計師,有十多年教學經(jīng)驗。 講授課程:web編程、Java程序設計、企業(yè)級JAVA II等 主要研究項目及領域:軟件開發(fā)、系統(tǒng)架構(gòu)等。
第 1章 使用列表和CSS實現(xiàn)圖文橫排 1
1.1 實驗目的 1
1.2 實驗環(huán)境 1
1.3 實驗內(nèi)容 1
1.4 相關知識點介紹 2
1.5 實驗分析 9
1.6 實驗思路 9
1.7 實驗指導 10
1.8 實驗總結(jié) 11
第 2章 使用列表、超鏈接和CSS創(chuàng)建縱向及橫向菜單 12
2.1 實驗目的 12
2.2 實驗環(huán)境 12
2.3 實驗內(nèi)容 12
2.4 相關知識點介紹 13
2.5 實驗分析 16
2.6 實驗思路 18
2.7 實驗指導 18
2.8 實驗總結(jié) 21
第3章 使用表格和CSS創(chuàng)建天氣預報 22
3.1 實驗目的 22
3.2 實驗環(huán)境 22
3.3 實驗內(nèi)容 22
3.4 相關知識點介紹 23
3.5實驗分析 26
3.6 實驗思路 28
3.7 實驗指導 28
3.8 實驗總結(jié) 32
第4章 使用JS和CSS創(chuàng)建對聯(lián)及頁角廣告 33
4.1 實驗目的 33
4.2 實驗環(huán)境 33
4.3 實驗內(nèi)容 33
4.4 相關知識點介紹 34
4.5實驗分析 39
4.6 實驗思路 39
4.7 實驗指導 40
4.8 實驗總結(jié) 43
第5章 使用HTML5文檔結(jié)構(gòu)元素及經(jīng)典布局版式布局網(wǎng)頁 44
5.1 實驗目的 44
5.2 實驗環(huán)境 44
5.3 實驗內(nèi)容 44
5.4 相關知識點介紹 45
5.5 實驗分析 54
5.6 實驗思路 57
5.7 實驗指導 57
5.8 實驗總結(jié) 63
第6章 使用JS和CSS創(chuàng)建二級菜單 64
6.1 實驗目的 64
6.2 實驗環(huán)境 64
6.3 實驗內(nèi)容 64
6.4 相關知識點介紹 65
6.6實驗分析 72
6.6 實驗思路 74
6.7 實驗指導 74
6.8 附加實驗 77
6.9 實驗總結(jié) 77
第7章 使用JS和CSS實現(xiàn)選項卡切換 79
7.1 實驗目的 79
7.2 實驗環(huán)境 79
7.3 實驗內(nèi)容 79
7.4 相關知識點介紹 80
7.5實驗分析 81
7.6 實驗思路 82
7.7 實驗指導 83
7.8 實驗總結(jié) 84
第8章 使用定時器實現(xiàn)圖片輪播 86
8.1 實驗目的 86
8.2 實驗環(huán)境 86
8.3 實驗內(nèi)容 86
8.4 相關知識點介紹 87
8.5 實驗分析 88
8.6 實驗思路 90
8.7 實驗指導 90
8.8 實驗總結(jié) 92
第9章 使用正則表達式校驗表單數(shù)據(jù)有效性 94
9.1 實驗目的 94
9.2 實驗環(huán)境 94
9.3實驗內(nèi)容 94
9.4相關知識點介紹 95
9.5實驗分析 102
9.6實驗思路 103
9.7實驗指導 103
9.8附加實驗 106
9.9實驗總結(jié) 106
第 10章 使用JS+CSS創(chuàng)建折疊菜單 107
10.1 實驗目的 107
10.2 實驗環(huán)境 107
10.3 實驗內(nèi)容 107
10.4 相關知識點介紹 108
10.5 實驗分析 108
10.6 實驗思路 110
10.7 實驗指導 111
10.8實驗總結(jié) 113
第 11章 使用JS+CSS實現(xiàn)百度評分 114
11.1 實驗目的 114
11.2 實驗環(huán)境 114
11.3 實驗內(nèi)容 114
11.4 相關知識點介紹 115
11.5 實驗分析 116
11.6 實驗思路 119
11.7 實驗指導 119
11.8 實驗總結(jié) 123
第 12章 使用JS+CSS實現(xiàn)商品篩選 124
12.1 實驗目的 124
12.2 實驗環(huán)境 124
12.3 實驗內(nèi)容 124
12.4 相關知識點介紹 126
12.5 實驗分析 128
12.6 實驗思路 130
12.7 實驗指導 131
12.8實驗總結(jié) 134
第 13章 使用HTML5+CSS+JS創(chuàng)建企業(yè)網(wǎng)站 136
13.1實驗目的 136
13.2 實驗環(huán)境 136
13.3 實驗內(nèi)容 136
13.4 相關知識點介紹 137
13.5 實驗分析 139
13.6 實驗思路 142
13.7實驗指導 142
13.8 實驗總結(jié) 146
參考代碼 147
第 1章 參考代碼 147
第 2章 參考代碼 148
第3章 參考代碼 150
第4章 參考代碼 152
第5章 參考代碼 154
第6章 參考代碼 158
第7章 參考代碼 160
第8章 參考代碼 162
第9章 參考代碼 163
第 10章 參考代碼 165
第 11章 參考代碼 167
第 12章 參考代碼 170
第 13章 參考代碼 173