上海網頁設計培訓
通過網頁設計培訓就業(yè)班的學習，學員有了一定的網頁規(guī)劃和搭建能力，能熟練快速完成網頁界面設計、網站美工設計；能運用H5+JS進行開發(fā)前端交互設計能力，開發(fā)各種網頁框架；能運用PHP等軟件開發(fā)常見后臺網站管理系統(tǒng)；通過網頁網站設計實訓培訓模塊，學生能熟練掌握門戶網站，電子商務網站，企事業(yè)單位網站，垂直類網站等成套商業(yè)網站的設計流程，設計理念，設計風格等；通過網頁設計軟技能培訓，學員對自己人生規(guī)劃，口才表達，服務心態(tài)，就業(yè)技巧，溝通技巧等有了全面提升，足夠應付在以后的就業(yè)工作過程中游刃有余；網頁設計培訓課程學習完，學員基本上具備半年以上的工作經驗。
上海非凡作為滬上權威的正規(guī)的網頁設計師培訓機構，具有辦學許可證，全程名師面授教學，PPHA教學考核體系，畢業(yè)答辯+招聘雙選會，為國內外*品牌企業(yè)提供優(yōu)秀專業(yè)設計人才！
全能型網頁設計就業(yè)班
課程模塊 課程科目 培訓內容
*階段（美學基礎與軟件技能）
創(chuàng)意美術
（贈送） 美術素描設計 透視原理、設計素描、速寫的原理及實踐、投影、視圖、燈光表現、寫生等
美術色彩設計 配色原理、設計水粉、光和影的寫實手法、色彩搭配、審美觀念等
手繪圖標 二維剪影圖標、三維寫實圖標案例實訓，了解創(chuàng)意在設計中的具體運用；理解創(chuàng)意思維的形態(tài)置換原理；掌握將創(chuàng)意思維轉化為圖形樣式的能力
設計構成 點線面構成形式和表現技巧，色彩與視覺原理，色彩三要素等
階段考核 完成描素、色彩圖各一張，培養(yǎng)手繪技法，色彩配色能力，審美能力及美學在設計中的運用
網頁設計軟件
Photoshop 學習圖像處理軟件的基礎操作，掌握修圖摳圖、照片調色圖像特效、尺寸裁剪等入門技巧
Illustrator 學習矢量圖形軟件的基礎操作，掌握形狀繪制、路徑編輯、布爾運算、字符段落等入門技巧
PS高級 圖像處理軟件提高，掌握頁面調色、頁面創(chuàng)意、網頁設計、仿真圖標等高級技巧
AI高級 矢量圖形軟件提高，掌握字形設計、版式設計、圖標、banner設計等高級技巧
階段考核 本階段考核嵌入到軟件結課當日，采用模擬題目訓練和案例實操考核
第二階段(WEB界面與項目設計）
WEB界面設計 網頁規(guī)范統(tǒng)籌 1.網頁元素梳理，了解網頁組成部分，如搜索框、導航、彈框、Banner等
2.網頁元素規(guī)范的概念講解，讓理論為實訓做鋪墊
3.網頁構圖和排版技巧，能夠對設計風格有一定的理論和欣賞基礎
網頁Banner速成 1.掌握Banner版面分割和版面布局，如矩形類、多邊形類、圓形類等
2.掌握Banner配色技巧，解析色調氣質和色相氣質
3.Banner三大元素精講，包括文案排版、產品精修和背景搭建
4.八套Banner解析配合實例速成，掌握各種不同類型和風格的Banner設計
WEB整站設計實訓
必備知識法則
1.了解網站設計流程，定位網頁設計的負責事項及項目的前后配合
2.網頁知識體系梳理，從需求分析到欄目規(guī)劃到用戶體驗
3.網頁設計規(guī)范梳理，明確尺寸、文本、色調、間距等元素規(guī)范
初入企業(yè)站
1.了解企業(yè)站需求分析，用Xmind繪制流程圖，用Axure繪制原型圖
2.分析企業(yè)站布局七大風格，如對比型、封面型、T字行、國字型等
3.根據原型圖，設計企業(yè)站首頁和內頁樣稿
4.網頁設計六大問題匯總，設計從細節(jié)做起，針對問題修改提升企業(yè)站樣稿質量
走進電商風
1.了解商城站需求分析，用Xmind繪制流程圖，用Axure繪制原型圖
2.定位電商產品選圖的風格，掌握電商選圖的14個技巧
3.根據原型圖，設計商城首頁和頻道頁樣稿
4.了解電商店鋪裝修新潮流，利用C4D做3D風電商店鋪
5.清楚如何凸顯文案及文案設計方式，掌握文案中的天龍“八部”
深入專題頁
1.了解什么是專題頁，激發(fā)專題設計靈感，解析細節(jié)排版奧妙
2.深入專題兩大風格，通過多個主題選擇設計扁平風和擬物風專題
3.掌握設計表現手法的13個技巧，并能在網頁中靈活運用，如聯想、懸念等
4.掌握構造空間層次的六個捷徑，如透視、矛盾空間、折紙風等，提升網頁品質
作品大包裝
1.針對UI的分析清楚設計的方向，為未來就業(yè)準確定位
2.講解作品包裝的三個技巧，在設計作品的基礎上用包裝提升自我作品的檔次
3.個人簡歷大總結，把個人信息用網頁形式體現出來，讓面試形式多樣化
階段考核
對學員綜合能力的檢驗，按要求設計出指定內容，并針對設計成果進行評定和講解
第三階段（WEB前端布局與交互開發(fā)）
WEB前端HTML5/CSS3
布局與樣式
HTML標簽梳理 1.5分鐘上手Hbuilder軟件，對HTML5和CSS3有初步的了解和認識
2.掌握HTML5九大基本標簽，包括標題、圖像、音頻、視頻等
3.掌握HTML5智能表單基本標簽和智能表單擴展標簽
七組CSS基本樣式 1.講解CSS三大引用方式，包括行內樣式、內部樣式表和外部樣式表
2.CSS七類樣式詳解，包括背景、文本、字體、鏈接、列表、表格、邊框樣式
CSS3炫酷特效 1.掌握CSS3四大“變形金剛”，旋轉、扭曲、縮放和位移
2.CSS3過渡屬性詳解，通過過渡屬性完成網頁漂亮的交互效果
3.CSS3動畫特效講解，通過動畫屬性可以做多個狀態(tài)交互的網頁炫酷特效
選擇器細解11大類 1.掌握CSS五類常用選擇器，包括通用選擇器、ID選擇器、類選擇器等
2.三代關系選擇器詳解，包括子元素選擇器、兄弟選擇器、后代選擇器
3.CSS3偽類選擇器和偽元素選擇器詳解，可以多樣化的自由選擇網頁元素對象
CSS布局四大技巧 1.掌握多列屬性布局技巧,三種定位方式，絕對定位、相對定位和固定定位
2.五句話吃透盒模型，清楚盒模型的計算和瀏覽器兼容性中的注意事項
3.左浮動和右浮動的設置以及如何清除浮動以達到父級自動擴高問題
響應式雙法則 1.了解媒體查詢的引用方式，包括內部樣式表、外部樣式表等
2.掌握媒體查詢使用方法，了解關鍵詞的使用技巧
3.了解根元素的字號適配，通過字號設置完成響應式頁面
兼容性調試技巧 1.CSS優(yōu)化減肥技巧，包括圖片優(yōu)化和代碼優(yōu)化，提升網頁的加載速度
2.了解CSS優(yōu)先級的計算，解決樣式覆蓋問題
3.掌握兼容性調試技巧，如何能夠讓代碼兼容各大主流瀏覽器
項目實戰(zhàn)提經驗 1.熟悉PS切圖技巧，如切片切圖、選區(qū)切圖等，以及網頁項目的正規(guī)創(chuàng)建
2.頁面布局規(guī)范講解，從整體到局部的規(guī)劃，先標簽后樣式的代碼順序等
3.完成三大項目實戰(zhàn)，企業(yè)站，商城站和響應式頁面，能夠獨立完成H5靜態(tài)頁面
web前端
JavaScript交互 核心語法 1.掌握JS的組成和語法,為進去代碼的世界做鋪墊,數據結構,不再看見代碼而發(fā)愁
2.對象的創(chuàng)建方式和this詳解,提前帶你熟悉企業(yè)中變量的命名規(guī)則和規(guī)范
3.熟悉JS中的數據類型,流程控制,循環(huán)語句,輕松讓你在網頁上寫出九九乘法表,計算器等
對象類型 1.基本數據類型(number、string、boolean、undefined、null)
2.引用數據類型( 數組 array .. 函數 function ... 對象 object)
3.掌握不同對象類型之間的轉換
BOM與DOM操作 1.DOM操作和BOM操作大全,輕松操作網頁上的每一個按鈕等,同時給他們加上不同的功能
2.利用JavaScript代碼實現酷炫特效,京東首頁輪播圖升級版
3.頁面布局,結合H5代碼,讓你的網頁功能更加全面,可以1:1寫出小米官網首頁及功能
4.熟悉事件處理,讓你的代碼更加嚴謹,相同的頁面效果,寫的代碼更少
5.瀏覽器兼容性處理,讓市面上的不同瀏覽器品牌,打開你的網頁效果不會有差別
事件編程 1.Javascript的事件機制,了解底層,才能寫出更嚴謹的代碼,企業(yè)開發(fā)常見事件的使用詳解
2.offset家族和scroll家族,了解瀏覽器和代碼之間的關系
3.鍵盤事件及鍵盤碼的屬性,讓你的鍵盤能和鋼琴一樣,按下之后有不同的聲音
正則表達式 1.創(chuàng)建正則表達式,從零開始寫表單驗證,輕松還原百度注冊功能
2.正則的3大核心：字符串類元字符、邊界類元字符、量詞類元字符,讓你寫的驗證功能更強大
3.正則的使用和替換,隨心所以換校驗規(guī)則
4.完整版表單校驗,提前進入企業(yè)實戰(zhàn)開發(fā)
面向對象編程 1.掌握面向對象和面向過程,熟悉JS的精髓;深拷貝和淺拷貝,讓你知道更加底層的代碼
2.原型和原型鏈,JavaScript最重要的核心,讓你寫的代碼復用性更強
3.企業(yè)開發(fā)中沙箱模式,了解企業(yè)中是怎么團隊合作開發(fā)
JQuery交互特效開發(fā) 1.jQuery的優(yōu)勢介紹,jQuery選擇器,讓你最快半個月搭建一個簡單網站
2.jQuery中的動畫詳解,讓你的網頁不再單調,貪吃蛇,水果忍者,都能通過代碼寫出來
3.鏈式編程和隱式迭代,了解jQuery的底層核心
4.JQuery插件使用和制作,自己也能制作酷炫動畫插件,使用插件1分鐘做出京東輪播圖效果
Bootstrap 1.Bootstrap開發(fā)優(yōu)缺點介紹,如何通過模板搭建網站
2.響應式開發(fā)原理,無論電腦、手機、平板等,都能適應屏幕
3.Bootstrap框架的使用,4個口訣讓你做出標準官方首頁樣式
4.Bootstrap的柵格系統(tǒng)詳解,不同屏幕尺寸,顯示不同的效果
5.Bootstrap的Javascript插件使用,掌握不同網頁按鈕和輸入框更換樣式和顏色
ECMAScript6 1.ES5中的嚴格模式,讓代碼自己檢查自己
2.ES6中的新語法詳解,面試必問的語法
3.實際開發(fā)中最常用的箭頭函數,解構賦值和字符串模板,讓你代碼更加簡潔
4.定義變量的新方式LET和const,讓你與企業(yè)開發(fā)同步
Ajax數據交互 1.Ajax技術介紹,json格式與XML格式詳解,現在的技術和歷史技術的區(qū)別,教你如何鏈接服務器
2.Ajax中post與get兩種請求方式詳解,2種方式從后臺服務器拿數據
3.JSON數據分析,了解后端數據是怎么寫的,不再盲目的被后端程序員懟
4.解決跨域訪問的方法,讓你的網頁在任何協(xié)議都能訪問,無論是http協(xié)議還是https
5.企業(yè)接口化開發(fā)詳解,提前進入實戰(zhàn)化開發(fā)
第四階段（WEB前端-移動端進階開發(fā)）
WEB前端移動端開發(fā) git版本控制 1.什么是版本控制,為什么用git.了解今后工作中是如何獲取項目源代碼的
2.git常用指令(建立倉庫，獲取*版本代碼，提交代碼)
3.使用可視化工具TortoiseGit進行git的常規(guī)操作
HTML5 高級功能 1.畫布標簽canvas.了解如何繪制并填充線條（形狀）,文字及圖片。完成你畫我猜小游戲
2.多媒體（音頻，視頻）標簽的實際使用。開發(fā)并完成自己的網易音樂播放器
3.強化練習智能化表單以及和完成后臺的數據交互。完成帶有圖片驗證碼功能的登錄操作
4.本地存儲（cookies,sessionStorage,localStorage）。一周免登陸是如何實現的
webAPP開發(fā) 1.視口viewport（手機瀏覽器中的虛擬窗口）為何手機中的網頁有的能縮放爾有些不能
2.移動端的事件交互：觸摸事件（touchstart/mov/end/cancel）。完成京東商城分類頁
3.另一種布局方式：彈性布局（flexbox）
隨堂項目：商城移動端首頁、在線答題系統(tǒng)
微信公眾號開發(fā)開發(fā)（JSSDK） 1.微信公眾號介紹與申請開發(fā)賬號
2.調用微信官方API接口函數
3.常見微信分享、投票、掃一掃、定位打卡等的設計與實現 隨堂項目：企業(yè)公眾號項目實踐
微信小程序 1.小程序相關介紹及賬號申請\小程序開發(fā)環(huán)境搭建
2.小程序組件開發(fā)、API使用
3.WEUI,有贊Vant使用、云存儲、云數據庫 （文件，圖片上傳功能實戰(zhàn)）
網校實訓項目：
1.建立云開發(fā)環(huán)境 2.網校首頁 3.課程詳情頁 4.日歷組件（課程表）
5.個人中心（頭像上傳） 6.獲取用戶權限登錄 7.打卡簽到 8.日程提醒等
抖音小程序 字節(jié)跳動集團旗下小程序平臺（包含抖音，今日頭條等app內的小程序）
1.小程序相關介紹及賬號申請，開發(fā)環(huán)境搭建
2.小程序布局原理、基礎組件及API使用
3.小程序的自定義組件的開發(fā)，組件間的數據通信與交互原理
階段考核 教師指導你完成階段作品，以備應聘時使用；從立案到素材、材料收集整理，再到風格定位、欄目規(guī)劃，獨立完成項目作品，其中需容入不同的分類信息、作品等
第五階段（WEB高級框架)
WEB前端高級框架與后臺交互 Vue.js 1.Vue.js簡介與安裝,初始化Vue實例
2.Vue三大基礎語法：數據綁定，列表渲染，條件渲染
3.監(jiān)聽屬性與偵聽器?？焖賹崿F購物車中的總價，總數的計算
隨堂練習：實現購物車的三部曲
1.生命周期的鉤子函數（vue頁面的4個關鍵階段）
2.自定義組件開發(fā)，數據的傳遞與自定義事件
3.過渡與動畫,數據請求工具axios的使用
隨堂練習：用戶是怎么把商品加入購物車，Sku商品規(guī)格
1.腳手架vue-cli,搭建項目的基礎骨架.了解大型網站項目是如何誕生的
2.路由router,網站頁面間是如何跳轉的.了解為什么現在的網頁都沒有.html了
3.狀態(tài)管理vuex,全局管理及維護網站的簡單數據.讓學員明白網站為什么可以1個月都不用自己登錄
4.自動打包工具webpack.掌握完成的項目是如何發(fā)布到正式環(huán)境的
1.路由簡介,兩大常規(guī)路由操作：動態(tài)路由，嵌套路由.掌握企業(yè)(電商)后臺網站的布局及跳轉方法
2.編程式導航,實現頁面跳轉的兩種操作方法：聲明式和編程式
3.命名路由與命名視圖,路由的傳參. 掌握從商品列表跳轉到商品詳情頁如何顯示對應的數據及評論
4.導航守衛(wèi).掌握淘寶在搜索商品前必須先登錄的功能實現
1.什么是Vuex,Vue.js的狀態(tài)管理模式
2.Vuex的五個核心屬性：state, getters, mutations, actions, modules
3.通過學習vuex 掌握初步的網站1個月免登錄功能實現
商城項目實訓：1.搭建vue開發(fā)環(huán)境 2.商城首頁 3.商品詳情頁 4.購物車 5.個人中心 6.商品分類 7.用戶登錄 8.商城打包上線
1.elment-ui簡介，安裝element-ui
2.主題設置，常用組件
3.element-admin 后臺管理項目系統(tǒng)實踐
React.js 1.react.js簡介,開發(fā)環(huán)境腳手架的搭建.
2.基礎概念介紹,遍歷數組,實現一個vue的v-model功能
3.樣式綁定,組件的開發(fā),屬性與自定義事件。
隨堂練習：餓了么點餐項目實戰(zhàn)
階段考核 教師指導你完成階段作品，以備應聘時使用；從立案到素材、材料收集整理，再到風格定位、欄目規(guī)劃，獨立完成項目作品，其中需容入不同的分類信息、作品等
第六階段（WEB后臺交互與開發(fā)）
PHP后臺開發(fā) PHP基礎搭建環(huán)境 1.PHP簡介,服務器與數據庫的環(huán)境搭建
2.PHP基礎（變量和常量，基本數據類型，運算符）
3.流程控制，自定義函數，基礎對象類型
GD圖像處理（圖片驗證碼） 1.程序員的對象到底是誰.面向對象（繼承 封裝 多態(tài)）
2.圖形處理庫介紹及原理.學會開發(fā)屬于自己的圖形驗證碼
前端交互（接口，傳值） 1.什么是接口,前后端的數據交互與通信。掌握用戶登錄，查詢個人信息功能
2.文件操作，圖片上傳功能.掌握完整的用戶頭像上傳修改功能實現方式
mysql基礎語法 1.數據庫基本語法與基本操作（增刪改查）
2.掌握php執(zhí)行數據庫操作語法。掌握新浪微博的底部加載功能的實現方法
3.用戶登錄,網易163的10天免登錄功能的真正實現方式
Node.js 基礎介紹★
模塊系統(tǒng)★
事件和接口★ 1.什么是node.js,node.js的介紹,npm使用介紹
2.安裝配置*個node.js應用.創(chuàng)建模塊.模塊加載
3.事件驅動程序,GET請求與POST請求.獲取請求參數
web模塊★ 1.什么是 Web 服務器。使學員了解我們制作的網頁是怎么被別人訪問到的。
2.使用 Node 創(chuàng)建 Web 服務器
3.使用 Node 創(chuàng)建 Web 客戶端
Express框架★ 1.Express 簡介與安裝，開始你的*個express項目，創(chuàng)建及啟動項目
2.請求和響應，路由，中間件，文件上傳及cookie管理等。
第七階段（崗前強化與就業(yè)指導）
溝通技能
和就業(yè)指導
管理與溝通 心態(tài)與服務、職場商務禮儀、溝通與口才強化、職業(yè)素養(yǎng)提升、團隊合作
就業(yè)指導 畢業(yè)作品整理、行業(yè)規(guī)范與合同、職場與行業(yè)分析、企業(yè)觀模與規(guī)劃、職場崗位實戰(zhàn)模擬、創(chuàng)業(yè)指導、實習與預工作
培訓目標和發(fā)展方向 培訓目標：通過學習，能運用H5+JS進行開發(fā)前端交互設計能力，開發(fā)各種網頁框架；學生能熟練掌握門戶網站，電子商務網站，企事業(yè)單位網站，垂直類網站等成套商業(yè)網站的設計流程，設計理念，設計風格等；學員基本上具備半年以上的工作經驗。
發(fā)展方向：網頁美工、界面設計、web設計、web前端、移動端開發(fā)、全棧開發(fā)、前端架構等工作
特別說明 1.報名網頁設計培訓就業(yè)班全套課程，贈送價值150元的，美術素描和水粉用品
2.報名網頁設計培訓就業(yè)班全套課程，贈送視頻包、軟件包、素材包、材料包
3.報名網頁設計培訓就業(yè)班全套課程，在學習過程中，學員有機會參加派接的訂單實戰(zhàn)
4.網頁設計培訓課程目標：能系統(tǒng)全面的學習界面設計、前端開發(fā)、移動端開發(fā)、后臺交互開發(fā)、美工設計，結業(yè)后相當于有半年左右實戰(zhàn)經驗，能成功勝任設計、前端/移動端開發(fā)，后臺應用等職位
5.保證學會：出勤率達90%以上，可享受1.5-2年內免費重新學習
6.考試認證：《網頁設計師》、《網頁美工設計師》、《WEB前端工程師》認證證書（考試費用另外支付）
7.網頁設計培訓班學習周期：共952課時（45分鐘/課時），全日制5-6個月；業(yè)余制12左右
8.招生要求：*以上學歷上海網頁設計培訓上海網頁設計培訓上海網頁設計培訓上海網頁設計培訓
上海網頁設計培訓
