您好,欢迎来到素彩网!

Dreamweaver 4快速使用教程

来源:sc115.com | 123 次浏览 | 2011-06-29

标签: Dreamweaver Dreamweaver 4快速使用教程 Dreamweaver综合教程

本文档用于展示Dreamweaver4中的一些新特性,它将使用交互的方式一步步地带你体验这些新特性。

总览

在这个快速浏览中,你将编辑一个假想的CompassTravel公司网站。本指南是介绍Dreamweaver4的一些新特性,它将围绕三部分来组织结构:Code(代码)、Design(设计)和Collaborate(合作)。每一部分都将自动完成,

浏览结束后,你可以使用这些站点资源回顾整个Dreamweaver的特色。





定义你的站点

在DW4中创建站点首先要设置本地站点。站点管理是DW4中的一个完整部分,在此快速浏览中,某些特性的展示需要定义一个站点。一个本地站点需要设置站点名称和本地根目录,用来告诉DW在哪里存放站点文件。

创建一个本地站点:

1.打开DW,按下F5键来打开站点管理窗口

2.在弹出菜单上选择DefineSites(定义站点),将会打开站点定义(SiteDefinition)窗口。

3.在站点定义对话框中(如下图所示),点选类别列表中的本地信息项,使其处于被选中的状态。

4.在站点名称框中输入Compass。

5.点击LocalRootFolder框右边的文件夹标志,在你的硬盘上查找并选择Compass文件夹。

6.点击OK,保存站点设置。当询问是否创建站点缓存时,选择创建。



定义本地站点属性

MACROMEDIA通用用户界面

DW4包含MACROMEDIA通用用户界面。所有的MACROMEDIA网络应用软件都将采用一个一致的标准界面,共享用户界面单元,从而使用户感觉更熟悉,更亲切,更易使用。今天,已经有超过150万的开发者和设计者使用MACROMEDIA的产品,而且这个数字每个月都在增长。通常,这些开发者都使用两种以上的MACROMEDIA的产品,MACROMEDIA通用用户界面将带来更多的好处。

快捷键编辑器

使用快捷键编辑器可以自定义快捷键,编辑已有的快捷键,或者改变MACROMEDIA的标准快捷键设置。自定义快捷键是所有MACROMEDIA网络应用软件共有的新特性。

编辑快捷键:

1.在编辑菜单中选择KeyboardShortcuts来进入快捷键管理器。

2.
DW中自带有原来的标准设置。要创建一个新的键盘设置,请选择Duplicate按扭。

3.输入名称Compass并选择OK保存新的键盘设置。

4.从Commands列表中选择一个菜单命令,使用树状控制查看相应的菜单分类。

5.点击加号(+)按扭。或激活快捷键列表框中某条目,然后移动焦点到PressKey框。

6.按下你所希望的键盘组合,这些组合键将出现在PressKey框中。

7.点击Change,新的组合键被用于该命令。




使用快捷键管理器自定义快捷键

标签式面板

在DW、FW和FLASH中,所有的面板都可以组合,从而使单一的浮动面板成为多重标签式浮动面板。这样你可以轻易地获得更多的信息而不会使工作区域变的混乱。浮动面板中的每一个标签都包含面板图标和文字标签,激活的面板名称将完整显示,非激活的面板也显示它尽可能多的完整名字,而且在它被激活前看上去总是灰暗色的。通过将两个或更多的控制面板结合,以创建整合的控制面板:

1.拖拉某个浮动面板的标签(不是标题栏)到其他的浮动面板上面。当目标面板四周边缘高亮时,松开鼠标按键。

2.在标签式组合面板中点击任何一个标签,相应的面板将出现在最前面。

从标签面板中移出一个面板:拖拉面板的标签到窗口外。




标签式面板使得查看所需信息更加方便

管理标准窗口
当你使用DW工作时,经常会打开几个面板和文档窗口。DW4让你更有效地安排和管理这些窗口和工具。文档窗口和面板现在可以粘合在一起或者紧靠屏幕边缘。当属性检测器被放置在屏幕底部时,新的文档将无法叠放到另一个上面或者打开时隐藏属性检测器。

同时工作在几个窗口下:

1.打开一个文档窗口,改变窗口大小直到它吸住周围的面板,而且属性检测器面板在最下面

2.选择FILE菜单下的NEW菜单创建多个新文档窗口,每个新窗口都能显示但它不会覆盖周围的面板和下面的属性检测器。




窗口排列整齐,有利于更为高效的利用面板

通用对象面板
DW对象面板的设计已被应用到FLASH和FW的主应用工具栏。工具和对象在面板的上部,颜色和选项设置为组采用通用的样式放置在面板的下部。这使得用户在使用更多的MACROMEDIA网站编辑软件包时能够有一个通用的方式。




DW对象面板和FW、FLASH工具栏

通用的颜色选择器
在DW,FW和FLASH中,许多的对话框中都包含有颜色盒和调色板(例如属性检测器),使用色彩面板可以在一个元素上选择颜色。DW,FW,FLASH在选择颜色时都有相同的设置。在HTML中颜色被表示为下列方式中的一种:十六进制的值(例如#FF0000)或颜色的名称(例如:red)。在所有平台的所有浏览器中网络安全色将能够得到相同的显示。DW允许你将颜色转换为212种网络安全色中的一种。

在DW中选择颜色:

1.在属性检测器中(或任意对话框中)选择颜色盒

2.做下列任意一项:

·使用吸管从调色板中选择一个颜色样品。调色板中的所有颜色都是网络安全色。

·使用吸管从你的屏幕的任意地方拾取颜色,甚至是DW窗口外部。(如果你点击桌面或者其他应用程序,DW将拾取被点击的地方的颜色,但你可能会转换到其他应用程序中去。请点击DW窗口回到DW中以继续你的工作。)

3.如果要限制颜色选取范围,可以使用颜色盒右边的弹出菜单。你可以选择三维颜色,连续色彩,WINDOWS操作系统,MAC操作系统,灰度和转换为网络安全色。

4.选择擦除按扭,可以在没有选择其他不同色彩的情况下清除当前的颜色设定。



DW,FW和FLASH中使用通用的颜色选择器

搜索: Dreamweaver Dreamweaver 4快速使用教程 Dreamweaver综合教程 

最热-Dreamweaver综合教程

Micromedia Dreamweaver UltraDev 安装及使用教程(二)

DW中如何使用Library

Dreamweaver技巧:朦胧就是美

Macromedia Dreamweaver 安装及使用教程(三)

用Dreamweaver测试主页

Micromedia Dreamweaver UltraDev 安装及使用教程(一)

UltraDev4.0使用中一些常见

DreamWeaver表格妙用-线框打造详解(三)

关于“层”定位的问题的解答

Dreamweaver3.0疑难解答(下)

Dreamweaver处理word文档有妙招

DW编主页的一个小问题

DreamWeaver表格妙用-线框打造详解(二)

素材
多种冰激凌和蛋糕PNG图标多种冰激凌和蛋糕PNG图标
精美蔬菜高清图片4精美蔬菜高清图片4
精美蔬菜高清图片2精美蔬菜高清图片2
精美蔬菜高清图片3精美蔬菜高清图片3
精美蔬菜高清图片1精美蔬菜高清图片1
景观效果图素材景观效果图素材
景观效果图素材景观效果图素材
手机高清图片手机高清图片
景观效果图素材景观效果图素材