Dreamweaver 2.0全接触

2008-02-23 06:12:07来源：互联网阅读 ()

Dreamweaver 2.0是多媒体制作软件行业的老大Macromedia生产的经典网页制作工具。其强大的网页设计功能是以往的网页设计工具所不能匹敌的。Dreamweaver 2.0有几大特点:

* 具备强大的站点管理功能，内置FTP软件能够直接上传主页。

* 所见即所得的页面编辑方式。

* 支持Styles Sheet样式表单，创造丰富的页面效果。

* 支持Layer层，并可使用Timeline时间轴制作动态网页。

* 内置Behavior行为，为网页增加交互功能。

* 提供模板和库能够加速页面的生成和制作

* 支持外部插件，提供无限的扩展能力。

Dreamweaver魅力是无穷的，在下面的教学中我们将逐步深入，全面接触这个超COOL的网页制作软件。

一、Dreamweaver 2.0的组成和操作界面

(1)Dreamweaver 2.0的组成

首先我们来认识一下Dreamweaver的组成。Dreamweaver由两大部分组成。页面编辑器和站点管理器。

页面编辑器是个可视化的网页编辑器，网页制作都是在页面编辑器中完成的。

站点管理器管理网站内的文档和目录，检验连接情况，并控制站内文档的上传。在做站点时推荐先建立好站点，再开始网页的制作，这样能够确保页面内文档连接的正确性。

(2)Dreamweaver 2.0的操作界面

Dreamweaver的操作界面十分简捷，重要功能全部集结在功能面板工具栏中。

* 对象工具栏:工具栏中的图标分别对应各种页面中的元素，诸如图片、表格、水平条等等。

* 属性工具面板:是页面编辑中比较重要的面板。主要配置页面元素的属性，比如文字的大小、图片的高宽、表格的对齐方式等等。对于不同的元素，面板中的参数是不同的。

* Styles样式面板:Style Sheet 样式定义面板，能够轻松定义出诸如9pt字体等CSS效果。

* Timeline时间轴面板:用于制作网页上的动画。通过时间轴，能够实现一幅图片在网页上飞舞等非凡的动态效果。

* Behavior行为面板:为网页增加交互功能，例如光标移到某个图片上就弹出一个窗口等等。

* Library&Templates库和模板面板:库的作用是将重复使用的图片文字等元素放进库中，以后能够方便地直接从库中调用元素。模板的作用类似于Frontpage98中的Theme主题，能够将固定的页面版面格式保存为模板，快速地制作大批量格局相同的网页。

*Dreamweaver2.0还提供了导航条帮助用户快速地打开以上面板。（图9)其中的<HTML>按钮能够直接打开HTML源代码编辑器，用户能够直接修改当前页面的HTML源代码。在页面编辑器的右下角也提供了类似的导航条供用户使用。

二、Dreamweaver 2.0一招速成

在了解了Dreamweaver2.0的操作界面后，现在我们能够开始Dreamweaver2.0的一招速成了。各位读者能够根据自己的需要实现的功能，按照标题选择想看的内容。

* 建立站点

在开始制作站内的页面之前，先要定义一个站点。站点的实质就是硬盘上的一个目录，站内的文档存放在该目录之中。选择菜单File/New Site。系统弹出对话框，在 “Local Root”选项中填写站点文档所在的目录。选中“Cache”选项就OK了。“Cache”的作用是跟踪站内文档的连接情况，加速站点管理操作。

* 文字设定

在页面中选中相应的文字后，在属性面板中能够设定文字的属性。文字属性和Word文字工具类似。是个调色板，能够选择文字的颜色。

* 插入图片

选择对象工具栏中的，选中相应的图片。就完成图片的插入，假如插入的是站点外部的图片文档，系统会需要用户将图片复制到站点中去。

* 表格制作

选择对象工具栏中的，设定行数（Rows），列数（Colums），边框厚度(Border)即可。边框厚度为0时表格无边框。

* 表格单元格的合并和分割:

选中要合并的单元格，在属性面板中选择按钮即可将单元格合并。反之，在一个单元格内选择属性面板中的能够分割单元格。

* 插入水平条:单击对象工具条中的，即可插入。

* 建立终极连接:

选中要终极连接的文字和图片，能够在属性面板中的Link域中直接填写相关页面的地址，也能够单击按钮选择一个页面进行连接。假如连接地址中填写的是mailto: 邮件地址。如mailto:rudolf@21cn.com。则浏览页面时，单击该连接会打开邮件程式。

* 建立书签

选择菜单Insert /Named Anchor，在系统弹出的对话框中填入书签的名称，就建立好了一个书签（在Dreamweaver中叫做锚点）。在页面中书签的符号是。在页面中制作指向书签的终极连接十分简单。选中相应的文字后，在属性面板中选择瞄准器，将瞄准器拖拽到上就能够完成连接制作。

* 制作可点图Image Map

首先插入一幅图片，单击图片，同时选中属性工具面板中的按钮。系统弹出可点图编辑器窗口。在窗口左侧工具栏中相应的形状工具，在图面中画出可点区域。同时,在下面的Link连接域中指定相应的连接。图片上的可点区域就制作完成了。

* 创建帧式结构

共有两种方法：

方法1：在页面中选择菜单Modify/Frameset。在菜单中有四个子选项。Split Frame left向左分帧;Split Frame right向右分帧;Split Frame Up向上分帧;Split Frame down向下分帧。根据需要，选择不同的选项就能够制作出复杂的帧式结构了。

方法2：在页面中选择菜单View /Frame Borders，窗口四周会出现一个帧边框。按住Alt键不放，鼠标拖拽帧边框也能够拖拽出帧的结构。

* 帧中间的终极连接

在帧内制作终极连接常常会碰到这样的情况。比方说现在有一个左右帧式结构的站点。左边是栏目选项，右边是内容。需要点左边的超链，超链对应的页面显示在右边的帧中。具体操作时，方法是这样的：

1. 给帧命名。按Ctrl F10打开帧面板。单击帧面板中的左边一帧，在属性面板中将帧的名称设定为“left”。同理，将右边帧名称设定为“right”。

2. 在左边帧中制作终极连接时，选定连接的页面后，还要将属性面板中的Target目标设定为“right”，也就是刚才命名为“right”的右边帧。这样才能实现选左边的超链，对应页面出现在右边。关于终极连接中的Target选项，没有定义帧的时候有四个默认选项。“_blank”指的是新开一个窗口显示链接内容。“_parent”指的是上一级窗口中显示链接内容。“_self”在同一个窗口显示内容。“_top”在顶端窗口显示内容。假如在操作中为具体的帧设定了名字，像本例中的“left”“right”，就会出现在“target”中供选择。

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有