DREAMWEAVER2教程

File菜单

DREAMWEAVER2的主菜单共分九大类:File,Edit,View,Insert,Modity,Text,Commands,Window,Help,作用分别为文件管理、选择区域文本编辑、观察物件、插入元素、修改页面元素、文本操作、附加命令项、所有浮动面板切换和窗口切换和联机帮助。

  首先我们先了解File菜单的功能:

  File菜单
  New:新建一个文档
  New from template:根据现有模板来新建文档
  New Site:新建一个站点资料库
  Open:打开一个现有文档
  Open in Frame:如果您目前窗口为分帧的话,此选项将在您目前所处帧中打开文档
  Open Site:打开您已经建立的站点库
  Close:关闭您目前所在窗口,注意不是关闭DREAMWEAVER
  Save:保存文件
  Save As:另存为
  Save As Template:将文档存为模板文件
  Save Frameset:将分帧文档保存
  Save Frameset As:将分帧文档另存为
  Save All:保存当前窗口的所有文档(分帧)
  Revert:将文档恢复至上次存盘时的状态
  import:引入XML
  Export:
  Export Css styles:将窗口中的CSS样式表定义语句转换为一个.css文档
  Export Editable Regions as XML:将窗口的模块转换为XML文档
  Convert:
  3.0 Browser compatible:将窗口文档转换为3.0版本浏览器兼容格式
  Tables to Layers:将窗口表格均转换为层形式
  Preview In Browser:将窗口文档在您设定的浏览器中打开(以TMP***打头)
  Check Links:
  This Document:在当前文档中检查有无出错链接
  Entire Site:在您当前设定网站的所有HTM文档中检查有无出错链接链接
  Check Target Browsers:可以将当前文档用不同的浏览器诊断,从而可以了解您的 HTM文档在不同的浏览器的兼容性和正确性。
  Exit:关闭所有的窗口,离开DREAMWEAVER。

Edit菜单

Undo:撤消当前误操作
  Redo:恢复撤消动作
  Cut:剪切选择区域
  Copy:复制选择区域
  Paste:将内存中的文档粘帖到当前窗口
  Clear:清空当前选择区域,其实就是平常的DEL删除键
  Select All:将窗口中的所有内容全选
  Copy Text only:与COPY不同,它将所选择区域文档块仅作为文字块载入内存
  Paste As Text:复制文字不带格式粘帖入当前窗口文档
  Find:查找功能是几乎编辑软件都有的功能选项,但DREAMWEAVER的查找功能大大增强,它可以在当前窗口查找,也可以在整个站点查找,可以在预览窗口查找,也可以在HTML源程序中查找源代码……
  Find Next:查找满足查询条件的下一项
  Replace:与FIND的选项大致相同,只不过它多了一个替换(Replace)
  Launch External Editor:启动外部编辑器,这是DREAMWEAVER的一大优点,MACROMEDIA 公司知道虽然DREAMWEAVER很好,但它并不是万能的,因此它允许您附上您熟悉的HTML 编辑器一同工作,在PC上DREAMWEAVER和HOMESITE捆邦在一起,在MAC机上它与BBEdit捆邦在一起,如果在任一方修改并保存后,另一方编辑器会自动检测,并提醒您重载入或取消(cancel)
   Preferences:DREAMWEAVER工作参数设定,包括选择外部编辑器、FTP、浏览器设定、层、默认字体等众多参数。

View菜单

Head Content:显示HTML文档头部的设置状况,则<head>与</head>间那部分

  Invisiable Elements:显示隐藏标签,如锚、备注、SCRIPT、空格等

  Rulers:标尺,可以更直观、更精确地观看窗口文档
  SHOW:显示(隐藏)标尺
  RESET ORIGIN:恢复标尺原点
  PIXELS:标尺单位为像素
  IHCHES:标尺单位为英寸
  CENTIMETER:标尺单位为厘米

  GRID:栅格
  SHOW:显示栅格
  SNAP TO:吸附栅格
  SETTINGS:设置栅格的具体参数,比如点状或线状,每个单位的具体大小。

  Tracing Images:它可以将一幅图片嵌入页面的任何一个位置,而且可以改变透明度,这时BODY中的背景设置将会在DREAMWEAVER 预览界面中失效,但在任何一个浏览器都不会起作用,图片格式可以为:JPG, GIF, PNG
  SHOW:显示追踪图象。
  ALIGN WITH SELECTION:追踪图象与选择区域对齐
  ADJUST POSITION:调整追踪图象的位置
  RESETPOSITION:恢复追踪图象至起始位置
  LOAD...:载入追踪图象,并可以调整相应属性:如透明度、位置等

  Plugins:用来控制窗口文档中的插件的播放
  PLAY:播放插件
  STOP:停放播放插件
  PLAY ALL:播放窗口所有的插件
  STOP ALL:停放播放窗口所有的插件

  status bar:复选项,用来选择显示(或隐藏)状态档

  Layer Borders:显示(或隐藏)层的边框

  Table Borders:显示(或隐藏)表格的边框

  Frame Borders:显示(或隐藏)帧的边框

  Prevent Layer Overlaps:防止层与层交叠,选上此项后,当您再画层时,若靠近原来的层时,会出现一个STOP的标志

