店铺装修简单几招.ppt

店铺装修分享简单几招 2010年7月23日 第一页，共二十五页。 内容介绍 一、图片超链接 二、宝贝图片滚动 三、背景音乐 四、店铺收藏按钮 第二页，共二十五页。 图片超链接 操作分为三步： 第一步：用PHOTOSHOP制作一副图片。 第二步：用DREAMWEAVER添加超链接，并转换成代码。 第三步：将代码拷贝到店铺装修区。 下面，介绍第二步和第三步的具体操作。 第三页，共二十五页。 图片超链接 1、打开DW。选择html格式。 第四页，共二十五页。 图片超链接 2、选择“设计”。在右侧工具栏选择插入，常用，图像。在弹出的界面中，选取要使用的图片。 第五页，共二十五页。 图片超链接 这是选用的图片。 第六页，共二十五页。 图片超链接 3、使用热区链接功能。箭头所指，点击即可。然后在要连接的图片上，用鼠标定义热区。 第七页，共二十五页。 图片超链接 将要连接的地址，填入下面的方框中。目标：选择“_blank”或者其他属性。 重复以上操作，把需要连接的区域全部设置完成。 第八页，共二十五页。 图片超链接 4、点击工具栏上的“代码”，可以看到刚才编辑图片的html代码。 第九页，共二十五页。 图片超链接 复制代码。从body到/body之间的代码，右键，复制。 第十页，共二十五页。 图片超链接 5、粘贴代码。在店铺装修页面，在html编辑状态下，粘贴代码。 注意：图中阴影部分，是在DW编辑中的图片地址，这个地址是本地电脑文件夹。需要更换为图片在51空间或其他网站的存储地址。 第十一页，共二十五页。 图片超链接 然后，变换编辑区的状态。这是带超链接的图片。保存，发布即可。 至此，完成图片超链接的全部操作。 第十二页，共二十五页。 图片滚动 基本步骤： 1、用PS制作需要的图片，并上传到网络服务器（51或淘宝图片空间）。注意按统一的尺寸。我的是180x180。 2、打开店铺装修编辑区，粘贴代码（见后面）。 3、修改代码。 下面主要介绍后面两步。 第十三页，共二十五页。 图片滚动 1、在店铺装修编辑区，粘贴代码。 第十四页，共二十五页。 图片滚动 这是粘贴的代码。图片的地址，是在网络服务器的存储地址。每个店铺，都要根据自己图片的地址来修改。 MARQUEE height=180 width=750 P align=left/P P align=centerimg src=img src=img src=img src=img src=img src=img src=img src=/P/MARQUEE 2、在店铺装修编辑区，修改代码。 第十五页，共二十五页。 图片滚动 这是我做的效果图。 第十六页，共二十五页。 背景音乐 第十七页，共二十五页。 STRONG A href=amp;itemtype=0amp;ownerid=5d26783bb16e5aebbff4e8amp;scjjc=5amp;t=1268404595671 target=_blank IMG align=absMiddle src= width=98 height=82 /A/STRONG 我们先来看一下收藏店铺的代码： 收藏按钮 第十八页，共二十五页。