购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

3.3 提高
——为页面设置排版的图像参考

在策划网页时,通常会用Photoshop等绘图软件来大概设计网页草图,并保存为GIF或JPG格式。在Dreamweaver中可以将这些图像文件作为跟踪图像使用。

最终效果

本例就将预先制作好的网页文件作为跟踪图像来制作出网页文件的布局,最终效果如图3-42所示。

图3-42 最终效果

解题思路

1 在.htm文件中插入跟踪图像。

2 调整文档空白。

操作提示

1 在属性面板中单击“页面属性”按钮。在打开的“页面属性”对话框中,插入文件名为“tracimg.jpg”的图像文件,如图3-43所示。

2 调整跟踪图像的透明度为50%,如图3-44所示。

图3-43 插入“跟踪图像”

图3-44 调节跟踪图像的透明度

3 通过“外观(CSS)”中的“左边距”和“上边距”数值来调整文档空白,如图3-45所示。

图3-45 调整文档的空白

4 完成设置后的页面效果如图3-46所示。

图3-46 设置完成后的效果 3yjqYylHZJstgRrM8X/UJJ7s4yPGqtNnZOj8l+Vefm1FXky5mYaIGHIFx/Z+hVmB

点击中间区域
呼出菜单
上一章
目录
下一章
×