第10章網(wǎng)店裝修網(wǎng)店美工∣微課版∣10.1∣裝修前的準備工作內容導航10.2∣裝修網(wǎng)店首頁10.3∣裝修商品詳情頁課堂實訓10.1∣裝修前的準備工作10.1.1切片與保存圖片01添加參考線02切片下面將為“司倍數(shù)碼家電首頁.jpg”圖片創(chuàng)建切片，并將創(chuàng)建的切片保存到計算機中，以便后期裝修網(wǎng)店時使用。其具體操作如下。03設置格式、文件名稱與存儲位置04查看保存文件10.1∣裝修前的準備工作10.1.2上傳圖片至圖片空間在進行裝修前，網(wǎng)店美工應將需要使用的圖片上傳到千牛賣家中心的圖片空間，以便使用。其具體操作如下。01新建文件夾02上傳圖片03查看保存文件10.1∣裝修前的準備工作10.1.3上傳視頻至視頻空間若要運用視頻，網(wǎng)店美工需先將視頻上傳到視頻空間。具體操作如下。01單擊“上傳視頻”按鈕02上傳視頻后的效果10.1∣裝修前的準備工作內容導航10.2∣裝修網(wǎng)店首頁10.3∣裝修商品詳情頁課堂實訓10.2∣裝修網(wǎng)店首頁10.2.1裝修PC端網(wǎng)店首頁裝修PC端網(wǎng)店首頁時，常使用模塊進行首頁各個部分的裝修。下面將先通過DeepSeek工具為店招生成代碼，然后使用淘寶提供的“全屏寬圖”模塊裝修司倍數(shù)碼家電網(wǎng)店首頁的其他部分，具體操作如下。01輸入生成指令02查看生成的代碼03復制圖片鏈接10.2∣裝修網(wǎng)店首頁10.2.1裝修PC端網(wǎng)店首頁04修改鏈接地址05自定義招牌06設置頁頭10.2∣裝修網(wǎng)店首頁10.2.1裝修PC端網(wǎng)店首頁07選擇全屏圖片08圖片裁剪09預覽裝修后的效果10.2∣裝修網(wǎng)店首頁10.2.2裝修移動端網(wǎng)店首頁司倍數(shù)碼家電網(wǎng)店準備利用制作的移動端首頁裝修移動端網(wǎng)店首頁。在裝修前，可先上傳圖片至圖片空間，然后進行裝修操作。具體操作如下。01手機店鋪裝修02添加“多熱區(qū)切圖”模塊03輸入文字并單擊“上傳圖片”按鈕10.2∣裝修網(wǎng)店首頁10.2.2裝修移動端網(wǎng)店首頁04設置裁剪圖片尺寸05輸入熱區(qū)鏈接06預覽裝修后的效果10.1∣裝修前的準備工作內容導航10.2∣裝修網(wǎng)店首頁10.3∣裝修商品詳情頁課堂實訓10.3∣裝修商品詳情頁司倍數(shù)碼家電網(wǎng)店準備裝修音響商品詳情頁，裝修過程中需要先添加主圖，再根據(jù)提示輸入商品的信息，最后添加音響商品詳情頁圖片。其具體操作如下。01上傳圖片02設置基礎信息03設置“類目屬性”欄10.3∣裝修商品詳情頁04設置“銷售屬性”“銷售規(guī)格”欄05選擇主圖視頻06選擇商品詳情頁圖片10.1∣裝修前的準備工作內容導航10.2∣裝修網(wǎng)店首頁10.3∣裝修商品詳情頁課堂實訓課堂實訓——裝修生鮮網(wǎng)店首頁實訓背景為農家生鮮網(wǎng)店裝修首頁，使其首頁效果能在網(wǎng)店中得到展現(xiàn)。實訓要求裝修前先使用“切片工具”進行首頁圖片的切片，再將圖片上傳到圖片空間，并進行頁面的裝修。裝修后的部分參考效果如右圖所示。課堂實訓——裝修生鮮網(wǎng)店首頁實訓思路（1）在Photoshop中打開“生鮮網(wǎng)店首頁.jpg”素材文件，對其進行切片操作。（2）登錄淘寶網(wǎng)，進入千牛賣家中心，在左側列表欄的“商品”選項卡中單擊“圖片空間”超鏈接，進入“圖片空間”頁面，將切片后的圖片上傳到圖片空間中。（3）進入淘寶網(wǎng)店裝修頁面，在店招右側單擊“編輯“按鈕，打開“店鋪招牌”對話框。（4）使用DeepSeek生成代碼，并修改代碼中的鏈接地址，復制修改后的代碼。（5）切換到“店鋪招牌”對話框，單擊“源碼”按鈕

，在下面的文本框中粘貼復制的代碼，單擊”保存“按鈕。接著設置頁頭，完成店招與導航的裝修。（6）依次添加“全屏寬圖”模塊，裝修網(wǎng)店首頁的其他區(qū)域，完成后單擊

按鈕，預覽裝修后的效果。謝謝觀看網(wǎng)店裝修網(wǎng)店美工∣微課版∣海量圖書方便查詢免費申請樣書下載配套資源優(yōu)惠購書成為作者更多樣書申請和資源下載需求，請登錄人郵教育社區(qū)（)囊括各大品類，您想要的應有盡有教師免費申請樣書，我們將安排快遞迅速送達教學視頻、