京東店鋪裝修與設計從入門到精通教學教案

《京東店鋪裝修與設計從入門到精通》

教學初中九年級數(shù)學初中九年級數(shù)學教案

第1講

京東店鋪裝修前地準備工

課時內(nèi)容授課時間90分鐘課時2

作

認識京東平臺

教學目地認識店鋪裝修

掌握店鋪裝修流程

教學重點掌握京東平臺地基礎知識

教學難點認識并學習如何進行店鋪裝修

初中

九年1、教學思路：（1）講解京東平臺，讓學員認識京東POP開放平臺與認識京東商家后臺；

數(shù)

學初

級（2）講解店鋪裝修地基礎知識,讓學員里認識店鋪裝修地注意事項,店鋪裝修風格

加

年級

中地設計,店鋪裝修與轉(zhuǎn)化率地關系地有關知識；（3）講解店鋪裝修流程，使學員認識

裝

教案

數(shù)店鋪裝修策劃，素材收集與商品拍攝，圖片設計與制作，圖片切片，上傳與管理裝修

中

九年

初圖片與京東后臺店鋪裝修操作；（4）安排實戰(zhàn)訓練,拓展延伸與課堂練習，對前面知

數(shù)

學教

級識進行鞏固。

利

學設

案2、教學手段：（1）通過演示講解基礎知識,講解結(jié)束后進行疑難提問；（2）對于重點

計知識可進行舉例說明。

3、教學資料與要求:除中講解地知識，還可繼續(xù)對京東平臺進行學習。

學習內(nèi)容

討論問題：1,如何進行店鋪裝修？

2,裝修過程中地注意事項有哪些？

內(nèi)容大綱:具體可結(jié)合本章地PPT課件進行配合講解。

1.1京東平臺

1.1.1認識京東POP開放平臺

1.1.2認識京東商家后臺

1.2店鋪裝修

1.2.1店鋪裝修地注意事項

1.2.2店鋪裝修風格地設計

1.2.3店鋪裝修與轉(zhuǎn)化率地關系

1.3店鋪裝修流程

1.3.1店鋪裝修裝劃

1.3.2素材收集與商品拍攝

1.3.3圖片設計與制作

1.3.4圖片切片

1.3.5上傳與管理裝修圖片

1.3.6京東后臺店鋪裝修操作

1.4實戰(zhàn)訓練

1.4.1實訓要求

1.4.2實訓分析

1.4.3操作思路

1.5拓展延伸

1.6思考練習

1、掌握京東地基礎知識。

小結(jié)

2、掌握字體地布局技巧。

相/UA一/相UA?.

(1)開設京東店鋪地方法？

(2)店鋪裝修地注意事項？

1.練一練：

思考與作(1)賞析周黑鴨京東自營旗艦店首頁效果，要求對頁面地設計元素,裝修要點進行分析。

業(yè)(2)賞析衛(wèi)龍京東自營旗艦店首頁效果，要求對頁面地版式設計,風格與顏色展現(xiàn)進行

分析。

第2講

京東店鋪設計前地準

課時內(nèi)容授課時間90分鐘課時2

備工作

掌握店鋪視覺營銷設計地有關知識

掌握搭配色彩突出主題地方法

教學目地

掌握排版構(gòu)圖地原則與方法

掌握字體選擇地方法

教學重點掌握開始店鋪前地基礎知識

教學難點掌握構(gòu)圖原則與色彩搭配方式

1、教學思路：（1）通過對店鋪視覺營銷設計地講解，讓學員熟悉視覺營銷設計地目地

初

中九年

與作用，店鋪視覺營銷3要素與視覺營銷文案策劃；（2）通過對色彩地搭配地講解，

數(shù)學初

級

讓學員認識色彩,色彩地搭配方法,主色,輔助色與點綴色；（3）通過對頁面地布局

九年級

中

地講解,讓學員認識點,線,面3大基本構(gòu)圖元素,店鋪布局地基本原則與常見構(gòu)圖

堂案

教

數(shù)

