Dreamweaver 8 新功能图文实例讲解

2016-02-19 21:27 45 1 收藏

给自己一点时间接受自己,爱自己,趁着下午茶的时间来学习图老师推荐的Dreamweaver 8 新功能图文实例讲解,过去的都会过去,迎接崭新的开始,释放更美好的自己。

【 tulaoshi.com - Web开发 】

  第一部分:Dreamweaver 8 新功能概述

  和Macromedia Studio 8套件中其它软件一样,Dreamweaver 8也增加了许多让我们欣喜不已的新功能,比如更加先进的工作流程,重新设计的CSS工具,改良后的后台FTP,转换XML文件的工具,文档放大功能,插入Flash视频和FlashPaper,代码折叠功能等等。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  今天我们先对Dreamweaver 8的新功能进行简单的介绍。

  点击这里下载Dreamweaver 8 (59.7MB)

  一、工作流程的改进

  工作流程的改进可以提高网页设计师的工作效率,比如将所有打开的文档放置在一个面板中,只需单击文档标签就互相切换文档。另外,我们还可以将面板的排列保存为“Workspace layout”(工作区布局),以适应不同网页的设计需要。

  除了上述功能以外,Dreamweaver 8还提供了以下的新功能:

  1.放大工具

  使用放大工具可以帮助我们更容易地对齐图像、选择较小的对象以及查看较小的文本,如图1所示。


 
图1

  2.辅助线

  拖动页面垂直或水平方向的辅助线可以更精确地定位对象的位置,如图2所示。


 
图2

  3.Flash视频的支持

  现在我们可以直接在Dreamweaver8中插入Flash视频文件了,就像类似VCR一样的控制方式一样控制Flash视频文件,如图3所示。


 
图3

 二、扩展的CSS支持

   Dreamweaver 8在CSS方面同样也提供了更强的支持,增强了复杂样式表信息的显示。CSS面板现在完全重新设计为一个统一的面板,将Dreamweaver MX 2004的众多CSS面板集中到了一个位置,如图4所示。

图4

  我们还可以使用新增的可视化设置功能来帮助我们查看复杂的CSS布局,如图5所示。

图5

  在CSS面板中新增加入了一个摘要视图,有助于我们快速确认应用于当前选定元素的CSS属性,如图6所示。

图6

  三、文件传输功能

  在使用Dreamweaver 8以前的版本向服务器传送文件时,用户不能在Dreamweaver中进行其它工作,现在好了,新版的Dreamweaver允许我们在传输文件的同时,可以进行其它工作,这样可以大大提高工作效率。文件的传送界面如图7所示。

图7

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  四、支持XML/XSLT

  新的XML/XSLT创作功能简化了用于Web浏览的XML文件的格式化过程。我们可以创建XSLT文件,并完全使用CSS格式,将其转换成难于理解的XML文件,可以附加到本地文件中,也可以附近互联网的远端文件,如图8所示。

图8

  五、其它新功能

  除了上述新功能之外,Dreamweaver 8其它功能做了一些改进,比如Starter Pages、插入Flash Paper、背景图像的可控性等等,在后面的介绍中我们将详细说明它们的使用方法。

  第二部分:Dreamweaver 8 新功能实例讲解

  我们以制作一个网站首页文件的过程来体验Dreamweaver8的新功能。

  一、建立站点

  启动Dreamweaver 8,执行“站点/新建站点”菜单命令,在弹出的对话框中单击“高级”选项卡,在本地信息中设置站点名称和本地根文件夹,然后设置远程信息,如图1所示。这些功能和Dreamweaver 2004相比基本没有太大变化,只是其中多了一个“维护同步信息”的选项,当我们制作完成网页以后,会同步更新到服务器上,这样可以确保网站上的内容总是最新的。服务器的信息一定要设置正确,否则在后面登陆更新服务器的时候会出现错误。

图1

  二、设计首页

  站点建立完毕以后,就可以设计首页了。如图2所示为软件的启动对话框,在创建新项目里多了XML/XSLT两个选项。

图2

来源:http://www.tulaoshi.com/n/20160219/1626183.html

延伸阅读
标签: CorelDRAW
  · 新增Dockers(泊坞窗) Dockers(泊坞窗)类似于PhotoShop中的浮动面板,在Dockers命令选项中可设置显示或隐藏不同的泊坞窗口。 选择Windows(窗口)/ Dockers命令,弹出Dockers子菜单: 图6 Dockers(泊坞窗)菜单 其中Undo Dockers(撤销泊坞窗)是CorelDRAW 10新增加的一个窗口,这个窗口的功能类似于PhotoShop...
标签: CorelDRAW
  一、关于CorelDRAW 10 CorelDRAW 10 将矢量插图 、版面设计 、点阵图编辑 、图像编辑及绘图工具等多种功能合为一体。增强了用户化特点的界面,专业输出能力支持多种语言文本,简化了设计过程。 CorelDRAW 10 图形套件集 CorelDRAW 10(矢量图形编辑处理) 、Corel PHOTO-PAINT 10(点阵图象处理)、 Corel R.A.V.E.1.0...
标签: CorelDRAW
  三、性能加强的工具 · 加强了交互式工具的性能 增加了交互式轮廓工具的加速效果 Interactive Contour Tool增加了控制轮廓的对象加速和颜色加速功能,使用户能创建更多的轮廓效果。操作方法如下: 1. 选用 Interactive Contour Tool为对象创建轮廓效果。 2. 单击 Object and Color Acceleration (对象与颜色加速度)...
标签: CorelDRAW
  三、性能加强的工具 · 新增Basic Shapes Tool (基本图形工具) 为了使用户在短时间内创建复杂的图形对象, CorelDRAW 10 新增了一组工具Basic Shapes Tool (基本图形工具)。在这组工具的图库中预存了许多图形对象,如箭头、星形、插图框及流程图框等,用户只需选择相应的图形对象后,在绘图页面中拖动鼠标即可。 下面我们就...
标签: CorelDRAW
  六、紧跟时代的网络特性 · 强化了HTML输出功能 CorelDRAW 10新增了浏览器预览、页面下载速度预警及FTP等功能。这些功能的操作方法如下: 1. 单击File/ Publish To The Web/ HTML或Internet(国际互联网)工具栏中的 Publish To The Web- HTML按钮,弹出Publish To The Web对话框。 图55 Publish To The Web(发布到Web)...

经验教程

885

收藏

78
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部