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