如何在Adobe Dreamweaver CS6中使用图像作为背景 - 虚拟人物

在Adobe Dreamweaver CS6中为网页创建背景非常有趣，可以采用比大多数人想象得更多的方式。您可以使用单个小图像创建重复图案，创建水印或使用大图像填充整个背景。

默认情况下，HTML背景会重复所选图像，直至填充屏幕。结合CSS属性，您可以控制或消除重复的行为，甚至为单个背景图像设置精确定位。

<！ --1 - >

如果您使用图案填充背景，请确保创建没有可辨别边缘的图案图像。

要使用默认设置，重复平铺背景图像，请执行以下步骤：

1. 在Photoshop中，选择“文件”→“新建”以创建新图像。

2. 在显示的新建对话框中，创建一个比其高的图像，选择RGB，选择72 dpi，然后单击确定。

   例如，在宽度文本字段中输入1000，在高度文本字段中输入20。

3. 选择前景色和背景色以创建混合;然后使用渐变工具将Shift +从图像区域的顶部拖动到底部以创建渐变填充。

4. 选择文件→保存为网页，将图像保存为网站内容文件夹中的JPEG文件，然后关闭图像。

   <！ - 3 - >

5. 在Dreamweaver中，选择修改→页面属性，或者单击属性检查器中的页面属性按钮，将图像作为背景图像放置在您的网页上。

   如果“页面属性”按钮不可见，请单击该页面 - 确保不要选择其他元素，如图像。

   出现页面属性对话框。

   

6. 在“页面属性”对话框中，单击背景图像右侧的“浏览”按钮。在出现的窗口中，导航到保存的背景图像的位置，然后单击确定。返回到“页面属性”对话框中，单击“确定”。

7. 图像出现在背景中，在整个页面上重复创建一个很酷的背景渐变！

   根据用户显示器的尺寸和分辨率，您的背景图像可能会被迫重复。重复背景图片可以产生一些创造性的结果。

在某些情况下，在单击“浏览器中的预览/调试”按钮并在默认浏览器中预览页面之前，您可能看不到背景。