最新更新 sitemap 设计搜素
网页设计
国外网站 韩国网站 个人主页 手提袋设计 CSS 网页特效 平面设计 网站设计 Flash CMS技巧 服装网站 php教程 photoshop 画册 服务器选用 数据库 Office
网上家居 虚拟主机 域名注册 云主机 网页设计 客服QQ:8208442

用Dreamweaver描摹图像

日期:05-29    来源:网页设计秀收集整理|    作者:

Tracing Image(描摹图像)是在Dreamweaver 2.0中增加的功能,但是在介绍Dreamweaver 4.0时,我们仍然要提起它。要很好地理解某个陌生的东西,一个好的方法就是将它和类似的但却是已被人们所熟悉的东西做个深入而全方位的比较,所以,让我们看看它和我们通常所说的背景图像有哪些异同:
相同点:Tracing Image同背景图像一样是一幅存在于页面背景中的图像,我想这是它们惟一的相同之处了。

  不同点:

  1、Tracing Image不会被Dreamweaver平铺(对一个背景图像来说,如果图像尺寸小于页面的尺寸就会被平铺。)

  2、可以指定Tracing Image的透明度。

  3、Tracing Image只在Dreamweaver中可见,在浏览器中它会被忽略。

  4、当Tracing Image在Dreamweaver中可见时,背景图像和背景颜色将变为不可见。但有个开关可以让你选择要显示Tracing Image还是背景图像。

  下面是一个显示在文档窗口中的Tracing Image(见图1)。

  做法如下:

  1、首先,我们要制作一个模型图像。你可以用你喜欢的任何一种图像编辑应用程序来制作这个模型图像,只要你最终将其保存为GIF、JPG、JPEG或PNG格式就可以了。以后,我们将用这个模型图像来作为建立页面布局的向导。意思就是说,先设计并制作好一个已经图像化的页面布局,再将其作为Tracing Image放入页面中,然后照着这个图像化的布局描就行了,这对于整体规划复杂的页面布局很有好处。


图1


  2、接下来,我要把这个做好的图像模型放入需要的页面中。选择“View →Tracing Image→Load”,将出现一个对话框,找到你的图像模型并选择它,然后点击[Select]。

  3、Page Properties对话框将紧接着出现,通过拖动滑块指定图像的透明度(Transparent),然后点击[OK]。你可以在任何时候通过选择“Modify→Page Properties”,来选择另一个Tracing Image或改变当前Tracing Image的透明度。