方式；（4）通過對字體地選擇方法,讓學員認識字體地選擇方法,字體風格地搭配，

中年

九

初

字體地布局技巧；（5）安排實戰(zhàn)訓練，拓展延伸與課堂練習，對前面知識進行鞏固。

數(shù)教

學

級

2、教學手段：（1）通過演示講解基礎知識,講解結(jié)束后進行疑難提問；（2）對于重點

軟設

學

案

知識可進行舉例說明。

計

3、教學資料與要求:除中地實例外，可以介紹更多圖像編輯地基本操作，讓學員充分

利用并進行練習。

學習內(nèi)容

知識回顧:在前面講解京東店鋪裝修前地準備工作,本章將對京東店鋪設計前地準備工作進行介紹。

討論問題：1,如何對店鋪進行布局？

2,如何對店鋪顏色進行調(diào)整？

內(nèi)容大綱：具體可結(jié)合本章地PPT課件進行配合講解。

2.1店鋪視覺營銷設計

2.1.1視覺營銷設計地目地與作用

2.1.2店鋪視覺營銷3要素

2.1.3視覺營銷文案策劃

2.2色彩地搭配

2.2.1認識色彩

2.2.2色彩地搭配方法

2.2.3主色，輔助色與點綴色

2.3頁面地布局

2.3.1認識點，線，面3大基本構(gòu)圖元素

2.3.2店鋪布局地基本原則

2.3.3常見構(gòu)圖方式

2.4字體地選擇

2.4.1字體地選擇方法

2.4.2字體風格地搭配

2.4.3字體地布局技巧

2.5實戰(zhàn)訓練

2.5.1實訓要求

2.5.2實訓分析

2.5.3操作思路

2.6拓展延伸

2.7思考練習

1、掌握色彩地搭配技巧

小結(jié)

2、掌握文字地選擇方法

想一想：

(1)文字圖形化展現(xiàn)，加強視覺沖擊力？

(2)常見色系應用場合與搭配方法？

2.練一練：

思考與作(1)賞析珀萊雅京東自營旗艦店首頁效果，要求對頁面地設計元素，頁面地顏色搭配與

業(yè)字體搭配進行分析。

(2)賞析達利園京東自營旗艦店首頁效果，要求對網(wǎng)頁顏色，風格，搭配，構(gòu)圖方式,網(wǎng)頁元

素等進行分析。

第3講

課時內(nèi)容商品圖片地基本處理授課時間45分鐘課時1

掌握圖片地基礎調(diào)整方法

教學目地掌握調(diào)整圖片亮度與色彩地方法

掌握圖片背景摳取地方法

掌握圖片地調(diào)整方法。

教學重點

掌握圖片地摳取方式。

教學難點套索工具與魔法棒工具地使用方法，以與調(diào)整選區(qū)地基本操作。

1、教學思路：（1）通過對圖片地基礎調(diào)整進行講解,讓學員掌握店鋪常見地圖片尺寸，

初

中九年

裁剪圖片中地指定部分，固定尺寸裁剪圖片，調(diào)整圖片地大小與矯正傾斜圖片地方

學

數(shù)初

級

法；（2）通過對調(diào)整圖片地亮度與色彩進行講解,使學員了解調(diào)整圖片亮度,調(diào)整圖

年

九級

中

片明暗度,調(diào)整偏色地圖片地方法；（3）通過對圖片背景地摳取進行講解,使學員了

學教案

數(shù)

解單色背景地摳取,輪廓清晰圖像地摳取與復雜背景圖像地摳取方法進行介紹；（4）

中年

九

初

安排實戰(zhàn)訓練,拓展延伸與課堂練習，對前面知識進行鞏固。

數(shù)教

學

級

、教學手段：（）通過演示講解基礎知識，講解結(jié)束后進行課堂練習與疑難提問；（）

數(shù)設

學212

案

對于重點操作可以著重演示,并加強舉例說明。

計

3、教學資料與要求：除中地實例外,可通過案例地形式,對圖像地處理方法進行總結(jié)，

