久久久久精品国产四虎2,中文字幕乱人伦,日韩欧美在线一区二区三区

本書分為8個項目。項目1-項目5是成長項目，案例中既有HTML+CSS的基礎(chǔ)技能，更著重介紹HTML5的新標簽、CSS3的新屬性。項目6-項目8是選修或拓展內(nèi)容，其中項目6是實戰(zhàn)項目，由真實項目的開發(fā)者帶著讀者一起開發(fā)一個企業(yè)官網(wǎng)；項目7是提升項目，是一個移動端推廣項目；項目8是拓展的游戲開發(fā)項目，使用canvas技術(shù)制作飛機大戰(zhàn)游戲。

項目1 簡單網(wǎng)頁設(shè)計t1
教學(xué)導(dǎo)航t1
項目描述t1
1．1 前端開發(fā)語言t2
1．1．1 認識前端開發(fā)語言t2
1．1．2 開發(fā)環(huán)境t3
任務(wù)1-1 創(chuàng)建Web項目t6
1．2 HTML和CSS基礎(chǔ)t11
1．2．1 HTML常用標簽t11
1．2．2 CSS基礎(chǔ)選擇器t12
1．2．3 常用CSS樣式t14
1．2．4 盒模型t16
任務(wù)1-2 制作“五環(huán)之歌”頁面t16
1．3 CSS3常用的新增選擇器t22
任務(wù)1-3 給導(dǎo)航條添加CSS樣式t23
職業(yè)技能知識點考核1t27
1．4 浮動和定位t30
1．4．1 浮動t30
1．4．2 定位t33
任務(wù)1-4 制作網(wǎng)頁焦點圖t33
職業(yè)技能知識點考核2t37
1．5 HTML5常用的新增標簽t38
任務(wù)1-5 制作一個常見問題答疑頁面t40
職業(yè)技能知識點考核3t42

項目2 文本類網(wǎng)頁設(shè)計t43
教學(xué)導(dǎo)航t43
項目描述t43
2．1 文本處理t44
2．1．1 文本陰影t44
2．1．2 溢出文本處理t45
任務(wù)2-1 制作網(wǎng)站新聞列表區(qū)t46
職業(yè)技能知識點考核4t49
2．2 特殊字體t49
任務(wù)2-2 制作白居易的《池上》頁面t50
2．3 表單t54
2．3．1 表單輸入類型t54
2．3．2 新的表單元素t56
2．3．3 新的表單屬性t56
任務(wù)2-3 制作學(xué)員信息頁t57
職業(yè)技能知識點考核5t63

項目3 圖像類網(wǎng)頁設(shè)計t65
教學(xué)導(dǎo)航t65
項目描述t65
3．1 背景t66
3．1．1 背景的定義t66
3．1．2 背景的原點位置t67
3．1．3 背景的顯示區(qū)域t69
3．1．4 背景圖像的大小t70
3．1．5 背景圖像的定位t71
任務(wù)3-1 制作信紙頁面t72
職業(yè)技能知識點考核6t77
3．2 邊框t78
3．2．1 圓角邊框t78
3．2．2 圖片邊框t80
3．2．3 漸變t82
任務(wù)3-2 制作風(fēng)景頁面t85
職業(yè)技能知識點考核7t91
3．3 盒陰影t91
3．3．1 盒子陰影t91
3．3．2 溢出處理t93
任務(wù)3-3 制作文明公約頁面t93
職業(yè)技能知識點考核8t96

