您好,欢迎来到1号商学院

自定义广告




自定义广告

 

自定义广告

 

 

1. 如何添加自定义广告?首先进入店铺后台,选择要装修的页面后,点击“点击此处,添加新模块”进入模块列表,选择“自定义广告”。

 

自定义广告

 

自定义广告

 

2. 编辑自定义广告标题

 

自定义广告

 

 

3. 编写自定义广告代码

 

 

方法一:

1. photoshop打开需要的图片。

 

自定义广告

 

 

2. 使用切片工具,并编辑每个切片区域。

     使用切片工具对图片的每个区域进行切分,然后在每个区域中点击右键——编辑切片选项;在如下图的“切片选项”窗口中编辑URL(该区域的链接,如某个产品或者某类产品在1号店的链接);以及目标,默认为空,此时点击该区域会覆盖现有网址;若填写_blank,则会在新窗口打开此链接。最后确定保存。

     按照同样的步骤对每个区域进行切片并编辑

 

自定义广告

 

 

3. 保存为web格式:

点击 文件——存储为web和设备所用格式,在弹出窗口中点击存储。

 

自定义广告

 

 

保存类型为HTML和图像:

自定义广告

 

 

4. 上传切片图到图片空间,保存后在保存的位置除了html文件外还有一个名为image的文件夹。将这个文件夹中的图片全部上传到图片空间。

 

自定义广告

 

 

5. Dreamweaver打开存储的html文件,点拆分按钮,并逐个点中切片图,将原有的图片位置替换成网络地址。保存代码,并全选复制html代码。

 

自定义广告

 

 

6. 1号店商家后台,在店铺设置—页面设置—新建模块—自定义广告。选填模块名称,选择模块栏位(即出现的位置)。在模板样式中点击“源”,并将刚才复制的代码粘贴到此处。再点击“源”,即可看到效果。并点击保存。

 

自定义广告

 

 

方法二:

 

1.制作好需要的图片,如下图所示,并将图片上传到图片空间。

 

自定义广告

 

 

到图片空间中复制该图片链接

 

自定义广告

 

自定义广告

 

 

2. Dreamweaver中打开网络图片。属性下的地图位置有四个图标:小箭头、长方形、圆形、不规则形,后三个主要用于框选需要插入超链接的区域,款选好正确位置后,在连接处放上所需的网络链接,可以到改图片的产品链接或者某类产品的链接。目标可以选为“_blank”,此时为弹出新窗口的链接。(推荐!)

 

自定义广告

 

 

3. 保存并复制源代码。完成所有的链接插入(步骤2)后,在Dreamweaver窗口中点击“代码”,即可看到刚才所有动作所形成的代码。复制该文档。

 

自定义广告

 

 

注意事项:若已经存在自定义广告时,请对代码进行编辑。主要需要编辑的内容如下:代码主题(<body>中)前面部分的内容:

……usemap="#Map"/>

<map name="Map" id="Map">……

修改为:usemap="#Map1"/>

<map name="Map1" id="Map1">

若已经存在“map1”,可使用map2map3等。

 

4. 新建自定义模块。填上模块名称,选择模块栏位(即出现的位置)。在模板样式中点击“源”,并将刚才复制的代码粘贴到此处。再点击“源”,即可看到效果。并点击保存。

5. 预览前台效果,并检查连接设置情况。

 

自定义广告

 

重要! 自定义广告代码规范

 

 

亲爱的童鞋,很抱歉,您的自定义广告代码中存在以下问题,所以无法保存,请检查代码并进行修改:

 

问题1:自定义广告代码中含有JS代码。

1号店决定自2014328日起,取消全部店铺的JS使用权限即"script", "iframe", "frameset", "frame","html", "body"标签的使用权限,请删除相关代码。

 

问题2:代码中引用了外链。

什么是外链?即除了一号店的地址以及所有图片空间的地址外,其他的外部链接。    

        如:

 

自定义广告

 

 

问题3:以上2个问题的集合。即既有外链,又有JS代码 修改正确后,代码即可保存。