养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何将dreamweaver的背景图片符合页面大小

时间:2024-10-21 16:31:37

在利用dreamweaver进行网页设计的时候我们经常会在页面属性中添加背景图片来弹镡蛤跄美化网页,但在网上下载的图片并不全都符合我们鲽判砦吟制作的网页大小,导致完成后的图片并不能达到我们所希望的那样,这时我们就显得很无奈,所以,今天小编就教大家如何处理图片符合页面大小的问题,赶快来get一下吧。(觉得有用的话请点赞或者关注哦,谢谢大家了嗯~o(* ̄▽ ̄*)o)

工具/原料

Dreamweaver

Fireworks

方法/步骤

1、1.(1)首先,打开Dreamweaver,在下面的属性面板中打开“页面属性”导入未修改的图片作为背景图片,我们可以看到该图片有重复区域,使得整体不够美观,完成后的网页也是如此。(2)小编这里以1024*768像素的页面为例(也能看出有重复的区域)

如何将dreamweaver的背景图片符合页面大小

如何将dreamweaver的背景图片符合页面大小

如何将dreamweaver的背景图片符合页面大小

如何将dreamweaver的背景图片符合页面大小

如何将dreamweaver的背景图片符合页面大小

如何将dreamweaver的背景图片符合页面大小

2、2.下芙囹买乐载并打开Fireworks,在打开时弹出的对话框中新建空白画布,画布的参数依据在Dreamweaver中要设计的网页大蟛杆戛攉小来定,小编这里以1024*768为例,所以,高宽分别为1024和768(大家根据需要来编辑)3.画布新建完成后,在菜单栏“文件”选中“导入”导入不符合Dreamweaver背景大小的图片,这时鼠标会变成框架一角的形状,拖动鼠标,与画布的边框对齐,(有时宽度对齐,但是高度无法对齐,这时我们拖动其超出了画布区域,之后进行“符合画布”调整即可)

如何将dreamweaver的背景图片符合页面大小

如何将dreamweaver的背景图片符合页面大小

如何将dreamweaver的背景图片符合页面大小

如何将dreamweaver的背景图片符合页面大小

3、4.图片导入,“符合画布”项调整完成后即可在“文件”中选中“导出”导出修改好的图片,保存在方便的地方,然后在Deamweaver的“页面属性”中插入背景图片即可。完成后效果如图所示。

如何将dreamweaver的背景图片符合页面大小

如何将dreamweaver的背景图片符合页面大小

如何将dreamweaver的背景图片符合页面大小

© 一点知识