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