第5章6网店模板使用定稿.pptVIP

第5章 商品拍摄与网店美化 5.6 网店模板使用 此文献由漂石()于互联网整理； 版权原作者所有，特此免责； 更多网络营销资料见下载频道； 使用html代码插入图片和链接添加旺遍天下图标 本节纲要 5.6.1使用html代码 了解可视化编辑 5.6.1使用html代码 了解可视化编辑 5.6.1使用html代码 了解可视化编辑 5.6.1使用html代码 添加使用宝贝描述模板 5.6.1使用html代码 添加使用宝贝描述模板 5.6.1使用html代码 添加使用宝贝描述模板 5.6.1使用html代码 在使用html代码编辑网页模板时要注意以下四点： （1）编辑时需要换行最好用“shift+回车”来操作，最好不要直接用“回车”键来换行。 （2）不要从word文档或其他网站拷贝文字来编辑模板，否则会影响模板的正常显示及功能。 （3）如果要编辑公告及动态效果内的文字，应该先把文字在“记事本”文档内编辑好再复制进来。 （4）第一次编辑好的模板在发布之前最好存入一个“记事本”文档做备份,下次发布商品时就用这个备份文件，修改的地方更少，工作效率更高。 5.6.2插入图片和链接 5.6.2插入图片和链接 直接上传图片到淘宝相册（相册需要另外购买） 5.6.2插入图片和链接 5.6.3添加旺遍天下图标 通过“旺遍天下”功能把你的旺旺按钮添加到模块、博客、个人主页等你自己的空间…… 5.6.3添加旺遍天下图标 /wangwang/tese/index.php 5.6.3添加旺遍天下图标 5.6.3添加旺遍天下图标 5.6.3添加旺遍天下图标 小技巧：点击生成代码后，也可以直接在效果里的旺旺按钮图标上点右键选“复制”，到您的页面或模块里粘贴即可。 店铺的美化离不开漂亮的商品图片，更少不了精美的店铺页面设计，就像一个商场即使陈列了琳琅满目的商品，也离不开风格协调的店面装修。优质的商品需要相配的舞台才会充分体现它们的价值，店铺不仅是商家陈列商品的场所，更是顾客对商家的第一印象，因此，淘宝的店主们都特别重视网店的设计。 随着店铺装修设计的需求越来越普及，很多专业设计网店的工作室应运而生，由于每天要接受大量商家的设计委托，他们对商家的需求非常了解，设计的店铺装修也不断受到顾客的挑剔和检验，所以，很多店铺的装修都会委托他们来设计。 下面这一小节的内容就是学习如何使用已经设计好的网页代码，如何插入图片和网页链接，以及添加旺旺接待的图标，学会这些操作技能，不仅可以帮助我们美化店铺，同时也更方便店铺的经营和管理。 5.6.1 使用html代码 全套的店铺装修设计会有多种模板，一般店铺分为自定义页面模板、促销区模板、左侧模块和右侧模块的模板，商品又有专门的商品描述模板，但是任何网页模板的设计都离不开html源代码。所以，我们在店铺的日常运营中，无论是更换促销广告还是上新货，都要通过更换网页里的源代码来实施，因此，学会使用html代码是每一个店铺运营者必须学会的技能。 1、可视化编辑 承接店铺装修的工作室一般都是将html源代码保存为txe格式文件以后发给我们，只要使用“全选+复制”的方式将代码拷贝下来，按照下面的步骤黏贴到店铺页面的html编辑器里就行了。 如图5-6-1所示的灰色区域就是淘宝网的店铺装修所采用的可视化编辑，因为编辑后即可看到预览效果，因此叫“可视化编辑”，不管是促销区还是自定义页面、或者店铺的左右模块，编辑入口都在图上标注的那个位置，以黄色的齿轮图标来表示。 点击页面上的“编辑html代码”，将复制到剪贴板上的代码黏贴到这里。 点击图标回到可视化编辑，如图5-6-3所示，这时我们已经能看到模板的效果了，点击“保存”模板，但是千万不要忘了点“发布”，否则别人还是看不到我们的新模板。编辑器里的那些白条不用担心，保存以后就不会显示了，如果想看到完整的页面效果，可以点击“预览”按钮，确认无误后点“发布”，我们的新模板就编辑成功了。 2、使用html编辑器 淘宝店铺是采用可视化编辑，但是商品描述还是使用的html编辑器，两种编辑方法大同小异，主要是他们的图标有所不同，只要认清楚编辑图标就知道该怎么操作了。如图5-6-4所示，在商品描述编辑器里点击“编辑源文件”。 进入源代码编辑状态后，将复制好的html代码粘贴到如图5-6-5标注出来的区域，然后点击“使用编辑器”回到可视化编辑。 学会使用html代码非常重要，除了描述模板以外，店铺装修绝大部分模块都是支持html编辑的。 * 如图5-6-6所示，回到可视化编辑状态后我们可以看到刚才黏贴的代码已经变成了漂亮的网页模板，我们只能在这种状态下进行文字修改和更换图片的编辑工作。 在使用html代码编辑网页模板时要注意以下四点： （1）编辑时需要换行最好用“shift+回车”来操作，最好不