網(wǎng)頁設(shè)計(jì)就業(yè)班
*階段:軟件的熟練運(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)大的矢量圖軟件(簡(jiǎn)稱AI),在制作網(wǎng)站頁面時(shí),AI的使用是非常頻繁的;如網(wǎng)頁中版式的設(shè)計(jì)、Banner元素等;實(shí)戰(zhàn)演練;
4. Flash
Flash強(qiáng)大的動(dòng)畫軟件廣泛用于網(wǎng)頁中的動(dòng)畫廣告、動(dòng)畫效果;房產(chǎn)行業(yè),公司企業(yè)等網(wǎng)站均為Flash整站,效果奪目,引人眼球;大幅度增加網(wǎng)頁觀賞性;
第二階段:PS頁面設(shè)計(jì) 網(wǎng)站頁面創(chuàng)意
次時(shí)代網(wǎng)頁美工玩轉(zhuǎn)的元素
將以下元素的設(shè)計(jì)把控到位,一個(gè)網(wǎng)頁的設(shè)計(jì)就完成了70%,剩下的就是把它們合理化組合在一起
Logo(標(biāo)志)
企業(yè)的形象來源于此,通常是企業(yè)標(biāo)準(zhǔn)色和企業(yè)精神的一種完美結(jié)合;通過顏色、文字、圖形等元素設(shè)計(jì)不同的logo,以應(yīng)對(duì)各類設(shè)計(jì)項(xiàng)目
banner(焦點(diǎn)圖)
網(wǎng)頁設(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)上宣傳的載體。
設(shè)計(jì)實(shí)戰(zhàn):個(gè)人博客、個(gè)人論壇、個(gè)人主頁
**網(wǎng)站
設(shè)計(jì)要求簡(jiǎn)潔、大方、嚴(yán)肅、穩(wěn)重。配色多為紅色、金色搭配。信息內(nèi)容嚴(yán)謹(jǐn)、務(wù)實(shí)。
設(shè)計(jì)實(shí)戰(zhàn):地區(qū)類*網(wǎng)站、事業(yè)單位類*網(wǎng)站、*類*網(wǎng)站。
精美游戲網(wǎng)站
頁面設(shè)計(jì)華麗、炫目。色彩搭配千變?nèi)f化,給人身臨其境般的感覺,吸引玩家加入游戲。
設(shè)計(jì)實(shí)戰(zhàn):頁游類游戲網(wǎng)站、客戶端類游戲網(wǎng)站、精彩專題類游戲網(wǎng)站。
第三階段:DIV+CSS入門到實(shí)戰(zhàn)
1. 認(rèn)識(shí)DIV+CSS
HTML語言簡(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)簽的樣式初始化
頁面布局排版
3. CSS語法與內(nèi)容排版 選擇合適的doctype CSS語法結(jié)構(gòu) CSS屬性與選擇符
類型選擇符 id及class選擇符 應(yīng)用CSS到網(wǎng)頁中
行間/內(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)的問題
清除浮動(dòng)的方法
6. 定位
相對(duì)定位
絕對(duì)定位
兩種定位共有的特征
相對(duì)定位的兼容性問題
絕對(duì)定位的兼容性問題
固定定位
如何讓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)目中最常見的,一般都會(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)!
設(shè)計(jì)實(shí)戰(zhàn):騰訊網(wǎng)、新浪網(wǎng)、搜狐網(wǎng)等,影視門戶網(wǎng)站、音頻門戶網(wǎng)站、游戲門戶網(wǎng)站、訊息門戶網(wǎng)站、下載門戶網(wǎng)站
網(wǎng)上商城店鋪
隨著電商行業(yè)的發(fā)展,網(wǎng)上店鋪裝修也是一大趨勢(shì),店鋪首頁,焦點(diǎn)圖,直通車,產(chǎn)品詳情頁都需要設(shè)計(jì)。
設(shè)計(jì)實(shí)戰(zhàn):淘寶店鋪首頁,詳情頁,京東店鋪設(shè)計(jì),天貓店鋪設(shè)計(jì)等網(wǎng)上商城
LESS CSS+SASS CSS
兼容性
如何挑錯(cuò)
兼容性問題綜合性總結(jié)
常見CSS hack
!important
等高布局
CSS3介紹 CSS3的圓角、漸變、陰影 CSS3兼容性寫法
transform 純CSS3實(shí)現(xiàn)的動(dòng)畫效果 CSS3的兼容性
LESS CSS SASS CSS 移動(dòng)端頁面布局
第五階段:作品整理與就業(yè)應(yīng)聘
畢業(yè)設(shè)計(jì)指導(dǎo)與整理
高級(jí)講師及資深設(shè)計(jì)師帶領(lǐng)學(xué)員完成畢業(yè)作品,以備應(yīng)聘時(shí)使用。對(duì)學(xué)習(xí)過的所有課程和自己做一個(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)。