旺铺装修经验分享.docVIP

【旺铺装修经验分享】手把手教你装修标准版旺铺拓展版通栏风格 发布：土豆 浏览 378发布时间 2011-11-08 17:12 旺铺装修经验分享：今天讲的是标准版旺铺的通栏模式装修。（扶植版也适用，不过好像模块比较少） 大家可以看下店铺装修预览图哦！绝对无缝的。  好，进入正题。 首先，今天用到的工具有2个。 photoshop 和dreamweaver. 版本嘛. photoshop我用的是CS4的版本. dw用的是CS3的 因为突然就找不到CS4版本的. 不过一样可以用啦. 好. 开始第一步. 打开photoshop cs4. 新建一个宽950像素 . 高度随意.的画布 然后按照自己喜欢的风格进行排版,用切片工具把图切成块. 大卸八块 .哈哈!下面是我切的图.  排好版了,就可以开始按照自己喜欢的方式进行设计.下面是我设计的  然后就可以开始导出成网页设计的模式. 点击左上角的 文件-存储为web和设备所用格式. 一般时候都可以不用管它直接点存储的. 但是如果你想要页面流量速度快一点的话 可以适当的降低一点图片品质. 不过也不要降太低啦.那样图片就不清晰啦!!! . 不懂吗? 没关系 咱们上图!  设置好了就可以点击存储啦. 然后它会弹出一个窗口 ,如下图. 选择一个保存的文件夹. 保存类型: 选择html和图像 . 切片: 选择所有用户切片 接着就可以点击保存啦  保存后,在文件夹下会生成一个文件夹 images 和 一个.html的文件. html的文件咱们先不管他. 先点击文件夹images .里面呢就是按我们排版切出来的图片. 我们把它上传到淘宝的图片空间. 我已经上传好了.  好了 ,接下来呢. 打开 dw . 把 .html文件拖动到窗口里面.  点击图片. 下面的属性就会发生变化. 我们需要修改的就是 源文件 连接 和目标 .其他的不用去管他.  根据上图 把每个图片都改了. 记得 复制进去了要点击回车确认. 如果不要连接的 那么2,3不需要修改 就空着就好了. 都改好了, 那么就可以去淘宝店铺装修里面装修啦. 在店铺装修里面 新建2个 自定义内容区 . 左边190一个, 右边750一个 咱们先来编辑190的.  点击编辑,进入淘宝装修编辑器. 然后点击 编辑html源文件.在里面先黏贴一段代码,代码如下: DIV style=WIDTH: 950px; HEIGHT: 520px class=slider-promo J_Slider J_TWidget 这里就是层中间,放入你要加的内容 DIV 点击DW左上角的 代码, 然后复制 table 到 /table 之间的内容  把代码复制到 这里就是层中间,放入你要加的内容 那几个字不要. 然后点击保存。 接下来编辑右边的750的模块， 也是自定义内容区。 点击html源文件. 复制进去以下代码 TABLE border=0 cellSpacing=0 cellPadding=0 width=750 TBODY TR TD height=2020nbsp;/TD/TR/TBODY/TABLE 红色的 2020 是高度. 也就是你设计时候设置的高度.  保存, 预览. 发布!!! ok啦!! 拓展版通栏风格到这儿就结束了，是不是很简单呢！