【培訓(xùn)目標(biāo)】
通過網(wǎng)頁設(shè)計(jì)師培訓(xùn),能根據(jù)客戶要求設(shè)計(jì)網(wǎng)頁風(fēng)格,能用PS設(shè)計(jì)出完整的網(wǎng)頁效果圖,通過網(wǎng)頁設(shè)計(jì)培訓(xùn)能用DIV+CSS+jQuery布局網(wǎng)頁,然后與運(yùn)用DEDECMS織夢系統(tǒng)實(shí)現(xiàn)整個(gè)網(wǎng)站功能。
【課程大綱】
第一部分?網(wǎng)頁配色技巧與photoshop網(wǎng)頁設(shè)計(jì)
網(wǎng)頁配色技巧1、學(xué)習(xí)色彩構(gòu)成原理,掌握色彩構(gòu)成規(guī)律,提高色彩感覺,掌握運(yùn)用色彩表現(xiàn)空間及結(jié)構(gòu)的能力;
2、歐美/日韓/國內(nèi)網(wǎng)站風(fēng)格特點(diǎn)和技巧;
3、色彩搭配技巧;
4、色彩與形象的關(guān)系,通過大量色練習(xí),學(xué)會快速識別色彩和冷暖;
5、掌握客戶較深心理層面的的風(fēng)格需求;
6、運(yùn)用色彩搭配不同網(wǎng)頁設(shè)計(jì)風(fēng)格;
網(wǎng)頁結(jié)構(gòu)構(gòu)成和字體設(shè)計(jì)形態(tài)構(gòu)成要素:點(diǎn)的構(gòu)成、線的構(gòu)成、面的構(gòu)成和點(diǎn)線面的構(gòu)成;空間與運(yùn)動:立體與空間、運(yùn)動感;比例與分割:不同比例的分割、等分分割、漸變分割;形狀:?圖形與輪廓、?形狀的設(shè)計(jì);畫面構(gòu)成:?畫面形狀與構(gòu)架、?圖與底、形的組織、?構(gòu)成形式;設(shè)計(jì)的基本原則、構(gòu)圖、光影透視以及點(diǎn)線面元素處理等重要版式布局理念。如何讓網(wǎng)頁界面更加吸引力,如何突破以往的網(wǎng)頁版面格局等新鮮內(nèi)容。在網(wǎng)頁設(shè)計(jì)中,我們將透過大量的范例,了解字體的特征,最終得以靈活應(yīng)用。內(nèi)容包括字體的使用、文字標(biāo)題的制作、文字段落的排版等。
PS網(wǎng)頁界面設(shè)計(jì)1、界面介紹,工具面板打開關(guān)閑,快捷鍵使用和設(shè)置。選區(qū)工具移動工具?選擇菜單詳細(xì)講解。
2、裁剪工具,切片工具,吸管工具,標(biāo)尺工具污點(diǎn)修復(fù)工具,修復(fù)畫筆工具,修補(bǔ)工具,紅眼工具,畫筆工具,鉛筆工具,定義畫筆預(yù)設(shè)?畫筆面板詳細(xì)講解。
3、圖章工具,歷史記錄畫筆工具,橡皮擦工具,漸變工具詳細(xì)講解。
4、模糊工具,銳化工具,涂抹工具,減淡工具,加深工具,文字工具?矢量工具講解。
5、鋼筆工具詳細(xì)講解。
6、圖層面板,新建,刪除圖層,合并圖層,圖層混合模式,圖層樣式,圖層組詳細(xì)講解加圖層實(shí)例?加按鈕制作實(shí)例。
7、圖層蒙板詳細(xì)講解?加實(shí)例。
8、定義圖案,和填充圖案,圖層里新填充圖案的講解和作用?圖像大小,畫布大小,變換和旋轉(zhuǎn)畫布。
9、圖像調(diào)整顏色?,直方圖和圖層里的調(diào)整圖層詳細(xì)講解加實(shí)例?。
10、新建通道的作用。通道原理??加實(shí)例。
11、濾鏡菜單講解加實(shí)例;
12、光照效果,鏡頭光暈效果講解加實(shí)例。
13、GIF動畫講解,動作,批量動作。
14、PS仿首頁實(shí)例
15、PS仿首頁實(shí)例
16、PS切片
第二部分:網(wǎng)頁三劍客
dreamweaver(網(wǎng)頁排版)介紹各種窗口元素、創(chuàng)建文檔、設(shè)置文本格式、插入圖、Layer樣式表應(yīng)用。使用框架:創(chuàng)建框架、關(guān)于框架與框架集的使用、創(chuàng)建窗體、庫項(xiàng)目使用;樣板應(yīng)用:Layout排版方式;網(wǎng)頁交互:Behaviors(行為)概述,F(xiàn)lash電影、聲音的控制,顯示/隱藏層,檢查插件和瀏覽器。可制作文字網(wǎng)頁、圖文混排網(wǎng)頁、表單網(wǎng)頁等建站標(biāo)準(zhǔn)與流程,超鏈接;表單,樣式表,HTML基礎(chǔ)知識,超鏈接建站流程;利用ftp發(fā)布網(wǎng)站和管理網(wǎng)站
fireworks(圖形處理)1.Fireworks針對網(wǎng)頁中位圖和矢量圖處理
2.了解PS與Fireworks操作上的差別
3.綜合練習(xí),充分利用已掌握的前臺設(shè)計(jì)技術(shù)和后臺javascript語法
4.fireworks的基本操作
5.位圖和矢量圖的處理
6.添加濾鏡和效果
7.制作動畫
flash(網(wǎng)頁動畫)動畫基本理論、動畫設(shè)計(jì)藝術(shù)、網(wǎng)絡(luò)動畫、ACTION?腳本控制影片剪輯
1FLASH?動畫的基本原理、常用工具快捷鍵與小技巧
認(rèn)識圖層與元件?、時(shí)間軸與三種幀的介紹
逐幀動畫?、形狀補(bǔ)間動畫小技巧?、動作補(bǔ)間動畫與元件
遮罩動畫?、?路徑動畫?、?在?Flash?中應(yīng)用聲音
資料收集與?SWF?文件破解、打造自己的個(gè)人?FLASH?網(wǎng)站
loading?條的制作?、?flash?網(wǎng)站引導(dǎo)動畫
flash?網(wǎng)站導(dǎo)航條的制作?、flash?網(wǎng)站框架設(shè)置
flash?網(wǎng)站頁面跳轉(zhuǎn)?、flash網(wǎng)站添加音樂
第三部分:web標(biāo)準(zhǔn)?(CSS+DIV)代碼優(yōu)化網(wǎng)頁美化
Web標(biāo)準(zhǔn)與網(wǎng)站重構(gòu)(CSS+DIV)1、CSS+DIV布局理念,Box模型、CSS文檔流與塊級和內(nèi)聯(lián)元素、浮動、定位等重點(diǎn)知識點(diǎn)學(xué)習(xí)
2、CSS菜單設(shè)計(jì)、列表設(shè)計(jì)
3、Web端交互元素表單設(shè)計(jì)、輸出媒介網(wǎng)站設(shè)計(jì)
4、CSS瀏覽器兼容設(shè)計(jì)
5、綜合HTML+DIV+CSS頁面制作演練;
網(wǎng)頁特效與JS代碼應(yīng)用1、Javascript以及實(shí)用的jQurey插件和Ajax技術(shù)應(yīng)用,高效率設(shè)計(jì)DIV+CSS+jQuery高級設(shè)計(jì)
2、網(wǎng)頁菜單設(shè)計(jì)、網(wǎng)頁圖片特效設(shè)計(jì)、網(wǎng)頁文字特效設(shè)計(jì)
第四部分:綜合案例實(shí)訓(xùn)
課堂綜合練習(xí)(綜合運(yùn)用)綜合前面所學(xué)知識,將各種案例結(jié)合起來綜合訓(xùn)練。
第五部分:網(wǎng)站專業(yè)知識
網(wǎng)頁與網(wǎng)站(理論學(xué)習(xí))學(xué)習(xí)互連網(wǎng)的相關(guān)知識,了解學(xué)習(xí)網(wǎng)絡(luò)、網(wǎng)頁、網(wǎng)站的基礎(chǔ)知識,了解相互之間的關(guān)系,了?解網(wǎng)站的重要性以及網(wǎng)頁設(shè)計(jì)對企業(yè)的影響與好處,增強(qiáng)與提高學(xué)生對網(wǎng)頁設(shè)計(jì)的興趣,提高設(shè)計(jì)與創(chuàng)作水平。
空間域名
1、如何注冊好的域名;
2、如何選購適合網(wǎng)站類型的空間;
3、如何把網(wǎng)站發(fā)布到互聯(lián)網(wǎng);
4、如何維護(hù)維護(hù)網(wǎng)站和檢測網(wǎng)站安全;
第六部分:DEDECMS織夢快速建站
織夢基礎(chǔ)篇1、環(huán)境搭建與系統(tǒng)安裝
1.1.?本地環(huán)境的搭建;
1.2.?DedeCMS系統(tǒng)安裝;
1.3.?DedeCMS后臺熟悉;
2、程序文件作用及安全權(quán)限設(shè)置;
2.1.?各文件夾作用講解;
2.2.?各文件夾安全權(quán)限設(shè)置;
3、模板風(fēng)格文件的認(rèn)識
3.1.?模板風(fēng)格的存放形式及位置;
3.2.?模板風(fēng)格的命名規(guī)則;
3.3.?模板風(fēng)格文件的注意事項(xiàng);
標(biāo)簽認(rèn)識篇1、文檔列表標(biāo)簽(arclist)
1.1?標(biāo)簽的用途;
1.2?標(biāo)簽的適用范圍;
1.3?標(biāo)簽的參數(shù)詳解;
1.4?標(biāo)簽的底層模板詳解;
1.5?高級判斷調(diào)用方式;
2、列表歸檔標(biāo)簽(list)
2.1?標(biāo)簽的用途;
2.2?標(biāo)簽的適用范圍;
2.3?標(biāo)簽的參數(shù)詳解;
2.4?標(biāo)簽的底層模板詳解;
2.5?高級判斷調(diào)用方式;
3、文檔信息標(biāo)簽(field)
3.1?標(biāo)簽的用途;
3.2?標(biāo)簽的使用范圍;
3.3?標(biāo)簽的取值范圍;
4、其它常用標(biāo)簽(more)
4.1?其它各類常用標(biāo)簽詳解;
4.2?各類常用標(biāo)簽的調(diào)用實(shí)例;
實(shí)戰(zhàn)仿站篇1、首頁模板仿站實(shí)例
2、列表頁模板仿站實(shí)例
3、內(nèi)容頁模板仿站實(shí)例
4、系統(tǒng)環(huán)境配置常見問題
5、非系統(tǒng)環(huán)境配置常見問題
6、模塊插件的開發(fā);
7、模塊插件的打包及發(fā)布;
第七部分:企業(yè)案例實(shí)訓(xùn)
分類企業(yè)網(wǎng)站應(yīng)用大量企業(yè)案例,全真操作,由授課老師監(jiān)控完成。
第八部分:SEO百度、谷歌優(yōu)化排名SEM操作技巧
百度競價(jià)優(yōu)化排名1、百度推廣技巧
2、谷歌推廣技巧
3、設(shè)計(jì)符合SEO結(jié)構(gòu)的網(wǎng)頁
4、競價(jià)推廣技巧
5、學(xué)習(xí)與了解百度、谷歌等搜索引擎的優(yōu)化排名方法
第九部分:企業(yè)案例分析
企業(yè)案例精簡在課堂上老師將成功的網(wǎng)站一起與學(xué)生分享與剖析,通過案例分析如何成業(yè)一個(gè)優(yōu)秀的網(wǎng)頁設(shè)計(jì)師。
第十部分:綜合能力提高
接單談單技巧設(shè)計(jì)師職業(yè)用語、神態(tài)、妥善處理客戶不同意見/如何提高客戶對設(shè)計(jì)方案的認(rèn)可程度、合同的簽?訂、如何同客戶保持長期的合作關(guān)系?。
項(xiàng)目實(shí)戰(zhàn)以真實(shí)設(shè)計(jì)項(xiàng)目分組實(shí)戰(zhàn)/各實(shí)例深度分析講解。
結(jié)業(yè)答辯學(xué)員與教師共同進(jìn)行學(xué)員作品的風(fēng)格、進(jìn)行提問與答辯,從而提高學(xué)員的溝通、表達(dá)、繪圖及設(shè)計(jì)能力。
應(yīng)聘作品教師指導(dǎo)學(xué)員獨(dú)立完成各人的設(shè)計(jì)方案,完善應(yīng)聘簡歷及相關(guān)資料。
第十一部分:實(shí)習(xí)與就業(yè)
就業(yè)擇業(yè)指導(dǎo)目前網(wǎng)設(shè)計(jì)工作分類、從業(yè)人員狀況(薪水收入與能力水平現(xiàn)狀)、如何以個(gè)人優(yōu)勢參與行業(yè)競爭、行業(yè)用人標(biāo)準(zhǔn)?。
就業(yè)分排課程結(jié)束后在老師就業(yè)指導(dǎo)下全部推薦就業(yè)。
優(yōu)秀者可在老師公司直接留用
【就業(yè)崗位】
互聯(lián)網(wǎng)行業(yè)(網(wǎng)頁設(shè)計(jì)師/用戶體驗(yàn)設(shè)計(jì)師),傳統(tǒng)媒體行業(yè)(圖形/視覺設(shè)計(jì)師),淘寶企業(yè)(淘寶店鋪裝修設(shè)計(jì)師),網(wǎng)站營銷師(網(wǎng)站推廣專員)。
【上課時(shí)間】
三個(gè)月零基礎(chǔ)培訓(xùn)?22課時(shí)?3小時(shí)/課時(shí)
白天班(上午?9:00~12:00?或下午14:00~17:00)
晚上班?(19:30~21:30)
周末班(上午9:00~12:00?下午14:00~17:00)
YY網(wǎng)絡(luò)遠(yuǎn)程教育班:每周一、三、五或者二、四、六晚上(19:30~21:30)2個(gè)小時(shí)
?
【培訓(xùn)方式】
?◆?小班授課,人手一臺電腦,學(xué)練結(jié)合,免費(fèi)試聽和重修,終身技術(shù)支持。
?◆?教師授課與學(xué)生上機(jī)實(shí)踐相結(jié)合,采用多媒體教學(xué)方式,保證最佳的學(xué)習(xí)效果。
?◆?案例教學(xué):采用完全的企業(yè)案例教學(xué),邊講邊練,循序漸進(jìn)地引導(dǎo)學(xué)員迅速掌握相應(yīng)的知識和技能。
?◆?注重實(shí)用:每一位任課教師都具有多年的軟件開發(fā)經(jīng)驗(yàn),他們不僅精通所講授的課程,而且具備豐富的項(xiàng)目經(jīng)驗(yàn),在教學(xué)的過程中會逐步將自己的項(xiàng)目經(jīng)驗(yàn)傳授給學(xué)員。