您的位置:首页网页设计DreamWeaver → Dreamweaver 4快速使用教程

Dreamweaver 4快速使用教程

时间:2004/11/7 2:35:00来源:本站整理作者:蓝点我要评论(0)


            
             
              
             
            

               
               

            



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

总览

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

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






定义你的站点

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

创建一个本地站点:

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

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

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

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

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

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




定义本地站点属性 

MACROMEDIA通用用户界面

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

快捷键编辑器

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

编辑快捷键:

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

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

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

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

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

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

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中使用通用的颜色选择器

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 CSS优雅的公布栏源码高级CSS选择器的使用 将网站(主页)变成黑白DW设计网页时组织CSS的建议利用Dreamweaver合理优化网页元素布局22个Dreamweaver内置网页过渡特效简介

人气排行 如何用Dreamweaver制作电子相册下拉菜单全攻略-用Dreamweaver制作下拉菜单用Dreamweaver实现ASP数据库动态网站建设用Dreamweaver CS3制作下拉菜单如何在DW中插入Flash的参数详解Dreamweaver标签选择器的妙用巧用dreamweaver模板批量制作网页优化HTML代码加快网页速度