a4.JPG (13696 bytes)
 

一、插入图形
 
  插入图形文件要使用Insert下的image,或使用快捷键Ctrl+Alt+I,也可以使用Objects面板的Common中的按钮,弹出输入窗口(图4.1)。在文件类型中可以看到,插入网页的图形文件可以有多中格式的,但.gif和.jpeg的图形文件可能会与网页有更好的交融性,因为它们的文件较小,更适合Internet上的传输。另外,Dreamweaver将自动生成此图形的绝对URL路径。如果你建立的本地站点中没有此文件,Dreamweaver会自动提示你,是否把这个文件放入你已建好的本地站点中。如果你是打开本地站点中的一个页面进行修改,在插入图形文件时,URL将会显示相对路径。点击OK即可。
 
 4_1.gif (11978 bytes)
 
 
  然后选中这个图形,这时的可查看图形属性面板如图4.2。
 
  4_2.gif (12548 bytes)
 
  其中:
 
  1.W和H是图形的宽度和高度。插入图形后,Dreamweaver会自动给出图形的原本宽度和高度。这时可调整图形的宽度和高度,以放大或缩小图形的显示尺寸。 但改变的只是图形用浏览器显示的尺寸,图形本身的尺寸并没有任何变化。因此,不要指望用Deanweaver缩小图形尺寸,来提高页面下载速度。
  2.Src后是你这个图形的地址,可填入另一图形的地址,以替换掉这个图形。
  3.Align后选框是图形与文本的相互对齐方式,其后的下拉选框有十个选项Browser Default、Baseline、Top、Middle、Bottom、Text Top、 Absolute Middle、 Absolute Bottom、Left和Right。Baseline和Bottom是图形底部和文本的底行对齐。Absolute Bottom是图形底部和文本的最底线完全对齐。Top是图形顶部和文本的顶线完全对齐。Text Top是图形顶部和文本顶线对齐。Middle是图形中央和文本底线对齐。Absolute Middle是图形中央和文本的正中间对齐。Left是图形在左,文本在右;Right则反之。
  4.定义图形在页面中的对齐方式。左对齐,居中对齐,右对齐。效果和文本在页面中的对齐一样,不再赘述。
  5.在Alt后,可填进说明文字。当别人访问你的页面,在图形显示之前,图形位置将显示你填的这些文字。这样在图形没显示出来之前,别人就能知道图像所要说明的内容。
  6.在Low Src后填入另一个图形的路径,这个图形一般为原图的低品质替换图。在原图没显示出来之前就先显示这副,让别人能迅速大体了解图形的内容。
  7.V space是图形左边和其左方其它页面元素,及图形右边和其右方其它页面元素的距离。
  8.H space是图形顶部和其上方其它页面元素,及图形底部和其下方其它页面元素的距离。
  9.Border后可填入图形边框的宽度。
  10.其它将在超链接一课中祥述。
 
二、插入日期时间
 
  对网页作了更新后,加上更新时间。Dreamweaver为此提供了方便而又精确日期时间插入功能。 移动光标到你要加入时间的位置,点击Objects面板上Common中的按钮,或在Insert下选Date,即弹出一个加入时间的对话框(图4.4)。
 
  对话框主要有三项Day Format、Date Format和Time Format。Day Format是星期几的显示格式,选中[No Day]是不生成星期几。Date Format是日期的显示格式,只能自动生成英文格式和纯数字格式。Time Format 是时刻的显示格式,选中[No Time]是不生成具体时刻。
若选中下面的Update Automatically on Save,则这个加入了时间将在页面每次保存时自动换为最新的时间。
 
  
三、插入水平线
 
  选择Insert下的Horizontal Rule,或在Objects面板Common中的按钮,就可以在网页页面里插入水平线。选中水平线,属性面板会如图4.5。
 
  其中:
 
  1.对这个Horizontal Rule命名。
  2.W是该水平线的宽度,可填入数值。其后的选框是单位,有pixels和percent两种。Pixels是像素单位,Percent是百分比。例如,50 pixels表示宽度为50个像素,50 percent表示宽度占打开的浏览器窗口的50%。若不填,则宽度使用默认值100%。
  3.H是水平线的高。
  4.Align是水平线在页面中的对齐方式,当然只有当水平线宽度小于浏览器窗口宽度时才有效。对齐方式后的下拉选框有四个选项Default、Left、Center和Right,分别表示使用浏览器默认值、左对齐、居中对齐和右对齐。
  5.Shading即阴影效果。去掉前面的钩表示不使用阴影。
 

返回