讓學員在掌握知識地同時,對各個工具項進行掌握。

學習內(nèi)容

知識回顧:前面講解了京東店鋪設計前地準備工作，本章將商品圖片地基本處理進行介紹。

討論問題：1,如何摳取復雜地圖片？

2,如何對圖像進行調(diào)整？

內(nèi)容大綱：具體可結(jié)合本章地PPT課件進行配合講解。

3.1圖片地基礎調(diào)整

3.1.1店鋪常見地圖片尺寸

3.1.2裁剪圖片中地指定部分

3.1.3固定尺寸裁剪圖片

3.1.4調(diào)整圖片地大小

3.1.5矯正傾斜圖片

3.2調(diào)整圖片地亮度與色彩

3.2.1調(diào)整圖片亮度

3.2.2調(diào)整圖片明暗度

3.2.3調(diào)整偏色地圖片

3.3圖片背景地摳取

3.3.1單色背景地摳取

3.3.2輪廓清晰圖像地摳取

3.3.3復雜背景圖像地摳取

3.3.4毛發(fā)地摳取

3.4實戰(zhàn)訓練

3.4.1調(diào)整潔具偏色

3.4.2替換唇膏背景

3.5拓展延伸

3.6思考練習

1、掌握圖片地調(diào)整與編輯方法

小結(jié)

2、掌握圖片地摳取方法

相一，相心?.

(1)如何篩選需求調(diào)整地圖片？

(2)如何快速擦除單色背景并應用其它背景？

練一練：

思考與作(1)處理一張曝光不足，色彩暗淡地咖啡杯圖片，處理后色澤鮮艷,美觀。

業(yè)

(2)打開素材文件”杯子.jpg”素材文件，使用鋼筆工具摳圖，將摳取地杯子拖動到詳

情頁中.

第4講

課時內(nèi)容商品圖片地特殊處理授課時間90課時2

掌握快速還原圖片實際效果地方法

掌握圖片瑕疵修復地方法

教學目地

掌握水印地制作與圖片地合成方法

掌握文字與形狀地使用方法

掌握圖片地調(diào)整方法

教學重點

掌握水印地制作方法

教學難點掌握圖片地修飾方法

1、教學思路：（1）通過對快速還原圖片實際效果進行講解，讓學員掌握圖片地處理方

初中九年

法；（2）通過對圖片地瑕疵修復進行講解，讓學員掌握瑕疵地修復方法；（3）通過

級數(shù)學初

對水印地制作與圖片地合成進行講解，讓學員掌握水印與合成地基礎知識；（4）通

中九年級

過對文字地講解，讓學員掌握文字地添加與設置方法；（5）安排實戰(zhàn)訓練，拓展延伸

數(shù)學教案

與課堂練習，對前面知識進行鞏固。

初中九年

2、教學手段：（1）通過演示講解基礎知識，講解結(jié)束后進行課堂練習與疑難提問；（2）

級數(shù)學教

對于重點操作可以著重演示,并加強舉例說明。

案教學設

3、教學資料與要求:除中地實例外,可以給出命題,讓學員根據(jù)所學知識進行圖像地制

計

作。

學習內(nèi)容

知識回顧:在前面講解了商品圖片地基本處理，下面對商品圖片地特殊處理進行講解。

討論問題：1,快速對圖像進行處理？

2,如何合成圖片？

內(nèi)容大綱:具體可結(jié)合本章地PPT課件進行配合講解。

4.1快速還原圖片實際效果

4.1.1調(diào)整曝光不足地圖片

4.1.2調(diào)整曝光過度地圖片

4.1.3調(diào)整有色差地圖片

4.1.4調(diào)整模糊地圖片

4.2圖片地瑕疵修復

4.2.1去除圖片中多余地圖像

4.2.2處理商品圖片中地污點

4.2.3消除人物地眼袋與皺紋

4.2.4制作景深效果

4.3水印地制作與圖片地合成

4.3.1水印地制作與添加

4.3.2商品圖片地合成處理

4.4豐富商品圖片內(nèi)容

4.4.1文字地添加與設置

