北京專業(yè)web前端開(kāi)發(fā)培訓(xùn)零元入學(xué)正式啟動(dòng)火星人教育集團(tuán)

photoshop?強(qiáng)大的位圖處理軟件

廣泛用于網(wǎng)頁(yè)設(shè)計(jì)行業(yè)，授課從軟件界面認(rèn)知到熟練操作，均結(jié)合實(shí)戰(zhàn)案例，在學(xué)習(xí)中一步一步由淺至深的學(xué)習(xí)，?掌握Photoshop的使用和進(jìn)行頁(yè)面設(shè)計(jì)。

Illustrator?強(qiáng)大的矢量圖軟件

矢量圖形繪制軟件的界面與工具；矢量圖形繪制的技巧。百套案例，實(shí)戰(zhàn)演練；設(shè)計(jì)實(shí)現(xiàn)產(chǎn)品的用戶界面。

Flash網(wǎng)站中強(qiáng)大的動(dòng)畫(huà)軟件

用于網(wǎng)頁(yè)中的動(dòng)畫(huà)廣告、動(dòng)畫(huà)效果；房產(chǎn)行業(yè)均為flash整站，效果奪目，引人眼球的Banner?；大幅度增加網(wǎng)頁(yè)觀賞性

Dreamweaver語(yǔ)言代碼編輯軟件

前端腳本語(yǔ)言（html、css、javascript、Jquery等）均在DW中編輯，優(yōu)化前端性能，確保Web用戶界面在多瀏覽器環(huán)境中正常工作；

第二階段?版式設(shè)計(jì)與布局

版式設(shè)計(jì)與布局

有扎實(shí)的理論為基礎(chǔ)，就能有出色的設(shè)計(jì)作品。??????

掌握設(shè)計(jì)的基本原則、柵格理論以及點(diǎn)線面元素處理等重要版式布局理念。

如何讓網(wǎng)頁(yè)界面更加吸引力，如何突破以往的網(wǎng)頁(yè)版面格局等新鮮內(nèi)容

第三階段?前端語(yǔ)言（DIV+CSS?解決瀏覽器兼容性）

HTML語(yǔ)言要點(diǎn)

Html語(yǔ)言簡(jiǎn)介；使用表單，框架的使用，iframe的作用；網(wǎng)頁(yè)特效（javascript）

CSS基礎(chǔ)知識(shí)篇

XHTML基礎(chǔ)，選擇合適的doctype，選擇合適的標(biāo)簽。CSS語(yǔ)法結(jié)構(gòu)，CSS屬性與選擇符，類型選擇符，id及class選擇符。應(yīng)用CSS到網(wǎng)頁(yè)中，行間樣式表，內(nèi)部樣式表，外部樣式表。

CSS語(yǔ)法結(jié)構(gòu)

樣式的優(yōu)先權(quán)問(wèn)題；認(rèn)識(shí)DIV以及盒子模型；盒子模型詳解以及上下左右疊加問(wèn)題

CSS內(nèi)容排版

文字排版，通欄排版，分欄排版，圖文混合排版，圖片基礎(chǔ)?控制，不規(guī)則文字環(huán)繞，全圖排版，表格排版。充分使用表格對(duì)象的標(biāo)簽，表格樣式控制，表單表格設(shè)計(jì)

CSS高級(jí)應(yīng)用與技巧

id?與?class；CSS代碼縮寫(xiě)；?CSS代碼優(yōu)化，增加代碼重用率，使用樣式覆蓋進(jìn)行簡(jiǎn)化；

瀏覽器兼容性問(wèn)題處理

XHTML與CSS校驗(yàn)，XHTML校驗(yàn)器，CSS校驗(yàn)器；解決主流瀏覽器兼容問(wèn)題

第四階段?JavaScript開(kāi)發(fā)課程

JavaScript入門與實(shí)踐

JavaScript是一種基于對(duì)象和實(shí)踐驅(qū)動(dòng)并且相對(duì)安全的客戶端腳本語(yǔ)言。同時(shí)也是一種廣泛用于客戶端Web開(kāi)發(fā)的腳本語(yǔ)言，常用來(lái)給HTML網(wǎng)頁(yè)添加動(dòng)態(tài)功能，比如響應(yīng)用戶的各種操作。

1

JavaScript的引入方式；

JavaScript的基本數(shù)據(jù)類型、常量變量、 JavaScript的基本運(yùn)算符、JavaScript的賦值運(yùn)算，表達(dá)式；

