当前位置: 首页 > 网商之道 > 网店装修简单思路说明

网店装修简单思路说明

网店装修对于大多数网店店主来说已经是小菜一碟了,在这里我将基本的方法罗列出来,以供新手卖家作以参考!

装修两种方法:简单方法和复杂方法,简单方法就是纯粹PS将其设计出来通过切割工具切割上传图片即可;复杂方法就是框架式,模板固定很少变动,内容可以更新变动;前者修改ps直接可以修改,后者代码不熟练着配合DW进行修改即可。

[一] 前提准备工作:

所需软件:Photoshop | Dreamweaver | firework [或其他动画制作软件]素材大家可以去这两个站点搜集自己所需:

笔秀网:http://www.penshow.cn | 懒人图库:http://www.lanrentuku.com

[二] 设计所需版面:

这一步就需要用到Photoshop ,其他暂且不作以介绍,大家根据自己软件熟练程度而选择,photoshop CS 版本可以制作简单的动画,大家可以到窗口里将其面板调用出来。

例如:

海报式设计,将其连接部分通过切片切割即可,方法比较简单,在用ps生成网页的过程中大家注意删除多余的代码;这种不多介绍。

另外一种方法就是复杂设置,该用文字用文字,那么素材部分需要填充为背景,如果为单色大家可以通过颜色填充,空白地方无需将白色图片填充删除即可,这样减少网页打开的时间。

切割的时候大家要注意布局切割方法:

例如:

切割完毕之后,将其保存为web格式,像素少的可以保存为gif格式,多则保存为jpg格式,大家根据自己设计出来的版面效果而定。在设置背景的时候部分需要设置width和height的值。

利用表格和css简单属性布局控制,常用代码如下:

style="width:950px; border:1px #FF0000 solid; padding:5px; font-size:12px; color:#000000;"
      宽度       边框     颜色    实线 填充       字号         字体颜色
<marquee behavior="scroll" direction="up" scrollamount="1.2"></marquee>
文字上下滚动     滚动  方向   超上  速度设置

阿里旺旺代码生成大家可以直接登录淘宝:

http://www.taobao.com/help/wangwang/wangwang_0628_04.php 页面生成,将所生成的代码置于所要放置的单元格中。

公告滚动条样式:

<div style="WIDTH: 120; HEIGHT: 140; OVERFLOW: scroll; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #D2E5F4; scrollbar-highlight-color: #D2E5F4; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #D2E5F4">内容部分</div>

根据自己的版面设置而设置滚动条的宽度和高度。

基本的设置就这么多,大家多多实践!

主要的就是设计和布局,其他相关代码大家可以搜索出来。

这里介绍的是店铺装修的简单思路,具体还需大家多多实践。

下一篇:传统企业转电子商务之路[认识/态度]
上一篇:淘宝助理使用说明
依萨卡在线客服

依萨卡在线服务客服

依萨卡在线服务客服

依萨卡在线服务客服

点击加入依萨卡分销群

工作时间:
09:00-18:00
周一至周六