4.4.2為商品圖片添加形狀

4.5實戰(zhàn)訓練

4.5.1恢復玻璃杯真實效果

4.5.2完善與美化水果圖片

4.6拓展延伸

4.7思考練習

1、掌握不同圖片地處理技巧

小結(jié)

2、掌握修飾圖像地方法

相一相.

（1）商品圖片處理時需求注意哪些問題？

（2）圖片失真地處理策略有哪些？

（3）京東商品圖片選擇與展示地基礎要求有哪些？

練一練：

思考與作

（1）打開"羽絨服.jpg"素材文件，去除羽絨服上地部分褶皺，提高羽絨服亮度并讓羽

業(yè)

絨服顯示效果更清晰，以達到美化羽絨服地目地。

（2）打開"裝生菜地盤子.jpg"素材文件，使用污點修復畫筆工具與修補工具對污點進

行修復，并進行調(diào)色，使其更加鮮嫩。

第5講

課時內(nèi)容京東店鋪裝修基礎授課時間90分鐘課時2

掌握京東店鋪裝修分類地有關知識

掌握圖片管理地有關知識

教學目地

掌握媒體資源管理與分析地方法

掌握店鋪基本頁面地裝修方法

教學重點掌握京東裝修技巧

教學難點京東基本頁面地有關知識

1、教學思路：（1）通過京東店鋪裝修地分類，讓學員掌握京東地基礎知識；（2）通過

初中九年對圖片管理進行講解，讓學員認識圖片管理地基礎知識；（3）通過對媒體資源管理

級數(shù)學初與分析進行講解，讓學員掌握媒體地有關操作；（4）通過認識京東店鋪裝修頁面，

中九年級讓學員認識電腦端與移動端地裝修頁面；（5）通過使用模板裝修京東店鋪，讓學員

數(shù)學教案掌握詳情頁地裝修方式；（5）安排實戰(zhàn)訓練，拓展延伸與課堂練習，對前面知識進行

初中九年鞏固。

級數(shù)學教2、教學手段：（1）通過演示講解基礎知識，講解結(jié)束后進行上機練習與疑難提問；（2）

案教學設對于重點操作可以著重演示,并加強舉例說明。

計3、教學資料與要求:除中地講解地知識外,還需對京東地裝修頁面進行瀏覽，使裝修更

加快速。

學習內(nèi)容

知識回顧:前面講解了商品圖片地特殊處理;下面對京東店鋪裝修基礎進行講解。

討論問題:如何對首頁與詳情頁進行裝修？

內(nèi)容大綱：具體可結(jié)合本章地PPT課件進行配合講解。

5.1京東店鋪裝修地分類

5.1.1京東常規(guī)店鋪

5.1.21號店

5.1.3小程序

5.2圖片管理

5.2.1分類管理

5.2.2上傳圖片

5.2.3移動圖片

5.2.4刪除圖片

5.3媒體資源管理與分析

5.3.1媒體資源地類型

5.3.2上傳媒體資源

5.3.3媒體資源地關聯(lián)與審核

5.3.4刪除媒體資源

5.3.5分析媒體資源情況

5.4認識京東店鋪裝修頁面

5.4.1認識電腦端裝修頁面

5.4.2認識移動端裝修頁面

5.5使用模板裝修京東店鋪

5.5.1使用”京東裝修市場”裝修京東店鋪首頁

5.5.2使用“裝吧"裝修詳情頁

5.6實戰(zhàn)訓練

5.6.1上傳圖片到圖片管理

5.6.2使用模板裝修詳情頁

5.7拓展延伸

5.8思考練習

1、掌握店鋪地裝修方式

小結(jié)

2、掌握圖片地管理方式

相心、一，相心?.

1,視頻被駁回時怎么進行重新申請？

2,自定義頁面使用場景假設與建議有哪些？

思考與作練一練：

業(yè)（1）在圖片空間中新建文件夾，并將文件夾命名為"休閑鞋首頁"，完成后將圖片上傳

到該文件夾中，查看上傳圖片地圖片信息。

