淘宝网店装修第5章

高清晰版淘宝网店装修

网店公告显示在普通店铺右上角，店主可以在此发布一些促销、公告信息。 美的店铺公告。

本章主要介绍店铺公告的设计与制作过程,通过本章的学习，您可以轻松地制作出精

高清晰版淘宝网店装修

淘宝网店装修实战

所示。

店铺公告信息是用来显示店铺的动态信息、商品促销、服务信息等内容的，普通店铺公告的位置一般显示在店面的右上角，如图5-1

普通店铺公告的位置、尺寸和播放方式都是固定设置的，只能在有限区域内发挥作用，如图5-2所示。

图5-1 普通店铺的公告显示位置

图5-2 不同风格的店铺公告位置

骤如下：

默认情况下，淘宝店铺公告中的文字是黑

色的宋体字，可以通过编辑器的方式来对公告文字的字体、字号、颜色等进行设置，具体步

超链接，如图5-3所示。

图5-3 登录淘宝网

68

高清晰版淘宝网店装修

铺装修”超链接，如图5-4所示。

图5-4 点击“店铺装修”链接

如图5-5所示。

图5-5 “店铺装修”页面

单击“店铺公告”栏目上的“编辑”超链接，如图5-6所示。

图5-6 单击“编辑”超链接

“店铺公告设置”对话框，如图5-7所示。

图5-7 “店铺公告设置”对话框

可以从网上收集一些由文字和符号组成的图

形，使公告文字更加生动、有趣，如图5-8所示。

图5-8 输入公告文字

拉列表，从中选择“黑体”，如图5-9所示。

图5-9 选择公告字体

“字号”下拉列表中选择字号为“18”

，

69

高清晰版淘宝网店装修

淘宝网店装修实战

如图5-10所示。

单击【保存】按钮，显示“操作成功”，浏览普通店铺公告效果，如图5-12所示。

图5-10 设置字体字号

图标按钮 ，在“拾

色器”中选择文字颜色为“红色”，如图5-11所示。

图5-12 公告显示效果

在公告编辑器中还有很多其他的功能，如设置字体为斜体、复制、项目符号、链接、上标、下标等等，这些都和Word操作方法相似，读者可以自己尝试。

图5-11 设置文字颜色

70

除了简单的文字公告形式外，淘宝店铺还支持使用图片形式的公告，就是将公告制作成一张图片，而图片可以使用

Photoshop这类图像处理软件制作，因此，可以制作很多漂亮的效果，如图5-13

所示。

高清晰版淘宝网店装修

英体简”，字体大小为“30点”，字体颜色为“ff0076”，如图5-16所示。

图5-13 图片形式公告

本节学习如何制作美观的图片形式公告。

网上收集需要的图片素材，在

软件中打开，如图5-14所示。

图5-14 打开素材文件

由于淘宝限制公告的宽度在350像素以内，因此，如果从网上搜集的素材宽度超过该限制时，需要修改文件的尺寸

。

按

钮 5-15

所示。

图5-15 输入公告文字

图5-16 设置字体样式

选择文字所在图层，单击面板下方的【添加图层样式】按钮 ，从弹出的菜单中选择【描边】命令，如图5-17所示。

图5-17 添加“描边”图层样式

71

高清晰版淘宝网店装修

淘宝网店装修实战

图5-22所示。

大小为3像素，颜色为黄色，如图5-18所示。

图5-18 设置描边颜色

“样式”列表中选择“阴影”样式，设置参数如图5-19所示。

图5-19 添加“阴影”图层样式

“样式”列表中选择“内发光”样式，设置参数如图5-20所示。

图片制作完成后如图5-21

所示。

|【存储】命令，将文件保存为PSD

格式，以便于以后修改，如

图5-20 添加“内发光”图层样式

图5-21 完成后的效果

图5-22 保存文件为PSD格式

72

高清晰版淘宝网店装修

|【存储为Web和设备所用格式】命令，如图5-23所示。

图5-23 选择“存储为Web和设备所用格式”命令

Web和设备所有格式”对话框，在对话框中选择优化的文件格式为GIF”，如图5-24所示。

图5-24 选择优化的文件格式为GIF

右侧的下拉菜单中选择“128”选项，使图片在保证清晰的状态下占用最小的空间，提高浏览速度，如图5-25所示。

果存储为”对话框，在对话框中输入要保存的文件名，单击【确定】按钮，将图片保存，如图5-26所示。

图5-25 存储图像

图5-26 “将优化结果存储为”对话框

73

“

高清晰版淘宝网店装修

淘宝网店装修实战

具体方法。

图片公告制作完成后，就可以将它发布在公告中了，那首先需要将图片上传到网络上，在第一章的时候我们曾经讲过几种上传图片至免费空间的方法，现在来了解一下使用虚拟主机的

将图片上传到虚拟主机中

虚拟主机是在网络服务器上划分出一定的磁盘空间，可供用户放置站点、应用组件等，以及提供必要的站点功能、数据存放和传输功能。所谓虚拟主机，也叫“网站空间”，就是把一台运行在互联网上的服务器划分成多个“虚拟”的服务器，每一个虚拟主机都具有独立的域名和完整的Internet服务器（支持WWW、FTP、E-mail等）功能。

如果想开一个专业的网店，建议购买虚拟主机，因为购买虚拟主机后，不光图片的上传、修改非常方便，而且以后可以建议独立的网站。

在选择虚拟主机服务商时应注意挑选那些品牌大、口碑好的公司，这样购买后的服务才有保障，国内比较大的服务商有中国万网、新网互联、35互联等等。

虚拟主机一般可通过Web方式或者FTP软件来管理，在购买虚拟主机后，服务商会提供虚拟主机所在的IP地址及FTP用户名和密码，有了这些资料，通过FTP软件就可以方便上传图片文件资料了。

什么是FTP呢？简单地说，FTP就是完成两台计算机之间的文件复制，从远程计算机复制文件至自己的计算机，称为“下载”；从自己的计算机中复制文件至远程计算机中，称为“上载”。

如何使用FTP软件上传文件呢？以常用的

FTP软件FlashFXP为例，操作步骤如下：FlashFXP软件，其界面如图5-27

所示。

【站点】【命令，|站点管理器】如图5-28所示。

74

高清晰版淘宝网店装修

图5-27 FlashFXP工作界面

图5-28 打开站点管理器

框中单击【新建站点】按钮，在弹出的对话框中输入站点名称，如图5-29所示。

图5-29 “站点管理器”对话框

FTP空间的IP地址，设置用户名称和密码，端口默认为“21”，单击【应用】按钮，站点就设置好了，如图5-30

所示。

图5-30 输入FTP用户资料

的目录，选中需要上传的图片，单击鼠标右键，从弹出的菜单中选择【传送】命令，如图5-31所示。

图5-31 上传文件

键，从弹出的菜单中选择【复制URL】命令，

如图5-32所示。

75

高清晰版淘宝网店装修

淘宝网店装修实战

图5-32 复制图片URL

URL地

5-33所示。

图5-33 粘贴URL地址

ftp”替换为“http”,并将IP显示刚刚上传的图片了，如图5-34所示。

图5-34 预览图片

在店铺中应用图片公告

图片上传到网上后，就可以在店铺中应用图片公告了，操作步骤如下

：

，单击“店铺管理”列表中的“店铺装修”超链接， …… 此处隐藏：2395字，全部文档内容请下载后查看。喜欢就下载吧 ……