課程大綱： WEB前端實(shí)戰(zhàn)高級(jí)培訓(xùn)
第一章 HTML5+CSS3新技能
1.1 概念介紹
1.2 H5新增的常用標(biāo)簽
1.3 更多類型的布局標(biāo)簽
1.4 音頻和視頻標(biāo)簽的應(yīng)用
1.5 視頻背景的做法
1.6 表單的新功能
1.7 canvas畫(huà)布
1.8 SVG圖形
第二章 CSS3新特性
2.1 認(rèn)識(shí)強(qiáng)大的CSS3
2.2 CSS3圓角的用法
2.3 陰影的用法
2.4 邊框圖片的使用
2.5 背景的新功能
13分鐘2.6 網(wǎng)頁(yè)中常見(jiàn)的顏色表示方式
2.7 文字陰影和自定義字體
2.8 圖標(biāo)字體的用法
第三章 CSS3的高級(jí)應(yīng)用
3.1 種類多樣的選擇器
3.2 常用的偽類選擇器
3.3 transition過(guò)渡屬性
3.4 CSS3的2D轉(zhuǎn)換
3.5 CSS3的3D轉(zhuǎn)換
3.6 animation動(dòng)畫(huà)
3.7 模擬360瀏覽器雷達(dá)動(dòng)畫(huà)實(shí)例
3.8 漸變色及多重動(dòng)畫(huà)應(yīng)用
第四章 響應(yīng)式布局
4.1 響應(yīng)式布局介紹
4.2 布局原理實(shí)例
4.3 響應(yīng)式圖片使用方法
4.4 Bootstrap中文網(wǎng)開(kāi)發(fā)實(shí)例
4.5 PC端主體內(nèi)容模塊布局
4.6 其他媒介的響應(yīng)式布局
4.7 折疊菜單的按鈕特效實(shí)現(xiàn)
第五章 力豪斯健身網(wǎng)站開(kāi)發(fā)
5.1 項(xiàng)目分析及頁(yè)面頭部搭建
5.2 海報(bào)輪播區(qū)的搭建
5.3 功能劃分模塊的CSS3特效應(yīng)用
5.4 關(guān)于我們模塊搭建
5.5 熱門(mén)課程的網(wǎng)格輪播特效
5.6 新聞模塊的搭建
5.7 廣告模塊和底部區(qū)域布局
5.8 手機(jī)端頭部導(dǎo)航特效
5.9 網(wǎng)站首頁(yè)手機(jī)端完整調(diào)試
5.10 首頁(yè)不同設(shè)備下的相應(yīng)布局
5.11 網(wǎng)站內(nèi)頁(yè)與首頁(yè)公共樣式的互通
5.12 上線調(diào)試
第六章 勤學(xué)網(wǎng)手機(jī)端網(wǎng)站項(xiàng)目
6.1 彈性盒模型及rem單位的應(yīng)用
6.2 通過(guò)JS取得不同設(shè)備下的響應(yīng)
6.3 課程分類彈性盒模型布局
6.4 不同分類模塊的布局樣式
6.5 底部固定導(dǎo)航的制作
6.6 分類頁(yè)面制作
6.7 個(gè)人中心頁(yè)面搭建
6.8 通過(guò)Ajax實(shí)時(shí)調(diào)取mysql數(shù)據(jù)庫(kù)中的數(shù)據(jù)
6.9 網(wǎng)站上線流程
加入高級(jí)會(huì)員獲得助教答疑
