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

工具/原料

京东店铺

浏览器

Dreamweaver CS5

Photoshop CS5

方法/步骤

准备素材：

使用Photoshop将要装修的活动页面设计好，整个页面的背景、布局、活动主题、详细促销等都要详细做成一个比例为1:1的大图，就是按照实际网页宽度设计一个活动页面。方便接下来的图片制作有标准可以参照。并将各个小的图块剪裁出来备用。上传图片到京东店铺的图片空间。

注意，单张图片不能太大，一个是京东的图片管理空间限制是300K，另一个是图片越大打开缓冲时间就越长，不利于网页的浏览量。

设置页面基本信息：

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

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

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

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

编辑代码：

打开Dreamweaver，“文件”→“新建”→“创建”→“设计”

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

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

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

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

发布：

保存，查看页面，发布

注意事项

因为京东图片管理空间的原因，图片的大小不能超过300K。

图片的地址链接要仔细对照准确，如果稍微有一点点出错图片会显示不出来；弄错了甚至有可能还会影响整个代码的形成。

复制代码到店铺装修编辑框的时候要注意不要复制到,就只去里面的内容。

如果对你有用请给与支持与鼓励点个赞/收藏/转发吧！谢谢鼓励！