【培訓(xùn)目標(biāo)】
通過網(wǎng)頁設(shè)計師培訓(xùn),能根據(jù)客戶要求設(shè)計網(wǎng)頁風(fēng)格,能用PS設(shè)計出完整的網(wǎng)頁效果圖,通過網(wǎng)頁設(shè)計培訓(xùn)能用DIV+CSS+jQuery布局網(wǎng)頁,然后與運用DEDECMS織夢系統(tǒng)實現(xiàn)整個網(wǎng)站功能。

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

友情鏈接

Back to top