DreamWeaver

来自站长百科
清竹飞翔讨论 | 贡献2008年11月10日 (一) 16:29的版本 →‎页面布局
跳转至: 导航、​ 搜索

Dreamweaver的介绍

Dreamweaver是制作主页的好工具.Dreamweaver是可视化的网页制作工具,很容易上手,可以让你轻松地制作出自己的网页。 Dreamweaver在多媒体方面颇有建树的Macromedia公司推出的可视化网页制作工具,它与Flash、Fireworks合在一起被称为网页制作三剑客,这三个软件相辅相承,是制作网页的最佳选择。其中,Dreamweaver主要用来制作网页文件,制作出来的网页兼容性比较好,制作效率也很高,Flash用来制作精美的网页动画,而Fireworks用来处理网页中的图形。

  • Dreaweaver8简介

我们以前常听到包括Dreamweaver和其它Macroemdia软件用户的抱怨,特别是HomeSite/CFStudio用户,他们对Dreamweaver十分感冒,因为他们觉得Dreamweaver的环境十分不适合开发。OK,你等待的日子到了! Dreamweaver 8,Macromedia开发者们把这些提议都放在心里了,如果你是一个代码狂人,你将会迷恋于Dreamweaver 8新的编码工具栏。让我们看看它的一个新的编码特点——代码折叠。在下面的文字里,我们将带你体会这个非常不错的新特点。 如果你的主要工作是写HTML代码,你就知道这些代码一行一行的,足可以翻几页,这样太烦人了。更糟糕的是,如果你想看另一段代码,你得用滚动条翻来翻去,终于找到了这段代码,然后你又得用滚动条翻回去!除非你在开始找的时候,定义一个特殊的标记。Dreamweaver 8则解决了这一点,相关的代码段,可以通过编辑器左边的"+"号和"-"号展开和关闭


Dreamweaver站点说明

Dreamweaver 站点提供一种组织所有与 Web 站点关联的文档的方法。通过在站点中组织文件,可以利用 Dreamweaver 将站点上传到 Web 服务器、自动跟踪和维护链接、管理文件以及共享文件。若要充分利用 Dreamweaver 的功能,需要定义一个站点。 Dreamweaver 站点由三部分(或文件夹)组成,具体取决于开发环境和所开发的 Web 站点类型:本地文件夹是您的工作目录。Dreamweaver 将该文件夹称为“本地站点”。此文件夹可以位于本地计算机上,也可以位于网络服务器上。这就是为 Dreamweaver 站点所处理的文件的存储位置。只需建立本地文件夹即可定义 Dreamweaver 站点。若要向 Web 服务器传输文件或开发 Web 应用程序,还需添加远端站点和测试服务器信息。远端文件夹是存储文件的位置,这些文件用于测试、生产、协作等,具体取决于开发环境。Dreamweaver 在“文件”面板中将该文件夹称为“远端站点”。一般说来,远端文件夹位于运行 Web 服务器的计算机上。本地文件夹和远端文件夹使您能够在本地磁盘和 Web 服务器之间传输文件;这使您可以轻松管理 Dreamweaver 站点中的文件。

  • Dreamweaver新建站点

对于一些刚刚接触Dreamweaver的朋友来说,如何来使用Dreamweaver来进行网页的编辑,如何来设计自己的网站,由于不熟悉它,就会存在一些问题,在这里“站在百科”会慢慢的告诉你,如何来使用和编辑Dreamweaver,现在就让我们来迈出学习Dreamweaver的第一步吧。 制作网页,设计页面,首先要建立站点,建立站点后,可以对文件进行更好的管理,所以下面,就教大家如何建立站点。

  1. 打开Dreamweaver软件,在工具栏中,点击站点->新建站点,这时会弹出一个面板,在这个面板上有基本和高级两种选择。在这里,我们选择基本,给你的站点起个名字(要是英文的),下面的文本框,要填写http地址,这个不用去管它。
  2. 单击下一步,会提示你“是否使用服务器技术”,对于新手来说,选择,“否,我不使用服务器技术”,如果你感到自己有能力使用服务器技术,那么你也可以选择使用服务器技术。
  3. 单击下一步,选择“文件存放的位置”,这里文件位置,是你存放站点的路径。
  4. 单击下一步,选择“是否连接远程服务器”,在这里,我们选择“本地/网络”。选择“文件存储在服务器上的文件夹”,选择和上一步存放的文件在同一目录下。
  5. 单击下一步,会提示你是“否存回和取出文件”,这个不用管它,单击下一步,点击完成。

这样就建立好了一个站点,那么你就可以在这个站点上进行网页编辑了。

  • 创建和打开文档

Macromedia Dreamweaver 8 为处理各种 Web 设计和开发文档提供了灵活的环境。除了 HTML 文档以外,您还可以创建和打开各种基于文本的文档,如 CFML、ASP、JavaScript 和 CSS。Dreamweaver 还支持源代码文件,如 Visual Basic、.NET、C# 和 Java。

Dreamweaver 为创建新文档提供了若干选项。您可以创建以下任意文档:

新的空白文档或模板 基于 Dreamweaver 附带的某预定义页面布局的文档 基于某现有模板的文档 另外还支持其它一些文档。例如,如果经常使用某种文档类型,可以将其设置为创建的新页面的默认文档类型。

在 Dreamweaver 中,可以在“设计”视图或“代码”视图中轻松定义文档属性,如 meta 标签、文档标题、背景颜色和其他几种页面属性。 本章包含下列章节:

页面布局

使用 Macromedia Dreamweaver 8 中的可视化设计工具创建复杂的页面布局。 此部分包含以下各章:

  1. 使用 CSS 对页进行布局
    1. 关于CSS层
    2. 层的相关操作
      1. 插入层
      2. 管理层
      3. 将层转化为表格
      4. 制作层动画
    3. 处理CSS布局可视化
  2. 使用表格显示内容
    1. 关于表格
    2. 表格的相关操作
      1. 添加及删除行和列
      2. 拆分和合并单元格
  3. 使用框架
    1. 关于框架和框架集
    2. 创建框架和框架集
    3. 框架的相关操作
      1. 框架中打开文档
      2. 保存框架和框架集文件
  4. 管理模板
    1. 关于Dreamweaver模板
    2. 创建Dreamweaver模板
    3. 编辑和更新模板
    4. 管理模板

添加内容

优化页面