网站建设图像处理方式

[复制链接]
查看: 283|回复: 0
发表于 2019-10-8 10:15:06 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

图像是美化网站设计最常用的元素之一。虽然有很多种计算机图像格式,但由于受建设网络带宽和浏览器的限制,在Web上常用的图像格式有三种: GIF, JPEG和PNG。

    1、网页的背景

    建设网页的背景可以是某种色彩,也可以是图像。无论是图像,还是背景色,都使用标签,只不过使用不同的属性。

    2、设置背景色

    利用色彩作为背景,比较容易在色彩上达到协调,而且网站的下载速度比采用图像作为背景快。网页默认为白色,标签的bgcolor属性用于设置网页的背景色,格式为:..其中, "色彩值”可以为色彩的英文名或相应的十六进制值。"

    用图像作为背景使用标签的background属性,可为网页铺上背景图像,格式为:..<(body>其中, background取值为一个图像文件名,并且要指出网站制作文件存放的路径,可以是相对路径,也可以是绝对路径。图像文件可为GIF格式或JPEG格式的文件。

    在浏览器中,作为背景的图像将按原来的大小复制,重复建设铺满整个网页。注意,作为背景的图像文件,要做得很小,以便加快下载速度。

    3、 图像标签

    使用图像标签,可以把一幅图像加入到建设网页中。用图像标签还可以设置图像的替代文本、尺寸、布局等属性。图像标签的格式为:border="边框宽度" hspace-"水平方向空白" vspace-"垂直方向空白" align="环绕方式对齐方式"/>简单说明。

    4、标签中的属性说明如下。

    src:指出要加入图像的文件名,即“图像文件的路径图像文件名"。.alt:在浏览器尚未完全读入图像时,在图像位置显示的文字。width:设置图像的宽度(像素数或百分数),通常设置为图像的真实大小,以避免失真。若需要改变图像大小,最好事先使用图像编辑工具进行修改。百分数是指相对于当前浏览器窗口大小的百分比。height:设置图像的高度(像素数或百分数)。hspace:设置图像左、右的空白空间,以免文字或其他图像过于贴近。采用像素作为位。vspace:设置图像上、下的空白空间,采用像素作为单位。align:当图像与文本混合排放时,设置图像在水平(环绕方式)或垂直方向(对齐方式)上的位置,取值为left (图像居左,文本在图像的右边)、right (图像居右,文本在图像的左边), top (文本与图像在顶部对齐), middle (文本与图像在中央对齐)或bottom (文本与图像在底部对齐)。如果不设置图像的大小,图像将按照其本身的大小显示。可使用标签的width属性和height属性来设置图像的大小。width和height的属性值可以是像素数,网站建设也可以是百分数。


高级模式
B Color Image Link Quote Code Smilies

本版积分规则

 
 
工作时间:
8:00-18:00
客服热线:
15368564009
客服微信