適合人群
-
零基礎小白
想學習一門技能,擁有極具職場競爭力的能力
1 -
設計愛好者
對UI設計有濃厚興趣,想通過學習成為網(wǎng)頁設計大神
2 -
剛畢業(yè),對未來迷茫
大學/高中剛畢業(yè),想找一份高薪有前景的工作
3
-
在職,想跨專業(yè)轉行
非UI或設計行業(yè)迫切要轉行,想要學一門有前景、高薪的技術改變現(xiàn)狀
4 -
想進階提升
學過平面設計(字體、海報)等,想在已有基礎上更進一步
5 -
有就業(yè)需求
如今電商發(fā)展迅速,網(wǎng)頁設計優(yōu)秀人才亟待補缺,就業(yè)空間很大
6
網(wǎng)頁設計要學什么內容
-
商業(yè)網(wǎng)頁基礎設計
學習矢量地圖、位圖、像素和顏色模式等基本知識,熟練掌握Photoshop,并能夠用Photoshop軟件快速、高效地設計網(wǎng)頁效果圖。
學習photoshop的基本操作,包括工具使用、圖層使用、色彩校正操作、通道、濾鏡使用、路徑、圖像處理、圖像輸出、圖像設計、圖像制作、圖像合成等知識。 -
商業(yè)網(wǎng)頁高級設計
充分考慮市場需求和技術可行性,在商業(yè)網(wǎng)頁設計實踐中創(chuàng)造藝術與技術的完美結合,培養(yǎng)高端網(wǎng)頁設計師。
系統(tǒng)學習線條、構圖、配色等基本知識,掌握專業(yè)的思維導圖和網(wǎng)頁設計原型規(guī)劃軟件,學習商業(yè)網(wǎng)頁設計創(chuàng)作方法和思想;項目實踐后,讓學生總結在設計過程中的經驗,提高商業(yè)網(wǎng)站設計水平。 -
網(wǎng)頁前端技術
系統(tǒng)學習html語言、網(wǎng)絡編程思想、div+css和javascript,熟悉dreamwear的常用功能,熟練使用photoshop,能夠將網(wǎng)頁設計師提供的精美效果圖制作成符合w3c標準的全靜態(tài)網(wǎng)頁。并能夠在實際開發(fā)中使用專業(yè)網(wǎng)絡公司常用的FireBug等工具進行網(wǎng)頁調試,解決實際工作中常見的錯誤,提高項目的開發(fā)效率。
網(wǎng)頁設計軟件
-
Dreamweaver
網(wǎng)頁制作常識、網(wǎng)站建設流程;dreamweaver軟件操作基礎:插入文本、圖像、超級鏈接、flash、音頻、表格、表單等;了解ftp、域名、空間 、網(wǎng)站動態(tài)交互技術;網(wǎng)頁標準化技術:Xhtml結構、DIV+CSS布局技
-
Flash
Flash軟件操作基礎,掌握Flash動畫設計的三大基本功能:繪圖和編輯圖形、補間動畫和遮罩;了解動畫原理及運動規(guī)律;創(chuàng)意動畫設計;
-
Fireworks
fireworks軟件操作基礎;網(wǎng)頁配色,網(wǎng)頁設計基本常識;網(wǎng)頁LOGO、Banner、button、UI圖標的設計制作;常見網(wǎng)頁GIF動畫制作;網(wǎng)頁切片;
上海網(wǎng)頁設計培訓
WEB 標準化布局 | 了解 HTML 及 CSS 語言的語法基礎;理解常用 標簽及屬性的使用技巧;掌握網(wǎng)頁結構與表現(xiàn)的結 合技術,快速高質量的還原設計效果圖。 | 熟練掌握網(wǎng)站建設的工作流程、 技術及實用工具,熟悉各種設備 尺寸的 WEB 布局設計規(guī)范和布 局技巧,可獨立完成商業(yè)網(wǎng)站搭 建及制作。 |
瀏覽器兼容 | 了解瀏覽器的發(fā)展趨勢;理解瀏覽器兼容的要求; 掌握多種瀏覽器兼容代碼的編寫技術。 | |
CSS3 交互動效設計 | 了解最新的 CSS3 動效屬性;理解網(wǎng)頁及移動端 CSS3的使用范圍;掌握CSS3動效在網(wǎng)頁界面、 手機啟動頁、廣告輪播效果等實用領域的應用。 | |
HTML5 響應式設計 | 了解自適應布局、響應式布局及其區(qū)別;理解響應 式布局思路與方法;掌握能適應各種設備的響應式 網(wǎng)站制作技術。 | |
JavaScript 核心 | 了解 JavaScript 在網(wǎng)站中的作用;理解 JavaScript 對交互動效的實現(xiàn)思路和方法;掌握 JavaScript 變量、數(shù)組、語句、函數(shù)等語法規(guī)則 和交互動效案例的制作。 | |
JQuery | 了解 JQuery 語法、常用方法及動效技巧;理解 JQuery 實現(xiàn)動效的原理;掌握 JQuery 交互動 畫實現(xiàn)思路和快速使用 JQuery 特效庫完成動效 制作。 | |
手機網(wǎng)站制作 | 了解手機網(wǎng)站尺寸及布局規(guī)范;理解手機網(wǎng)站布局 原理和思路;掌握手機端網(wǎng)站布局的技術及并制作 可線上訪問的手機網(wǎng)站。 |
主流網(wǎng)站 CMS 系統(tǒng)的 使用 | 了解網(wǎng)站后臺實現(xiàn)原理及工作流程;理解 CMS 系 統(tǒng)的應用領域;掌握網(wǎng)站 CMS 系統(tǒng)的搭建技術。 | 熟練掌握網(wǎng)站建設的工作流程、 技術及實用工具,熟悉各種設備 尺寸的 WEB 布局設計規(guī)范和布 局技巧,可獨立完成商業(yè)網(wǎng)站搭 建及制作。 |
網(wǎng)站 CMS 系統(tǒng) 模板設計 |
了解網(wǎng)站 CMS 系統(tǒng)模板的構成;理解網(wǎng)站 CMS 系統(tǒng)模板制作的方法;掌握網(wǎng)站 CMS 系統(tǒng)快速改 版的技巧。 | |
階段考核 | 提供多個商業(yè)項目供學員測試,檢驗學員學習效果。 | |
項目實訓 | 通過真實的商業(yè)項目,掌握智能設備界面設計及 交互設計的全流程。 | |
項目提案 | 學員分組,以商業(yè)競標的方式進行項目提案展示。 老師會對學員的項目進行評析,提升學員表達及實 戰(zhàn)能力。 |
學習網(wǎng)頁設計的步驟
1、html。html是編輯網(wǎng)頁的基礎。是最簡單,最基礎的,基本寫幾遍代碼就能理解。
2、table布局。table布局屬于html的內容,但是是html 的重點,學會用table布局網(wǎng)頁,雖然table布局有點過時,但是很多時候很多用得到的地方。
3、divcss。這是網(wǎng)頁設計的重點,寫好了,網(wǎng)上95%你見到的頁面都能自己寫出來了,當然我說的是靜態(tài)部分。divcss相對html 難度上升了一個等級,但是也不很難,只要耐心點研究也是可以學好的。float屬性和絕對定位相對定位是重點。
4、JavaScript/jquery。Javascript是網(wǎng)頁腳本語言,是實現(xiàn)網(wǎng)頁動態(tài)效果的語言,使用JavaScript可以使網(wǎng)頁更加酷炫,有吸引力。比如網(wǎng)頁上的輪播圖,彈窗等都是用Javascript/jquery實現(xiàn)的
5、html5css3響應式網(wǎng)頁設計,是現(xiàn)在比較流行,也是一種趨勢,html5css3做成的頁面比較美觀大氣,也能適應各個終端。html5是趨勢現(xiàn)在需求也是很大,學習好html5也是一個前端人員必備知識技能。
網(wǎng)頁設計速成班
行業(yè)前景
入行網(wǎng)頁設計,獲取互聯(lián)網(wǎng)行業(yè)桶金;網(wǎng)頁設計師是互聯(lián)網(wǎng)+時代就業(yè)最寬泛的職業(yè),薪資待遇更是令其他行業(yè)艷羨,學網(wǎng)頁設計,走上互聯(lián)網(wǎng)設計之路。
網(wǎng)頁類型
5大類型網(wǎng)頁設計一手掌握,工作由你挑;掌握所有類型網(wǎng)站設計,成為企業(yè)爭搶的復合型設計人才,高薪水到渠成。
-
電商網(wǎng)站
涵蓋淘寶、京東、蘇寧、亞馬遜等一系列電商網(wǎng)站的設計風格與技巧。
-
企業(yè)網(wǎng)站
企業(yè)官網(wǎng)的設計, 包括品牌展現(xiàn)、產品展現(xiàn)、企業(yè)VI、 企業(yè)logo等設計。
-
門戶網(wǎng)站
大型綜合門戶網(wǎng)站、資訊類網(wǎng)站、新聞類門戶, 具備展示與交互的設計技能
-
H5網(wǎng)站
產品展示類H5網(wǎng)站、活動類H5網(wǎng)站、 手機端H5頁面設 計等流行H5界面設計。
-
微網(wǎng)站
微店正在成為電商的新型模式, 微網(wǎng)站設計勢必如淘寶店設計成為需求量最高的設計之一。