（2）熟悉商品主圖視頻地上傳規(guī)范并進行上傳操作，完成上傳,轉(zhuǎn)碼后進行視頻與商

品地關聯(lián)。

第6講

課時內(nèi)容電腦端首頁設計授課時間90分鐘課時2

掌握店鋪首頁地基礎知識

掌握店鋪店招地設計與制作方法

掌握店鋪導航地設計與制作方法

教學目地

掌握商品分類地設計與制作方法

掌握圖片輪播地設計與制作方法

掌握商品推薦地設計與制作方法

教學重點掌握首頁地制作方法

教學難點掌握首頁各個板塊地制作方法

中

初

九年1、教學思路：（1）通過對店鋪首頁進行講解，讓學員對首頁地基礎知識進行介紹；（2）通

數(shù)

學初

級過對店鋪店招地設計與制作，讓學員掌握店招地設計方法；（3）通過對店鋪導航條地設

加

年級

中計與制作，讓學員掌握導航條地設計方法；（4）通過對商品分類地設計與制作，讓學員

堂

教案

數(shù)掌握商品分類地設計方法；（5）通過對圖片輪播地設計與制作，讓學員掌握圖片輪播地

中

九年

初設計方法；（6）通過對商品推薦地設計與制作,讓學員掌握商品推薦地設計方法；（7）

數(shù)

學教

級安排實戰(zhàn)訓練,拓展延伸與課堂練習，對前面知識進行鞏固。

軟

學設

案2、教學手段：（1）通過演示講解基礎知識，講解結(jié)束后進行上機練習與疑難提問；（2）對

計于重點操作可以著重演示,并加強舉例說明。

3、教學資料與要求:除中地實例外，還可對其它店鋪首頁進行制作。

學習內(nèi)容

知識回顧:前面地章節(jié)中講解了京東店鋪裝修基礎,下面對電腦端首頁設計進行介紹。

討論問題:如何進行店鋪地裝修？

內(nèi)容大綱:具體可結(jié)合本章地PPT課件進行配合講解。

6.1店鋪首頁

6.1.1店鋪首頁設計地注意事項

6.1.2店鋪首頁布局地要點

6.2店鋪店招地設計與制作

6.2.1店招地設計原則

6.2.2確定店招風格

6.2.3制作店鋪Logo

6.2.4制作店招

6.3店鋪導航條地設計與制作

6.3.1基礎導航條地設置方法

6.3.2自定義導航條地設計要點

6.3.3制作導航

6.4商品分類地設計與制作

6.4.1優(yōu)惠券地設計要點

6.4.2商品分類地設計要點

6.4.3制作商品分類圖

6.5圖片輪播地設計與制作

6.5.1圖片輪播地設計要點

6.5.2制作首張圖片輪播圖

6.5.3制作第2張圖片輪播圖

6.6商品推薦地設計與制作

6.6.1商品推薦地設計要點

6.6.2制作商品推薦圖

6.7實戰(zhàn)訓練

6.7.1實訓要求

6.7.2實訓分析

6.7.3操作思路

6.8拓展延伸

6.9思考練習

小結(jié)首頁地裝修與制作方法。

相一相?

(1)怎么選擇Logo素材？

(2)京東店鋪首頁地設計技巧有哪些？

練一練：

(1)制作洗衣機店鋪地海報。洗衣機店鋪地商品海報應該展示不同洗衣機地性能，通

思考與作

過性價比吸引消費者。在制作時為了體現(xiàn)簡約性與實用性,不用添加過多地裝飾。

業(yè)

(2)制作商品促銷展示模塊。商品促銷展示模塊是首頁中地一個板塊,主要用于介紹

12月新品。在制作該板塊時，先要制作橫幅海報，再在海報地下方分別展示新品洗衣機。

第7講

課時內(nèi)容電腦端詳情頁設計授課時間90分鐘課時2

掌握商品詳情頁地基礎知識

掌握焦點圖地制作方法

教學目地

掌握商品賣點圖地制作方法

掌握商品細節(jié)圖地制作方法

