課程亮點
1
理論與實踐并重,真正注重實用技術培養
適用對象
1
零基礎
課程內容
前端頁面重構:
本章是前端入門章節,主要介紹靜態頁面布局的實現,包括PC端布局、移動端布局和響應式布局。學完本階段課程能夠獨立把設計師給的PSD效果圖轉換為靜態代碼頁面,具備PC端和移動端靜態頁面的開發能力,并可以適配不同的終端設備。
學習內容:
HTML:HTML簡介、語法、屬性和值、注釋、基本結構、常用標簽、語義化
CSS:基本語法、選擇器、文本屬性、盒模型、浮動及清除浮動、position定位、瀏覽器兼容、CSS hack、CSS高級技巧、BFC規范
HTML5:HTML5簡介、新增的結構化標簽、音頻和視頻、新增表單元素、新增表單屬性、html5shiv.js
CSS3:css3新增選擇器、背景和漸變、用戶界面屬性、多列布局、圓角和陰影、過渡動畫、2D與3D轉換、彈性盒布局、Grid網格布局、流式布局
Less:css預處理、Less編輯、Koala編譯工具、導入、注釋、變量、混合、嵌套、運算、內置函數
Photoshop:PS基本操作、psd文件、網頁圖片優化技巧、圖片格式分類及特性、GIF動態制作、一鍵切圖插件
頁面布局與屏幕適配:移動端瀏覽器及內核分析、viewport設置、Retina高清屏、PPI、dpr設備像素比解析、媒體查詢、vw+rem布局、flexible.js+rem布局、媒體查詢+rem、移動端reset
實戰項目:
PC端項目:小U課堂靜態頁面布局、移動端項目:小U商城移動端項目、響應式項目:小U商城后臺管理系統
