【課程簡介】

職業網站全能設計師共分為16個階段：HTML5結構化語義的理解與應用知識傳授+CSS3表現核心知識+快速理解設計師意圖
進階WEB流動布局的HTML5代碼編寫，熟練手寫標準CSS3樣式構建+JS動態效果的操作+兼容電腦和手機+性能優化和速度優化

【課程大綱】

一、HTML語言

1.AM:前端開發準備+Web前端開發的現狀與未來+課程安排＋教學效果演示

PM:網站工程開發流程+HTML入門知識+HTML文檔類型

2.HTML塊級標簽+HTML行內標簽+HTML文本標簽

TML表格+HTML列表+HTML圖像知識+講解與練習

3.HTML表單+HTML框架+Chrome控制臺詳解+疑難解答輔導

HTML標簽語義性+HTML元素通用屬性+案例講解與練習

4.企業網站布局解析+網站結構講解+網站布局制作過程演示講解

網站布局制作過程演示講解+網站布局練習+疑難解答與輔導

二、CSS語言+網頁設計規范

5.作業答疑+CSS創建+CSS基礎語法+CSS選擇器

PM：CSS背景+CSS文本+CSS字體+案例練習與輔導

6.AM：CSS框模型+CSS偽類+CSS偽元素+作業答疑

PM：CSS表格+網頁層結構+CSS浮動

7.AM：CSS定位+瀏覽器兼容性調試+作業答疑

PM：Photoshop設計工具+網頁設計中的版式+網頁風格賞析

8.AM：Web頁面設計規范及設計禁忌+用戶體驗+網頁布局剖析與制作

PM：綜合案例演示講解+網頁布局綜合練習

三、JAVASCRIPT基礎

9.AM：JavaScript入門+JavaScript基礎語法+數據輸出與程序調試+注釋

PM：JavaScript變量定義和類型+JavaScript變量操作（增刪改查）

10.AM：JavaScript變量運算+JavaScript運算符+JavaScript數組

PM：JavaScript對象+JavaScript函數+JavaScript流程控制與比較

11.AM：

Axure實現基本交互設計＋交互邏輯講解＋Axure實現交互的演示與講解

PM：Axure軟件實現app交互設計＋交互設計思路與邏輯講解＋交互實現操作演示

12.AM：JavaScript日期+JavaScript算數+JavaScript事件與回調+JS邏輯

PM：JavaScript表單驗證+常用JS動態效果案例實踐

四、JAVASCRIPT進階

13.AM：正則表達式+JavaScript常用內置對象

PM：作用域鏈+面向對象編程+閉包+ECMAScript5/6 新特性+案例實踐

14.AM：JavaScript定時器+BOM模型

PM：HTML DOM編程+常用JS動態效果案例實踐

15.AM：JQuery概述+JQuery選擇器+JQuery DOM 操作

PM：JQuery事件+JQuery案例演示與講解

16.AM：JQuery動畫+JQuery擴展+案例講解

PM：JQuery案例演示與講解+JQuery案例實踐與指導

五、HTML5與CSS3語言

17.AM：HTML5語義性標簽+HTML5 Canvas繪圖+HTML5 SVG

PM：音頻與視頻嵌入+H5案例演示與講解

18.AM：HTML5拖放+HTML5表單驗證+HTML5 Web存儲

PM：HTML5 Web Workers+離線Web應用+H5案例演示與講解

19.AM：HTML5地理定位+HTML5媒體查詢+CSS3邊框與背景

PM：CSS3文本效果+CSS3 2D、3D轉換+CSS3案例演示與講解

20.AM：CSS3動畫+CSS3過渡+CSS3多列布局

PM：CSS3字體引用+CSS3案例演示與講解+H5微場景/公眾號開發

六、響應式設計與移動端開發

21.AM：CSS3媒體查詢+響應式網頁布局+響應式網站案例解析+柵格與排版

PM：移動端用戶體驗+設備尺寸+響應式網案例實踐與輔導

22.AM：Bootstrap可視化布局、網格系統+Bootstrap組件

PM：Bootstrap定制+Bootstrap導航、與插件+案例演示與講解

23.AM：Bootstrap案例實踐指導+移動開發介紹+JQuery mobile框架入門

PM：JQuery mobile頁面與過渡+按鈕與圖標+JQuery mobile表單與網格

24.AM：JQuery mobile事件+WAP案例演示與講解

PM：WAP案例演示與講解

七、JS編程+服務器操作

25.本地WEB服務器環境搭建與調試+服務器端技術簡介+PHP語法基礎

PM：Apache 服務器、PHP訪問數據庫+服務器端組件原理+HTTP協議

AM：XML與JSON + PHP操作JSON與XML + JS操作JSON與XML

PM：PHP與HTML混合編程+AJAX原理與應用+經典案例+JS原生AJAX

AM：JQuery AJAX + SQL基礎語法+AnglarJS+MVC編程

PM：AnglarJS指令和表達式+AnglarJS控制器

AM：AnglarJS模塊化+AnglarJS路由+AnglarJS事件綁定

PM：AnglarJS項目實戰+如何創建個人網站+個人網站案例剖析

八、綜合指導+網站實現

AM：域名申請+空間購買+常用CMS程序介紹安裝和使用

PM：數據備份與恢復+FTP上傳+個人網站制作輔導

AM：SEO、SEM推廣+微博、微信綜合推廣

PM：前端代碼優化+個人網站制作輔導

AM：終期考試測驗＋教學測評＋試卷答案講解與分析

PM：個人網站制作輔導

AM：就業指導＋面試技巧要點＋面試注意事項＋思路方法

PM：疑難問題分析＋個人網站制作輔導

【從事職業】

網頁設計師、H5頁面工程師、網絡架構師、網站前端工程師、網頁設計師、前端開發工程師

【就職公司】

IT公司、設計公司、甲方公司、開發公司、互聯網公司

【作品展示】