網(wǎng)店美工實戰(zhàn)教程第8章-圖片的切片與管理課件

第8章圖片的切片與管理網(wǎng)店美工實戰(zhàn)教程（全彩微課版）第8章圖片的切片與管理網(wǎng)店美工實戰(zhàn)教程（全彩微課版）8.1圖片的切片與優(yōu)化內(nèi)容導(dǎo)航8.2圖片空間8.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間8.1圖片的切片與優(yōu)化內(nèi)容導(dǎo)航8.2圖片空間8.38.1圖片的切片與優(yōu)化要保證首頁和詳情頁風(fēng)格的統(tǒng)一，常需要在同一個頁面中完成整個頁面的制作。然而制作好的頁面通常尺寸很大，不能直接上傳并裝修到店鋪中，此時需要將圖片切割成適當(dāng)?shù)拇笮?，通過自定義模塊進(jìn)行添加。8.1圖片的切片與優(yōu)化要保證首頁和詳情頁風(fēng)8.1.1圖片的切片對一張“休閑鞋店鋪”首頁圖進(jìn)行切片處理，并在切片的處理過程中掌握不同尺寸的切片方法，以及切片后將切片的圖片進(jìn)行命名的方法。1.對店招進(jìn)行切片2.對店招切片進(jìn)行調(diào)整8.1.1圖片的切片對一張“休閑鞋店鋪”8.1.1圖片的切片3.設(shè)置切片選項4.進(jìn)入店鋪首頁8.1.1圖片的切片3.設(shè)置切片選項4.進(jìn)入店8.1.1圖片的切片5.對寶貝展示欄進(jìn)行切片6.劃分切片8.1.1圖片的切片5.對寶貝展示欄進(jìn)行切片6.8.1.1圖片的切片7.調(diào)整切片位置8.切片效果8.1.1圖片的切片7.調(diào)整切片位置8.切片效8.1.2切片的優(yōu)化和保存接上例“休閑鞋店鋪”首頁圖的切片處理，進(jìn)行切片的優(yōu)化和保存。雙聯(lián)顯示文件設(shè)置優(yōu)化文件大小設(shè)置優(yōu)化樣式8.1.2切片的優(yōu)化和保存接上例“休閑鞋店鋪”首頁圖的8.1.2切片的優(yōu)化和保存1.設(shè)置優(yōu)化顏色2.儲存文件3.查看切片后的效果8.1.2切片的優(yōu)化和保存1.設(shè)置優(yōu)化顏色2.儲存文件8.1圖片的切片與優(yōu)化內(nèi)容導(dǎo)航8.2圖片空間8.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間8.1圖片的切片與優(yōu)化內(nèi)容導(dǎo)航8.2圖片空間8.38.2圖片空間圖片空間對淘寶賣家來說是必不可少的一部分，裝修店鋪時需要先將圖片上傳到圖片空間中，再進(jìn)行裝修，因此圖片空間的穩(wěn)定、安全就尤為重要。8.2圖片空間圖片空間對淘寶賣家來說是必不8.2.1圖片空間的介紹1.圖片空間的進(jìn)入方法在網(wǎng)頁的地址欄中直接輸入網(wǎng)址“”，即可直接進(jìn)入圖片空間。在千牛界面中進(jìn)入賣家中心，在“店鋪管理”中單擊“圖片空間”超鏈接，即可進(jìn)入圖片空間頁面，在其中可進(jìn)行圖片的上傳操作。（1）使用網(wǎng)頁直接進(jìn)入（2）使用千牛進(jìn)入8.2.1圖片空間的介紹1.圖片空間的進(jìn)入方法8.2.1圖片空間的介紹供銷平臺不管是無店鋪還是有店鋪的供應(yīng)商，都會贈送20GB圖片空間容量，如果有更大的空間需要，可以擴(kuò)大容量。擴(kuò)大容量是可以訂購的，常見的訂購方式包括按月、季、半年、一年訂購。容量從50MB到2G不等，價格也不同。2.圖片空間的價格安全穩(wěn)定3.圖片空間的優(yōu)勢管理方便瀏覽快速8.2.1圖片空間的介紹供銷平臺不管是無8.2.2圖片空間的功能1.將圖片上傳到圖片空間通用上傳快速上傳8.2.2圖片空間的功能1.將圖片上傳到圖片空間8.2.2圖片空間的功能2.圖片空間的替換功能若要替換圖片空間的圖片，只需進(jìn)入“圖片空間”頁面，在下方的圖片列表中選擇需要替換的圖片。8.2.2圖片空間的功能2.圖片空間的替換功能8.2.2圖片空間的功能3.清除圖片空間中未引用的圖片進(jìn)入“圖片空間”頁面，在右側(cè)的列表中單擊“高級搜索”超鏈接，選擇“搜索類型”中的“寶貝引用的圖片”選項，單擊“搜索”按鈕，查看寶貝中引用的圖片，選擇未被顯示引用的圖片，單擊“刪除”按鈕，將未被引用的圖片刪除。8.2.2圖片空間的功能3.清除圖片空間中未引用8.2.2圖片空間的功能4.永久刪除或還原圖片空間中刪除的圖片

