Dreamweaver简介 - 第1天
作者: Taylor 1998/7/7

第三页:窗体和图像

  最常用的对象是图像,可以点击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天 ]

本文根据 网猴 相关文章改编,版权归原作者所有。

茶博士 纸老虎
©矫龙网络 版权所有