首页 电商 正文

手把手教你做宝贝描述页的尺寸表格

2024-03-21 09:29
admin

对于服装淘宝店主,在宝贝描述中增加宝贝尺码表是很有必要的。但是,纯文字列举是不是有点粗糙呢,如果能在宝贝描述中插入表格就好了。今天我们就详细介绍下如何用DREAMWEAVER在宝贝描述中插入表格。

普通的文字形式

这种形式应该是最原始的一种尺码数据列举方式,在这里,我们只需要在编辑宝贝描述时,直接用文字键入,方便易行。这种方式也是很多小卖家正在使用的方式。

如果数据发生变化,我们可以随时进行修改,而不会增加任何操作,但这种形式对于我们店铺形象的推广没有多大的益处,毕竟不太美观。

第二种形式,图片列举。如图2所示。

这种形式就是先用一些辅助软件,制作表格,并在表格当中填充数据,其次将这个表格处理成图片,然后把这个图片上传到自己的图片空间当中,最后在编辑宝贝描述时,直接将这个图片从空间当中插入就行了。

这种形式可操作性不强,因为一旦我们的宝贝尺码数据发生变化,我们只能重新制作表格,生成图片,上传图片,最后编辑修改。如果店铺当中的宝贝数量多的话,那这种表格的制作任务就会令人望而生畏。这也是为什么有那么多的小卖家宁愿选择文字列举形式的一个非常重要的原因,毕竟店小,没有那么多的人手来处理这种事情,只有大卖家才会富余的人手来进行这种表格的处理。

这种形式虽然麻烦一点,但从表现形式上看,这种方式显得很专业,至少在版面上很美观。并且利用这种方式,还可以根据自己的需要,创造性的设计出很精美的表格,从而能更好的美化自己的店铺。如图3所示。

对比一下,当然很明显,第三种的效果要美观大方。下面我们就一起来做一个吧。

首先,打开DREAMWEAVER,新建一个基本的HTML文件。

在这里,我们要插入表格。如何插入呢?我们只需要点击上图红色方框所示位置,就可以找到表格的插入哦!大家可以自己试一试,不管是从那里插入表格,点击之后,都会出现如图8所示的界面。

在这里,根据设计,我们需要一个6行5列的表格,宽度为740像素,表格的宽度为1px。那么我们就如图8所示,对行、列、宽度及参数进行设置,其他的参数就不要调整,直接按图8所示就行。设置完毕之后,直接点击“确定”按钮即可。

点击之后,在DwCS4的界面当中,就会出现如图9所示的表格了。

这样一个表格的雏形就展现在我们面前了,我们下面将按照我们的设计将表格中的文字分别输入,并对表格作一下调整。这里的调整主要是将单元格的对齐方式都设置为水平和垂直居中,文字大小及颜色变化,最后一行单元格进行合并。

从这里,我们可以看到,一个表格的雏形已经被我们建立起来了,但总觉得有些美中不足,这个美中不足主要体现在三个地方。

第一个地方就是表格的边框,我们在前面插入表格时,已经设定表格的宽度为1px,但现在展现在我们面前的边框宽度是2px的,怎么解决呢?

造成这种现象的原因是单元格的之间有默认间距,为了处理这一点,我们就要把这个默认间距取消,取消的方法很简单,只需要我们在代码编辑窗口当中,将这个代码放在表格的Table标签当中。

加完之后,保存一下,我们再用浏览器看一看效果。

怎么样,是不是消除了呢?但又出现了一个问题,那就是表格的边框线的颜色是系统默认的浅灰色,显示时不是很明显,能不能把边框颜色加深一些呢?答案当然是肯定的。我们还是再次回到DwCS4的代码编辑窗口当中,将鼠标定位到Table标签当中,按一下空格键,此时代码区就会自动弹出表格的属性选择框,我们在其中选择“bordercolor”属性。

双击此属性,此时就会弹出边框颜色选择面板,在其中我们选择自己需要的颜色。

在这里,我们选择一种深灰色,选择之后,保存文件,再次在浏览器中预览,看看效果的变化。

表格的背景是单纯的白色,给人的感觉不是很好,是否可以处理掉表格的纯白背景呢?答案也是肯定的哦!接下来,我们就着手解决这个问题吧!

在DW的设计窗口当中,用鼠标拖选一行。

选择之后,我们就可以在设计区看到实时效果了。

按照同样的方式,我们将其他各行的背景颜色全部设置完毕,并保存下来。最后我们再来预览一下,看看最后的效果吧。

想学习更多的网店装修技巧,请关注

)。

