您的位置:首页网页设计DreamWeaver → Micromedia Dreamweaver UltraDev 安装及使用教程二

Micromedia Dreamweaver UltraDev 安装及使用教程二

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


            
             
              
             
            

               
               

            



             二、界面介绍
    下面我们就可以开始使用 Dreamweaver Ultradev 了,首先让我们熟悉一下它的操作界面。它的操作界面由主菜单、状态栏、工作区和浮动面板组成。(图六)
    

 
图6 

    Micromedia Dreamweaver UltraDev 的主菜单共分十大类:File, Edit, View, Insert, Modify, Text, Commands, Site,Window, Help,作用分别为文件管理、选择区域文本编辑、观察对象、插入元素、修改页面元素、文本操作、附加命令项、站点管理、所有浮动面板切换和窗口切换和联机帮助。下面着重介绍一下各菜单的主要功能。
    首先我们先了解 File 菜单的功能。File 菜单中主要有新建、打开和保存文件、模板和分帧文档的功能。主要介绍以下几个选项。
    Revert:将文档恢复至上次存盘时的状态。
    import:包括引入 XML 到模板中,引入 Word 文档和引入表格数据文件。 
    Export Css styles:将窗口中的 CSS 样式表定义语句转换为一个.css 文档。
    Export Editable Regions as XML:将窗口的模块转换为 XML 文档。
    3.0 Browser compatible:将窗口文档转换为 3.0 版本浏览器兼容格式。
    Tables to Layers:将窗口表格均转换为层形式。
    Preview In Browser:将窗口文档在您设定的浏览器中打开(以 TMP*** 打头)。 
    This Document:在当前文档中检查有无出错链接。
    Entire Site:在您当前设定网站的所有 HTM 文档中检查有无出错链接链接。 
    Check Target Browsers:可以将当前文档用不同的浏览器诊断,从而可以了解您的 HTM 文档在不同的浏览器的兼容性和正确性。
    Edit 菜单主要包括:撤消/恢复操作,剪切、拷贝、粘贴和查找替换功能。其中 Launch External Editor:用来启动外部编辑器,这是 DREAMWEAVER 的一大优点,它允许您附上您熟悉的 HTML 编辑器一同工作,如果在任一方修改并保存后,另一方编辑器会自动检测,并提醒您重载入或取消(cancel)。另外,Preferences:进行工作参数设定,包括选择外部编辑器、FTP、浏览器设定、层、默认字体等众多参数。
    View 菜单主要用来查看各对象。
    Head Content:显示 HTML 文档头部的设置状况。
    Invisiable Elements:显示隐藏标签,如锚、备注、SCRIPT、空格等。
    Tracing Images:它可以将一幅图片嵌入页面的任何一个位置,而且可以改变透明度,这时 BODY 中的背景设置将会在 DREAMWEAVER 预览界面中失效,但在任何一个浏览器都不会起作用,图片格式可以为:JPG, GIF, PNG。
    Plugins:用来控制窗口文档中的插件的播放。
    Prevent Layer Overlaps:防止层与层交叠,选上此项后,当您再画层时,若靠近原来的层时,会出现一个 STOP 的标志。
    Insert 菜单,用来插入各种对象,包括:插入图象、表格和直线;层、JAVA 小程序、ActiveX 对象、插件、FLASH、SHOCKWAVE 对象,以建立一个互动图象;另外还可以插入一个表单、锚链接和备注。唉唉,很多,您还是一个个去试试吧!
    Modify 菜单主要用来修改页面元素。几个重要功能介绍如下:
    Page properties:修改当前窗口文档的属性,包括背景、背景色、链接色彩、字符串编码、文档标题等。
    Selection properties:弹出属性浮动面板,并显示当前所选元素的相应参数,比如当前所选为字体,则弹出的属性服动面板显示的将为字体的所有相关属性。
    Table:这部分的子菜单均是针对于表格进行操作的,功能比较强大,使用灵活。用户可以逐渐熟悉,相信很快就会学会的。
    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:此项目是对时间链的修改设置,体现页面的动态效果。你的页面一定会充满动感,引人入胜! 
    Text 菜单集中对文字进行操作,比较简单。这里只说明一下 CSS 选项。  Custom Style(Selection):这就是 CSS 了,如果您已经定义 CSS 样式表,那么此选项将出现您定义的标识符,不过如果您定义的是 HTML 标签,比如 TD、BODY 之类那么它们不会出现在列表之中,最后的一个选项可以编辑 CSS 样式,并会列出您定义过的所有的 CSS。
    Commands 这组命令很实用,让我们理解 Commands 菜单功能:
    Clean Up HTML:这就是除去 HTML 垃圾代码的工具。其中的对话框中有几组复选框可供选择,如空标签、多余的无用的嵌套、DREAMWEAVER 备注,还可以自己设定要清除的特定标签。
    Set color scheme:色彩配置向导,这里有许多已经匹配的背景色、文本色、超链接色,您只要选择就可以直接运用到文本中去。
    Format Table:提供了许多已有的表格格式,您只要选择就可直接使用。
    Site 菜单主要是对站点进行管理的,包括新建站点、打开已有的站点和站点文件的定义等。
    Windows 这组命令均是对浮动面板的操作,每个浮动面板均对应一个功能键,方便用户切换。其实熟悉 Dreamweaver3 的朋友一定对此不会陌生。其它菜单选项你还是自己去体会体会吧!
    它的用户界面是不是十分出色?除了主菜单外,其他菜单按钮均高度集成在一块块浮动面板上, 大大方便了网页的制作。你一定会感到很方便的!
    除了主菜单外,Micromedia Dreamweaver UltraDev 1.0 主要的编辑功能菜单只是用 3 条浮动的菜单栏代替,即对象面板(Object)、属性面板(Properties)、快速启动档(Launcher),其中快速启动档也同时集成在状态栏上,对象面板中集成了相当于四个面板的元素(Common, Form, Head, Invisible),您可以任意移动这些菜单栏的位置,尽量留出更多的可视区域。Dreamweaver UltraDev 这种软件界面扩展设计者视野,不再受制于屏幕显示的大小,而 Dreamweaverr UltraDev 又提供了标尺刻度及底格功能,你可以直接看到页面的实际显示尺寸,使得设计者在页面定位方面更加清晰明了,无须浏览器预览就清楚主页的整体页面效果,这个功能让我们感到好像我们不是在制作主页,而是在 PHOTOSHOP 中作图。 

相关阅读 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代码加快网页速度