首页 > 网站建设 >

网站设计九步做好背景图与图像插入方法

发布时间:2018-10-26 作者:深圳网站制作

 制作网页背景图,网页背景既可以用简单的颜色来填充,也可以用个背景图像来填充。如果是使用背景颜色填充,直接在Dreamweaver中设置即可;如果
是使用背景图像填充,则必须使用Photoshop制作个背景图像,才可以载入到Dreamweaver中使用。一般来说,背景图像的格式均采用GIF格式。在Dreamweaver中,还可以使用GIF动画格式来作为网页背景(注意,使用动画作为背景会占
用很多内存)。此外,背景图像的尺寸不宜过大,否则在网络上传输太慢。所以,实际应用中经常是使用小块背景图像。
网站设计制作背景图像
  如何才能快速地制作一张美观的背景图像呢?最快的方法就是使用Photoshop进行操作,深圳网站设计前端制作工程师下面以如何编辑渐变背景图像为例介绍背景图像的制作方法。
【操作步骤】
第1步,启动Photoshop,新建一个高为600像素,宽为l像素的文档。
第2步,在工具箱中选择【渐变工具】,在工具选项栏中选择填充类型为“线性”渐变。设置渐变颜色从白色到亮蓝色(#OOcbff).如图9-30所示。
第3步,在编辑窗口中从上向下拖拉,应用渐变填充,如图9-31所示。
  网站设计制作背景流程示意图9-3l应用渐变填充
第4步.将完成的渐变图像最优化,并输出为GIF格式的文件,即可将此背景图像应用到网页中。
注意:背景图像的整体色调都不宜过深。应选用淡色,以便突出前景文字的内容。不得已使用深色背景时,前景内容(如文字)就应选用淡色调。
要在网页中应用背景图像,可进行如下操作。
【操作步骤】
第5步,在Dreamweaver中建立个新文件,并进行保存。
第6步,选择【修改】【页面属性】命令,打开【页面属性】对话框,如图9-32所示。
  网站设计背景图像应用操作流程示意图9-32设置背景图像或背景颜色
第7步,在对话框的【背景图像】文本框中设置网页背景图像。可以直接在文本框中输入文件名称,也可单击其右侧的【浏览】按钮,打开对话框进行指定。例如,将制作的背景图像应用到网页中。如果要在背景中填充背景颜色,可以在【背景颜色】文本框中输入。只要单击【颜色框】图标,打开调色板,在其中单击即可选择。同时设置背景图像和背景颜色的好处就是避免当背景图像找不到时,可以显示背景颜色。
第8步,为了避免背景图像在纵向上的重复显示,可以在【页面属性】对话框中设置【横同重复】选项.
第9步,完成设置后单击【确定】按钮即可,背景图像就可以应用到网页中,如图9-33所示。
注意:如果用户在【页面属性】对话框中,既设置了背景图像,又选择了背景颜色,则在页面中只会显示图像背景,而看不到背景颜色。深圳网站制作公司-博纳网络关于网页设计时对于图像背景制作方法本文就介绍到这里。谢谢关注

没有了

下一篇:

文章标题:网站设计九步做好背景图与图像插入方法
本文地址:https://www.198bona.com/news/1586.html
如果您觉得案例还不错请帮忙分享:

网站建设

网络推广

解决方案

域名主机

建站行业资讯