京东店铺PC端页面装修方法一

现在网店大堆,各种各样的装修主题目不暇接 。一个好的首页装修不仅能吸引住顾客的目光,令其一来就走不了,而且能让流量提升最大化,让顾客在店铺的时间更长,点击更多的商品,跳失率更少 。从而来提高店铺的ROI 。
京东店铺PC端页面装修方法一
工具/原料准备素材:
使用Photoshop将要装修的活动页面设计好,整个页面的背景、布局、活动主题、详细促销等都要详细做成一个比例为1:1的大图,就是按照实际网页宽度设计一个活动页面 。方便接下来的图片制作有标准可以参照 。并将各个小的图块剪裁出来备用 。上传图片到京东店铺的图片空间 。
注意,单张图片不能太大,一个是京东的图片管理空间限制是300K,另一个是图片越大打开缓冲时间就越长,不利于网页的浏览量 。
京东店铺PC端页面装修方法一
京东店铺PC端页面装修方法一
设置页面基本信息:
点击“首页”找到自己店铺的“店铺装修”中的“PC端装修”→店铺装修→自定义页面→“+”添加页面→填写基本信息
京东店铺PC端页面装修方法一
京东店铺PC端页面装修方法一
京东店铺PC端页面装修方法一
点击“添加布局”下拉选择“通栏布局(100%)”
京东店铺PC端页面装修方法一
点击“添加模块”选择“自定义内容区”置入:
京东店铺PC端页面装修方法一
“编辑”再选择代码插入按键
京东店铺PC端页面装修方法一
京东店铺PC端页面装修方法一
编辑代码:
打开Dreamweaver,“文件”→“新建”→“创建”→“设计”
京东店铺PC端页面装修方法一
京东店铺PC端页面装修方法一
插入表格 。插入表格的行数和列数根据所要做的页面先大致分为几大行几大列 。遇到一些小表格的时候可以拆分单元格,尽量少套用表格的数量(就是插入多于一次的表格数目),因为表格生成的线条要处理掉,太多线条是给自己多点事情做,拆分单元格和重新插入小表格效果是一样的 。
京东店铺PC端页面装修方法一
设置好表格后再依次插入剪裁好的图片,并拉动表格大小,把表格大小调整到跟图片一样大小 。这样页面才更美观,如果表格太大页面会留空白,不对齐 。
京东店铺PC端页面装修方法一
将“代码”中图片的图片名全部改为图片空间中的图片链接
京东店铺PC端页面装修方法一
复制代码到店铺装修代码框中
京东店铺PC端页面装修方法一
发布:

【京东店铺PC端页面装修方法一】

保存,查看页面,发布
京东店铺PC端页面装修方法一