濟(jì)南網(wǎng)頁(yè)設(shè)計(jì)培訓(xùn)機(jī)構(gòu)
【所屬機(jī)構(gòu):濟(jì)南新視覺(jué)學(xué)校】

濟(jì)南web前端培訓(xùn)學(xué)校融入行業(yè)開(kāi)發(fā)設(shè)計(jì)經(jīng)驗(yàn),全鎮(zhèn)施展訓(xùn)練模式,打造WEB前端程序員,我們培養(yǎng)有創(chuàng)意感的設(shè)計(jì)師而不是操作員開(kāi)設(shè)的。主要課程有數(shù)字影像合成、矢量圖形設(shè)計(jì)、Web標(biāo)準(zhǔn)化布局、Web界面設(shè)計(jì)、UI視覺(jué)特效設(shè)計(jì)、電商專(zhuān)題界面設(shè)計(jì)、廣告后期特效合成、高級(jí)網(wǎng)站構(gòu)建設(shè)計(jì)、HTML5移動(dòng)Web開(kāi)發(fā)、商業(yè)全站項(xiàng)目開(kāi)發(fā)、原生JavaScript交互開(kāi)發(fā)、VueJS前端框架實(shí)戰(zhàn)等內(nèi)容。
無(wú)論你是技術(shù)小白還是想要技術(shù)提升,讓每位學(xué)員完成華麗的蛻變
icon
從0入門(mén)由淺入深,手把手教學(xué)
icon
接軌企業(yè)需求還原真實(shí)開(kāi)發(fā)場(chǎng)景
icon
課程技術(shù)接軌企業(yè)用人標(biāo)準(zhǔn)
icon
教學(xué)內(nèi)容主流實(shí)用與時(shí)俱進(jìn)
Web前端全覆蓋知識(shí)點(diǎn)
階段 | 課程名稱(chēng) | 課程內(nèi)容 |
第一階段 | 數(shù)字影像合成 (Photoshop) | 1、精準(zhǔn)商業(yè)級(jí)照片調(diào)色;2、商業(yè)影像合成技術(shù);3、矢量及圖形運(yùn)算;4、通道合成運(yùn)算與特效制作。 |
矢量圖形設(shè)計(jì) (Illustrator) | 1、綜合矢量繪圖;2、商業(yè)標(biāo)志形象制作;3、插圖插畫(huà)繪制;4、三維模擬特效制作。 | |
Web標(biāo)準(zhǔn)化布局(Dreamweaver) | 1、HTML常用標(biāo)記及屬性應(yīng)用;2、表格及表單頁(yè)面布局技巧;3、CSS層疊樣式表美化頁(yè)面;4、制作符合W3C標(biāo)準(zhǔn)的網(wǎng)頁(yè)實(shí)例。 | |
第二階段 | Web界面設(shè)計(jì) | 1、Web界面設(shè)計(jì)的商業(yè)規(guī)范;2、文字版式布局設(shè)計(jì)實(shí)戰(zhàn);3、配色理念及色彩合成應(yīng)用;4、立體化風(fēng)格網(wǎng)站設(shè)計(jì)實(shí)例。 |
UI視覺(jué)特效設(shè)計(jì) | 1、扁平化視覺(jué)特效設(shè)計(jì);2、擬物化視覺(jué)特效設(shè)計(jì);3、界面化設(shè)計(jì)制作標(biāo)準(zhǔn);4、智能濾鏡特效在UI設(shè)計(jì)中的應(yīng)用。 | |
電商專(zhuān)題界面設(shè)計(jì) | 1、淘寶、天貓、京東等幾大電商效果圖的規(guī)格尺寸及設(shè)計(jì)規(guī)范;2、電商首頁(yè)的實(shí)例分析及實(shí)戰(zhàn)案例的設(shè)計(jì)應(yīng)用;3、電商詳情頁(yè)的設(shè)計(jì)應(yīng)用及電商產(chǎn)品圖像精修案例;4、電商專(zhuān)題頁(yè)的商業(yè)實(shí)例設(shè)計(jì)及電商海報(bào)中的配色原理和技巧。 | |
廣告后期特效合成 | 1、文字特效表現(xiàn);2、商業(yè)廣告合成;3、電商廣告合成;4、電影海報(bào)合成;5、視覺(jué)特效合成。 | |
第三階段 | 高級(jí)網(wǎng)站構(gòu)建設(shè)計(jì)(DIV+CSS) | 1、HTML超文本標(biāo)記語(yǔ)言基礎(chǔ)語(yǔ)法及表現(xiàn)形式;2、DIV+CSS盒子模型高級(jí)搭建方法及應(yīng)用;3、CSS層疊樣式下的高級(jí)網(wǎng)站架構(gòu)建設(shè)方法;4、商業(yè)型網(wǎng)站標(biāo)準(zhǔn)布局及交互效果設(shè)計(jì)應(yīng)用。 |
HTML5移動(dòng)Web開(kāi)發(fā) | 1、HTML5 新增的標(biāo)簽屬性以及新標(biāo)簽在項(xiàng)目上的應(yīng)用;2、媒體查詢(xún)?yōu)椴煌娘@示設(shè)備定義相匹配的樣式,靈活實(shí)現(xiàn)了智能的流體布局,CSS3 強(qiáng)大的選擇器以及變形和動(dòng)畫(huà);3、HTML5+CSS3 手機(jī)網(wǎng)站開(kāi)發(fā)實(shí)例。 | |
商業(yè)全站項(xiàng)目開(kāi)發(fā) | 1、扁平化企業(yè)網(wǎng)站項(xiàng)目實(shí)踐;2、商業(yè)網(wǎng)站整體布局和搭建;3、根據(jù)客戶(hù)需求完成網(wǎng)站上線;4、利用Js完成商業(yè)項(xiàng)目網(wǎng)站交互效果。 | |
第四階段 | 原生JavaScript交互開(kāi)發(fā) | 1、JS 基礎(chǔ)的語(yǔ)法;2、數(shù)組與函數(shù);3、JavaScript 標(biāo)準(zhǔn)庫(kù);4、DOM 模型 BOM 模型與事件;5、面向?qū)ο蟮拈_(kāi)發(fā)思路。 |
jQuery 網(wǎng)頁(yè)交互特效開(kāi)發(fā) | 1、jQuery 常見(jiàn)操作;2、jQuery DOM操作; 3、jQuery核心API; 4、jQuery Ajax操作;5、常見(jiàn)的網(wǎng)頁(yè)特效實(shí)例。 | |
Bootstrap響應(yīng)式網(wǎng)站及手機(jī)站開(kāi)發(fā) | 1、CSS/HTML框架Bootstrap功能及布局原理;2、Bootstrap全局CSS樣式的使用,柵格系統(tǒng)在響應(yīng)式布局中的應(yīng)用;3、響應(yīng)式布局在多種設(shè)備、不同媒介下的兼容。 | |
PHP后臺(tái)程序開(kāi)發(fā) | 1、PHP原生程序開(kāi)發(fā)留言本項(xiàng)目;2、MySql關(guān)系型數(shù)據(jù)庫(kù)在網(wǎng)站中的應(yīng)用;3、企業(yè)建站利器PHPMyWind CMS開(kāi)發(fā)帶有后臺(tái)管理系統(tǒng)的網(wǎng)站;4、結(jié)合商業(yè)項(xiàng)目深層次開(kāi)發(fā)PHPMyWind 并對(duì)功能進(jìn)行完善。 | |
第五階段 | 微信小程序/小游戲開(kāi)發(fā) | 1、小程序UI/API組件;2、常用App界面布局實(shí)例;3、mpvue快速開(kāi)發(fā)框架;4、云服務(wù)器接入方法;5、熱門(mén)小程序/小游戲開(kāi)發(fā)實(shí)例。 |
VueJS前端框架實(shí)戰(zhàn) | 1、VueCLI 腳手架工具;2、Github 管理項(xiàng)目源代碼;3、webpack 項(xiàng)目打包及優(yōu)化;4、項(xiàng)目部署與開(kāi)發(fā)。 | |
H5 交互融媒體開(kāi)發(fā) | 1、刷爆朋友圈的H5制作方法;2、H5廣告設(shè)計(jì)流程與規(guī)范技巧;3、不同類(lèi)型的H 在線工具應(yīng)用;4、H5 推廣營(yíng)銷(xiāo)方式。 | |
SEO 網(wǎng)站優(yōu)化及SEM 競(jìng)價(jià)排名 | 1、網(wǎng)站排名的影響因素及數(shù)據(jù)采集分析;2、關(guān)鍵詞定位,詞庫(kù)挖掘與分類(lèi);3、快速偽原創(chuàng),讓搜索引擎快速發(fā)現(xiàn)站點(diǎn)的方式;4、百度 SEM 推廣中關(guān)鍵詞投放技巧;5、著陸頁(yè)用戶(hù)體驗(yàn)分析策略;6、關(guān)鍵詞URL數(shù)據(jù)追蹤及解析。 |
學(xué)習(xí)就業(yè)雙保障,輕松入職放心學(xué)
好的環(huán)境,讓人耳目一新
+
前臺(tái)+
實(shí)操機(jī)房+
多媒體課室