网店设计模板-如何设计淘宝网站模板下载

一、建立FW文档

打开fireworks,点击界面右侧的新建FIREWORKS文档(绿色方框内),建立一个宽度为800,高度可以视情况而定的画布,建议颜色为“透明”或“白色”。

在界面的左上角处点击文件-导入找到自己要用的背景图片,打开。(如果大家没有合适的背景图片的话,可以去我的店铺里面看看,有许多精品模板图都没加水印的,大家可以右键图片另存为到自己的电脑上。)这时会出现一个类似“「”的光标,通过它可以将导入图片在整个画布中的位置确定。

你也可以在界面的左下角找到四个数值填入框,其中宽度和高度表示的是导入图片的大小,而“X”表示的是导入图片的最左边距整块画布最左边的距离(太过直白,也有点拗口,呵呵),“Y”表示的就是导入图片的最上边距整块画布最上边的距离。填入你需要的数值,确定图片在整图中的位置。

特别说明:因为考虑到部分用户的显示器分辨率为800*600,所以我们建的画布宽度为800,高度1000也是可以要据制作中的实际情况改变的。另外,导入的图片宽度必须≤800。如果图片宽度大于800,可以先在点击左上角处的文件-打开,找到图片在FW中打开,然后在界面上方找到修改-画布-图像大小,再将像素尺寸的宽度改为你想要的尺寸,记得一定要约束比例,要不图片就变形了。

二、改变背景色

把画布的颜色改为导入图片的背景色,这会使画布跟导入图片看起来更像一张完整的图片。方法:点击界面上方的修改-画布-画布颜色,在弹出窗口中选择自定义,并在如图所示的颜色定义框内点击一下,出现一个类似笔的形状,将它在导入图片的背景颜色处点击一下,然后确定。现在画布的背景色就协调了。

三、加入文字

根据你自己的布局构思,在适当的地方用文本工具加入店名、店铺链接(逛逛本店)、店铺介绍等文字,一定要考虑好整体布局哦～

点击文本工具,在图片中你想要的位置拖动鼠标后会出现一个矩形框,然后你可以在操作界面的下方看到属性选项调整好文字大小,颜色,字体等,之后在矩形框内输入你的文字

另外,记得在宝贝展示、宝贝描述文字下分别留出一定的空白地方来,不需要太多。

小提示,类似买家须知这种固定条款,可以直接在图片上制作出来,单独切片(马上会讲到),以免每次填入这么麻烦。

四、加入热点

在需要添加链接的文字上加入热点。

点击如下图所示的热点工具之后,在文字上面拖动矩形框,得到一个热点框。如果未覆盖到文字上,可直接用鼠标拖到文字上并覆盖住。

加入矩形热点工具后,选定这个矩形热点,界面下方如图所示的地方会有链接网址的设定,“替代”指的是当鼠标放在所做的矩形热点上时会出现的文字。目标指网址打开方式,_blank指在新窗口打开。

五、切片

把所有的热点都做好之后,就要开始切片程序了。切片工具的位置在上图中已做说明。

切片的时候要注意,有热点的部分和各个文字部分要单独切出来。(这一步如有不懂的地方,可以问偶。因为有些东东偶也不晓得如何表达)

点击矩形切片工具,(用鼠标按住切片工具,会出来两个选择,选矩形切片工具就OK了)会出现在一个十字架状的光标,然后将整张图一点点的切出来。

在界面下方的如图所示的框一内,“切片”二字下方的框表示的是你所选中的切片的命名,宽度和高度就表示的

是所选中的切片的大小,然后X,Y也是定义此切片在整图中的位置的。框二中,类型选择为图像,图像格式选择为

“JPEG-较高品质”。

六、导出为HTML文件

点击操作界面左上角“文件-导出”

文件名可自行设定,导出-HTML和图像,导出切片,一定要包括无切片区域并将图片放入子文件夹,最后导出。

以下为DW应用部分,可能米米在此表述的不是很清楚,做为菜鸟,又想DIY做模板的话,可能不容易沟通,所以对于那些这或那的规矩,米米并没有去框定,只是把步骤简单的给列了出来。我会尽快想办法,把下面的叙述部分描述得更清楚,如果有不懂的,敬请跟贴提问。

七、打开HTML文件(请详细看看此步中,后来加上去的红色字体部分)

打开DW工具,单击“打开”菜单,找到刚刚保存好的HTML文件,打开。

会看到有“代码、拆分、设计”三个选项,选择“拆分”。现在在界面中,上面部分就是HTML代码,下面部分就是图片模式了。

找到宝贝展示字样的下的空白图片的切片,选中它之后,上面的代表这个切片的代码部分会被蓝色覆盖,将鼠标移到代码部分,将此部分代码“src="图片位置"”中的图片位置复制下来

淘宝网店模板的来源有官方提供的免费模板,这类产品通过后台一键切换就可以达到更换网店风格的效果。而其他一些模板设计爱好者,他们出于学习交流的目的,往往把自己的模板贡献出来给大家使用。这类模板由于是免费,在模板的装载速度方面,往往比不上系统官方提供的的商业模板。其次,网上的开店的用户一般装修了模板,但是他们往往会购买多套模板,对于不用的模板,他们往往会拿出来和大家分享。另外,淘宝的网店服务还有扩展版的收费模板。

除了来源的分类外,还有种类上的区分。一种是css模板,CSS扶植版就只适合扶植版的使用,CSS标准版就只适合标准版使用,CSS拓展版就适合拓展版以上包括商城,无印良品店的使用。第二种则是SDK高级模板。SDK高级模板,只适合拓展版以上包括商城、无印良品店的使用,另外,目前成人类店铺,无法购买市场模板。

对于淘宝网店模板

的选择,一是要确认自己所经营的行业、风格去选择模板;二是要利用搜索引擎排序寻找模板;三是试用模板,体验真实效果再购买。需要注意的是,不要盲目跟风购买,人多的不一定就是好的,适合你的;其次,试用模板以后,自动跳出装修后台,我们就可以看到模板已经套入自己的店铺了,点击“预览”,可以查看实际效果。

如何设计淘宝网站模板下载呢?淘宝店店装修设计要点有哪些?今天,猪八戒网将向您介绍以下方法。淘宝店的网店模板怎么编写?1.店铺详情页面上的主图模板:通常包括店铺首页的导航、产品展示和产品相关页面的链接。如果只是简单的把产品放在首页,很少有人知道哪些内容是主要卖点。所以主图一定要清新、自然、时尚、优雅,有一定的文艺风。2.店铺背景图一定要设计好,可以在第一时间告诉客户我是谁,我是卖什么的,让客户可以进一步了解我的产品。3.店铺装修设计需要注意的一些问题:注意背景图的布局。我们在设计背景图时,要做的是避免太过普。我们需要做的重有利就是找到位。这是最关键的一步。在这里,我们需要做的是确保背景图片看起来没错。背景图片的正确处理将如何做。我们正在做logo设计,品牌标。