雅虎商城-会PS就会的装修教程

雅虎店铺一般默认店铺基本设定在简单设置模式即通用模板,为了我们能够更好的装修店铺,这边建议先修改成通常モード.

设定路径:

ストアトップストア構築ストアデザインストア基本設定通常モード

店铺装修路径

ストア構築ストアデザインデザイン設定

整个页面的布局如下:

虽然整个页面分割的区域有很多但是,实际上不论是ヘッダー・看板部分还是サイトナビ部分又或者是フッター部分,其中的自由编辑区的字符限制都在10000字符,实际操作中,在不使用复杂代码的情况下通常10000字符以内足够了.

今次为了举例,随便找了家店铺页面直接网页快照开始制作,实际制作的时候还请大家使用自己的素材.

首先划分区域

在了解各区域所对应的部分后,使用Photoshop的切片工具,将所有有对应链接的区域划分出来.

之后点击左上角

文件-导出-存储为Web所用格式

导出之后会生成一个图片文件夹和一个网页代码,如果制作时使用的都是自己的素材,店铺商品信息图片的话,可以直接将整个文件夹内的图片上传到雅虎.并记录下对应的图片链接,之后再用dreamweaver(没有dreamweaver就右键用记事本打开),并将头尾下图中红线框部分删除掉.

这里还需要大家稍微了解下html中插入图片链接的简单代码:

如上图我们使用PS所制作出来的页面代码中所有图片是未对应链接的.这里我们需要给有对应链接的地方在加上网址,编辑好之后内容如下:

将以上代码直接插入フリースペース处.