网店美工实战教程第8章-图片的切片与管理课件

第8章图片的切片与管理网店美工实战教程（全彩微课版）第8章图片的切片与管理网店美工实战教程（全彩微课版）8.1图片的切片与优化内容导航8.2图片空间8.3综合实训——切片宝贝展示图并上传到图片空间8.1图片的切片与优化内容导航8.2图片空间8.38.1图片的切片与优化要保证首页和详情页风格的统一，常需要在同一个页面中完成整个页面的制作。然而制作好的页面通常尺寸很大，不能直接上传并装修到店铺中，此时需要将图片切割成适当的大小，通过自定义模块进行添加。8.1图片的切片与优化要保证首页和详情页风8.1.1图片的切片对一张“休闲鞋店铺”首页图进行切片处理，并在切片的处理过程中掌握不同尺寸的切片方法，以及切片后将切片的图片进行命名的方法。1.对店招进行切片2.对店招切片进行调整8.1.1图片的切片对一张“休闲鞋店铺”8.1.1图片的切片3.设置切片选项4.进入店铺首页8.1.1图片的切片3.设置切片选项4.进入店8.1.1图片的切片5.对宝贝展示栏进行切片6.划分切片8.1.1图片的切片5.对宝贝展示栏进行切片6.8.1.1图片的切片7.调整切片位置8.切片效果8.1.1图片的切片7.调整切片位置8.切片效8.1.2切片的优化和保存接上例“休闲鞋店铺”首页图的切片处理，进行切片的优化和保存。双联显示文件设置优化文件大小设置优化样式8.1.2切片的优化和保存接上例“休闲鞋店铺”首页图的8.1.2切片的优化和保存1.设置优化颜色2.储存文件3.查看切片后的效果8.1.2切片的优化和保存1.设置优化颜色2.储存文件8.1图片的切片与优化内容导航8.2图片空间8.3综合实训——切片宝贝展示图并上传到图片空间8.1图片的切片与优化内容导航8.2图片空间8.38.2图片空间图片空间对淘宝卖家来说是必不可少的一部分，装修店铺时需要先将图片上传到图片空间中，再进行装修，因此图片空间的稳定、安全就尤为重要。8.2图片空间图片空间对淘宝卖家来说是必不8.2.1图片空间的介绍1.图片空间的进入方法在网页的地址栏中直接输入网址“”，即可直接进入图片空间。在千牛界面中进入卖家中心，在“店铺管理”中单击“图片空间”超链接，即可进入图片空间页面，在其中可进行图片的上传操作。（1）使用网页直接进入（2）使用千牛进入8.2.1图片空间的介绍1.图片空间的进入方法8.2.1图片空间的介绍供销平台不管是无店铺还是有店铺的供应商，都会赠送20GB图片空间容量，如果有更大的空间需要，可以扩大容量。扩大容量是可以订购的，常见的订购方式包括按月、季、半年、一年订购。容量从50MB到2G不等，价格也不同。2.图片空间的价格安全稳定3.图片空间的优势管理方便浏览快速8.2.1图片空间的介绍供销平台不管是无8.2.2图片空间的功能1.将图片上传到图片空间通用上传快速上传8.2.2图片空间的功能1.将图片上传到图片空间8.2.2图片空间的功能2.图片空间的替换功能若要替换图片空间的图片，只需进入“图片空间”页面，在下方的图片列表中选择需要替换的图片。8.2.2图片空间的功能2.图片空间的替换功能8.2.2图片空间的功能3.清除图片空间中未引用的图片进入“图片空间”页面，在右侧的列表中单击“高级搜索”超链接，选择“搜索类型”中的“宝贝引用的图片”选项，单击“搜索”按钮，查看宝贝中引用的图片，选择未被显示引用的图片，单击“删除”按钮，将未被引用的图片删除。8.2.2图片空间的功能3.清除图片空间中未引用8.2.2图片空间的功能4.永久删除或还原图片空间中删除的图片

在图片空间中，回收站的图片将保留7天，7天后系统将自动清除回收站的图片。回收站中的图片不占用内存空间，在其中可单张清除，也可还原清除的图片。（1）选择要删除的图片（2）确认图片是否删除8.2.2图片空间的功能4.永久删除或还原图片空8.2.2图片空间的功能（3）打开“图片管理”页面（4）删除或还原图片8.2.2图片空间的功能（3）打开“图片管理”页面（48.2.2图片空间的功能5.复制与移动图片空间中的图片（1）查看尺寸信息（2）复制代码（3）选择“移动”命令（4）选择文件夹（5）完成移动操作8.2.2图片空间的功能5.复制与移动图片空间中8.2.3图片空间的管理1.图片空间排序方式图标排序：与列表排序相比，其显示效果更加直观，常用于制作店铺模板时使用。列表排序：使用列表排序更加容易查看图片的类型、尺寸、大小和上传日期，常用于删除图片，或是图片转移时使用。自定义排序：不同于图标排序和列表排序。它属于手动排序的一种，使用该排序方式可根据不同的需要对图形进行排序。8.2.3图片空间的管理1.图片空间排序方式图标8.2.3图片空间的管理2.图片的授权将图片上传到图片空间后，该图片只允许当前店铺使用，而不能同时共享给多个店铺。但是很多淘宝店铺都存在多个子店铺，若都需要单个上传会很麻烦，此时可通过图片授权来分享图片。8.2.3图片空间的管理2.图片的授权8.1图片的切片与优化内容导航8.2图片空间8.3综合实训——切片宝贝展示图并上传到图片空间8.1图片的切片与优化内容导航8.2图片空间8.38.3综合实训——切片宝贝展示图并上传到图片空间在首页的制作过程中，因为宝贝展示图是在有限的空间中制作多个相同大小、不同产品的模块，而若要单个进行剪切会比较麻烦，此时可通过切片先将描述部分进行切片，再逐个对产品进行切片，并使用对齐工具对切片进行对齐，以避免出现不连贯的现象。完成后在图片空间中新建文件夹，并将切片的图片上传到图片空间中。8.3综合实训——切片宝贝展示图并上传到图片空间8.3综合实训——切片宝贝展示图并上传到图片空间宝贝展示图主要包括文头部分和图片部分，文头部分主要是表现图片的内容，需要先对其切片，完成后再对图片部分分别进行切片。保存切片时，注意将其保存为“HTML和图像”格式，使代码和图片结合，方便上传到图片空间。在图片空间中将需要先新建文档，将切片的文档上传到其中，并使用列表排序的方法进行显示，让图片的信息展现到网页中。

1.设计思路8.3综合实训——切片宝贝展示图并上传到图片空间宝贝展示8.3综合实训——切片宝贝展示图并上传到图片空间2.知识要点选择“切片工具”，将图片和文字进行切片，在切片时注意切片的准确性，要求线与线对齐。掌握将切片保存为“HTML和图像”格式的方法，以及上传图片的方法，使切片的图片在图片空间中显示。8.3综合实训——切片宝贝展示图并上传到图片空间2.3.操作步骤1.进行切片2.编辑切片3.切片图片8.3综合实训——切片宝贝展示图并上传到图片空间3.操作步骤1.进行切片2.编辑切片3.切片4.设置颜色5.保存图片6.新建文件夹7.上传图片8.列表显示8.3综合实训——切片宝贝展示图并上传到图片空间4.设置颜色5.保存图片6.新建文件夹7.上课后习题（1）打开“休闲鞋.psd”素材（配套资源:\素材文件\第八章\课后习题\休闲鞋.psd）将其中的图片分别进行切片，查看切片后的效果，并保存为“HTML和图像”格式。（配套资源:\效果文件\第八章\课后习题\