第三页:窗体和图像最常用的对象是图像,可以点击Object工具条上的
图标插入
一个图像。点击图像可以调用一个要求输入URL的对话框,你可
以敲入或连接到本地文件。一旦插入了一个图像,你会看到一
个小笑脸 - 它的轮廓有三个黑色的方块。

你可以抓住其中一个方块来改变图像的大小。可以不考虑图像
的比例而对它进行缩放。当你这么做的时候,可以注意
到Properties工具条的UI完全改变了。改变文本的控件被改变
图像的控件代替。

在W和H文本框输入新的数值会改变图像的大小。点击这两个文
本框的标签使图像返回初始大小。你也可以在此处修改图像tag
的大多数属性。精明的HTML操作员会发现有些图像tag属性没有
出现在工具条中,例如边界。修改其它的属性,可以点击工具
条又下角的
按钮。

现在你可以完全控制图像tag和它的属性,还有一些其它的功
能,如Image map编辑器和Edit Image按钮(有点象HTML窗口
的External Editor按钮)。试试工具条中的所有功能,看看
HTML代码的变化。Dreamweaver是一种产生相同的老式HTML的易
用的界面 - 没有什么特别令人激动的东西。
插入一些Shockwave
、Flash
或ActiveX控件
,注意依赖于
上下文的界面的变化。Dreamweaver到处都是取决于上下文的
菜单。你在页面上选择的区域决定要显示哪个Properties工
具条,点击鼠标右键时出现什么菜单。
当然最初Objects菜单中并不是什么都有。你会发现结构(div
和表格
)和被替换的元素(图像
、插件
和applet
)。但是许多HTML新手都知道,还应该有其它的东西。
Insert菜单代表了Objects 工具条,除了工具条中列出的其
它tag:窗体、脚本、分隔线和其它tag。 记住Dreamweaver做
的任何事都是上下文相关的,Objects工具条也不例外。

点击工具条左上角的箭头,可以得到Dreamweaver可插入对象
的组。缺省情况下这些组是Common,Froms和Invisibles。到现
在为止我们已经用过common组中的元素。现在让我们看看
Forms组,它包括一系列窗体元素:
Form tag:
<form></form>
Text input:
<input type="text">
Button:
. <input type="submit">
Checkbox:
<input type="checkbox">
Radio button:
<input type="radio">
Select menu:
<select
name="select"><option></option></select>
File upload:
<input type="file">
Image button:
<input type="image">
Hidden Form field:
<input type="hidden">
当你创建一个Form时,要保证Form元素存在于form tag
之
内,否则它们不会工作。Dreamweaver给你修改form(或其它任
何类型的HTML)的绝对自由。记住:你是老板。注意:如果你
看不到Form Bounding Box,很可能是你把View Invisibles选项
关掉了。如果是这样,进入View菜单,选中这个选项。
View Invisibles选项也可以用在对齐的图像、有位置的元素、
隐藏的窗体域和所有Invisibles集合中的元素:ancher
、comment
、script
和linebreak
(也可以通过点
击Shift-Return键实现)。
一个重要的未以图标或菜单项出现的tag是<BODY>。进入Modify
菜单,选择Page Properties,这样可以修改Body tag,包括文
本和连接的颜色、背景和页的Title tag。
虽然现在你已经体会到了所见即所得的益处,但是它的真正的
好处是可以方便地实现令人头疼的表格。>>
第一页 Dreamweaver简介 -
第一天
第二页 基本的HTML
第三页 窗体和图像
第四页 对表格使用所见即所得
[第1天][第2天][第3天]