网店模板制作及设计全流程(二)

[05-04 23:34:00]   来源:http://www.dxs51.com  网店装修   阅读:95

概要:出背景色,得到色号,在DW里进行背景颜色的填充。之后调整一下表格的宽度,使每个表格都与对应的切片同宽。接下来看2列,参照PS里的图象,在需要插入图片、文字的地方进行背景颜色的填充(插入图片和文字的地方也是要无限延伸的)对应PS里的图片,把2列其余的部分分别以图象方式插入图片下面我们开始做4列里的表格,4列里对应的是宝贝推荐的帖图,这里也是需要无限延伸的,我们先把4列用相应的背景颜色填充好,然后在里面插入一个与切片14同宽的表格。再嵌套好的表格里用背景颜色填充相应的颜色。最后在第5部分用图象方式把最后一张图片进行插入。好了,可以无限延伸的摸版制作完成了。下面我们要进行进一步的调整,要使每个表格都与对应的切片同长宽,这样模版才不会变形,整理的时候要多预览,哪里不好调哪里,调好之后,选中整个表格,设置属性为“水平-居中”。全部调整好之后,我们还要设置一下个别表格的属性,把需要插入放大图和推荐图的表格属性设置为(水平-居中,垂直-顶端),把需要插入文字的单元格属性设置为(水平-默认或左对,垂直-顶端)这些做好后,我们要把“我的店铺、店铺介绍”等部分做好相应的网址连接,先打开您在TAOBAO的主页,复制网址,选取“我的店铺&rdquo

网店模板制作及设计全流程(二),http://www.dxs51.com

  这里的图片也是固定不动的,我们也分别以图象方式插入相应的图片。

  好了,休息一下,第4部分就有无限延伸了,要好好看呀。

  还是先再第4部分的表格里嵌套一个800象素宽的表格,拉长些,然后根据PS里切好的图象,先把表格拆成5列

  呵呵,之前的切片一定要切的规矩呀,横竖对齐,这样网页处理起来会很方便,做到这里就感觉到了吧。

  看看PS里切好的图片,第2列里有几行,这里就拆分成几行。对应着PS里的图片看呀,有红心标注的地方都是需要无限延伸的地方。

  美美在制作这个摸版的时候,需要无限延伸的地方,我都使用的是单色,在网页处理的时候相应的表格内直接用背景色填充就OK了,当然,您也可以把这些地方设计成固定的图案,然后选择背景方式插入图案,也是可以无限延伸的。方法是多种多样的,关键在于背景是可以无限延伸的道理。

  先在PS中点选出背景色,得到色号,在DW里进行背景颜色的填充。

  之后调整一下表格的宽度,使每个表格都与对应的切片同宽。

  接下来看2列,参照PS里的图象,在需要插入图片、文字的地方进行背景颜色的填充(插入图片和文字的地方也是要无限延伸的)

  对应PS里的图片,把2列其余的部分分别以图象方式插入图片

  下面我们开始做4列里的表格,4列里对应的是宝贝推荐的帖图,这里也是需要无限延伸的,我们先把4列用相应的背景颜色填充好,然后在里面插入一个与切片14同宽的表格。

  再嵌套好的表格里用背景颜色填充相应的颜色。最后在第5部分用图象方式把最后一张图片进行插入。

  好了,可以无限延伸的摸版制作完成了。下面我们要进行进一步的调整,要使每个表格都与对应的切片同长宽,这样模版才不会变形,整理的时候要多预览,哪里不好调哪里,调好之后,选中整个表格,设置属性为“水平-居中”。

  全部调整好之后,我们还要设置一下个别表格的属性,把需要插入放大图和推荐图的表格属性设置为(水平-居中,垂直-顶端),把需要插入文字的单元格属性设置为(水平-默认或左对,垂直-顶端)

  这些做好后,我们要把“我的店铺、店铺介绍”等部分做好相应的网址连接,先打开您在TAOBAO的主页,复制网址,选取“我的店铺”图片,在属性的连接框中,把网址粘贴过去,这样,连接就做好了。“店铺介绍,信用评价”等地方用同样的办法进行地址连接。

  然后我们再做滚动公告,美美在DW里怎么也没找到做滚动字幕的地方,所以只好借助FrontPage来完成滚动字幕的设置。先在DW里保存这个制作好的摸版(存好之后不用关),然后打开FP软件,打开这个摸版,在 菜单-插入-Web组件 中插入滚动字幕

上一页  [1] [2] [3]  下一页


标签:网店装修淘宝网店装修教程大全,淘宝网店装修网上开店 - 网店装修