使用HTML+CSS3+H5開發企業官網項目【共61課時】

課程簡介：該視頻是一套完整的靜態網站開發視頻，涵蓋了PC端布局、移動端布局以及H5界面制作工具Epub360等多個方面的內容。該視頻由淺入深系統化講解，內容詳盡，囊括了平時學習工作中經常用到的web開發基礎技能。以實際項目作為驅動，將HTML5+CSS3的知識融匯到實際的項目里，內容豐富且清晰。該視頻同樣適用于沒有編程基礎的學員進行學習。

課程時長：61課時

適合人群：零基礎初學者、對前端開發感興趣同學、網站編輯、設計相關人士、在校學生等。

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

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

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

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

課程安排：

第1章 · html(html5)

第1節 · 課程簡介、開發環境

第1講 · 課程大綱簡介和編輯器和瀏覽器安裝和使用 免費試學

第2節 · html基礎知識

第2講 · html簡介、文檔創建、網頁基本組成結構、標簽及標簽屬性 免費試學

第3節 · 常用標簽及html5新增標簽

第3講 · 常見的html標簽(上)

第4講 · 常見的html標簽(下)

第5講 · 網頁中插入圖片和鏈

第6講 · 塊級元素和行內元素的特點，display屬性，元素的嵌套規則

第7講 · html5新增標簽

第8講 · 標簽語義化及實用技

第4節 · 表格

第9講 · 表格及表格應用

第5節 · 表單及html5表單新特性

第10講 · 表單域、表單元素、表單常用屬性

第11講 · html5新增表單標簽和屬性

第2章 · css(css3)

第1節 · css基礎知識

第12講 · css簡介和語法、引入方式、外鏈式和導入式的異同點

第13講 · css命名規范

第2節 · css選擇器和css3新增選擇器

第14講 · css選擇器之基本選擇器

第15講 · css選擇器之復雜選擇器

第16講 · css選擇器之偽元素選擇器

第17講 · css選擇器之偽類選擇器

第18講 · css選擇器之屬性選擇器及css3新增屬性選擇器

第19講 · css3新增偽類選擇器

第20講 · 選擇器權重的計算

第3節 · 字體屬性

第21講 · css屬性之字體屬性和文本屬性(上)

第22講 · css屬性之字體屬性和文本屬性(下)

第4節 · 盒模型

第23講 · css盒模型圖解、寬度和高度、內邊距、邊框、外邊距(上)

第24講 · css盒模型圖解、寬度和高度、內邊距、邊框、外邊距(下)

第25講 · css盒模型之border使用技巧、小箭頭制作、三角形制作

第26講 · margin的經典bug：垂直外邊距合并和margin-top傳遞問題

第27講 · margin和padding的區別，margin負值使用技巧，盒模型計算公式

第5節 · 背景屬性及css3新增背景屬性

第28講 · css背景屬性屬性之背景顏色、背景圖片、背景重復、背景定位

第29講 · css3新增背景屬性：背景關聯、背景、尺寸、裁剪、顯示原點

第30講 · 雪碧圖的使用和制作技巧

第6節 · 浮動

第31講 · 多個元素在一行顯示多種方法和技巧

第32講 · 浮動元素特點、文檔流和脫離文檔

第33講 · 浮動產生的影響及清除浮動的方

第7節 · overflow

第34講 · overflow屬性詳解及多其種用途(上)

第35講 · overflow屬性詳解及多其種用途(下)

第36講 · 單行、多行文本超出部分顯示省略號

第8節 · 定位

第37講 · 相對定位、固定定位

第38講 · 絕對定位

第39講 · 定位元素的異同點，定位元素的層級關系及z-index屬性

第40講 · 如何讓元素消失在我們的視野中

第9節 · css3更多新增屬性

第41講 · css3新增屬性-css3新增屬性之圓角和陰影

第42講 · css3新增屬性-css3新增屬性之linear-gradient線性漸變和radial-gradient徑向漸變(上)

第43講 · css3新增屬性-css3新增屬性之linear-gradient線性漸變和radial-gradient徑向漸變(下)

第44講 · css3新增屬性-css3盒子陰影box-shadow 和遮罩mask

第10節 · 動畫

第45講 · css3新增屬性-transition過渡動畫

第46講 · css3新增屬性-animation幀動畫

第11節 · 變形

第47講 · css3新增屬性-transfrom2D變形

第48講 · css3新增屬性-transform3D變形(上)

第49講 · css3新增屬性-transform3D變形(下)

第12節 · 多列

第50講 · 多列布局

第3章 · PC端項目實戰

第1節 · 企業官網項目實現

第51講 · 網站重項目案例(源碼及設計稿)

第52講 · 項目目錄規劃、公共模塊實現

第53講 · 企業官網-首頁(上)

第54講 · 企業官網-首頁(下

第55講 · 企業官網-列表

第56講 · 企業官網-內容

第57講 · 企業官網-關于我們

第4章 · 移動端H5頁面項目實戰

第1節 · 響應式解決方案詳解

第58講 · viewport和流式布局

第59講 · DPI適配、媒體查詢

第60講 · rem詳解

第2節 · 活動專題頁面實現

第61講 · 項目目錄規劃，搭建項目的基本html結構

第62講 · 響應式布局實現

第5章 · H5廣告之意派Epub360

第63講 · 1.H5概述

第64講 · 2.H5的策劃與推廣

第65講 · 3.意派Epub360基本介紹

第66講 · 4.意派Epub360編輯器詳解

第67講 · 5.招聘類H5廣告制作(上)

第68講 · 6.招聘類H5廣告制作(下)

第69講 · 7.H5廣告數據監測與收集

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