北京哪里有網(wǎng)站平面設(shè)計(jì)班培訓(xùn)學(xué)校
根據(jù)企業(yè)的文案需求傳遞信息，經(jīng)排版美化給予用戶完美體驗(yàn)。
作為企業(yè)對(duì)外宣傳物料的其中一種，精美的網(wǎng)頁(yè)設(shè)計(jì)，對(duì)于提升企業(yè)的互聯(lián)網(wǎng)品牌形象至關(guān)重要。
網(wǎng)頁(yè)設(shè)計(jì)分為三大類
功能型網(wǎng)頁(yè)設(shè)計(jì)（服務(wù)網(wǎng)站）
形象型網(wǎng)頁(yè)設(shè)計(jì)（品牌形象站）
信息型網(wǎng)頁(yè)設(shè)計(jì)（門戶站）
網(wǎng)站設(shè)計(jì)基本流程
網(wǎng)站策劃
確定頁(yè)面風(fēng)格
文案策劃
網(wǎng)頁(yè)設(shè)計(jì)
網(wǎng)頁(yè)布局分析
網(wǎng)頁(yè)配色
頁(yè)面制作
調(diào)用JS特效
處理兼容性問(wèn)題
代碼精簡(jiǎn)
上線
后期更新維護(hù)
為什么學(xué)習(xí)Photoshop
Photoshop主要處理以像素所構(gòu)成的數(shù)字圖像，使用其眾多的編修與繪圖工具，可以有效地進(jìn)行圖片編輯工作。PS有很多功能，在圖像、圖形、文字、視頻、出版等各方面都有所涉及。
為什么學(xué)習(xí)Dreamweaver
Dreamweaver簡(jiǎn)稱“DW”，中文名稱“夢(mèng)想編制者”，是集網(wǎng)頁(yè)制作和管理網(wǎng)站與一身的網(wǎng)頁(yè)編輯器，DW是第1套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。
網(wǎng)站設(shè)計(jì)師就業(yè)班課程大綱
| 課程 | 課程內(nèi)容 | ||
| 第1階段：軟件的熟練運(yùn)用 | |||
| 1. Photoshop |
Photoshop位圖處理,廣泛用于網(wǎng)頁(yè)設(shè)計(jì)行業(yè)，從軟件操作與熟練操作，均結(jié)合實(shí)戰(zhàn)案例，實(shí)戰(zhàn)結(jié)合，一步一步由淺至深的學(xué)，循序漸進(jìn)； |
||
| 2. Dreamweaver |
Dreamweaver語(yǔ)言代碼軟件前端腳本語(yǔ)言（html、css、javascript、Jquery等）均在其中編輯，熟練操作可大大增加工作的效率，提高網(wǎng)站設(shè)計(jì)的效率。 |
||
| 3. Illustrator |
Illustrator強(qiáng)大的矢量圖軟件（簡(jiǎn)稱AI），在制作網(wǎng)站頁(yè)面時(shí)，AI的使用是非常頻繁的；如網(wǎng)頁(yè)中版式的設(shè)計(jì)、Banner元素等；實(shí)戰(zhàn)演練； |
||
| 4. Flash |
Flash強(qiáng)大的動(dòng)畫軟件廣泛用于網(wǎng)頁(yè)中的動(dòng)畫廣告、動(dòng)畫效果；房產(chǎn)行業(yè)，公司企業(yè)等網(wǎng)站均為Flash整站，效果奪目，引人眼球；大幅度增加網(wǎng)頁(yè)觀賞性； |
||
| 第二階段：PS頁(yè)面設(shè)計(jì) 網(wǎng)站頁(yè)面創(chuàng)意 | |||
| 次時(shí)代網(wǎng)頁(yè)美工玩轉(zhuǎn)的元素 |
將以下元素的設(shè)計(jì)把控到位，一個(gè)網(wǎng)頁(yè)的設(shè)計(jì)就完成了70%，剩下的就是把它們合理化組合在一起 |
||
| Logo（標(biāo)志） |
企業(yè)的形象來(lái)源于此，通常是企業(yè)標(biāo)準(zhǔn)色和企業(yè)精神的一種完美結(jié)合；顏色、文字、圖形等元素設(shè)計(jì)不同的logo，以應(yīng)對(duì)各類設(shè)計(jì)項(xiàng)目 |
||
| banner（焦點(diǎn)圖） |
網(wǎng)頁(yè)設(shè)計(jì)的點(diǎn)睛之筆，視覺表現(xiàn)力強(qiáng)、震撼、引人眼球；突出重點(diǎn)，例如：企業(yè)精神、主推產(chǎn)品、促銷活動(dòng)、精彩專題等 |
||
| 策劃之前 |
明確主題；背景分析；行業(yè)資料；行業(yè)調(diào)查；同類網(wǎng)站調(diào)查；目標(biāo)用戶群分析； |
||
| 策劃書 |
目的是成功的重要開端；網(wǎng)站開發(fā)商業(yè)流程；目錄結(jié)構(gòu)和鏈接結(jié)構(gòu)。 |
||
| 鮮明的個(gè)人網(wǎng)站 |
個(gè)性鮮明，與眾不同，沒有嚴(yán)格的設(shè)計(jì)要求，多為公眾人物網(wǎng)上宣傳的載體。 |
||
| 國(guó)家政府網(wǎng)站 |
設(shè)計(jì)要求簡(jiǎn)潔、大方、嚴(yán)肅、穩(wěn)重。配色多為紅色、金色搭配。信息內(nèi)容嚴(yán)謹(jǐn)、務(wù)實(shí)。 |
||
| 精美游戲網(wǎng)站 |
頁(yè)面設(shè)計(jì)華麗、炫目。色彩搭配千變?nèi)f化，給人身臨其境般的感覺，吸引玩家加入游戲。 |
||
| 第三階段：DIV CSS入門到實(shí)戰(zhàn) | |||
| 1. 認(rèn)識(shí)DIV CSS |
HTML語(yǔ)言簡(jiǎn)介 |
開發(fā)工具介紹 |
HTML的構(gòu)成 |
|
什么是CSS樣式表 |
CSS優(yōu)點(diǎn) |
標(biāo)記、元素和屬性 |
|
|
樣式表的寫法 樣式介紹 |
盒模型的概念 |
Xhtml書寫規(guī)范 |
|
| 2. 常見標(biāo)簽及用途和選擇符 |
常見標(biāo)簽及用途 |
認(rèn)識(shí)A鏈接 |
A鏈接的四種狀態(tài) |
|
類型選擇符 |
標(biāo)簽的樣式初始化 |
頁(yè)面布局排版 |
|
| 3. CSS語(yǔ)法與內(nèi)容排版 | 選擇合適的doctype | CSS語(yǔ)法結(jié)構(gòu) | CSS屬性與選擇符 |
| 類型選擇符 | id及class選擇符 | 應(yīng)用CSS到網(wǎng)頁(yè)中 | |
| 行間/內(nèi)部/外部樣式表 | 文字排版、通欄排版與分欄排版 | 圖文混合排版 | |
| 4. 塊和內(nèi)嵌 |
塊與內(nèi)嵌對(duì)象介紹 |
塊和內(nèi)嵌的特點(diǎn) |
塊和內(nèi)嵌的轉(zhuǎn)換 |
|
inline-block 屬性 |
inline-block bug |
||
|
5. 浮動(dòng) |
如何讓元素水平排列？ |
浮動(dòng)的問(wèn)題 |
清除浮動(dòng)的方法 |
|
6. 定位 |
相對(duì)定位 |
絕對(duì)定位 |
兩種定位共有的特征 |
|
相對(duì)定位的兼容性問(wèn)題 |
絕對(duì)定位的兼容性問(wèn)題 |
固定定位 |
|
|
如何讓IE6實(shí)現(xiàn)固定定位 |
定位在實(shí)際工作中的應(yīng)用 |
|
|
|
7. 瀏覽器兼容器性問(wèn)題處理 |
XHTML與CSS校驗(yàn)， |
常見的瀏覽器兼容問(wèn)題分析 |
解決主流瀏覽器兼容性 |
|
8.Javascript網(wǎng)頁(yè)常用特效 |
javascript調(diào)用 |
用javascript控制CSS特效 |
SPRY框架應(yīng)用 |
| 第四階段：整站設(shè)計(jì) 深入強(qiáng)化LESS CSS SASS CSS | |||
| 企業(yè)網(wǎng)站 |
企業(yè)網(wǎng)站是項(xiàng)目中常見的，一般都會(huì)要求簡(jiǎn)潔清晰，能夠獲得信息。因此在設(shè)計(jì)時(shí)要注意簡(jiǎn)潔，表現(xiàn)出企業(yè)的形象與精神。 設(shè)計(jì)實(shí)戰(zhàn)：科技類企業(yè)網(wǎng)站，產(chǎn)品類企業(yè)網(wǎng)站，宣傳類企業(yè)網(wǎng)站，形象類企業(yè)網(wǎng)站，服務(wù)類企業(yè)網(wǎng)站 |
||
| 大型門戶網(wǎng)站 |
體現(xiàn)團(tuán)隊(duì)合作精神，往往是小組式承接項(xiàng)目。網(wǎng)站中信息量龐大，相關(guān)內(nèi)容全面并有條理。工作量大，但是完成時(shí)成功感強(qiáng)！ |
||
| 網(wǎng)上商城店鋪 |
隨著電商行業(yè)的發(fā)展，網(wǎng)上店鋪裝修也是一大趨勢(shì)，店鋪首頁(yè)，焦點(diǎn)圖，直通車，產(chǎn)品詳情頁(yè)都需要設(shè)計(jì)。 設(shè)計(jì)實(shí)戰(zhàn)：淘寶店鋪首頁(yè)，詳情頁(yè)，京東店鋪設(shè)計(jì)，天貓店鋪設(shè)計(jì)等網(wǎng)上商城 |
||
| LESS CSS SASS CSS |
兼容性 |
如何挑錯(cuò) |
兼容性問(wèn)題綜合性總結(jié) |
|
常見CSS hack |
！important |
等高布局 |
|
| CSS3介紹 | CSS3的圓角、漸變、陰影 | CSS3兼容性寫法 | |
| transform | 純CSS3實(shí)現(xiàn)的動(dòng)畫效果 | CSS3的兼容性 | |
| LESS CSS | SASS CSS | 移動(dòng)端頁(yè)面布局 | |
| 第五階段：作品整理與就業(yè)應(yīng)聘 | |||
| 畢業(yè)設(shè)計(jì)指導(dǎo)與整理 |
高級(jí)講師及資深設(shè)計(jì)師帶領(lǐng)學(xué)員完成畢業(yè)作品，以備應(yīng)聘時(shí)使用。對(duì)學(xué)習(xí)過(guò)的所有課程和自己做一個(gè)完美的總結(jié)。 |
||
| 就業(yè)應(yīng)聘技巧與職業(yè)規(guī)范 |
就業(yè)形勢(shì)分析及指導(dǎo)；畢業(yè)學(xué)員在應(yīng)聘前應(yīng)該做的準(zhǔn)備；應(yīng)聘注意事項(xiàng)、禮儀、技巧；從業(yè)后工作態(tài)度；人際交往等全面發(fā)展的技巧培訓(xùn)。 |
||
課程特色
教學(xué)模式
專門設(shè)計(jì)一套精華，貼近企業(yè)需求針對(duì)零基礎(chǔ)學(xué)員的學(xué)習(xí)課程體系。
階段考核
在每階段結(jié)束以后對(duì)所有學(xué)員進(jìn)行考核，未及格者可重新學(xué)習(xí)此階段，直到考核合格。
互動(dòng)與實(shí)踐
從基礎(chǔ)學(xué)起，100%真正項(xiàng)目實(shí)戰(zhàn)，整套課程70%實(shí)時(shí)互動(dòng)實(shí)戰(zhàn)教學(xué)。
重復(fù)學(xué)習(xí)
同一課程可免費(fèi)重學(xué)，并提供火星人網(wǎng)校在線學(xué)習(xí)權(quán)限，線上線下同時(shí)學(xué)習(xí)，提高學(xué)習(xí)效率。
火星人強(qiáng)大師資
曾輝
WEB前端開發(fā)高級(jí)講師 網(wǎng)頁(yè)設(shè)計(jì)高級(jí)講師 Adobe認(rèn)證培訓(xùn)講師
火星人WEB前端開發(fā)高級(jí)講師。從事WEB前端行業(yè)多年，擔(dān)任火星人教育中關(guān)村校區(qū)校長(zhǎng)。精通HTML、CSS、HTML5 CSS3、JavaScript、Ajax、JQuery、bootstrap等WEB前端技術(shù)。先后參與了北京人民劇院，歐洲中文團(tuán)組導(dǎo)游協(xié)會(huì)等網(wǎng)站的設(shè)計(jì)與前端。愿與學(xué)員一起探討，課堂熱鬧而氛圍不亂，將多年從業(yè)中積累的經(jīng)驗(yàn)100%傳授給學(xué)員們。
教學(xué)課程：WEB大前端工程師精修班、WEB前端進(jìn)修班、網(wǎng)站設(shè)計(jì)師就業(yè)班、Web前端設(shè)計(jì)師實(shí)戰(zhàn)。
張岑
UI交互設(shè)計(jì)講師 UI視覺設(shè)計(jì)講師 網(wǎng)頁(yè)設(shè)計(jì)講師
火星人UI設(shè)計(jì)學(xué)科和網(wǎng)頁(yè)設(shè)計(jì)學(xué)科高級(jí)講師。雖然年輕，但是有很豐富的設(shè)計(jì)實(shí)戰(zhàn)經(jīng)驗(yàn)，設(shè)計(jì)理念與視覺審美緊追潮流，擅長(zhǎng)多種風(fēng)格，擅長(zhǎng)圖標(biāo)設(shè)計(jì)：扁平化、微扁平、擬物風(fēng)、寫實(shí)風(fēng)等都不在話下。課下與學(xué)員相處時(shí)毫無(wú)架子，如同知己一般，深受學(xué)員的歡迎與喜愛。曾參與設(shè)計(jì)清華官網(wǎng)、網(wǎng)易云課堂活動(dòng)頁(yè)面、云南APP圖標(biāo)設(shè)計(jì)、我要7 APP設(shè)計(jì)等。
教學(xué)課程：移動(dòng)UI設(shè)計(jì)師專業(yè)班、網(wǎng)站設(shè)計(jì)師就業(yè)班、網(wǎng)站平面設(shè)計(jì)。
田建勛
WEB前端開發(fā)高級(jí)講師 Javascript高級(jí)講師 WEB前端工程師
火星人WEB前端開發(fā)高級(jí)講師。曾在共享鴻云電子商務(wù)公司等大企業(yè)任職Web前端開發(fā)高級(jí)程序員，后又負(fù)責(zé)汽車之家-車商城網(wǎng)站前端特效制作。對(duì)Javascript、XHTML、CSS、XML有著深入研究。按照獨(dú)創(chuàng)的授課方法，將技術(shù)難點(diǎn)分析透徹，使學(xué)生更好理解并吸收。
教學(xué)課程：WEB大前端工程師精修班、WEB前端進(jìn)修班、Web前端設(shè)計(jì)師實(shí)戰(zhàn)班。
黃鑫頗
WEB前端開發(fā)高級(jí)講師 網(wǎng)站建設(shè)資深講師 資深網(wǎng)站建設(shè)工程師
火星人WEB前端開發(fā)高級(jí)講師，資深網(wǎng)站建設(shè)工程師。擅長(zhǎng)WEB前端發(fā)開,建站,H5 C3,JS等。曾在北方互動(dòng)設(shè)計(jì)公司任職設(shè)計(jì)總監(jiān)、騰訊集團(tuán)移動(dòng)互聯(lián)網(wǎng)擔(dān)任經(jīng)理。曾為華夏銀行、華誼兄弟影院（舊）、北大壺滑雪場(chǎng)、中國(guó)招標(biāo)投標(biāo)網(wǎng)等官網(wǎng)進(jìn)行設(shè)計(jì)與建站。將WEB技術(shù)中難的知識(shí)點(diǎn)系統(tǒng)分析，獨(dú)創(chuàng)“編程試圖”式授課方式，帶領(lǐng)學(xué)員學(xué)習(xí)、透析網(wǎng)站前端應(yīng)用技術(shù)。
教學(xué)課程：WEB大前端工程師精修班、WEB前端進(jìn)修班、網(wǎng)站設(shè)計(jì)師就業(yè)班、Web前端設(shè)計(jì)師實(shí)戰(zhàn)班。
學(xué)員作品
關(guān)于我們
火星人教育創(chuàng)辦于2002年，火星人專注做好IT職業(yè)教育，符合互聯(lián)網(wǎng) 發(fā)展的浪潮，創(chuàng)辦接地氣兒的教育學(xué)院?；鹦侨酥唤逃杏玫?，火星人專心做教育。13年來(lái)為數(shù)以萬(wàn)名學(xué)生提供前沿的互聯(lián)網(wǎng)IT設(shè)計(jì)知識(shí)。在互聯(lián)網(wǎng)職業(yè)教育行業(yè)中處于**地位。
火星人擁有國(guó)際**的教育理念，引進(jìn)國(guó)外先進(jìn)的教學(xué)思想，Massive（大規(guī)模）Open（開放）Online（在線）Course（課程）?；鹦侨耸讋?chuàng)互聯(lián)網(wǎng) 職業(yè)教育的教學(xué)思想：線下教育Offline 線上教育Online=火星人學(xué)院 一個(gè)前沿的職業(yè)教育平臺(tái)。
火星人在做更多實(shí)用的前沿課程，為學(xué)生提供前沿的學(xué)習(xí)產(chǎn)品和優(yōu)良學(xué)習(xí)體驗(yàn)，開設(shè)課程有：UI設(shè)計(jì)、WEB前端、網(wǎng)頁(yè)設(shè)計(jì)、室內(nèi)設(shè)計(jì)、平面設(shè)計(jì)、國(guó)家大專學(xué)歷等！
熱門相關(guān)課程推薦
如果想了解更多網(wǎng)頁(yè)設(shè)計(jì)或?qū)W校請(qǐng)點(diǎn)擊 >>
電話：010-64707530 金老師
QQ：2645567689
微信：15110074071