JavaScript中的語(yǔ) 句；

2

流程控制：判斷語(yǔ)句、循環(huán)語(yǔ)句；

3

函數(shù)的基本概念；

函數(shù)的聲明與調(diào)用，函數(shù)的參數(shù)和返回值；

函數(shù)的高級(jí)用法： 遞歸等；

4

數(shù)組的基本知識(shí)；

數(shù)組的生命、訪問(wèn)、遍歷等；

數(shù)組相關(guān)API：排序、添加元素、刪減元素等；

字符串的基本知識(shí)；this關(guān)鍵字的用法；

JS異常處理；TAB切換效果的實(shí)現(xiàn)；

5

編程基礎(chǔ)綜合練習(xí)；

6

學(xué)習(xí)瀏覽器對(duì)象模型；

學(xué)些Document對(duì)象、文檔對(duì)象模型、時(shí)間處理、 滾動(dòng)類效果、碰壁反彈效果、拖拽效果、淘寶商品的放大效果；

7

Math對(duì)象的基本知識(shí)；

Date對(duì)象的知識(shí)和應(yīng)用；

DOM文檔對(duì)象模型的基本知識(shí)和效果開(kāi)發(fā)；

BOM瀏覽器對(duì)象模型；

8

計(jì)時(shí)器的原理與應(yīng)用；

不同數(shù)據(jù)類型的操作方法；

構(gòu)造函數(shù)的基本知識(shí)；

閉包、 面向?qū)ο螅?/span>

作用域的基本知識(shí)、原理與原型鏈；

web開(kāi)發(fā)綜合案例

各種類庫(kù)的使用

熟悉各種類庫(kù)的使用，并對(duì)其實(shí)現(xiàn)原理有一定了解

JavaScript運(yùn)動(dòng)特效

精通?JavaScript運(yùn)動(dòng)特效技術(shù)，能完整實(shí)現(xiàn)各類網(wǎng)站動(dòng)畫(huà)特效

JavaScript調(diào)試

掌握?JavaScript調(diào)試及優(yōu)化技術(shù)、能兼容所有瀏覽器；

JavaScript事件處理

精通JavaScript事件對(duì)象及事件的工作機(jī)制，并能完成各類?跨平臺(tái)應(yīng)用模塊?的開(kāi)發(fā)

第五階段 ?jQuery特效課程

Jquery入門和實(shí)戰(zhàn)

jQuery使用戶能更方便地處理HTML?documents、events、實(shí)現(xiàn)動(dòng)畫(huà)效果，并且方便地為網(wǎng)站提供AJAX交互。

1

jQuery的基本語(yǔ)法；

2

jQuery中的常用選擇器；

3

jQuery對(duì)于事件的處理；

4

jQuery中的動(dòng)畫(huà)知識(shí)和應(yīng)用；

5

jQuery的文檔操作；

6

jQuery對(duì)屬性，CSS的修改和設(shè)置

7

jQuery實(shí)現(xiàn)拖動(dòng)效果；

初識(shí)AJAX

AJAX不是一種新的編程語(yǔ)言，而是一種用于創(chuàng)建更好更快以及交互性更強(qiáng)的Web應(yīng)用程序的技術(shù)。

1

AJAX的基本原理講解；

Web應(yīng)用程序的解決方案；

AJAX的工作方式；

基于各種Web解決方案的AJAX技術(shù)選擇路線；

如何使用AJAX；

2

初始化對(duì)象；

指定響應(yīng)處理函數(shù)；

發(fā)出http請(qǐng)求；

處理服務(wù)器返回的信息；

一個(gè)初步的AJAX開(kāi)發(fā)框架；

3

異常處理機(jī)制；

中文亂碼問(wèn)題及其解決方案；

4

XHR對(duì)象的基本知識(shí)；

JSON與XML的辨析

5

jQuery中AJAX的使用；

利用jQuery實(shí)現(xiàn)AJAX的效果開(kāi)發(fā)；

第六階段 jQuery的Javascript實(shí)戰(zhàn)課程案例

javascript、jQuery簡(jiǎn)介和關(guān)系
開(kāi)發(fā)工具、調(diào)試
javascript和jQuery基礎(chǔ)
數(shù)組和字符串

實(shí)戰(zhàn)作品（1）：網(wǎng)站二級(jí)菜單

實(shí)戰(zhàn)作品（2）：聯(lián)動(dòng)選擇與內(nèi)容滾動(dòng)切換

