簡介:HTML和CSS是前端開發必備的基礎語言,HTML代表結構,CSS代表樣式。HTML和CSS相輔相成缺一不可。其語法簡單、易學,是我們開發不可缺少的一種網頁描述語言
課程章節
第01課 html基礎
-
課時1html基礎1
-
課時2html基礎2
-
課時3html基礎3
- 課時4文本標簽 開始學習
-
課時5列表標簽
-
課時6超鏈接 a標簽
-
課時7圖片標簽
第02課 html基礎-表單/表格
第03課 CSS基礎
第04課 CSS樣式屬性
第05課 CSS盒模型解析/浮動
-
課時1盒模型簡介
-
課時2盒模型內外邊距詳解(一)
-
課時3盒模型內外邊距詳解(二)
-
課時4浮動的使用
-
課時5創客學院登錄對話框實現(1)
-
課時6創客學院登錄對話框實現(2)
第06課 溢出處理與定位
-
課時1CSS浮動實際案例應用(一)
-
課時2CSS浮動實際案例應用(二)
-
課時3CSS常用定位方式
-
課時4CSS定位及定位產生問題解析
-
課時5overflow/使用場景
第07課 瀏覽器兼容CSS hack
第08課 圖片精靈/經典三列布局
-
課時1圖片精靈的使用
-
課時2三列布局的創建(1)
-
課時3三列布局的創建(2)
-
課時4CSS3實現tab切換
-
課時5創客學院首頁面的靜態排版(三)
-
課時6創客學院首頁面的靜態排版(四)
-
課時7創客學院首頁面的靜態排版(五)
-
課時8創客學院首頁面的靜態排版(六)
第09課 京東首頁模塊制作(1)
-
課時1京東首頁header布局(1)
-
課時2京東首頁header布局(2)
-
課時3京東首頁導航欄布局(1)
-
課時4京東首頁導航欄布局(2)
-
課時5京東首頁導航欄布局(3)
-
課時6banner部分結構制作(1)
-
課時7banner部分結構制作(2)
-
課時8banner部分結構制作(3)
-
課時9banner部分結構制作(4)
第10課 京東首頁模塊制作(2)
-
課時1京東首頁專題部分(1)
-
課時2京東首頁專題部分(2)
-
課時3京東首頁專題部分(3)
-
課時4京東首頁專題部分(4)
-
課時5京東首頁專題部分(5)
-
課時6京東首頁樓層(1)
-
課時7京東首頁樓層(2)
-
課時8京東首頁樓層圖標制作
-
課時9京東首頁右側導航欄制作
第11課 京東購物車模塊制作
-
課時1購物車header部分制作
-
課時2購物車主題內容模塊制作(1)
-
課時3購物車主題內容模塊制作(2)
-
課時4購物車主題內容模塊制作(3)
-
課時5購物車主題內容模塊制作(4)
-
課時6購物車footer部分制作(1)
-
課時7購物車footer部分制作(2)
第12課 LESS基礎
第13課 LESS
-
課時1less簡介
-
課時2less中的混入(1)
-
課時3less中的混入(2)
-
課時4less中的混入(3)
-
課時5less中的嵌套
-
課時6less中的運算與命名空間
-
課時7less小結
第14課 實戰
第15課 HTML5新特性及詳解
-
課時1html5 新特性介紹
-
課時2html5 新標簽介紹
-
課時3選擇器(一)
-
課時4選擇器(二)
-
課時5fontface
-
課時6CSS3中的偽類元素
-
課時7字體圖標
第16課 CSS3中的屬性應用(一)
-
課時1邊框屬性(一)
-
課時2邊框屬性(二)
-
課時3css3中的過渡屬性
-
課時4css3中的變形
-
課時5css3中的動畫
-
課時6cubic(一)
-
課時7cubic(二)
第17課 CSS3中的屬性應用(二)
-
課時1fontStyle
-
課時2gradient(一)
-
課時3gradient(二)
-
課時4css3中的列
-
課時5彈性盒(一)
-
課時6彈性盒(二)
-
課時7彈性盒(三)
-
課時8彈性盒(四)
第18課 移動端布局要素
第19課 響應式布局實現原理
-
課時1rem簡介
-
課時2香哈網移動版頁面制作(一)
-
課時3香哈網移動版頁面制作(二)
-
課時4香哈網移動版頁面制作(三)
-
課時5香哈網移動版頁面制作(四)
-
課時6rem屏幕適配
第20課 響應式布局實戰(一)
第21課 響應式布局實戰(二)
第22課 Bootstrap(一)
-
課時1Bootstrap(1)上
-
課時2Bootstrap(1)下
-
課時3Bootstrap(2)上
-
課時4Bootstrap(2)下
-
課時5Bootstrap(3)上
-
課時6Bootstrap(3)下
-
課時7Bootstrap(4)上
第23課 Bootstrap(二)
授課講師
-
-
韓剛老師
Web前端高級講師
關于講師
10年軟件開發經驗; 精通HTML,CSS javascript等前端技術; 有大量豐富的PC端項目開發經驗; 精通HTML5+CSS3開發移動端頁面及應用程序,熟悉響應式布局開發; 熟練使用業界流行的前端主流框架; 對ajax數據交互與web服務器端技術有深入的了解。
課程推薦
- Web前端開發 試聽 22662
- 網頁制作(HTML5+CSS3) 試聽 23031
- HTML5網頁設計 試聽 23817
- 微信小程序開發從入門到實踐 試聽 20557
學習服務
- 技術大牛直播授課
- 實時學情管理
- 課后作業批改,BUG診斷
- 輔導老師當堂答疑
- 學習規劃,專屬學習方案