现在网店大堆,各种各样的装修主题目不暇接。一个好的首页装修不仅能吸引住顾客的目光,令其一来就走不了,而且能让流量提升最大化,让顾客在店铺的时间更长,点击更多的商品,跳失率更少。从而来提高店铺的ROI。

准备素材:
使用Photoshop将要装修的活动页面设计好,整个页面的背景、布局、活动主题、详细促销等都要详细做成一个比例为1:1的大图,就是按照实际网页宽度设计一个活动页面。方便接下来的图片制作有标准可以参照。并将各个小的图块剪裁出来备用。上传图片到京东店铺的图片空间。
注意,单张图片不能太大,一个是京东的图片管理空间限制是300K,另一个是图片越大打开缓冲时间就越长,不利于网页的浏览量。


设置页面基本信息:
点击“首页”找到自己店铺的“店铺装修”中的“PC端装修”→店铺装修→自定义页面→“+”添加页面→填写基本信息



点击“添加布局”下拉选择“通栏布局(100%)”

点击“添加模块”选择“自定义内容区”置入:

“编辑”再选择代码插入按键


编辑代码:
打开Dreamweaver,“文件”→“新建”→“创建”→“设计”


插入表格。插入表格的行数和列数根据所要做的页面先大致分为几大行几大列。遇到一些小表格的时候可以拆分单元格,尽量少套用表格的数量(就是插入多于一次的表格数目),因为表格生成的线条要处理掉,太多线条是给自己多点事情做,拆分单元格和重新插入小表格效果是一样的。

设置好表格后再依次插入剪裁好的图片,并拉动表格大小,把表格大小调整到跟图片一样大小。这样页面才更美观,如果表格太大页面会留空白,不对齐。

将“代码”中图片的图片名全部改为图片空间中的图片链接

复制代码到店铺装修代码框中

发布:
保存,查看页面,发布
