Web前端攻城獅培養計劃之前端小白入門：網頁布局基礎與常見網頁特效
步驟1: HTML基礎
超文本標記語言（英文縮寫：HTML）是為“網頁創建和其它可在網頁瀏覽器中看到的信息”設計的一種標記語言,為搭建網頁結構做出第一步。本階段主要介紹了HTML的語法基礎、表格、表單、等標簽，並有案例結合，達到學以致用。
第1課 HTML基礎
HTML是網頁制作必備技能，在本課程主要介紹HTML概念、語法及常用基礎標簽
第2課 HTML表格
表格在網頁中用於數據和排版，本課程介紹表格概念、語法、操作，並通過案例掌握知識。
第3課 HTML表單
表單用於收集用戶信息，本課程介紹表單概念、語法及創建表單，並通過案例掌握知識。
第4課 案例搭建網頁HTML結構
本課程帶領大家一起搭建一個網頁HTML結構，並掌握網布局相應知識與技巧。
步驟2: CSS基礎
CSS是一種定義樣式結構如字體、顏色、位置等的語言，被用於描述網頁上的信息格式化和現實的方式。本步驟主要介紹了css的基礎語法、選擇器、文本、背景、列表、盒子模型、浮動、定位以及網頁的布局方式。
第1課 CSS選擇的藝術
本課程主要介紹CSS語法、選擇器、繼承、層疊及優先級基礎內容。
第2課 CSS文本樣式
CSS為字體、文本提供了大量的樣式屬性，可以使我們的頁面式更加豐富的多彩。
第3課 CSS背景和列表
本課程帶領大家了解一下背景顏色、背景圖片的相關知識，以及列表的多種樣式。
第4課 盒子模型
我們就來學習一下css的盒子模型，理解了盒子模型，才能更好的排版，進行頁面布局。
第5課 float浮動
本課程主要介紹了浮動的作用，帶領大家用更好的方式來布局頁面。
第6課 CSS定位（position）
本課程，將帶領大家了解一下定位的知識，教大家如何通過定位來進行布局。
第7課 CSS網頁布局基礎
本課程，我們我們就針對CSS中的基礎布局以及經典的布局展開詳細的講解。
第8課 網頁布局案例
本課程通過實戰的講解，帶領大家體驗真實開發中的的布局樣式。
步驟3: JavaScript基礎
JavaScript是一種解釋性腳本語言，主要用來向HTML頁面添加交互行為。本階段主要帶領大家學習JS的基本語法、流程控制語句、函數、對象、DOM、BOM、事件以及輪播圖的案例，實現網頁的交互效果。
第1課 JavaScript語法
初步了解JavaScript語言，掌握它的語法、數據類型、基本算數和邏輯運算操作
第2課 JavaScript流程控制語句
掌握JavaScript中條件分支語句和循環語句的使用，用簡潔的代碼實現強大功能
第3課 JavaScript函數
掌握函數的使用，學習函數的封裝，體會代碼復用的過程和它帶來的便利
第4課 JavaScript內置對象
學習內置對象的常用屬性和方法，方便我們開發中直接調用，進而實現更多功能
第5課 JavaScript DOM基礎
DOM的方法和屬性既可以獲取網頁中的元素，也可以設置元素的內容、樣式及效果
第6課 JavaScript DOM事件
為頁面中的元素綁定鍵盤或鼠標事件，從而可以觸發和實現我們想要的交互效果
第7課 JavaScript BOM基礎
學習瀏覽器對象模型“BOM”，可以對瀏覽器窗口進行訪問和操作，與瀏覽器“對話”
第8課 JavaScript實現輪播特效
綜合運用JavaScript知識，做出輪播圖、tab頁切換等實用特效
步驟4: jQuery基礎
jQuery是一個快速、簡潔的JavaScript框架，設計宗旨是“write Less，Do More”。本階段將為大家介紹jQuery的基礎語法、選擇器、DOM、事件、插件、瀑布流案例等。
第1課 jQuery選擇的藝術
課程主要介紹jQuery的概念、版本、選擇器，篩選器、以及與js的區別。
第2課 jQuery DOM操作
本課程主要講解jQuery中查找元素、修改元素樣式和內容以及其它操作方法。
第3課 jQuery事件
本課程主要介紹了jQuery對象中的0級事件、2級事件，以及事件的添加、移除、觸發、自定義事件、命名空間。
第4課 jQuery插件
本課程主要介紹了如何尋找自己需要的插件，如何使用插件，幾個常用插件的介紹、以及如何自定義插件。
第5課 jQuery彈出層案例
通過彈出層案例的講解，讓大家更靈活的使用jQuery的屬性和方法以及函數的封裝。
第6課 瀑布流布局案例
瀑布流布局，是目前比較流行的一種網頁布局方式，它會隨著頁面滾動條的滾動而不斷加載內容。
步驟5: 實戰案例
通過前面步驟的學習，我們學會了網頁開發的基礎知識，本階段將由多年開發經驗的老師帶領你體驗企業開發中的流程，從ps切圖到最後的網頁完成，積累項目開發經驗。
第1課 Photoshop輔助工具
Photoshop是圖像處理的軟件，本課程主要介紹了它是如何對圖形圖像進行編輯和色彩處理的。
第2課 統一掛號平臺案例
結合所學的HTML、CSS、jQuery知識，完成整站開發
下載地址:百度網盤下載
Web前端攻城獅培養計劃之前端小白入門：網頁布局基礎與常見網頁特效