HTML5跨平臺開發(fā)基礎(chǔ)與實戰(zhàn)(微課版十三五江蘇省高等學(xué)校重點教材)
定 價:51.8 元
- 作者:鄭麗萍,王志勃編
- 出版時間:2021/8/1
- ISBN:9787568528009
- 出 版 社:大連理工大學(xué)出版社
- 中圖法分類:TP312.8HT
- 頁碼:244
- 紙張:
- 版次:1
- 開本:16開
通過本教材的學(xué)習(xí),學(xué)生將掌握使用HTML5、CSS3、JavaScript及Bootstrap框架進行響應(yīng)式Web應(yīng)用程序開發(fā)的知識。本教材以培養(yǎng)職業(yè)能力為核心,以工作實踐為主線,以項目為導(dǎo)向,采用案例式教學(xué),兼顧界面布局樣式與交互性,增加課程內(nèi)容的視覺沖擊力,以創(chuàng)建出更富交互性、更有趣、對用戶更友好的前端應(yīng)用。
本教材涉及的是國家“1+X”Web前端開發(fā)職業(yè)技能證書考試的核心內(nèi)容。本教材在編寫過程中,既強調(diào)基礎(chǔ)理論學(xué)習(xí),結(jié)合前端技術(shù)的不斷發(fā)展,通過相關(guān)案例詳細介紹前端開發(fā)相關(guān)理論的實踐運用,實現(xiàn)了理論學(xué)習(xí)的體系化,又與實踐應(yīng)用進行了結(jié)合,強化了對相關(guān)知識的理解。本教材以豐富的案例為載體,精心編排教學(xué)內(nèi)容,設(shè)計了由易到難、層次遞進的教學(xué)項目,并設(shè)計了貫穿知識體系的實戰(zhàn)項目,讓讀者學(xué)以致用;實現(xiàn)了技術(shù)講解與訓(xùn)練的合二為一,有助于“教、學(xué)、做”一體化教學(xué)的實施。
本教材可以利用互聯(lián)網(wǎng)信息技術(shù)開展線上與線下教學(xué),包含了大量的微課視頻、教學(xué)PPT等配套資源,方便教師教學(xué)和學(xué)生學(xué)習(xí)。
任務(wù)l 實現(xiàn)猜拳游戲首頁界面
1.1 web前端簡述
1.1.1 前端工程師
1.1.2 頁面結(jié)構(gòu)、樣式和行為
1.1.3 HTML5的優(yōu)勢
1.1.4 CSS3的優(yōu)勢
1.1.5 JavaScript及相關(guān)框架
1.1.6 web前端學(xué)習(xí)路線
1.2 開發(fā)工具
1.2.1 選擇開發(fā)工具
1.2.2 新建項目和文件
1.2.3 開發(fā)工具的調(diào)試技巧
任務(wù)訓(xùn)練
任務(wù)2 實現(xiàn)問卷調(diào)查頁面靜態(tài)布局
2.1 HTML的基本概念
2.1.1 HTML簡介
2.1.2 HTML基本格式
2.1.3 HTML注釋語句
2.2 HTML5文檔常用標(biāo)簽
2.2.1 文字段落相關(guān)標(biāo)簽
2.2.2 HTML圖像(img)元素
2.2.3 列表
2.2.4 表格
2.2.5 超鏈接
2.2.6 DIV標(biāo)簽介紹
2.2.7 多媒體元素
2.2.8 HTML5語義化標(biāo)簽
2.2.9 HBuilder編輯器常用的快捷方式
2.3 HTML5表單相關(guān)元素和屬性
2.3.1 表單的定義
2.3.2 表單控件
2.3.3 HTML5表單常用新屬性
任務(wù)訓(xùn)練
任務(wù)3 CSS3實現(xiàn)簡潔立體菜單效果
3.1 CSS3介紹
3.1.1 樣式表簡介
3.1.2 樣式表的規(guī)則
3.1.3 樣式表注釋方法
3.2 樣式表的使用
3.2.1 常用添加CSS的方法
3.2.2 選擇器的分類
3.2.3 選擇器的優(yōu)先級
3.3 字體、顏色、背景與文字屬性
3.3.1 設(shè)置樣式表的字體屬性
3.3.2 顏色及背景屬性
3.3.3 文本屬性
3.4 邊距、填充與邊框?qū)傩?br> 3.4.1 邊距與填充屬性
3.4.2 邊框?qū)傩?br> 3.5 列表屬性
3.6 CSS布局基礎(chǔ)
3.6.1 CSS布局元素類型
3.6.2 盒模型
3.6.3 定位及尺寸屬性
3.7 常用布局結(jié)構(gòu)
3.7.1 單行單列結(jié)構(gòu)
3.7.2 二列布局結(jié)構(gòu)
3.8 CSS3常用特效
3.8.1 CSS3盒陰影
3.8.2 CSS3文字陰影
3.8.3 CSS3漸變背景
3.9 彈性布局
3.10 兼容性處理
任務(wù)訓(xùn)練
……
任務(wù)4 實現(xiàn)猜拳游戲功能
任務(wù)5 實現(xiàn)注冊|登錄驗證效果
任務(wù)6 實現(xiàn)響應(yīng)式詳情頁面
任務(wù)7 實現(xiàn)響應(yīng)式商品優(yōu)惠列表
任務(wù)8 實現(xiàn)響應(yīng)式購物列表展示和管理
任務(wù)9 實現(xiàn)商品優(yōu)惠列表評價信息滑入效果
參考文獻