項目5商品詳細頁制作知識目標：（1）了解商品詳細頁的構成和圖文編排技巧。（2）掌握數碼配件類商品詳細頁的設計方法。（3）掌握食品飲料類商品詳細頁的設計方法。（4）掌握美容護膚類商品詳細頁的設計方法。（5）掌握服裝配飾類商品詳細頁的設計方法。（6）掌握家居日用品類商品詳細頁的設計方法。技能目標：（1）能夠分析商品詳細頁的構成。（2）會對商品詳細頁進行圖文編排。（3）能夠使用軟件對商品詳細頁進行設計、美化。情感目標：（1）具備對商品詳細頁面美化的意識。（2）具備良好的設計創新意識。5.1常見的商品詳細頁圖文編排技巧介紹【任務目標】（1）了解商品詳細頁的構成。（2）掌握商品詳細頁的圖文編排技巧。【任務背景】商品美化后，如何制作具體頁面。【任務分析】傳統零售可以通過多種方式同顧客進行溝通，顧客可以通過對商品的直觀感受選擇購買與否,而電子商務平臺只能通過頁面和顧客形成溝通。簡單來說，商品詳細頁就是對商品進行描述的地方。商家在發布產品時，需要在后臺填寫商品的屬性、功能、特點等。填寫的越詳細，顧客在訪問頁面的時候就會更加詳細的了解產品的信息，一方面可以節約客服溝通成本，另一方面有利于提高轉化率，進而影響銷售額。例，下圖是易迅網的商品詳細頁，向消費者傳遞了商品的基本信息，消費者可以根據提供的信息進行自助購買。圖5-1易迅商品詳細頁【任務實施】活動1：商品詳細頁的構成商品詳細介紹：通過圖片與文字的描述，對商品的屬性、功能、特點進行描述，使顧客對產品有全面、感性的認識。商品銷售記錄：通過銷售記錄展示商品的可信度，吸引更多顧客消費。他人使用體驗分享：顧客可以通過他人的使用體驗分享，進一步了解產品的屬性，商家提供的產品信息宣傳性太強，而顧客的評論卻比較真實。同類產品推薦：同類產品推薦是提升客戶體驗的方式之一，通過顧客對頁面的點擊了解客戶需求并做出同類產品的推薦，能夠提升頁面轉化率。同類產品對比：同類產品對比可以體現商品的競爭力，促使消費者購買商品。相關商品推薦：相關商品推薦也是商家的組合營銷手段之一，通過相關商品的推薦可以進一步提升轉化率。商家其他信息：商家的其他信息包括物流、售后、品牌介紹以及商家實力展示等等，這些信息的展示可以增加顧客對商家的信賴度。活動2：商品詳細頁的圖文編排技巧左圖右參數模式(用于商品簡介板塊，位于頂部)純文字模式(用于商品特色介紹精選文案)大圖模式（用于商品特色介紹精選文案）標簽欄模式（用于每個板塊的分割）【實戰訓練】打開易迅網站中任一手機類產品頁面，截取本任務中所講解的4種排版方式，以word形式保存。5.2數碼配件類商品的詳細頁制作【任務目標】（1）學會圖片與文字的組合運用。（2）學會使用“鋼筆工具”制作標簽。（3）學會使用“文字工具”組合編輯文字。（4）學會使用“矩形工具”制作指示圖標。【任務實施】教學重點實踐操作教學難點如何掌握鋼筆工具、文字工具、矩形工具教學設計教學方法任務引領、方法講解教學手段操作演示教學資源使用電腦、投影儀設備等其他說明實訓中心電腦機房操作室教學過程設計教學環節教學步驟與內容學生學習活動設計意圖任務導入介紹工作情境欣賞數碼配件類商品的詳細頁效果圖欣賞相關的圖像資料。激發興趣明確任務任務實施1.制作特色板塊2.制作作用板塊3.制作功能板塊4.制作細節板塊5.制作售后板塊探究和學習一系列的相應功能的使用方法，并進行創作設計。任務教學過程中通過對相關功能的進行設置，引導學生完成項目任務。任務評價參照評價表自我互評、小組評價、教師評價了解自己的不足，提升能力。任務小結總結數碼配件類產品美化的要點總結相關工具的用法和注意事項實踐操作能力提升熟悉操作步驟，總結提升詳細頁設計能力。實戰訓練麥克風詳細頁的制作5.3食品飲料類商品的詳細頁制作【任務目標】（1）學會使用“蒙版工具”制作圖片投影效果；（2）學會使用“羽化工具”對商品圖片進行羽化處理；（3）學會使用“文字工具”組合編輯文字；（4）學會使用“橢圓工具”制作修飾邊框；（5）學會使用“矩形工具”、“鋼筆工具”進行引導線制作。【任務實施】教學重點實踐操作教學難點如何掌握蒙版工具、羽化工具、文字工具、橢圓工具、矩形工具教學設計教學方法任務引領、方法講解教學手段操作演示教學資源使用電腦、投影儀設備等其他說明實訓中心電腦機房操作室教學過程設計教學環節教學步驟與內容學生學習活動設計意圖任務導入介紹工作情境欣賞食品飲料類商品的詳細頁效果圖欣賞相關的圖像資料。激發興趣明確任務任務實施1.制作商品頭圖2.制作產品介紹板塊3.制作產品特色板塊4.制作主要成分板塊5.制作產品展示板塊6.制作食用說明板塊探究和學習一系列的相應功能的使用方法，并進行創作設計。任務教學過程中通過對相關功能的進行設置，引導學生完成項目任務。任務評價參照評價表自我互評、小組評價、教師評價了解自己的不足，提升能力。任務小結總結食品飲料類產品美化的要點總結相關工具的用法和注意事項實踐操作能力提升熟悉操作步驟，總結提升詳細頁設計能力。實戰訓練蘋果詳細頁的制作5.4美容護膚類商品的詳細頁制作【任務目標】（1）學會使用“矩形工具”制作信息框。（2）學會使用“直線工具”制作標題虛線。（3）學會使用“文字工具”組合編輯文字。【任務實施】教學重點實踐操作教學難點如何掌握矩形工具、直線工具、文字工具教學設計教學方法任務引領、方法講解教學手段操作演示教學資源使用電腦、投影儀設備等其他說明實訓中心電腦機房操作室教學過程設計教學環節教學步驟與內容學生學習活動設計意圖任務導入介紹工作情境欣賞美容護膚類商品的詳細頁效果圖欣賞相關的圖像資料。激發興趣明確任務任務實施1.制作產品信息板塊2.制作產品展示板塊3.制作品牌故事板塊探究和學習一系列的相應功能的使用方法，并進行創作設計。任務教學過程中通過對相關功能的進行設置，引導學生完成項目任務。任務評價參照評價表自我互評、小組評價、教師評價了解自己的不足，提升能力。任務小結總結美容護膚類產品美化的要點總結相關工具的用法和注意事項實踐操作能力提升熟悉操作步驟，總結提升詳細頁設計能力。實戰訓練洗面奶詳細頁的制作5.5服裝配飾類商品的詳細頁制作【任務目標】（1）學會使用“不透明度”功能，對文字背景進行虛化調整。（2）學會使用“橢圓工具”制作創意文字框。（3）學會使用“文字工具”組合編輯文字。【任務實施】教學重點實踐操作教學難點如何掌握不透明度功能、橢圓工具、文字工具教學設計教學方法任務引領、方法講解教學手段操作演示教學資源使用電腦、投影儀設備等其他說明實訓中心電腦機房操作室教學過程設計教學環節教學步驟與內容學生學習活動設計意圖任務導入介紹工作情境欣賞服裝配飾類商品的詳細頁效果圖欣賞相關的圖像資料。激發興趣明確任務任務實施1.制作產品信息板塊2.制作產品展示板塊3.制作產品細節板塊4.制作品牌介紹板塊探究和學習一系列的相應功能的使用方法，并進行創作設計。任務教學過程中通過對相關功能的進行設置，引導學生完成項目任務。任務評價參照評價表自我互評、小組評價、教師評價了解自己的不足，提升能力。任務小結總結服裝配飾類產品美化的要點總結相關工具的用法和注意事項實踐操作能力提升熟悉操作步驟，總結提升詳細頁設計能力。實戰訓練T恤詳細頁的制作5.6家居日用品類商品的詳細頁制作【任務目標】（1）學會用“畫筆工具”做出筆刷效果。（2）用“鋼筆工具”制作衣架的標尺。（3）用“文字工具”組合編輯文字。（4）用“描邊工具”制作衣架整體描邊效果。【任務實施】教學重點實踐操作教學難點如何掌握畫筆工具、鋼筆工具、文字工具、描邊工具教學設計教學方法任務引領、方法講解教學手段操作演示教學資源使用電腦、投影儀設備等其他說明實訓中心電腦機房操作室教學過程設計教學環節教學步驟與內容學生學習活動設計意圖任務導入介紹工作情境欣賞家居日用品類商品的詳細頁效果圖欣賞相關的圖像資料。激發興趣明確任務任務實施1.制作產品信息板塊2.制作尺寸參考板塊3.制作商品顏色板塊4.