教學重點掌握詳情頁各個板塊地制作方法。

教學難點如何快速進行詳情頁地制作。

初

中九年1、教學思路：（1）認識商品詳情頁，使學員認識詳情頁地設計要點,準備工作與原則進

數(shù)學初

級行介紹；（2）講解焦點圖地制作，讓學員掌握焦點圖地制作方法；（3）講解商品賣

加年級

中點圖地制作，讓學員掌握商品賣點圖地制作方法；（4）講解商品信息展示圖地制作，

堂案

教

數(shù)讓學員掌握商品信息展示圖地制作方法；（5）講解商品細節(jié)圖地制作，讓學員掌握

中年

九

初商品細節(jié)圖地制作方法；（6）安排實戰(zhàn)訓練，拓展延伸與課堂練習，對前面知識進行

數(shù)教

學

級鞏固。

數(shù)設

學

案2、教學手段：（1）通過演示講解基礎知識，講解結(jié)束后進行上機練習與疑難提問；（2）

計對于重點操作可以著重演示,并加強舉例說明。

3、教學資料與要求:除中地實例外,可通過布置詳情頁地作業(yè),并進行制作。

學習內(nèi)容

知識回顧:在前面講解了電腦端首頁設計地有關知識，下面將對電腦端詳情頁設計方法進行介紹。

討論問題:如何快速對詳情頁進行制作？

內(nèi)容大綱:具體可結(jié)合本章地PPT課件進行配合講解。

7.1商品詳情頁

7.1.1商品詳情頁地設計要點

7.1.2商品詳情頁地設計思路與準備工作

7.1.3商品詳情頁應遵循地原則

7.2焦點圖地制作

7.2.1焦點圖地設計要點

7.2.2制作焦點圖

7.3商品賣點圖地制作

7.3.1賣點地特征

7.3.2賣點提煉地原則與方法

7.3.3制作賣點圖

7.4商品信息展示圖地制作

7.4.1商品參數(shù)地常用表達方式

7.4.2制作信息展示圖

7.5商品細節(jié)圖地制作

7.5.1細節(jié)圖地展示方法

7.5.2制作細節(jié)圖

7.6實戰(zhàn)訓練

7.6.1實訓要求

7.6.2實訓分析

7.6.3操作思路

7.7拓展延伸

7.8思考練習

小結(jié)掌握詳情頁地制作與編輯方法。

相/UA一心相、?.

(1)如何抓住詳情頁設計地重點？

(2)消費者流失原因有哪些？

練一練：

思考與作(1)利用收集地素材制作登山包地詳情頁。根據(jù)登山包地風格，將橄欖色與深綠色

業(yè)作為店鋪地顏色，給人以戶外登山地清新感，在設計上主耍體現(xiàn)旅行包地功能性與實用

性。

(2)利用收集地素材制作燈具詳情頁。根據(jù)燈具地風格，將咖啡色與白色作為店鋪

地顏色，給人以簡約，時尚感。在制作上,采用了焦點圖，場景展示，商品情景，適用風格，信息

展示，細節(jié)展示等展現(xiàn)方法。

第8講

課時內(nèi)容電腦端其它頁面地設計授課時間90分鐘課時2

掌握專題頁地設計與制作方法

教學目地掌握活動頁地制作方法

掌握品牌介紹頁地制作方法

教學重點掌握其它頁面地制作方法

教學難點如何對專題頁面進行制作與設計

初

中九年

1、教學思路：（1）通過專題頁地制作，讓學員掌握專題頁地制作方法；（2）通過活動

學

數(shù)初

級

頁地制作，使學員掌握活動頁地繪制方法；（3）通過品牌介紹頁地制作，使學員掌握

年

加級

中

品牌介紹頁地繪制方法；（4）安排實戰(zhàn)訓練，拓展延伸與課堂練習，對前面知識進行

獎教案

數(shù)

鞏固。

中年

九

初

2、教學手段：（1）通過演示講解基礎知識，講解結(jié)束后進行上機練習與疑難提問；（2）

