首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

DW如何在图片上添加文字呢?布局中的绘制AP Div一键搞定

大家好,我是讲的又细又好细的不能再细好的不能再好的尤良,今天给大家用软件DW讲解一下 “简单的网页设计” ,首先,准备好图片素材与文字素材,打开DW软件,新建站点,选择一个路径在电脑磁盘中,起名下一步,下一步存储到磁盘新建网页文件夹中,网络选择无,确定,完成

右下边站点就上来了,在网页文件夹上鼠标右键新建文件,起个名字时尚,记住后缀不要改了,然后双击时尚.html,会出现编辑页面, 我们发现有三种形式,代码(利用代码设计网站),拆分(代码和设计界面都有),设计(只有设计界面),我们是初学者,所以只选择拆分或者设计就行了,这里小编只用了设计

执行表格工具,2行2列,边框1,粗细1,确定

然后点击选中表格,鼠标拖角拉大表格,下边对齐方式选择居中对齐

按住ctrl键,鼠标点击上边两个格,右键合并单元格

执行插入图片,在你建的文件夹的素材中找到你想放的图片,确定

将分类文字加入里面,背景颜色改为喜欢的颜色

最后一格插入图片,重点来啦!如何在图片上添加文字呢?执行布局中的绘制AP Div,在图片上拉出框,然后就可以写字啦

是不是很简单,做两层让它有一种阴影感

完成

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20190904A0OBGJ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券