天津h5培訓(xùn)班
【所屬機(jī)構(gòu)：天津先鋒科教培訓(xùn)】
天津h5培訓(xùn)班，先鋒科教培訓(xùn)的H5精修班幫助學(xué)員深入系統(tǒng)的學(xué)習(xí)H5+CSS3，學(xué)員完成后可以獨(dú)立制作響應(yīng)式網(wǎng)頁設(shè)計(jì)，已經(jīng)具備應(yīng)對(duì)H5前端設(shè)計(jì)相應(yīng)的工作，畢業(yè)后可以從事任何網(wǎng)頁設(shè)計(jì)相關(guān)的工作。
01 適合學(xué)習(xí)對(duì)象
+ 在校學(xué)生學(xué)習(xí)
+ 在職人員進(jìn)修
+ 設(shè)計(jì)師進(jìn)階
+ 零基礎(chǔ)學(xué)員入門
02 H5培訓(xùn)課程大綱
- 《網(wǎng)頁基礎(chǔ)》課程
網(wǎng)頁基礎(chǔ)課程 節(jié)點(diǎn)學(xué)習(xí)內(nèi)容 最終學(xué)習(xí)目標(biāo)描述 節(jié)點(diǎn)1認(rèn)識(shí)網(wǎng)站：學(xué)習(xí)網(wǎng)站相關(guān)知識(shí)；掌握DW界面和其功能HTML是網(wǎng)頁制作必備技能，主要介紹HTML概念、語法及常用基礎(chǔ)標(biāo)簽 節(jié)點(diǎn)2
代碼入門：HTML代碼基礎(chǔ)及CSS層疊樣式表概述
css的盒子模型，更好的排版，進(jìn)行頁面布局。 介紹CSS語法、選擇器、繼承、層疊及優(yōu)先級(jí)基礎(chǔ)內(nèi)容。 節(jié)點(diǎn)3知識(shí)進(jìn)階：表單制作、JavaScript、html5+css3表單標(biāo)簽的編寫規(guī)范、嵌套規(guī)范以及相關(guān)屬性的用法講解；了解JavaScript語言，掌握它的語法、數(shù)據(jù)類型、基本算數(shù)和邏輯運(yùn)算操作，方便我們開發(fā)中直接調(diào)用，進(jìn)而實(shí)現(xiàn)更多功能 常見的html5標(biāo)簽；講解css3的圓角、陰影、旋轉(zhuǎn)、縮放、以及速率等屬性值 節(jié)點(diǎn)4實(shí)戰(zhàn)應(yīng)用：入門網(wǎng)站制作；進(jìn)階網(wǎng)站制作；多平臺(tái)網(wǎng)站設(shè)計(jì)戰(zhàn)略搭建一個(gè)網(wǎng)頁HTML結(jié)構(gòu)，并掌握網(wǎng)布局相應(yīng)知識(shí)與技巧。針對(duì)CSS中的基礎(chǔ)布局以及經(jīng)典的布局展開詳細(xì)的講解。對(duì)前面知識(shí)的綜合應(yīng)用，通過項(xiàng)目實(shí)戰(zhàn)，更加熟練掌握基礎(chǔ)知識(shí)，在實(shí)踐中復(fù)習(xí)、鞏固知識(shí)，提高綜合能力。 本模塊完成后學(xué)員具備完成簡單靜態(tài)頁面能力，可以從事網(wǎng)頁前臺(tái)制作的工作，但是因?yàn)楦钊氲募夹g(shù)缺乏，無法勝任更高級(jí)的設(shè)計(jì)與開發(fā)工作，屬于網(wǎng)頁設(shè)計(jì)最底層的工作能力要求程度 - 《H5前端設(shè)計(jì)》課程
H5前端設(shè)計(jì)課程 節(jié)點(diǎn)學(xué)習(xí)內(nèi)容 最終學(xué)習(xí)目標(biāo)描述 節(jié)點(diǎn)1H5前端開發(fā)環(huán)境介紹：傳統(tǒng)網(wǎng)站知識(shí)布局總結(jié)前端開發(fā)環(huán)境介紹：DreamWeaver、 Notepad++、HBuilder；HTML基礎(chǔ)，CSS基礎(chǔ)，CSS核心屬性；CSS樣式層疊繼承，盒模型 節(jié)點(diǎn)2HTML5基礎(chǔ)及案例練習(xí)HTML5提供了新的元素來創(chuàng)建更好的頁面結(jié)構(gòu)，告別傳統(tǒng)代碼不能更好語義化說明及頁面新功能增加。新增標(biāo)簽介紹：<article>、<aside>、<figure>、<header>、<mark>、<nav>、<section> ... ...
移除標(biāo)簽介紹： <acronym>、<basefont>、<frame>、<strike> ... ...
節(jié)點(diǎn)3CSS3基礎(chǔ)及案例練習(xí)CSS3基礎(chǔ)屬性介紹，做到用代碼大量替換PS作圖的工作，符合市場需求。邊框?qū)傩裕篵ox-shadow、border-image；圓角：border-radius；背景：background-size、background-origin、background-clip；漸變：線性漸變、徑向漸變；文本效果：text-shadow、box-shadow、text-overflow、word-wrap、word-break；字體：@font-face；... ... 節(jié)點(diǎn)4定位布局及CSS3特效應(yīng)用：動(dòng)畫特效交互事件；響應(yīng)式設(shè)計(jì)CSS3的特效使用，制作交互動(dòng)畫，讓網(wǎng)站活起來；2D/3D轉(zhuǎn)換：translate()、rotate()；過渡/動(dòng)畫屬性：transition、animation；... ...三種定位布局方式，定位在交互上的應(yīng)用。響應(yīng)式設(shè)計(jì)： 就是我們?nèi)粘Ｕf的手機(jī)網(wǎng)站或三屏合一網(wǎng)站；通過使用的設(shè)備環(huán)境（系統(tǒng)平臺(tái)、屏幕尺寸、屏幕定向等）進(jìn)行相對(duì)應(yīng)的布局；最終達(dá)到網(wǎng)站的不同尺寸布局。 本模塊會(huì)深入系統(tǒng)的學(xué)習(xí)H5+CSS3，學(xué)員完成后可以獨(dú)立制作響應(yīng)式網(wǎng)頁設(shè)計(jì)，已經(jīng)具備應(yīng)對(duì)H5前端設(shè)計(jì)相應(yīng)的工作，畢業(yè)后可以從事任何網(wǎng)頁設(shè)計(jì)相關(guān)的工作 - 網(wǎng)頁高級(jí)特效與框架開發(fā)
網(wǎng)頁高級(jí)特效與框架開發(fā) 節(jié)點(diǎn)學(xué)習(xí)內(nèi)容 最終學(xué)習(xí)目標(biāo)描述 節(jié)點(diǎn)1
HTML5新標(biāo)簽：?檔頭和編碼聲明；基礎(chǔ)標(biāo)簽；文本類標(biāo)簽；列表標(biāo)簽；語義化標(biāo)簽的應(yīng)?；字符實(shí)體‘’表格標(biāo)簽；HTML5標(biāo)簽的兼容處理；HTML5標(biāo)簽SEO的作?；HTML5表單新特性；多媒體標(biāo)簽掌握HTML代碼的規(guī)范編寫，掌握HTML5新標(biāo)簽的特性，掌握多媒體在??中的應(yīng)? 節(jié)點(diǎn)2
CSS3新特性：CSS的定義；CSS引?；CSS選擇器；CSS3與CSS2的區(qū)別；長度單位；顏?單位；常用屬性；CSS3屬性；尺?；邊框；背景；內(nèi)補(bǔ)?；外補(bǔ)?；布局；定位；字體； 文本； 列表；表格；用戶界?；多欄；2D變換；過渡動(dòng)畫；CSS3：圓?邊框、邊框九宮格特效、多圖背景、動(dòng)畫、漸變和倒影、多列屬性布局、服務(wù)器端字體，可以實(shí)現(xiàn)基礎(chǔ)網(wǎng)頁布局，??樣式定義及CSS，樣式特效節(jié)點(diǎn)3
W3C盒子模型；div+css?頁布局；彈性盒?HTML5兼容性處理；使? HTML5布局元素的布局；Media Query響應(yīng)式布局；
百分比??布局；
掌握使?媒體查詢技術(shù)及百分比布局，實(shí)現(xiàn)響應(yīng)式頁?，自動(dòng)適應(yīng)多種分辨率設(shè)備 節(jié)點(diǎn)4
PS切圖；精靈圖；CSS重制樣式表reset；CSS、Normalize.css；CSS命名規(guī)范，CSS常用名；C掌握和設(shè)計(jì)人員對(duì)接，把一張PSD圖?切成自?需要的圖片樣式，按照效果圖實(shí)現(xiàn)網(wǎng)站 節(jié)點(diǎn)5JS的DOM操作；DOM 節(jié)點(diǎn)；DOM 方法；DOM 屬性；DOM 訪問；DOM 修改；DOM 內(nèi)容；DOM 元素；DOM 事件；JS的BOM操作；Window；Screen；Location；History；Navigator；PopupAlert；Timing；Cookies；AJAX掌握J(rèn)S操作?面及瀏覽器元素，培養(yǎng)動(dòng)?制作特效、表單驗(yàn)證的能?，掌握AJAX??異步交互 節(jié)點(diǎn)6JQuery簡介；JQuery 安裝jQuery CSS 操作；jQuery 選擇器；jQuery 篩選；jQuery HTML文檔處理；jQuery 事件；jQuery效果；jQuery Ajax；jQuery 其他操作；jQuery 插件；掌握jQuery實(shí)現(xiàn)?面特效，表單驗(yàn)證，及AJAX異步交互 節(jié)點(diǎn)7項(xiàng)目實(shí)訓(xùn)：PS切圖；CSS重置樣式表；?頁規(guī)范兼容性；SASS；Compass 精靈圖代碼壓縮；常?網(wǎng)站效果；rem相對(duì)?小布局；能夠獨(dú)?完成網(wǎng)?布局，頁面效果，表單驗(yàn)證的一整套網(wǎng)?制作 本模塊會(huì)深入學(xué)習(xí)html5+css布局和特效制作，掌握jquery使用和常用特效制作，掌握流行js框架開發(fā)項(xiàng)目流程，并能使?原?JS開發(fā)網(wǎng)站常見各類特效，熟練掌握Ajax 技術(shù)
03 核心教學(xué)優(yōu)勢 專為提分設(shè)計(jì)
1 教師實(shí)力
先鋒科教的教師團(tuán)隊(duì)全部來自設(shè)計(jì)公司，擁有至少七年相關(guān)設(shè)計(jì)經(jīng)驗(yàn)，且擁有教學(xué)經(jīng)驗(yàn)，兼職老師專職化，保證知識(shí)體系的常年更新，更可以保證實(shí)戰(zhàn)經(jīng)驗(yàn)的不斷灌輸
2 管理制度
我們采用末位淘汰制，教師知識(shí)陳舊，無法跟上時(shí)代步伐就會(huì)被淘汰，同時(shí)完善的教師管理體系，保證了教師在教學(xué)中始終保持熱情，較大程度為學(xué)員服務(wù)
3 教學(xué)形式
注重與學(xué)員互動(dòng)，教學(xué)形式靈活，讓學(xué)員成為課上的主角拋棄傳統(tǒng)紙質(zhì)教材，采用電子教材授課以實(shí)際工作案例為教學(xué)主體，課后輔助教材補(bǔ)充，模擬實(shí)戰(zhàn)結(jié)業(yè)設(shè)計(jì)輔導(dǎo)
04 學(xué)H5 來先鋒科教培訓(xùn)學(xué)校
天津先鋒科教培訓(xùn)
多年的發(fā)展歷程
在多年的發(fā)展歷程中，先鋒科教廣泛受到社會(huì)各界及用人企業(yè)的贊譽(yù)，行業(yè)內(nèi)屢獲殊榮。與國內(nèi)外多家軟件開發(fā)認(rèn)證廠商形成緊密臺(tái)作關(guān)系，也是多家國內(nèi)外技能認(rèn)證的授權(quán)代理機(jī)構(gòu)。先鋒科教同時(shí)還是一家研發(fā)和實(shí)體服務(wù)機(jī)構(gòu)，其研發(fā)了“先鋒兄弟三維數(shù)碼網(wǎng)絡(luò)系統(tǒng)”、“先鋒軟裝數(shù)字化應(yīng)用平臺(tái)”、“先鋒企業(yè)定制拓展服務(wù)平臺(tái)”等。
