首页 > 网站建设 >

网站建设时怎么对图像进行编辑与设置

发布时间:2019-09-26 作者:深圳网站建设

  深圳网站建设公司网页离不开图片的点缀。在网页中应用图片的方法,是很多网页制作新手都期待学习的重要内容。那么怎么对图像进行编辑与设置呢?
1.通过属性面板进行编辑与设置
  在Dreamweaver的设计页面中,首先用鼠标点选拟修改的图片,然后下方的属性面板就会显示该图片的各类相关数据。可以通过修改这些数据来对图片进行编辑与设置。
2.通过HTML标签进行编辑与设置
  在Dreamweaver中,单击代码标签,将当前的工作页面切换至代码编写界面,然后通过对<img>标签进行属性配置,就能够实现不同的图像显示效果。
1)图像高度——height
通过height属性可以设置图片显示的高度,默认情况下,在改变高度的同时,其宽度也会等比例进行调整。
2)图像宽度——width
图像宽度的属性与图像高度类似,同样是用来调整图像大小的。
3)图像边框——border
在默认情况下,页面中插入的图像是没有边框的,可以通过border属性为图像添加边框。
4)图像水平间距——hspace
  图像与文字之间的水平距离是可以通过hspace参数进行调整的。通过调整间距,可以使文字和图像的排版不那么拥挤,看上去更加协调。
5)图像垂直间距——vspace
  垂直间距参数vspace用来调整图像与文字的垂直距离。
6)图像相对于文字基准线的对齐方式——align
  图像和文字之间的排列方式可以通过align参数来调整。图像的绝对对齐方式与相对文字的对齐方式不同,绝对对齐方式包括左对齐、右对齐和居中对齐3种,而相对文字对齐方式则是指图像与一行文字的相对位置。
7)图像的说明文字——alt
  当图像没有装载到浏览器上时,就会显示添加的说明文字,而即便在图像正常显示之后,把鼠标停留在图像上方时也会显示提示文字,这一功能通过alt属性来实现。网站建设公司本文关于“网站建设时怎么对图像进行编辑与设置”的知识就介绍分享到这里,谢谢关注,博纳网络编辑整理。
文章标题:网站建设时怎么对图像进行编辑与设置
本文地址:https://www.198bona.com/news/4076.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