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