Insert菜单

 image:插入图象

  Table:插入表格

  horizontal Line:插入一条直线

  Layer:插入层

  Applet:插入JAVA小程序

  ActiveX:插入ActiveX对象

  plugin:插入插件

  flash:插入FLASH

  shockwave:插入SHOCKWAVE对象

  Rollover Image:建立一个互动图象,这个功能其实与BEHAVIORS的SWAP IMAGE是一致的

  Form:插入一个表单

  Form Object:关于表单的各种对象
  TEXT FIELD:插入文本框
  BUTTON:插入按钮
  CHECK BOX:插入复选框
  RADIO BUTTON:插入单选框
  LIST/MENU:插入下拉框
  FILE FIELD:插入文件输入框
  IMAGE FIELD:插入图象框
  HIDDEN FIELD:插入隐藏框

  Named Anchor:定义一个锚链接

  Comment:加上一段备注

  Script:加上一段脚本(JAVASCRIPT、VBSCRIPT)

  Line Break:就是<br>

  non-breaking Space:就是空格,不过在DW预览窗口是看不出的。

  server-side include:编辑一段服务端引用

  Head:在HEAD头部加上描述语句或关键字等等……其子菜单有:Meta,Keywords,Description ,Refresh,Base,Link。

Modify菜单

Page properties:修改当前窗口文档的属性,包括背景、背景色、链接色彩、字符串编码、文档标题等

  Selection properties:弹出属性浮动面板,并显示当前所选元素的相应参数,比如当前所选为字体,则弹出的属性服动面板显示的将为字体的所有相关属性

  hyperlink:制作超链接
  
MAKE LINK:制作链接(改变链接)
  
REMOVE LINK:除去链接
  
OPEN LINKED PAGE:打开所链接的页面(如果是mailto,http之类的远端页面是打不开)
  
TARGET FRAME:选择链接的目标帧名

  Table:这部分的子菜单均是针对于表格进行操作的,功能比较强大
  
SELECT TABLE:选择表格
  
MERGE CELL:合并单元格
  
SPLIT CELL:劈开单元格
  
INSERT ROW:插入行
  
INSERT COLUMNS:插入列
  
INSERT ROWS OR COLUMNS:插入或列
  
DELETEROW:删除行
  
DELETE COLUMNS:删除列
  
INCREASE ROWS SPAN:则合并当前光标所在表格单元的上下格
  
INCREASE COLUMNS SPAN:则合并当前光标所在表格单元的左右格
  
DECREASE ROWS SPAN:则是INCREASE ROWS SPAN的反操作
  
DECREASE COLUMNS SPAN:则是INCREASE COLUMNS SPAN的反操作
  
CLEAR CELL HEIGHTS:清空定义的单元格的高度
  
CLEAR CELL WIDTTS:清空定义的单元格的宽度
  
CONVERT WIDTHS TO PIXELS:将宽度转化为像素
  
