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