定 價:53 元
叢書名:浙江省普通高!笆濉毙滦螒B(tài)教材“1+X”證書(職業(yè)技能等級證書)配套教材高等職業(yè)教育“互聯(lián)網(wǎng)+”系列精品教材
- 作者:胡平,林雪華,李知菲主編
- 出版時間:2020/1/1
- ISBN:9787121381256
- 出 版 社:電子工業(yè)出版社
- 中圖法分類:TP393.092.2
- 頁碼:251頁
- 紙張:膠版紙
- 版次:1
- 開本:16K
本書分為8個項目。項目1-項目5是成長項目,案例中既有HTML+CSS的基礎技能,更著重介紹HTML5的新標簽、CSS3的新屬性。項目6-項目8是選修或拓展內容,其中項目6是實戰(zhàn)項目,由真實項目的開發(fā)者帶著讀者一起開發(fā)一個企業(yè)官網(wǎng);項目7是提升項目,是一個移動端推廣項目;項目8是拓展的游戲開發(fā)項目,使用canvas技術制作飛機大戰(zhàn)游戲。
胡平 副教授,在金華職業(yè)技術學院信息工程學院從事計算機課程的教學研究工作,完成浙江省教科規(guī)課題等項目十余項,主持完成網(wǎng)站建設等精品課程項目,有豐富的實踐與教學經驗
項目1 簡單網(wǎng)頁設計t1
教學導航t1
項目描述t1
1.1 前端開發(fā)語言t2
1.1.1 認識前端開發(fā)語言t2
1.1.2 開發(fā)環(huán)境t3
任務1-1 創(chuàng)建Web項目t6
1.2 HTML和CSS基礎t11
1.2.1 HTML常用標簽t11
1.2.2 CSS基礎選擇器t12
1.2.3 常用CSS樣式t14
1.2.4 盒模型t16
任務1-2 制作“五環(huán)之歌”頁面t16
1.3 CSS3常用的新增選擇器t22
任務1-3 給導航條添加CSS樣式t23
職業(yè)技能知識點考核1t27
1.4 浮動和定位t30
1.4.1 浮動t30
1.4.2 定位t33
任務1-4 制作網(wǎng)頁焦點圖t33
職業(yè)技能知識點考核2t37
1.5 HTML5常用的新增標簽t38
任務1-5 制作一個常見問題答疑頁面t40
職業(yè)技能知識點考核3t42
項目2 文本類網(wǎng)頁設計t43
教學導航t43
項目描述t43
2.1 文本處理t44
2.1.1 文本陰影t44
2.1.2 溢出文本處理t45
任務2-1 制作網(wǎng)站新聞列表區(qū)t46
職業(yè)技能知識點考核4t49
2.2 特殊字體t49
任務2-2 制作白居易的《池上》頁面t50
2.3 表單t54
2.3.1 表單輸入類型t54
2.3.2 新的表單元素t56
2.3.3 新的表單屬性t56
任務2-3 制作學員信息頁t57
職業(yè)技能知識點考核5t63
項目3 圖像類網(wǎng)頁設計t65
教學導航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
任務3-1 制作信紙頁面t72
職業(yè)技能知識點考核6t77
3.2 邊框t78
3.2.1 圓角邊框t78
3.2.2 圖片邊框t80
3.2.3 漸變t82
任務3-2 制作風景頁面t85
職業(yè)技能知識點考核7t91
3.3 盒陰影t91
3.3.1 盒子陰影t91
3.3.2 溢出處理t93
任務3-3 制作文明公約頁面t93
職業(yè)技能知識點考核8t96
項目4 媒體雜志類網(wǎng)頁設計t98
教學導航t98
項目描述t98
4.1 多列布局t99
任務4-1 制作電子雜志頁面t100
4.2 簡單動畫t106
4.2.1 元素的變形t106
4.2.2 元素的旋轉t106
4.2.3 元素的縮放和翻轉t107
4.2.4 元素的移動t108
4.2.5 同時使用多個變形函數(shù)t109
4.2.6 定義變形原點t110
4.2.7 過渡效果t110
任務4-2 制作滑動的導航條t112
任務4-3 制作照片墻頁面t115
職業(yè)技能知識點考核9t121
4.3 音頻和視頻t122
4.3.1 插入音頻t122
4.3.2 插入視頻t123
任務4-4 制作音頻頁面t123
職業(yè)技能知識點考核10t125
項目5 響應式布局網(wǎng)站設計t126
教學導航t126
項目描述t126
5.1 響應式網(wǎng)站首頁的制作t127
任務5-1 制作位置固定的導航條t127
任務5-2 制作響應式網(wǎng)頁主體部分t132
任務5-3 制作兩欄式網(wǎng)頁尾部t138
5.2 項目整合t144
職業(yè)技能知識點考核11t145
項目6 企業(yè)官網(wǎng)設計t146
教學導航t146
項目描述t146
任務6-1 創(chuàng)建項目t147
任務6-2 觀察效果圖t148
任務6-3 編寫初始化CSS樣式t149
任務6-4 編寫可復用的headert149
任務6-5 編寫可復用的footert151
任務6-6 首頁引入已編寫好的headert155
任務6-7 首頁引入已編寫好的footert156
任務6-8 編寫首頁banner部分t157
任務6-9 編寫首頁兒童精品課模塊t160
任務6-10 編寫首頁父母充電站模塊t163
任務6-11 編寫首頁剩余部分t165
任務6-12 “關于我們”頁面引入公用部分t167
任務6-13 正式編寫“關于我們”頁面t167
任務6-14 “聯(lián)系我們”頁面前期準備t168
任務6-15 正式編寫“聯(lián)系我們”頁面t169
任務6-16 收尾工作t172
項目7 移動端推廣項目制作t174
教學導航t174
項目描述t174
7.1 大圖輪播雛形――Swiper的使用方法t176
7.2 大圖輪播的修飾t180
7.3 大圖輪播的個性化設計――API文檔的使用t181
7.4 真正的大“圖”輪播――用圖片替換文字t183
7.5 設置動畫――Swiper Animate的使用方法t184
任務7-1 移動端推廣項目準備工作t187
任務7-2 制作簡歷首頁t190
任務7-3 制作基本資料頁t193
任務7-4 制作榮譽頁t195
任務7-5 制作“我的技能”頁t197
任務7-6 制作“我的作品”頁t199
任務7-7 制作尾頁t199
7.6 代碼匯總t200
項目擴展t204
項目8 使用canvas制作飛機大戰(zhàn)游戲t205
教學導航t205
項目描述t205
8.1 canvas簡介t206
8.2 canvas元素知識t207
8.3 canvas繪圖基礎t208
8.4 canvas動畫基礎t213
8.5 動畫中的碰撞檢測t215
任務8-1 游戲功能分析t219
任務8-2 圖片預加載t220
任務8-3 繪制滾動背景圖t222
任務8-4 創(chuàng)建英雄機對象t224
任務8-5 繪制子彈t226
任務8-6 監(jiān)聽鍵盤事件控制英雄機方向t232
任務8-7 繪制敵機t237
參考文獻t251