|
第三章 建立文档
3.1 建立新文档
在dreamweaver中建立一个新文档,可以通过一下途径实现:
- 在编辑窗口中,选择File>New(文件〉新文档)。
- 如果你是想通过模板建立新文档,那么请选择File>New from Template...(通过模板建立新文档)
- 在站点管理窗口中,在Local Folder(本地文件夹)一侧单击鼠标右键,在弹出的菜单中选择New File(新文件)。
- 在站点管理窗口中,选择File>New File(文件〉新文件)。
3.2 在文本中加入“对象”
在Dreamweaver所设计的网页中,除了文本以外还有许多其他的对象,如图片对象、表格对象等等。这些对象都集中在对象工具面板中(如图4-1),如果你的Dreamweaver中看不到这个工具栏,可以通过Window>Objects(窗口〉对象)来使它显示出来。
图1 对象面板中的Common
下面就介绍对象面板中的Common的用法。
(插入图像),用于在网页中插入一幅图片,可以支持目前流行的主要图片格式。具体的参数设置,请参考第十章。
(插入表格),用于在网页中插入表格。
(插入水平线),用于在网页中插入一条水平线,主要用于分隔文本。
(插入层),用于在网页中插入层。如果你用过Photoshop,那么你对层的概念一定不会陌生,在Dreamweaver中的层的概念与Photoshop中的概念相仿,它是在网页中相对独立的一个区域。在其中可以放置任何可以在网页中放置的对象,层与层之间相互独立,互不干扰。而且,层与层之间可以重叠,每个层又可以自由的移动。在以后的章节中会有详细的介绍。
(插入Email地址),单击这个图标后,会弹出对话框,分别输入提示文字和Email地址即可,如图2所示。

图2 插入Email链接
-
(插入Flash动画)。Flash
同样是macromedia公司出品的网页动画制作软件,用它所制作的动画的最大特点是体积小,很适合在网络上传播。
(插入翻转图像)。所谓翻转图像就是指当鼠标指向它时,它会显示成另外的一幅图片,当鼠标移开后又会复原。这样的图片常常用来做超级链接,这可使网页看上去更加的生动有趣。相关内容在以后还会讲解。
(插入换行)。你可能已经发现了当你按下回车键时,Dreamweaver会跳过一行,这使得你的文本的段与段之间都加入了一行空行。但有时我们却想使我们的文本看上去更加的紧凑,不想要那一空行,这是用 工具就可以达到你的目的。另外按Shift+Enter也可达到同样的目的。
(插入日期)。这是Dreamweacer
3中加入的一个新工具。运用这个工具可以很方便的在网页中加入各种格式的日期,如图3所示。
图3 插入时间
Day Format对话框可设置否要显示星期以及它的显示形式。
Date Format对话框可设置日期的显示形式。
Time Format对话框可设置是否要显示时间以及时间的显示形式。
Update Automatically on Save复选框在勾选后,会自动更新为存盘时的时间。
3.4 查看和编辑"头"(Head)内容
网页是用HTML语言描述的。而一页网页的HTML描述通常有三部分组成——头部(Head)、标题(Title)和实体(Body)。
在一个空白页面上单击启动工具栏上的 ,就可以看到下面的文本内容。
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312">
</head>
<body bgcolor="#FFFFFF">
</body>
</html>
用<HEAD>和</HEAD>围起来的部分就是头部的内容,关于头部的定义,我们可以用对象工具面板来完成。首先找到面板中的头部对象,可点图1右边的小箭头,将其切换至头部对象,如图4所示。

图4头部对象
下面就介绍头部对象各图标的用法。
(插入Meta标识),用来记录当前网页的一些重要信息,比如作者、版本等。
(插入关键字),有许多搜索机器人能读头部的关键字,这样有利于搜索者找到相关网页。
(插入网页简介),与关键字的意义一样,网页简介(Description)是给搜索机器人提供当前网页的内容简介。
(插入刷新),用来指定网页经过一定时间后是重新载入还是跳转到别的页面。
(插入基链),可同时在页面中的所有相对路径链结前加上这个基链结。
(插入链接),用来指出当前文档和其它一些对象之间的关联。
修改网页头部元素
可按 直接在HTML中修改,还可选择View>Head
Content(显示>头部内容),这时窗口上面会出现一组头部图标,单击任意一个图标,会产生应的属性面版,我们可在其中修改头部内容,如图5所示。

图5 在属性面版中修改头部内容
|