photoshop.jpg (9478 bytes)
line335x1.gif (57 bytes)
/dynamic_html
Dreamweaver教程 - 第一天
Taylor
网猴教程
网页设计
HTML
JavaScript
样式表
动态HTML
图形与字体
多媒体
Java
Perl
后端编程
浏览器
电子商务
其它资源
Web入门
软件下载
网猴信箱

第三页:窗体和图像

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


Copyright © 1994-99 Wired Digital Inc. All rights reserved.