相关文章

  • 白嫖合集|超5000+电商从业者已成功领取(不要钱哦~)

    白嫖合集|超5000+电商从业者已成功领取(不要钱哦~) 我后台经常会收到很多小伙伴的留言:l 有想要电商运营资料的l 有想要电商表格模板的l 有想要电商活动报名流程的l ......所以,这次专门为大家整理了30套电商运营玩法资料干货包,有需要的可直接加老师微信免费领取:dszj2006文件数量:130+ 文件大小:100M+ 文件格式:excel/word资料包介绍:内含运营计划、爆款打造、活动策划、竞品分析、客服培训、数据分析、活动报名、推广报表等

    2024-03-14 16:21
  • 淘宝客服,你在用哪些表格归类问题?

    淘宝客服,你在用哪些表格归类问题? 那售后综合登记表可以备注好处理结果、优先处理等级等等,以便客服能分清轻重缓急。,若是确实存在这些问题,那么一定要及时解决,客服可以联系快递或和老板提议更换进货商。,这个资金虽然一笔金额不大,但是订单数量多了,自然也需要核算下成本。

    2024-03-22 21:32
  • 淘宝售后客服的工作细则是什么?淘宝售后客服工作流程

    淘宝售后客服的工作细则是什么?淘宝售后客服工作流程 其实我们都知道作为一名淘宝售后人员,肯定都希望能够清晰的了解自己的工作流程跟工作细则,而一些卖家也会需要这样的内容去给售后客服制定工作任务,下面就为各位整理了一份。,5、每日下午5点前将换货的物品登记一个表格,发给财务拿货,给主管签名,把货物包好发出。,7、将所有换货的蓝单售后保存,登记一个表格,月底一律发表格给财务。

    2024-03-22 21:19
  • 淘宝商家报名活动时如何批量导入活动商品?

    淘宝商家报名活动时如何批量导入活动商品? 目前淘宝商品报名支持表格批量导入功能,包含无SKU商品批量导入、有SKU商品批量导入,一起来和小编看看具体操作流程吧~一、无SKU商品批量导入1、方法:商品报名页面点击【下载Excel表格模板】——【模板下载】——【无SKU商品报名模板】——【点击下载】——下载表格后填写——返回商品报名页面——【表格导入】——上传表格2、场景:该方式适用于无SKU商品报名3、表格填写:下载表格后,请参考表格中sh

    2024-03-22 17:27
  • 直通车关键词应借助工具寻找

    直通车关键词应借助工具寻找 这就需要用到一些工具的辅助,比如说里量子恒道店铺经。,下面我们再把平均展现排名添加进去,点击点击量右侧的小箭头,选择按降序排列,这个是为了保持和基础数据的一致性。,如果你也想和大家分享一些开店经验,欢迎来官方论坛(http://bbs.kaigewangdian.cn/)讨论。

    2024-03-22 16:10
  • shopee卖家如何利用表格上传产品 shopee怎么发货 shopee

    shopee卖家如何利用表格上传产品 shopee怎么发货  shopee 随着跨境平台的发展,有着越来越多的卖家选择在shopee平台上开店,在运营店铺的过程中想要更好的运营店铺,可以利用表格上传产品,这样也能节省一定的时间,但具体该怎么操作了?1、Shopee怎么表格传产品呢?首先登录Shopee卖家中心,在左侧菜单栏中找到“产品管理”,然后点击“上传产品”2、在上传产品页面,可以看到“产品上传方式”选项选择“通过Shopee表格批量上传”,然后点击“下载表格”3、下

    2024-03-22 14:35
  • 速卖通批量上传产品技巧是什么 速卖通要每天上传商品吗 速卖通

    速卖通批量上传产品技巧是什么 速卖通要每天上传商品吗  速卖通 在速卖通开店,商家需要将商品上传至平台,当你只有一个商品需要上传的时候还好,可是有多个商品需要上传的时候,要还是一个一个上传这样就浪费时间了,这时候我们就需要使用批量上传,那速卖通批量上传产品技巧是什么?下面来我们就来给大家讲解一下1、首先进入速卖通的后台,在产品管理这个菜单栏目下找到“批量发布”,点击“进去到该产品小类的操作页面2、接下来,需要选择的就是要发布的类目,然后根据卖家当前个人需要来为

    2024-03-22 13:12
  • 速卖通怎么批量上传产品?速卖通批量上传产品的方法

    速卖通怎么批量上传产品?速卖通批量上传产品的方法 如果检查完表格后没什么问题,那么我们就可以点击“上传”按钮了。,如果有问题的话,我们也是可以将表格下载下来,然后根据实际情况来修改。,大家只要安心上传就可以了,另外就是属性,品牌,产品颜色,材质等,是可以通过单元格的右下角下拉框里选择的。

    2024-03-22 11:00
  • 速卖通如何设置数据?操作步骤介绍

    速卖通如何设置数据?操作步骤介绍 倘若检查完表格内容后没发现有任何问题,之后卖家就可以直接点击“上传”按钮了。,如果有问题的话,卖家也是可以将表格下载下来,然后根据实际情况来修改。,以上就是速卖通商家设置商品数据的步骤介绍了。

    2024-03-22 09:58
  • 天猫双十一商品如何申报?商品申报操作教程

    天猫双十一商品如何申报?商品申报操作教程 报名海选并且通过的商家们现在可以进行商品申报了。,2.多sku商品,若需要设置区间价,建议在表格中先填写商品id,不填写活动价,导入后同“设定”来对每个sku设置不同价格。,草稿状态解释:商铺重要信息不完善,如价格等,提交/导入后,状态显示为“草稿”,需要通过“设定”完善信息。

    2024-03-22 08:59