7.3网店活动页面网页特效添加(课件）-《网店经营》同步教学（华东师范大学出版社）

网店页面管理 任务三 网店活动页面网页特效添加 1 网店活动页面网页特效添加 【任务介绍】 在本任务中，了解如何设置单个图片广告，了解设置带标题图片广告，了解设置自定义代码挂件，了解如何设置首页主广告，设置首页横向滚动广告。 活动一 设置文章栏目 -【活动描述】 一个网店的前端展现对于顾客来说是非常重要的，一些特效的添加可以促使她们消费，甚至指引她们快速选择。接下来，我们将继续在可视化编辑中，添加广告挂件。 2 活动一 网店活动页面网页特效添加 - 【活动实施】 广告相关挂件 首先，在系统后台进入“站点”——“可视化编辑”，在可视化编辑中，点击添加挂件，再点击“广告相关”，便出现如图所示页面。 3 活动一 网店活动页面网页特效添加 - 【活动实施】 第一步 设置单个图片广告 添加单个图片广告 在首页合适的位置（因为可以设置图片大小，所以可以选择合适的空位进行添加）点击添加挂件，进入“广告相关”挂件页面，点击添加“单个图片广告”，出现如图所示页面。 4 活动一 网店活动页面网页特效添加 - 【活动实施】 修改单个图片广告挂件 在这个页面，需要设置的是广告尺寸、上传图片、图片描述和图片链接。 5 活动一 网店活动页面网页特效添加 - 【活动实施】 单个图片广告在网店前台显示效果 需要注意的是，这里设置的图片宽高单位px是指图片像素，可根据实际进行调整。 6 活动一 网店活动页面网页特效添加 - 【活动实施】 第二步 设置带标题图片广告 添加带标题图片广告 在首页合适的位置（因为可以设置图片大小，所以可以选择合适的空位进行添加）点击添加挂件，进入“广告相关”挂件页面，点击添加“带标题图片广告”，出现如图所示页面。 7 活动一 网店活动页面网页特效添加 - 【活动实施】 编辑带标题的图片广告 8 活动一 网店活动页面网页特效添加 - 【活动实施】 带标题的图片广告在网店前台显示效果 在这个页面，需要设置的是广告标题、广告尺寸、上传图片、图片描述和图片链接。 9 活动一 网店活动页面网页特效添加 - 【活动实施】 第三步 设置自定义代码挂件 添加自定义代码挂件 在首页合适的位置（因为可以设置图片大小，所以可以选择合适的空位进行添加）点击添加挂件，进入“广告相关”挂件页面，点击添加“自定义代码挂件”，出现如图所示页面。 10 活动一 网店活动页面网页特效添加 - 【活动实施】 添加自定义挂件中的链接 在这个页面，可以根据实际需要，自主设置挂件的字体、字号、大小、颜色、排版形式，可以插入图片、链接、表格、标注等。在上传图片时，依然可以通过从本地选择图片、从图库选择图片以及选用互联网上的图片三种方式。 11 活动一 网店活动页面网页特效添加 - 【活动实施】 新添加自定义挂件在网店前台显示效果 12 活动一 网店活动页面网页特效添加 - 【活动实施】 第四步 设置首页主广告 添加首页主广告 在首页合适位置（一般是主导航菜单附近）点击添加挂件，进入“广告相关”挂件页面，点击添加“首页主广告” ，如果主页已经存在首页主广告挂件，则可以到相应挂件位置点击编辑。 13 活动一 网店活动页面网页特效添加 - 【活动实施】 网店前台主广告显示效果 14 活动一 网店活动页面网页特效添加 - 【活动实施】 主广告编辑页面 在这个页面，可以对主广告播放的图片进行添加、删除、排序，可以对切换效果进行设置，并设置是否自动播放。这里可以选择的切换效果有三种，一是横向滚动，二是竖向滚动，三是渐显渐隐。 15 活动一 网店活动页面网页特效添加 - 【活动实施】 第五步 设置首页横向滚动广告 添加首页横向滚动广告 在首页合适位置（一般是主导航菜单、主广告附近）点击添加挂件，进入“广告相关”挂件页面，点击添加“首页横向滚动广告” ,如果主页已经存在横向滚动广告挂件，则可以到相应挂件位置点击编辑。 16 活动一 网店活动页面网页特效添加 - 【活动实施】 首页横向滚动广告插件 17 活动一 网店活动页面网页特效添加 - 【活动实施】 编辑首页横向滚动广告插件 在编辑页面，可以对横向滚动逛告播放的图片进行添加、删除和修改，可以对图片链接进行设置。 18 $$