項目4 媒體雜志類網(wǎng)頁設(shè)計t98
教學(xué)導(dǎo)航t98
項目描述t98
4．1 多列布局t99
任務(wù)4-1 制作電子雜志頁面t100
4．2 簡單動畫t106
4．2．1 元素的變形t106
4．2．2 元素的旋轉(zhuǎn)t106
4．2．3 元素的縮放和翻轉(zhuǎn)t107
4．2．4 元素的移動t108
4．2．5 同時使用多個變形函數(shù)t109
4．2．6 定義變形原點t110
4．2．7 過渡效果t110
任務(wù)4-2 制作滑動的導(dǎo)航條t112
任務(wù)4-3 制作照片墻頁面t115
職業(yè)技能知識點考核9t121
4．3 音頻和視頻t122
4．3．1 插入音頻t122
4．3．2 插入視頻t123
任務(wù)4-4 制作音頻頁面t123
職業(yè)技能知識點考核10t125

項目5　響應(yīng)式布局網(wǎng)站設(shè)計t126
教學(xué)導(dǎo)航t126
項目描述t126
5．1 響應(yīng)式網(wǎng)站首頁的制作t127
任務(wù)5-1 制作位置固定的導(dǎo)航條t127
任務(wù)5-2 制作響應(yīng)式網(wǎng)頁主體部分t132
任務(wù)5-3 制作兩欄式網(wǎng)頁尾部t138
5．2 項目整合t144
職業(yè)技能知識點考核11t145

項目6　企業(yè)官網(wǎng)設(shè)計t146
教學(xué)導(dǎo)航t146
項目描述t146
任務(wù)6-1 創(chuàng)建項目t147
任務(wù)6-2 觀察效果圖t148
任務(wù)6-3 編寫初始化CSS樣式t149
任務(wù)6-4 編寫可復(fù)用的headert149
任務(wù)6-5 編寫可復(fù)用的footert151
任務(wù)6-6 首頁引入已編寫好的headert155
任務(wù)6-7 首頁引入已編寫好的footert156
任務(wù)6-8 編寫首頁banner部分t157
任務(wù)6-9 編寫首頁兒童精品課模塊t160
任務(wù)6-10 編寫首頁父母充電站模塊t163
任務(wù)6-11 編寫首頁剩余部分t165
任務(wù)6-12 “關(guān)于我們”頁面引入公用部分t167
任務(wù)6-13 正式編寫“關(guān)于我們”頁面t167
任務(wù)6-14 “聯(lián)系我們”頁面前期準備t168
任務(wù)6-15 正式編寫“聯(lián)系我們”頁面t169
任務(wù)6-16 收尾工作t172

項目7　移動端推廣項目制作t174
教學(xué)導(dǎo)航t174
項目描述t174
7．1 大圖輪播雛形――Swiper的使用方法t176
7．2 大圖輪播的修飾t180
7．3 大圖輪播的個性化設(shè)計――API文檔的使用t181
7．4 真正的大“圖”輪播――用圖片替換文字t183
7．5 設(shè)置動畫――Swiper Animate的使用方法t184
任務(wù)7-1　移動端推廣項目準備工作t187
任務(wù)7-2　制作簡歷首頁t190
任務(wù)7-3　制作基本資料頁t193
任務(wù)7-4　制作榮譽頁t195
任務(wù)7-5　制作“我的技能”頁t197
任務(wù)7-6　制作“我的作品”頁t199
任務(wù)7-7　制作尾頁t199
7．6　代碼匯總t200
項目擴展t204

項目8　使用canvas制作飛機大戰(zhàn)游戲t205
教學(xué)導(dǎo)航t205
項目描述t205
8．1 canvas簡介t206
8．2 canvas元素知識t207
8．3 canvas繪圖基礎(chǔ)t208
8．4 canvas動畫基礎(chǔ)t213
8．5 動畫中的碰撞檢測t215
任務(wù)8-1 游戲功能分析t219
任務(wù)8-2 圖片預(yù)加載t220
任務(wù)8-3 繪制滾動背景圖t222
任務(wù)8-4 創(chuàng)建英雄機對象t224
任務(wù)8-5 繪制子彈t226
任務(wù)8-6 監(jiān)聽鍵盤事件控制英雄機方向t232
任務(wù)8-7 繪制敵機t237
參考文獻t251

你還可能感興趣

我要評論