Dreamweaver使⽤教程
  Dreamweaver⽤表格构建完整的页⾯
  ⼀⽹页顶部(⼀般包括图标、⼴告、导航菜单)
  1、创建⼀个1⾏2列,宽为760像素,边框及边距均为0的表格。
  2、选中表格,设置排列⽅式为居中对齐,背景⾊为#3366CC。
  3、将光标置于左边单元格中,设置其⽔平排列为左对齐,垂直排列为顶端对齐,然后插⼊⼀张图像,⼀般在此插⼊的是⽹站的图标,即logo。
  4、将光标置于右边单元格中,设置其宽度为500,⽔平排列为居中对齐,垂直排列为中间,然后插⼊图像,⼀般是⽹页⼴告,即banner。
  5、将光标置于刚完成的表格之后,插⼊/表格,创建⼀个1⾏1列,宽为760像素,边框及边距均为0的表格。
  6、选中刚创建的表格,设置排列⽅式为居中对齐,背景⾊为#005173。
  7、在该表格中依次插⼊多个图像,作为导航条菜单。
  ⼆⽹页中部(左边栏⽬列表、中间⽹站新闻、右边栏⽬列表)
  1、在导航条表格后⾯,插⼊/表格,创建⼀个1⾏3列,宽为760像素,边框及边距均为0的表格。并设置排列⽅式为居中对齐,背景⾊为
#FFFFFFF。
  2、将光标置于左边单元格中,设置其宽度为18%,⽔平排列为居中对齐,垂直排列为顶端对齐,然后插⼊⼀张图像,插⼊⼀个导航条。
导航菜单  3、将光标置于刚插⼊的图⽚后,插⼊/表格,插⼊⼀个12⾏1列,宽为90%的表格。设置其单元格间距为1,背景⾊为#CCCCCC。
  4、将光标放在表格第⼀个单元中,设置其⾼为20,背景⾊为#FFFFFF。插⼊/图像,插⼊⼀个导航⽂字前⾯的⼩点。同样设置其他11个单元格,这样左边的栏⽬分类列表就完成了。
  5、将光标置于主体表格的中间单元格中,设置其宽度为66%,⽔平排列为居中对齐,垂直排列为顶端对齐,然后插⼊/图像,插⼊⼀个导航条。
  6、将光标置于图像后,插⼊/表格,插⼊⼀个4⾏1列,宽为95%的表格。设置其单元格间距为1,背景⾊为#CCCCCC。
  7、将光标置于表格的第⼀个单元格中,拖动⿏标,将4个单元格都选中,设置⾼为60,背景⾊为#FFFFFF。
  8、将光标置于主体表格右边的单元格中,设置其宽度为16%,⽔平排列为居中对齐,垂直排列为顶端对齐,插⼊/图像,插⼊⼀个导航条。
  9、将光标置于图像后,插⼊/表格,插⼊⼀个7⾏⼀列,宽为90%的表格。设置其间距为1,背景⾊为#CCCCCC。
  10、按住Ctrl键,⽤⿏标点击刚插⼊的表格的第1、3、5、7单元格,然后设置它们的⾼为55,背景⾊为#FFFFFF。
  11、选中第2、4、6单元格,设置其⾼为6,背景⾊为#FFFFFF。
  12、切换到源代码窗⼝,将第2、4、6单元格中的空格符号“ ”删除。
  三⽹页底部(⼀般包括版权信息及其他相关内容)
  1、将光标置于主体表格后,插⼊/表格,创建⼀个2⾏2列,宽为760像素,边框及边距均为0的表格。
  2、选中表格,设置排列⽅式为居中对齐,背景⾊为#3366CC。
  3、将光标置于表格第1⾏的左边单元格中,设置其宽度为50%,⽔平排列为默认,垂直排列为基线,背景⾊为#FFFFFF,然后输⼊版权信息,内容颜⾊随便。
  4、将光标置于表格第1⾏右边单元格中,插⼊/图像,插⼊⼀个圆⾓图像,在它后⾯输⼊Email字样,设置其⼤⼩和颜⾊为1和#FFFFFF。
  5、插⼊/表单对象/⽂本域,插⼊⼀个⽂本域,宽度可以随意。
  6、插⼊/图像,插⼊⼀个GO的图像。
  7、设置页属性。点击菜单修改/页⾯属性,在标题⼀栏中输⼊标题,并选择背景图像,将顶部边界设为0。
  ***将整个⽹页分部分放到不同的表格中组合⽽成,还可以加快浏览器读取页⾯的时间。;因为浏览器是读完整个表格后才显⽰内容的,所以最好不要框在整个⼀个表格中。
  Dreamweaver在页⾯中播放声⾳
  1、在完成全页⾯以后,如果要为该页添加背景⾳乐,注意背景⾳乐⼀般是*.midi⽂件,这样的'声⾳⽂件⼗分⼩,易于快速下载,其他格式不适合作为背景⾳乐。
  2、在页⾯中所有表格之外,(注意此时编辑窗⼝左下⽅的标签选择栏中仅显⽰这⼀项,或是在左下⾓点⼀下,这样才能保证这个⾏为是添加在整个页⾯上的)。点击⾏为窗⼝上的“+”按钮,(或⽤菜单窗⼝/⾏为,打开⾏为窗⼝。)
  3、从弹出菜单中选择“播放声⾳”。打开⼀个对话框。
  4、在这个对话框⾥⽤“浏览”选择要播放的声⾳,并确定。
  5、这时⾏为⾯板上⾃动显⽰了事件为onload,动作为播放声⾳。点击这⼀⾏,中间出现⼀个按钮。点击按钮,可以设置这个声⾳在什么事件下播放。可以选择“显⽰事件”/“IE5.0。
  6、我们常⽤的如Onload(当页⾯载⼊时)、OnClick(单击⿏标)、OnMouseOver(⿏标移到对象上)、OnUnload(当关闭页⾯时)等。
  7、该⾏为也可以设置在图⽚上、⽂字链接上。在⽂字链接上播放声⾳之前,先为⽂字添加⼀个空链接,即选中⽂字,在链接⼀格⾥输⼊⼀
