步驟1:xa0HTML基礎
HTML主要是為“網頁創建和其它可在網頁瀏覽器中看到的信息”設計的一種標記語言,為搭建網頁結構做出第一步。本階段主要介紹了HTML的語法基礎、表格、表單、等標簽,并有案例結合,達到學以致用。
第1課
HTML基礎
HTML是網頁制作必備技能,在本課程主要介紹HTML概念、語法及常用基礎標簽
第2課
HTML表格
表格在網頁中用于數據和排版,本課程介紹表格概念、語法、操作,并通過案例掌握知識。
第3課
HTML表單
表單用于收集用戶信息,本課程介紹表單概念、語法及創建表單,并通過案例掌握知識。
第4課
案例搭建網頁HTML結構
本課程帶領大家一起搭建一個網頁HTML結構,并掌握網布局相應知識與技巧。
第5課
HTML基礎測試
本課為考評,滿分100學分,共20道題,限時30分鐘
步驟2:xa0CSS基礎
CSS是一種定義樣式結構如字體、顏色、位置等樣式的語言,被用于為頁面添加效果。本步驟主要介紹了CSS的基礎語法、選擇器、文本、背景、列表、盒子模型、浮動、定位以及網頁的布局方式。
第1課
CSS選擇的藝術
本課程主要介紹CSS語法、選擇器、繼承、層疊及優先級基礎內容。
第2課
CSS文本樣式
CSS為字體、文本提供了大量的樣式屬性,可以使我們的頁面式更加豐富的多彩。
第3課
盒子模型
我們就來學習一下css的盒子模型,理解了盒子模型,才能更好的排版,進行頁面布局。
第4課
CSS背景和列表
本課程帶領大家了解一下背景顏色、背景圖片的相關知識,以及列表的多種樣式。
第5課
float浮動
本課程主要介紹了浮動的作用,帶領大家用更好的方式來布局頁面。
第6課
CSS定位(position)
本課程,將帶領大家了解一下定位的知識,教大家如何通過定位來進行布局。
第7課
CSS網頁布局基礎
本課程,我們我們就針對CSS中的基礎布局以及經典的布局展開詳細的講解。
第8課
網頁布局案例
本課程通過實戰的講解,帶領大家體驗真實開發中的的布局樣式。
第9課
CSS基礎測試
本課為考評,滿分100學分,共20道題,限時30分鐘
步驟3:xa0Javascript基礎
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頁切換等實用特效
第9課
Javascript基礎測試
本課為考評,滿分100學分,共25道題,限時37分鐘
步驟4:xa0jQuery基礎
jQuery是一個快速、簡潔的Javascript框架,設計宗旨是“write Less,Do More”。本階段將為大家介紹jQuery的基礎語法、選擇器、DOM、事件、插件、瀑布流案例等。
第1課
jQuery選擇的藝術
課程主要介紹jQ的概念、版本、選擇器,篩選器、以及與js的區別。
第2課
jQuery DOM操作
課程主要講解jQ中查找元素、修改元素樣式和內容以及其它操作方法。
第3課
jQuery事件
課程主要介紹jQ的0級事件、2級事件、事件添加、移除、觸發、自定義、命名空間。
第4課
jQuery插件
課程主要介紹如何尋找插件,使用插件,常用插件以及如何自定義插件。
第5課
jQuery彈出層案例
通過彈出層案例的講解,讓大家更靈活的使用jQuery的屬性和方法以及函數的封裝。
第6課
瀑布流布局案例
瀑布流布局是一種比較流行的網頁布局方式,它會隨著頁面滾動條的滾動不斷加載內容。
第7課
jQuery基礎測試
本課為考評,滿分100學分,共20道題,限時30分鐘
步驟5:xa0實戰案例
通過前面步驟的學習,我們學會了網頁開發的基礎知識,本階段將由多年開發經驗的老師帶領你體驗企業開發中的流程,從ps切圖到最后的網頁完成,積累項目開發經驗。