CONVERT WIDTHS TO PERCENT:将宽度转化为百分比

  Layer:这是关于LAYER的参数修改,不过无论我如何做,它的菜单均是处于不可激活状态,不知为什么?:(

  Frameset:是用于分帧的,其下级菜单分别用于左分帧、右分帧、下分帧、上分帧。

  Alignment:对齐方式
  
左对齐
  
距中
  
右对齐

  Layout:版面编排
  
Reposition content using Layers:设置页面布局,分别为预防层重叠、显示层的浮动面板、显现栅格、对齐网格。  Convert Layer to Tables...:此选项用于将页面中的层转换成表格结构。

  Library:库,这概念在DREAMWEAVER中因属于高级开发,此项中的下级菜单分别为创建一个新的库、更新当前页、更新整个站点。
  Template:模块,感觉上功能与Library的功能很相似,都是建立一个固定模型,然后在其它页面中可以反覆调用,以提高效率。其选项中的下拉菜单均是对模块的控制。

  Add object to Linetime:将选取的对象加入到时间链中,这里所指的对象只能是层或图象。

  Add Behavior to Linetime:在时间链中加入动作,以指定任意一帧触发事件。

  Record Path of Layer:利用这个选项您可以将一层中的元素任意调整它的路径,这样您可以用它来实现页面元素的曲线运动。

  Timeline:此项目是对时间链的修改设置。

  Translate;唯一的一个子菜单是server-side include,服务端引用。

Text菜单

Indent:页面左右同时缩进,可多次使用

  Outdent:是上述Indent的反操作,页面左右同时向外扩张

  Format:就是HTML中的H1-H6

  List:则分别为Ul,Ol,Dl对映有序列表、无序列表、也是一种列表形式

  Alignment:左对齐、距中、右对齐,大家大概都注意到了,其实在Modify修改菜单已经出现过Alignment了,两者好像重复了

  font:选择字形,最下面的一项可以编辑字体列表

  style;字体风格选项,比如字体加粗、加斜、加下划线、字体变形等等,唉唉,很多,您还是一个个去试试吧!

  Custom Style(Selection):这就是CSS了,如果您已经定义CSS样式表,那么此选项将出现您定义的标识符,不过如果您定义的是HTML标签,比如TD、BODY之类那么它们不会出现在列表之中,最后的一个选项可以编辑CSS样式,并会列出您定义过的所有的CSS。

  Size:则字体大小从1-7。

  Size Increase:从相对的角度,将FONT增大若干号

  Size Dncrease:从相对的角度,将FONT减少若干号

  Color:则定义字体颜色

  Check spelling:则是检查单词拼写正确的东东,是洋人用的,对咱们用处不多


Commands菜单

    Clean Up HTML:这就是除去HTML垃圾代码的工具。其中的对话框中有几组复选框可供选择,如空标签、多余的无用的嵌套、DREAMWEAVER备注,还可以自己设定要清除的特定标签。

  Apply Source Formatting:这个选项我也不太清楚,DW2的联机帮助写的不太清楚,您要是知道,请您
告诉我:)

 Set color scheme:色彩配置向导,这里有许多已经匹配的背景色、文本色、超链接色您只要选择就可以直接运用到文本中去

  Sort Table:表格排序

  Format Table:提供了许多已有的表格格式,您只要选择就可直接使用。


Window菜单

Object:切换对象浮动面板

  Properties:切换属性浮动面板

  Launch:切换快速启动浮动面板

  Site File:切换站点文件管理器

  Site Map:切换站点地图

  Library:切换库

  Styles:切换样式表编辑器

  Behaviors:切换动作编辑器

  TimeLines:切换时间链

  HTML:切换HTML源代码

  Layers:切换层浮动面板

  Frames:切换帧浮动面板

  Templetes:切换模板编辑器

  Arrange Floating Palettes:排列所有的浮动面板

  Hidding Floating Palettes:隐藏所有的浮动面板

  Dreameweaver Online:在线DREAMWEAVER开发中心

用户界面详解

 除了主菜单外,DW主要的编辑功能菜单只是用3条浮动的菜单栏代替,则对象面板(Object)、属性面板(Properties)、快速启动档(Launcher),其中快速启动档也同时集成在状态栏上,对象面板中集成了相当于四个面板的元素(Common,Form,Head,Invisible),您可以任意移动这些菜单栏的位置,尽量留出更多的可视区域。其实告诉您一个秘密,这些面板的素,是可以任意修改的,这个问题我们在后面还涉及到的!Dreamweaver 2这种软件界面扩展设计者视野,不再受制于屏幕显示的大小,而Dreamweavr 2又提供了标尺刻度及底格功能,你可以直接看到页面的实际显示尺寸,使到设计者在页面定位方面更加清晰明廖,无须浏览器预览就清楚主页的整体页面效果,这个功能让我们感到好像我们不是在制作主页,而是在PHOTOSHOP中作图。


  对象面板(Object)其实集成了DW主菜单中Insert中的选项,它的对象全是插入对象。具体功能我在前面的INSERT菜单中已经讨论过,我在此不一一细说,图标很直观,相信大家一眼就能看出来。

  属性面板(Properties)比较灵活,变化比较多,它随着您的选择对象不同而随着改变,您在使用DW2时应注意一点:DW2的属性菜单完全是随您的选择区域来决定的!比如您选择了一幅图象,那么属性面板上将出现图象的相应属性,如果是表格的话,它相应的会变化成表格的相应属性,请注意属性面板中的图标,单击后将出现更多的扩展属性。单击图标,将关闭扩展属性,返回原始状态。总的来说,属性面板集成了Modify和Text菜单的选项,不过像图像属性的修改在主菜单中是找不到的,只能打开其属性面板进行操作,下面我对主要的三种选择区域状态下的属性面板进行讲解:一、文本状态;二、图象状态;三、表格状态。

  
为完待续!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值