个“#”符号。
  Dreamweaver让插⼊的flash动画变透明
  1、当⽹页上已经有背景,或是想要在⼀张图⽚上再插⼊flash动画,⽽flash动画本⾝也有背景⾊,所以会影响美观,这时我们要把它做成透明动画。
  2、如在页⾯上插⼊⼀张图像。
  3、在图像上插⼊⼀个层,在层中插⼊好所需要的flash动画。
  4、选中flash动画,在属性⾯板中点击“参数”按钮。
  5、在“参数”的左⾯⼀格输⼊“wmode”。在右⾯“值”⼀格输⼊“transparent”。
  Dreamweaver在页⾯中运⽤flash动画
  1、点击插⼊中的Flash按钮,即可为页⾯插⼊⼀个动画。也可以选菜单插⼊/媒体/Flash来完成这⼀步。
  2、选中已插⼊的动画,看属性⾯板。这⾥可以设置它的宽、⾼,也可以通过拖动来改变⼤⼩。
  3、可以在这⾥点击“播放”来预览动画。
  Dreamweaver制作滚动公告牌
  1、在页⾯上插⼊⼀个层,然后为层设置⼀个背景,作为公告版的框架。
  2、然后在创建的层中插⼊嵌套层,将嵌套层移动到⽗层的下⽅。
  3、在嵌套层中输⼊⽂本,并将其居中排列。
  4、打开时间轴⾯板,将⼦层作为对象添加到⾯板中。
  5、为⼦层创建⼀个向上移动的路径,将其移动到⽗层的上⽅。
  6、拖动最后⼀关键帧,增长动画时间,然后勾选“⾃动播放”和“循环”两项。
  7、选定⽗层,在其属性⾯板中将“溢出”属性设置为“hidden”。
  Dreamweaver了解时间轴
  1、点击菜单中的插⼊/层,插⼊⼀个层。
  2、在层中插⼊图⽚,如⼀张飞机的图⽚。(这⾥的图⽚也可以是⼀张⼩动画的.gif图像)
  3、点击菜单中的窗⼝/其他/时间轴,打开时间轴窗⼝。
  4、选中页⾯上创建的层,⽤⿏标按住层左上⾓的⼩⽅框图标,将层拖放到时间轴的第1帧中。这时⾃动创建了⼀个长度为15帧的时间轴。
  5、选中时间轴上的第1帧,将页⾯中的层拖放到页左上⾓,即动画开始时的位置。
  6、选中时间轴上第15帧,可以拖动该帧⾄任意长度,如30帧。
  7、选中第30帧,将层拖放到页⾯的右下⽅,此时窗⼝中显⽰出层从第1帧到第30帧的运动轨迹。(此时运动为直线)
  8、可以点中第15帧,右键选“增加关键帧”,在选中第15帧的状态下,拖动层到页⾯中下⽅。
  9、勾选“⾃动播放”项。
【Dreamweaver使⽤教程】

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。