合肥字帆前端培訓(xùn)

Web網(wǎng)頁(yè)前端精品班
第.一階段（設(shè)計(jì)與軟件技能）
前端預(yù)科班Dreamweaver  講解DW的人性化功能以及在頁(yè)面架構(gòu)和前端開發(fā)應(yīng)用領(lǐng)域的使用技巧，html基礎(chǔ)應(yīng)用，快速入門，css樣式表的應(yīng)用，網(wǎng)站的管理和維護(hù)
Illustrator       廣泛應(yīng)用于出版、多媒體和UI圖標(biāo)界面設(shè)計(jì)的工業(yè)標(biāo)準(zhǔn)矢量插畫的軟件，印刷和Web網(wǎng)絡(luò)創(chuàng)作的專業(yè)平臺(tái)，針對(duì)Web和移動(dòng)的改進(jìn)、介紹多個(gè)畫板、觸摸式創(chuàng)意工具等新鮮特性
Fireworks      講解FW在網(wǎng)頁(yè)切片、圖層、幀、gif動(dòng)畫、畫布設(shè)置中的應(yīng)用以及配合其他軟件進(jìn)行使用
Photoshop    熟練掌握PS在圖像編輯、圖像合成、校色調(diào)色及特效制作四大部分的技巧以及配合其他軟件的應(yīng)用
培訓(xùn)目標(biāo)       熟練掌握PS在圖像編輯、圖像合成、校色調(diào)色及特效制作四大部分的技巧以及配合其他軟件的應(yīng)用
第二階段（web前端 PC端和移動(dòng)端項(xiàng)目開發(fā)）
web前端
HTML5+CSS3 HTML標(biāo)簽    1.HTML5入門與簡(jiǎn)介       
2.文本、圖像、鏈接、表格、列表、表單、框架（iframe）等標(biāo)簽
3.HTML5新增的智能表單   
4.HTML5新增的結(jié)構(gòu)化標(biāo)簽
隨堂項(xiàng)目：
1.文章頁(yè)面的結(jié)構(gòu)化布局。包括文章標(biāo)題、正文、圖片、頁(yè)面背景、作者、發(fā)表時(shí)間等信息
2.利用table標(biāo)簽課程表的實(shí)現(xiàn)
3.利用form、input表單標(biāo)簽實(shí)現(xiàn)簡(jiǎn)單登錄注冊(cè)頁(yè)面
CSS基礎(chǔ)語(yǔ)法
常見樣式       1.CSS3語(yǔ)法規(guī)則            
2.CSS3三種引入方式
3.標(biāo)簽的常見屬性          
4.CSS3中常見文字格式化處理
5.CSS3中常見顏色的表達(dá)方式
隨堂項(xiàng)目：一般導(dǎo)航欄的制作
CSS選擇器    1.什么是CSS選擇器
2.ID選擇器、class選擇器、元素選擇器
3.偽類選擇器、結(jié)構(gòu)化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器
CSS盒子模型 1.什么是和盒子模型
2.盒子模型的內(nèi)容區(qū)、邊框、內(nèi)邊距、外邊距
3.知曉盒子模型各個(gè)屬性的使用場(chǎng)景
隨堂項(xiàng)目：導(dǎo)航欄的制作，利用盒子模型拉開間距、hover效果添加后的內(nèi)邊距設(shè)定
浮動(dòng)與定位   1.float的使用
2.利用clear 清除浮動(dòng)
3.利用overflow消除float對(duì)于父容器的影響
4.position定位中的：static、fixed、absolute、relative的使用
隨堂項(xiàng)目：導(dǎo)航欄左右布局的定位、二級(jí)菜單的實(shí)現(xiàn)、回到頂部的按鈕
響應(yīng)式布局與頁(yè)面優(yōu)化處理      1.移動(dòng)頁(yè)面與PC端頁(yè)面布局時(shí)候需要注意點(diǎn)   
2.響應(yīng)式布局的實(shí)現(xiàn)原理
3.各種瀏覽器對(duì)于CSS樣式的支持情況        
4.頁(yè)面優(yōu)化需要注意的地方
5.解決跨瀏覽器兼容性問題
隨堂項(xiàng)目：移動(dòng)端的用戶注冊(cè)頁(yè)面、PC端的用戶注冊(cè)頁(yè)面。
實(shí)戰(zhàn)項(xiàng)目       1.熟悉網(wǎng)頁(yè)前端開發(fā)的完整流程            
2.PS設(shè)計(jì)稿的切圖操作
3.導(dǎo)航欄的設(shè)計(jì)與實(shí)現(xiàn)                      
4.二級(jí)菜單的設(shè)計(jì)與實(shí)現(xiàn)
5.網(wǎng)頁(yè)布局中的排列技巧                  
6.商品列表的設(shè)計(jì)與實(shí)現(xiàn)
7.hover效果搭配陰影效果在網(wǎng)頁(yè)設(shè)計(jì)中的使用技巧  8.列表在網(wǎng)頁(yè)設(shè)計(jì)中的使用技巧
9.盒子模型的使用技巧
培訓(xùn)目標(biāo)：1.根據(jù)PS設(shè)計(jì)稿完成官方網(wǎng)頁(yè)首頁(yè)的代碼編寫
2.知曉整個(gè)團(tuán)隊(duì)開發(fā)協(xié)作流程能夠獨(dú)立的擔(dān)任前端開發(fā)工作
web前端
JavaScript 開發(fā)
核心語(yǔ)法       1.javascript基礎(chǔ)語(yǔ)法               
2.javascript的引入方式
3.javascript中的對(duì)象、數(shù)組、變量   
4.流程控制（if…else switch…case while for）
隨堂項(xiàng)目：九九乘法表、閏年計(jì)算、誰(shuí)是高富帥（if…else.. Switch…case）
BOM與DOM操作      1.熟知瀏覽器中的對(duì)象BOM，并利用javascript操作它
2.熟知文檔對(duì)象模型DOM。并利用javascript操作它
隨堂項(xiàng)目：網(wǎng)頁(yè)時(shí)鐘的制作、回到頂部
事件編程       1.javascript的事件機(jī)制
2.常見的JS事件：?jiǎn)螕?、雙擊、移動(dòng)、懸停、焦點(diǎn)的獲取與失去、瀏覽器的關(guān)閉與加載
隨堂項(xiàng)目：1.選不中的按鈕的實(shí)現(xiàn)2.簡(jiǎn)單功能計(jì)算機(jī)的實(shí)現(xiàn)
正則表達(dá)式、面向?qū)ο缶幊?、錯(cuò)誤處理   1.正則表達(dá)式的語(yǔ)法基礎(chǔ)                
2.利用正則表達(dá)式做字符匹配
3.面向?qū)ο缶幊?nbsp;                       
4.javascript的處理處理機(jī)制
隨堂項(xiàng)目：郵箱格式的驗(yàn)證、編寫一個(gè)獲取常見輸入數(shù)據(jù)的格式驗(yàn)證類。
JQuery   1.JQuery基礎(chǔ)語(yǔ)法                       
2.JQuery選擇器
3.JQuery的BOM與DOM操作               
4.JQuery事件編程
4.Jquery常見動(dòng)畫與自定義動(dòng)畫編程
隨堂項(xiàng)目：打地鼠游戲、抽獎(jiǎng)輪盤制作
JQuery
項(xiàng)目實(shí)戰(zhàn)       1.圖片輪播         2.利用jQuery制作拼圖         3.貪吃蛇
Ajax技術(shù)       1.什么是Ajax技術(shù)                   
2.json格式與XML格式詳解
3.Ajax的post與get兩種提交方式詳解  
4.服務(wù)器端的數(shù)據(jù)反饋機(jī)制說(shuō)明
5.如何利用jQuery實(shí)現(xiàn)Ajax提交
隨堂項(xiàng)目：用戶注冊(cè)、登錄的Ajax無(wú)刷新實(shí)現(xiàn)、淘寶收貨地址中省聯(lián)的實(shí)現(xiàn)