网猴：动态HTM：Dreamweaver简介

dreamweaver-title.JPG (12541 bytes)

第二页：基本的HTM

开始Dreamweaver的第一步是熟悉她的三个缺省工具
条：Objects工具条、Properties工具条和Launcher工具
条。你可以控制网页的内容，或者加载工具条进一步修改你
的网页。现在让我们用这三个工具条建造一个简单的网页。

让我们打入一些哑元文本：“The quick wary Shvatz jumps
over the lazy Thau.”。现在可以用Properties工具条修
改文本的属性。

The quick wary Shvatz jumps over the
lazy Thau.

以上的效果可用下面的工具实现：

黑体和斜体：

字体：

大小：

颜色：

连接：
<a href="foo.htm></a>

相应的HTM如下：
The
<a href="http://www.webmonkey.com/"> quick</a>
wary
Shvatz
jumps
over
the
lazy
Thau.

你可以用Properties工具条修改文本的属性，也可以用它修
改一段文本的属性：段落的对齐方式、列表的样式、缩进和
标题。

The quick wary Shvatz
jumps over the lazy
Thau.

对齐方式：
<p|div align="left|center|right"></p|div>

列表：
<ul><li></li></ul> <ol><li></li></ol>

缩进：
<blockquote></blockquote>

格式：
<h#></h#> <pre></pre>

对应的HTM代码如下：

<blockquote>
<ul>
<li>
<div align="right">
<pre>The quick wary Shvatz jumps over the
lazy Thau.</pre>
</div>
</li>
</ul>
</blockquote>

每个功能直接对应一个tag或一组tag。因此当你插入tag
时，你在Dreamweaver中插入的tag与在浏览器中的表现一
样。这很重要，因为除了一两个特例，你不必跟踪任何特定
的tag或注释。Dreamweaver只是把HTM放在你的页面中，渲
染你要看到的HTM。实际上，你看到的就是你得到的。为了
对此进行改进，可以用Launcher工具条。

Launcher工具条控制特定任务的工具，如Site、
Library、Styles、Behavior、Time Line和HTM工具条。你
可能会注意到Launcher中的图标也出现在文档窗口的底
部，Windows菜单中，它们也对应于功能键F5到F10。换句
话说，这有点多余。不管怎么说，让我们先打开HTM工具条：

按或F10，

这是你的HTM页的源代码。如果你在Dreamweaver中让它一
直打开，可以看到它的即时变化。在此窗口中敲入一些文
本，然后回到主文档窗口。

结果对吗？- 除非你犯了错误，可能看到。这不意味着
你有一个Dreamweaver不能翻译的tag。 <mistake>
</mistake>在Dreamweaver中是有效的，没有匹配的tag才会
显示黄色。

你可能会注意到HTM窗口没有你期望的依赖HTM编辑程序
的super-duper multi-file, grep, regex, scriptable,
macro这些关键的东西。这是因为Dreamweaver被设计成符
合已经存在的工具集，而不是替换它。点击
按钮调用可选参数来定制扩展的编辑器。虽然Dreamweaver
的商业版本与PC上的Homesite和Mac上的BBEdit捆绑在一
起，但是她可以与大多数程序一起工作（我曾用它与emacs
for Windows一起工作）。回到Dreamweaver，你的页面会
刷新，在其它编辑器上做的修改会出现在你的页面上。

但是除非你坚持老式的网络美学理论，你很可能想让你的网
页不只是具有各种HTM tag的文本的堆积。你希望有图
像、applet、窗体、 plug-ins、script和各种其它使页面
受欢迎的元素 - 这是Objects工具条实现的功能，从这儿，
你可以插入其它HTM对象。

第一页 Dreamweaver简介 - 第一天
第二页基本的HTM
第三页窗体和图像
第四页对表格使用所见即所得

[第1天][第2天][第3天]

[FrontPage Image Map Component]