手机
当前位置:查字典教程网 >电子商务 >淘宝店铺装修 >淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程
淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程
摘要:店铺公告,是个很重要的模块,能让买家最先了解到店铺的最新动态。其实网上也有很多店铺公告的模板,大家可以自己去下载。但是如果你想做一个独一无二...

店铺公告,是个很重要的模块,能让买家最先了解到店铺的最新动态。其实网上也有很多店铺公告的模板,大家可以自己去下载。但是如果你想做一个独一无二的的店铺公告栏,就要自己动手了。

第一步,打开DREAMWEAVER软件,如下图,点击表格工具设置表格。

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程1

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程2

第二步,在下面弹出的框里设置表格的宽度为950像素。如果您要在左侧做公告栏的话,那么这里的宽度就要设置190像素。

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程3

第三步,点击确定后,我们在对下面的表格属性一栏里设置高度。如下图所示:

提示:这里的高度是根据我们制作的表格背景图来确定的。

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程4

第四步,设置好高度以后,然后在背景一栏里选择您的图片,如下面图片红色圈:

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程5

第五步,设置好背景图片以后,我们设置左对齐和顶端对齐,如下图所示:

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程6

在这里我们设置表格中文字滚动的区域:

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程7

我们设置的是3行3列的一个表格:

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程8

拖住虚线框来设置区域的大小:

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程9

然后在相应的区域里写入滚动的代码,代码如下图所示:

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程10

第六步,设置好代码后将背景图片上传到自己的淘宝图片空间里,更换背景图地址:

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程11

第七步,然后复制代码到您的淘宝店铺的自定义内容区即可:

淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程12

这样之后,是不是就得到了一个独一无二的的店铺公告模板呢!

【淘宝店铺装修自己动手制作一个公告栏(HTML)图文教程】相关文章:

淘宝店铺装修系列课程切片的综合使用

店铺装修代码格子模块HTML+CSS新手教程

淘宝新旺铺装修之如何添加并设置宝贝详情页模板

淘宝店铺装修需要注意的一些地方

手机淘宝店铺装修模板免费试用

淘宝店铺精致装修添加音乐如何?

淘宝店铺装修看完保证你也知道做手绘稿?

淘宝店铺简易装修之店招装修简易做法

淘宝店铺首页装修框架6大技巧

手机淘宝店铺首页装修教程分享

精品推荐
分类导航