电脑技巧收藏家
当前位置:首页>>dreamweaver技巧>>正文

Dreamweaver教程: 填充页面内容


  在向网页填充内容之前,需要准备素材,包括网站的LOGOBanner,图片,Flash动画,各种按钮,声音文件,用于布局参考的参考图像。把这些内容复制到站点中。教程的实例是把图片复制到站点中的images文件夹,参考图像复制到image文件夹。
简明步骤:准备各种素材复制到站点中设置页面的跟踪图像插入表格确定尺寸布局从资源面板中把资源拖到页面。
Fireworks制作一个页面的效果图,或者用一个已经存在的页面做布局的参考。打开本教程示范站点media,打开index.html,设置页面属性,选择跟踪图像,点游览按钮。

选择跟踪图像,这个跟踪图像,是已经做好的图像。也可以是其它网站页面的截图。如果觉得跟踪图像太亮,可以调整跟踪图像的透明度,当透明度为0%时,跟踪图像就看不到了,百分比越小,跟踪图像越不明显。建议设置为50%以下,以便和页面内容区别。

设置了跟踪图像的页面如下图。跟踪图像并不在最终的页面中出现,仅仅是在设计中起辅助作用。

插入一个宽为768的图像,选中这个表格,设置这个表格为居中对齐。

"查看"菜单,选择"跟踪图像"子菜单,再选择"对齐所选范围",使跟踪图像和表格对齐。

转换到布局选项卡,点"绘制布局表格",在页面参考跟踪图像布局。从上到下,一行一行的画好整个页面的表格。

"绘制单元格按钮",在布局表格里面绘制单元格。

一个页面做好布局之后,再打开页面属性,图像透明度设置为10%,就可以填充内容了。
打开资源面板,把相应的资源拖到布局单元格中。

在拖放的过程中,会出现选择对话框。可以输入替换文本和链接。

按照这种方法把素材放到页面中。Flash素材可以用类似的方法。文字部分可以手工输入或者从一个文本中复制到单元格中。一个页面的内容就填充好了。

 

来源:5D多媒体



上一篇:Dreamweaver教程:设置对象属性(一)

下一篇:Dreamweaver教程:调整单元格大小

设为主页 | 加入收藏 | 联系我 | 手机版
免责声明:本站资料来源于互联网,其版权归原作者所有。
如内容涉及或侵犯了您的权益,请通知我!
66998.com.cn版权所有 Copyright©2009  桂ICP备08100152号
建议使用分辨率:1024*768及更高

桂公网安备 45082102000110号