數(shù)教

學

級

對于重點操作可以著重演示,并加強舉例說明。

數(shù)設

學

案

3、教學資料與要求:對其它店鋪地專題頁,活動頁與品牌介紹頁進行制作,展現(xiàn)店鋪地

計

活動內(nèi)容。

學習內(nèi)容

知識回顧:在前面講解了電腦端詳情頁設計地基礎知識，下面對電腦端其它頁面地設計進行講解。

討論問題：1,如何快速對活動頁進行制作？

2,如何快速對介紹頁進行制作？

內(nèi)容大綱:具體可結(jié)合本章地PPT課件進行配合講解。

8.1專題頁地制作

8.1.1專題頁地作用

8.1.2專題頁地分類

8.1.3設計與制作專題頁

8.2活動頁地制作

8.2.1活動頁地設計要點

8.2.2設計與制作活動頁

8.3品牌介紹頁地制作

8.4實戰(zhàn)訓練

8.4.1實訓要求

8.4.2實訓分析

8.4.3操作思路

8.5拓展延伸

8.6思考練習

1、掌握專題頁地制作方法。

小結(jié)2、掌握活動頁地制作方法。

3、掌握品牌介紹頁地制作方法。

相/UA一/相UA?.

1,如何確定活動目地？

2,如何確定活動風格？

練一練：

思考與作

利用收集地素材制作旅行箱上新頁面。在制作時，先制作上新海報,再根據(jù)商品內(nèi)容制作

業(yè)

上新頁面。

第9講

課時內(nèi)容切片與裝修店鋪各個板塊授課時間90分鐘課時2

掌握Photoshop切片地方法

教學目地掌握使用系統(tǒng)模塊快速裝修店鋪地方法

掌握使用代碼自定義裝修店鋪地方法。

掌握切片技巧。

教學重點

熟悉裝修店鋪地方法。

教學難點掌握使用模塊裝修店鋪地方法。

初

中九年

1、教學思路：（1）通過Photoshop切片地使用，讓學員掌握切片地使用方法；（2）通

學

數(shù)初

級

過使用系統(tǒng)模塊快速裝修店鋪，讓學員掌握使用模塊裝修店鋪地方法；（3）通過使

年

九級

中

用代碼自定義裝修店鋪，讓學員掌握使用代碼自定義裝修店鋪地方法；（4）安排實

學教案

數(shù)

戰(zhàn)訓練,拓展延伸與課堂練習，對前面知識進行鞏固。

中年

九

初

2、教學手段：（1）通過演示講解基礎知識，講解結(jié)束后進行上機練習與疑難提問；（2）

數(shù)教

學

級

對于重點操作可以著重演示,并加強舉例說明。

數(shù)設

學

案

3、教學資料與要求:對其它店鋪進行裝修,并在其中掌握各種裝修方法。

計

學習內(nèi)容

知識回顧:前面講解了電腦端其它頁面地設計方法;下面對切片與裝修店鋪各個板塊進行講解。

討論問題：1,如何對首頁進行快速裝修？

2,如何對詳情頁進行裝修？

內(nèi)容大綱:具體可結(jié)合本章地PPT課件進行配合講解。

9.1Photosh叩切片地使用

9.1.1切片地作用

9.1.2切片地技巧

9.1.3切片與保存圖片

9.2使用系統(tǒng)模塊快速裝修店鋪

9.2.1認識系統(tǒng)模塊地類型

9.2.2使用系統(tǒng)模塊裝修店招

9.2.3使用系統(tǒng)模塊裝修店鋪輪播圖

9.2.4使用系統(tǒng)模塊裝修店鋪其它版面

9.3使用代碼自定義裝修店鋪

9.4實戰(zhàn)訓練

9.4.1實訓要求

9.4.2實訓分析

9.4.3操作思路

9.5拓展延伸

9.6思考練習

1、掌握切片地操作方法

小結(jié)2、掌握使用系統(tǒng)模塊快速裝修店鋪

3、掌握自定義店鋪地裝修方法

相一，相心?.