jQuery選擇器
操作頁(yè)面文檔元素
使用CSS 表格處理?

實(shí)戰(zhàn)作品（3）：焦點(diǎn)圖與選項(xiàng)切換?

實(shí)戰(zhàn)作品（4）：CSS皮膚切換?

實(shí)戰(zhàn)作品（5）：表格操作

jQuery中的事件處理?

實(shí)戰(zhàn)作品（6）：簡(jiǎn)單的相冊(cè)

動(dòng)畫(huà)、視覺(jué)特效（頁(yè)面導(dǎo)航）?

實(shí)戰(zhàn)作品（7）：帶背景動(dòng)畫(huà)的感應(yīng)菜單?

實(shí)戰(zhàn)作品（8）：lightbox?

實(shí)戰(zhàn)作品（9）：圖片放大鏡

實(shí)戰(zhàn)作品（10）：圖片的出場(chǎng)動(dòng)畫(huà)

實(shí)例講解（11）：圖片的切換效果

Ajax?

實(shí)例講解（12）：定時(shí)刷新內(nèi)容

實(shí)例講解（13）：定時(shí)變換圖片

表單驗(yàn)證與正則表達(dá)式? ?

實(shí)例講解（14）：表單驗(yàn)證

實(shí)例講解（15）：內(nèi)容篩選

數(shù)據(jù)緩存
安全與性能優(yōu)化
jQuery常用工具、插件

?實(shí)例講解（16）：彈出窗口

實(shí)例講解（17）：延時(shí)加載

實(shí)例講解（18）：Auto?Complete

實(shí)例講解（19）：使用編輯器

實(shí)例講解（20）：簡(jiǎn)單提示層

實(shí)例講解（21）：內(nèi)容滾動(dòng)

實(shí)例講解（22）：日期選擇

第七階段 WEB前端開(kāi)發(fā)項(xiàng)目案例

實(shí)例講解

實(shí)例講解（23）：播放視頻

實(shí)例講解（24）：本地存儲(chǔ)

實(shí)例講解（25）：CSS3繪圖?

實(shí)例講解（26）：JS相冊(cè)

精美游戲網(wǎng)站

頁(yè)面設(shè)計(jì)華麗、炫目。色彩搭配千變?nèi)f化，給人身臨其境般的感覺(jué)，吸引玩家加入游戲。

設(shè)計(jì)實(shí)戰(zhàn)：頁(yè)游類游戲網(wǎng)站、客戶端類游戲網(wǎng)站、精彩專題類游戲網(wǎng)站。

大型門戶網(wǎng)站

體現(xiàn)團(tuán)隊(duì)合作精神，往往是小組式承接項(xiàng)目。網(wǎng)站中信息量龐大，相關(guān)內(nèi)容全面并有條理。工作量大，但是完成時(shí)成功感最強(qiáng)！

設(shè)計(jì)實(shí)戰(zhàn)：影視類門戶網(wǎng)站、音頻類門戶網(wǎng)站、游戲類門戶網(wǎng)站、訊息類門戶網(wǎng)站、下載類門戶網(wǎng)站

網(wǎng)上商城

當(dāng)今盛行的購(gòu)物平臺(tái)，焦點(diǎn)圖分部在頁(yè)面上、中、下，全方位商品營(yíng)銷。

設(shè)計(jì)實(shí)戰(zhàn)：綜合類網(wǎng)上商城、單一類網(wǎng)上商城

php與前端開(kāi)發(fā)的相互結(jié)合

第八階段?畢業(yè)作品整理與就業(yè)應(yīng)聘

畢業(yè)設(shè)計(jì)指導(dǎo)與整理

高級(jí)講師及資深設(shè)計(jì)師指導(dǎo)你完成畢業(yè)作品，以備應(yīng)聘時(shí)使用。對(duì)學(xué)習(xí)過(guò)的所有課程和自己做一個(gè)完美的總結(jié)。要求必須完成5整套網(wǎng)站作品。

就業(yè)應(yīng)聘技巧與職業(yè)規(guī)范

就業(yè)形勢(shì)分析及指導(dǎo)；畢業(yè)學(xué)員在應(yīng)聘前應(yīng)該做的準(zhǔn)備；應(yīng)聘注意事項(xiàng)、禮儀、技巧；從業(yè)后工作態(tài)度；人際交往等全面發(fā)展的技巧培訓(xùn)。