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