Dreamweaver8 功能详解图文教程

dreamweaver|dreamweaver8|教程|详解

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

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

  今天我们先对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 (+放大该图片)

  四、支持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 (+放大该图片)

  关于XML,大家可能都比较熟悉了,而XSLT则是XML家族的另一种语言,它类似HTML中的CSS,但是比CSS功能要强大的多。它更偏向是一种程序语言,但没有常见程序语言复杂,甚至比js等脚本语言还简单。将XML转换为HTML,是目前XSLT最主要的功能。选择创建XSLT(整页)新项目以后,弹出对话框询问如何定位XML源,可以选择“附加我的计算机或局域网上的本地文件”或“附加互联网上的远端文件”,如图3所示。

图3

  在Dreamweaver8中还提供了一个新的创建范例集“Starter Pages”,我们可以从中选择自己需要设计的风格类型,如图4所示。

图4

[1] [2] [3] [4]  下一页

时间: 2024-09-15 08:35:25

Dreamweaver8 功能详解图文教程的相关文章

微信公众平台开发模式详解图文教程

如果对本篇教程有任何疑问或错漏之处欢迎留言或直接联系我进行更正修改. 开发模式详解图文教程-公众平台发送图文教程"> 首先我们要明确开发模式什么可以做,什么不可以做: 一.开发模式可以实现的功能 可以接收用户发送过来的消息,通过你自己开发的系统把对应内容反馈回去. 可以接收用户发送过来的地理位置,通过地理位置你可以反馈附近餐厅信息或交通信息(例如高德地图) 通过事件推送,可以识别用户对公众帐号订阅和取消订阅操作的情况. 开发模式的接口除了可以反馈图文消息,也可以反馈音频内容给用户. 可以通

彻底掌握IIS6.0功能及应用详解图文教程二第1/4页_服务器

二.配置数据 在IIS 5.0和IIS 4.0中,配置数据库采用二进制文件结构,但IIS 6.0放弃了这一做法.IIS 6.0的配置数据由两个XML文件构成:一个是Metabase.xml,包含IIS 6.0服务器的配置信息:另一个是mbschema.xml,包含配置数据的模式定义.IIS管理器提供了一项新的功能,允许保存配置数据副本,只要右击Web网站,然后选择"所有任务"→"将配置保存到一个文件",然后指定配置数据副本的文件名字和保存路径即可.按照这种方式保存配

MySQL安装详解图文版(V5.5 For Windows)_Mysql

最近在做一个较大并发的项目,尝试了InnoDB的MySQL5.5,30M不到的安装文件,表现丝毫不逊于庞大的Oracle或MSSqlServer.开源.不迷信Linux,相信MySQL在Windows中会得到越来越广泛的应用.整理了之前的一篇文章,希望给入门者有所帮助. 安装环境:Windows Server 2003 [32bit NTFS]版本信息:MySQL 5.5.15 [下载地址:http://dev.mysql.com/downloads/]参考文献:http://dev.mysql

java(jsp)整合discuz同步登录功能详解

 jsp整合discuz同步登录功能详解,Uenter是Comsenz旗下各个产品之间信息直接传递的一个桥梁,通过UCenter站长可以无缝整合Comsenz系列产品,Center拥有机制完善的接口,经过简单修改便可以挂接其它任何平台的第三方的网络应用程序 最近做了一个资源库系统的项目,老师说可以搭建开源论坛替代自己开发社交模块,正好在开源中国上看到了一个利用discuz的UCenter功能实现同步登录的开源项目(https://code.google.com/p/discuz-ucenter-

10个实用的电脑运行命令功能详解

  10个实用的电脑运行命令功能详解 要使用命令操作,最基本的是先需要如何打开运行操作框,主要有2种方法: 1.最快捷方法:使用 Windows + R 组合快捷键,快速呼出命令操作窗口. 2.常用方法:点击桌面左下角的"开始"然后找到并点击打开→"运行". 使用方法,打开命令操作窗口后,只要输入输入命令,然后按回车键或点击"确定"即可允许命名,实现各种功能. 了解如何打开命名操作框之后,接下来就来分享一下实用的命令吧,使用命令可以实现很多功能,

Photoshop液化功能详解与瘦身实作

从基础认识到实作范例,一篇文章就让你学会好玩的液化工具,一起来练习吧 液化功能详解 向前弯曲工具:手指的图示有点像是根据你游标的移动(按住)扭曲,像是咖啡拉花.按住shift在画面上拖曳可以拉出直线. 重建工具:不管经过多少扭曲的效果都能用这个工具矫正回原状. 瞬时针扭转工具:按住可瞬时针扭转像素,按住ALT可以逆时针旋转. 缩拢工具:按住可以将像素往内缩.通常轻点一两下就好啦~我的妈阿!你是谁?? 膨胀工具:和缩拢工具相反,按住可以让像素往外扩张.根本是鱼眼相机哈哈哈. 分类: PS入门教程

用Word的查找替换功能快速给文档分页

从论坛发现了一个很好的教程集,便复制存放在一个文档里,本想打印出来细细品味,但文档中各篇文章首位相接,没有分页,如此草率打印,也未见完美.我大致翻看了一遍,发现文章编排有一个共同规律:都是以"第+中文简体数字+篇"开头,形式如图1. 图1 文档中共有100多篇文章,如果手工分页,那是相当麻烦的.既然有规律,Word的"查找替换"就有用武之地了!下面便是用查找替换对各篇文章进行分页的具体步骤: 1.执行"编辑"→"替换",打开&

用Word查找替换功能快速给文档分页

  从论坛发现了一个很好的教程集,便复制存放在一个文档里,本想打印出来细细品味,但文档中各篇文章首位相接,没有分页,如此草率打印,也未见完美.我大致翻看了一遍,发现文章编排有一个共同规律:都是以"第+中文简体数字+篇"开头,形式如图1. 文档中共有100多篇文章,如果手工分页,那是相当麻烦的.既然有规律,Word的"查找替换"就有用武之地了!下面便是用查找替换对各篇文章进行分页的具体步骤: 1.执行"编辑"→"替换",打开&q

Bkh1.1.5建站系统功能概述与功能详解_常用工具

Bkh1.1.5功能详解 目录 一.    Bkh1.1.5建站系统功能概述.... 3 二.    注册用户功能详解.... 4 1.     注册用户功能概述... 4 2.     怎样注册成为一个站点的用户... 4 3.     登陆站点找到管理菜单... 5 4.     用户设置功能... 6 5.     我的文件库功能... 9 6.     我自己的站点... 9 7.     我加入的站点... 12 8.     我拥有的角色... 13 9.     我的博客... 1