Web開發基礎-網頁布局制作與網站商城搭建【共112課時】

課程簡介：本課程是一套完整的靜態網站開發視頻，涵蓋了PC端布局、移動端布局、響應式布局等多個方面的布局方案。你還可以學到最新的瀏覽器內置布局方案以及最基礎的HTML5和CSS3。 以實際項目作為驅動，將HTML5+CSS3的知識融匯到實際的項目里，內容豐富且清晰。該視頻同樣適用于沒有編程基礎的學員進行學習。

課程時長：112課時

適合人群：本課程無特殊要求，適合對前端感興趣或者入門的所有人，包括不限于希望轉行的在職或者非在職的人員和在校學生。

購課須知：該課程為虛擬產品,一經售出概不退費，購買前請仔細確認!

聽課須知：【我的課程】中即可查找和觀看已報免費/已購付費課程，且APP支持離線下載功能。

課程試聽/購買入口：http://xue.ujiuye.com/class-103851/?scode=pZLTRZ-wz

學習交流答疑群：一鍵加群(769132328) 入群請備注“領資料”

課程安排：

第1章 · 課程資料

第1講 · 課程資料

第2講 · 作業及項目

第2章 · HTML和CSS基礎

第3講 · web簡介 免費試學

第4講 · 網頁概述及軟件安裝 免費試學

第5講 · HTML簡介 免費試學

第6講 · 常用塊級標簽

第7講 · 常用行級標簽

第8講 · 網頁圖片

第9講 · 網頁鏈接

第10講 · HTML中的表格

第11講 · html表單標簽

第12講 · html表單屬性

第13講 · css簡介及基本語法

第14講 · css基本選擇器

第15講 · css復合選擇器

第16講 · css文本樣式

第17講 · css字體樣式

第18講 · 案例實操

第19講 · CSS中的顏色和單位

第20講 · CSS三大特性

第21講 · 盒模型內容和內邊距

第22講 · 盒模型之邊框

第23講 · 盒模型之外邊距

第24講 · 外邊距合并問題

第25講 · 綜合實例-上

第26講 · 綜合實例-下

第27講 · CSS背景屬性

第28講 · 背景屬性應用

第29講 · 元素類型

第30講 · 元素類型轉換

第31講 · 列表樣式及溢出處理

第32講 · 垂直對齊方式

第33講 · 綜合案例

第34講 · 浮動原理及屬性

第35講 · 浮動解決的問題

第36講 · 浮動產生的問題及解決方案

第37講 · 清除浮動方法優化

第38講 · 浮動案例-兩列

第39講 · 浮動案例-三列及多列

第40講 · 浮動案例-優就業頂部導航

第41講 · 相對定位

第42講 · 絕對定位

第43講 · 固定定位

第44講 · 偏移屬性和層級

第45講 · 居中技巧

第46講 · 綜合案例

第3章 · 布局技巧

第47講 · BFC詳解

第48講 · 等高布局-內外邊距抵消法

第49講 · 等高布局-邊框法

第50講 · 圣杯布局和雙飛翼布局

第51講 · 透明兼容

第52講 · CSSHack技術

第53講 · 屬性補充

第54講 · 常見兼容性問題

第55講 · CSS小箭頭

第56講 · css滑動門

第57講 · ps操作切圖及圖片格式 免費試學

第58講 · CSS精靈圖

第59講 · 字體圖標

第4章 · pc端項目

第60講 · 項目文件夾規范

第61講 · 頁面TDK和圖標

第62講 · HTML書寫規范

第63講 · CSS書寫規范

第64講 · 項目實操-頂部欄實現

第65講 · 項目實操-頭部欄實現

第5章 · HTML5 + CSS3

第66講 · HTML5新增語義化標簽

第67講 · 結構化標簽的兼容處理

第68講 · 多媒體標簽

第69講 · 新增表單元素

第70講 · 新增表單屬性

第71講 · CSS3簡介及瀏覽器私有前綴 免費試學

第72講 · 屬性選擇器 免費試學

第73講 · 結構偽類選擇器及狀態偽類選擇器

第74講 · 圓角和陰影

第75講 · 新增背景屬性

第76講 · 線性漸變和徑向漸變

第77講 · 用戶界面

第78講 · 2D轉換

第79講 · 3D轉換

第80講 · 3D轉換案例

第81講 · 過渡語法

第82講 · 過渡案例

第83講 · 關鍵幀動畫語法

第84講 · 關鍵幀動畫案例

第85講 · 多列布局

第86講 · calc函數

第87講 · 彈性布局概述及容器屬性

第88講 · 彈性布局項目屬性

第89講 · 彈性布局案例

第6章 · Less

第90講 · less簡介和編譯

第91講 · less語法(上)

第92講 · less語法(下)

第7章 · 移動端項目

第93講 · 移動端瀏覽器分析及viewport設置

第94講 · rem布局原理

第95講 · 媒體查詢

第96講 · 特殊問題處理

第97講 · 文本溢出顯示省略號

第98講 · 移動端項目搭建及頭部實現

第99講 · 移動端項目實操

第100講 · 媒體查詢+rem布局

第101講 · vw+rem布局

第8章 · 響應式項目

第102講 · 響應式概述及基本設置

第103講 · 設備分類

第104講 · 百分比布局在響應式中的應用

第105講 · 響應式圖片

第106講 · 響應式項目實操(上)

第107講 · 響應式項目實操(下)

第9章 · 網格

第108講 · 網格布局(1)

第109講 · 網格布局(2)

第110講 · 網格布局(3)

第111講 · 網格項目屬性

第112講 · 網格布局應用案例

說明：以上課程信息更新于2021年2月，如后續發生課程更新導致實際課程內容與介紹不符，請以實際授課內容為準，或咨詢課程老師獲取最新課程信息。