相关文章
网站到底怎样赚钱?
企通互联简单的CSS改进网站设计三个技巧
网站制作网页设计中如何让CSS控制网页背景?
网站设计HTML组件(HTML COMPONENTS)之五
北京网站建设Ultradev实例教程:3.5 编辑数据库中的纪录
北京网站设计Dreamweaver 4 简明教程(二、初步认识 Dreamweaver)
北京网站建设抗日Flash集之:血战钓鱼岛
企通互联dreamweaver mx教程十:调整工作区大小、在布局视图中添加内容
网站制作用Dreamweaver自带的行为制作弹出菜单
北京网站制作如何将XHTML+CSS页面转换为打印机页面
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网站制作 >> www.qitongnet.com北京网站建设dreamweaver mx教程十三:网页素材的准备和页面内容的填充
www.qitongnet.com北京网站建设dreamweaver mx教程十三:网页素材的准备和页面内容的填充
![]() |
北京网页设计
在向网页填充内容之前,需要准备素材,包括网站的LOGO,Banner,图片,Flash动画,各种按钮,声音文件,用于布局参考的参考图像。把这些内容复制到站点中。教程的实例是把图片复制到站点中的images文件夹,参考图像复制到image文件夹。北京网站设计
简明步骤:准备各种 www.qitongnet.com素材复制到站点中→设置页面的跟踪图像→插入表格确定尺寸→布局→从资源面板中把资源拖到页面。网站设计 网站制作
网页设计用Fireworks制作一个页面的效果图,或者用一个已经存在的页面做布局的参考。打开本教程示范站点media,打开index.html,设置页面属性,选择跟踪图像,点游览按钮。网页设计
北京网站制作
选择跟踪图像,这个跟踪图像,是已经做好的图像。也可以是其它网站页面的截图。如果觉得跟踪图像太亮,可以调整跟踪图像的透明度,当透明度为0%时,跟踪图像就看不到了,百分比越小,跟踪图像越不明显。建议设置为50%以下,以便和页面内容区别。网页设计
网站设计
设置了跟踪图像的页面如下图。跟踪图像并不在最终的页面中出现,仅仅是在设计中起辅助作用。北京网站制作
网站设计 北京网站建设
插入一个宽为768的图像,选中这个表格,设置这个表格为居中对齐。北京网站设计
网站设计
在"查看"菜单,选择"跟踪图像"子菜单,再选择"对齐所选范围",使跟踪图像和表格对齐。网站建设
北京网站制作
北京网站制作转换到布局选项卡,点"绘制布局表格",在页面参考跟踪图像布局。从上到下,一行一行的画好整个页面的表格。网站制作
北京网站设计
点"绘制单元格按钮",在布局表格里面绘制单元格。北京网站设计
网站建设
一个页面做好布局之后,再打开页面属性,图像透明度设置为10%,就可以填充内容了。网页设计
打开资源面板,把相应的资源拖到布局单元格中。 企通互联网页设计
企通互联
北京网页设计在拖放的过程中,会出现选择对话框。可以输入替换文本和链接。网站建设
企通互联
按照这种方法把素材放到页面中。Flash素材可以用类似的方法。文字部分可以手工输入或者从一个文本中复制到单元格中。一个页面的内容就填充好了。
网页设计
上一篇:网站制作dreamweaver mx教程十四:在布局视图中设置对象属性(一)
下一篇:www.qitongnet.comdreamweaver mx教程十二:调整单元格大小和实际大小一致,设置列宽度为自动伸展