在圖片空間中，回收站的圖片將保留7天，7天后系統(tǒng)將自動清除回收站的圖片?；厥照局械膱D片不占用內(nèi)存空間，在其中可單張清除，也可還原清除的圖片。（1）選擇要刪除的圖片（2）確認(rèn)圖片是否刪除8.2.2圖片空間的功能4.永久刪除或還原圖片空8.2.2圖片空間的功能（3）打開“圖片管理”頁面（4）刪除或還原圖片8.2.2圖片空間的功能（3）打開“圖片管理”頁面（48.2.2圖片空間的功能5.復(fù)制與移動圖片空間中的圖片（1）查看尺寸信息（2）復(fù)制代碼（3）選擇“移動”命令（4）選擇文件夾（5）完成移動操作8.2.2圖片空間的功能5.復(fù)制與移動圖片空間中8.2.3圖片空間的管理1.圖片空間排序方式圖標(biāo)排序：與列表排序相比，其顯示效果更加直觀，常用于制作店鋪模板時使用。列表排序：使用列表排序更加容易查看圖片的類型、尺寸、大小和上傳日期，常用于刪除圖片，或是圖片轉(zhuǎn)移時使用。自定義排序：不同于圖標(biāo)排序和列表排序。它屬于手動排序的一種，使用該排序方式可根據(jù)不同的需要對圖形進(jìn)行排序。8.2.3圖片空間的管理1.圖片空間排序方式圖標(biāo)8.2.3圖片空間的管理2.圖片的授權(quán)將圖片上傳到圖片空間后，該圖片只允許當(dāng)前店鋪使用，而不能同時共享給多個店鋪。但是很多淘寶店鋪都存在多個子店鋪，若都需要單個上傳會很麻煩，此時可通過圖片授權(quán)來分享圖片。8.2.3圖片空間的管理2.圖片的授權(quán)8.1圖片的切片與優(yōu)化內(nèi)容導(dǎo)航8.2圖片空間8.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間8.1圖片的切片與優(yōu)化內(nèi)容導(dǎo)航8.2圖片空間8.38.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間在首頁的制作過程中，因為寶貝展示圖是在有限的空間中制作多個相同大小、不同產(chǎn)品的模塊，而若要單個進(jìn)行剪切會比較麻煩，此時可通過切片先將描述部分進(jìn)行切片，再逐個對產(chǎn)品進(jìn)行切片，并使用對齊工具對切片進(jìn)行對齊，以避免出現(xiàn)不連貫的現(xiàn)象。完成后在圖片空間中新建文件夾，并將切片的圖片上傳到圖片空間中。8.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間8.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間寶貝展示圖主要包括文頭部分和圖片部分，文頭部分主要是表現(xiàn)圖片的內(nèi)容，需要先對其切片，完成后再對圖片部分分別進(jìn)行切片。保存切片時，注意將其保存為“HTML和圖像”格式，使代碼和圖片結(jié)合，方便上傳到圖片空間。在圖片空間中將需要先新建文檔，將切片的文檔上傳到其中，并使用列表排序的方法進(jìn)行顯示，讓圖片的信息展現(xiàn)到網(wǎng)頁中。

1.設(shè)計思路8.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間寶貝展示8.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間2.知識要點選擇“切片工具”，將圖片和文字進(jìn)行切片，在切片時注意切片的準(zhǔn)確性，要求線與線對齊。掌握將切片保存為“HTML和圖像”格式的方法，以及上傳圖片的方法，使切片的圖片在圖片空間中顯示。8.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間2.3.操作步驟1.進(jìn)行切片2.編輯切片3.切片圖片8.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間3.操作步驟1.進(jìn)行切片2.編輯切片3.切片4.設(shè)置顏色5.保存圖片6.新建文件夾7.上傳圖片8.列表顯示8.3綜合實訓(xùn)——切片寶貝展示圖并上傳到圖片空間4.設(shè)置顏色5.保存圖片6.新建文件夾7.上課后習(xí)題（1）打開“休閑鞋.psd”素材（配套資源:\素材文件\第八章\課后習(xí)題\休閑鞋.psd）將其中的圖片分別進(jìn)行切片，查看切片后的效果，并保存為“HTML和圖像”格式。（配套資源:\效果文件\第八章\課后習(xí)題\