转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
体验Adobe Dreamweaver CS3新特性         ★★★★

体验Adobe Dreamweaver CS3新特性

作者:闵涛 文章来源:闵涛的学习笔记 点击数:989 更新时间:2009/4/23 12:36:29
GoLiver和Dreamweaver同为网页设计工具,目前Adobe 发布了Dreamweaver CS3新版本,让我们看看加入Adobe大家庭的Dreamweaver有什么新特性。

  Dreamweaver 8的CSS设计工具对于那些没有任何编程经验,设计背景出身的用户而言仍然遥不可及。Dreamweaver CS3则修正了这些问题,对于没有太多编程经验的人来说,上手起来也比较容易。然而由于CSS和Ajax自身所含有的复杂因素等问题,导致使用这两种技术绝非像使用老掉牙的HTML进行网页设计那样简单。

  和Fireworks一样,Adobe公司并没有对Dreamweaver的界面进行升级,这导致Dreamweaver成为Adobe与Macromedia的众多联合设计软件中最易使用户手忙脚乱的软件之一。

  适合于 Ajax 的 Spry 框架
  使用适合于 Ajax 的 Spry 框架, 以可视方式设计、开发和部署动态用户界面。 在减少页面刷新的同时, 增加交互性、速度和可用性。

  Spry 数据
  使用 XML 从 RSS 服务或数据库将数据集成到 Web 页中。集成的数据很容易进行排序和过滤。

  Spry 窗口组件
  借助来自适合于 Ajax 的 Spry 框架的窗口组件, 轻松地将常见界面组件 (如列表、表格、选项卡、表单验证和可重复区域) 添加到 Web 页中。

  Spry 效果
  借助适合于 Ajax 的 Spry 效果, 轻松地向页面元素添加视觉过渡, 以使它们扩大选取、收缩、渐隐、高光等等。

  Adobe Photoshop 和 Fireworks 集成
  直接从 Adobe Photoshop CS3 或 Fireworks CS3 复制和粘贴到 Dreamweaver CS3 中以利用来自您的已完成项目中的原型的资源。

  浏览器兼容性检查
  借助全新的浏览器兼容性检查, 节省时间并确保跨浏览器和操作系统的更加一致的体验。生成识别各种浏览器中与 CSS 相关的问题的报告, 而不需要启动浏览器。

  CSS Advisor 网站
  借助全新的 CSS Advisor 网站 (具有丰富的用户提供的解决方案和见解的一个在线社区), 查找浏览器特定 CSS 问题的快速解决方案。

  CSS 布局
  借助全新的 CSS 布局, 将 CSS 轻松合并到您的项目中。在每个模板中都有大量的注释解释布局, 这样初级和中级设计人员可以快速学会。可以为您的项目自定义每个模板。

  CSS 管理
  轻松移动 CSS 代码: 从行中到标题, 从标题到外部表, 从文档到文档, 或在外部表之间。清除较旧页面中的现有 CSS 从未像现在这样容易。

  Adobe Device Central CS3
  使用 Adobe Device Central (现在已集成到整个 Adobe Creative Suite® 3 中), 设计、预览和测试移动设备内容。

   图解Dreamweaver CS3新特性

  CS3中的CSS

  现今,几乎所有的网站都使用了CSS——它使设计师和开发者们从以往复杂的表格、框架布局中解脱了出来。但是,事物总是两面性的,作为一种代码,比起HTML,它就复杂的太多。

  为了帮助一些新手能尽管适应CSS,Dreamweaver CS3的新增文档会话功能为用户提供了一系列可供选择的以CSS为基础的版式:从可添加工具条、页眉、页脚的模板到标准的空白页。


  在编写完成的CSS代码中,每个要素可以使用反灰色的描述语句来标注,在这些标记中也包括一些常用技巧,经验丰富的编程人员往往将它们隐藏。在CSS面板中你可以看到所有现存元素的属性,而且现在你可以使用“助手”将此CSS样式赋值给其他的(现存或新建的)样式表。

  Spry框架

  在Web 2.0的大背景下,Ajax Spry框架是Adobe推出的核心布局框架技术。Ajax允许页面的局部领域被刷新,提高了站点的易用性。Spry应用了少量的JavaScript 和 XML,但是Adobe称Spry 框架是以HTML为中心,具有HTML、CSS、Javascript基础知识的用户就可以方便的部署。这个框架设计的宗旨就是标记尽量简单,Javascript使用尽量的少。任何做WEB设计开发的人都可以选择Spry 框架。

  在Dreamweaver CS3中,Adobe添加了一系列预制的组件,帮助用户更加轻松快捷地构建AJAX页面。这些组件包括data widgets,如XML 数据集(data sets)、表格、确认窗口部件(validation widgets)用户界面窗口部件(user interface widgets):如菜单工具条和折叠显示(accordions)。不擅长编程的人员可以通过修正它们来制作页面,而那些新手或是对编程提不起兴趣的人士,也可自行将它们集成到自己的页面中去。

  此外,软件还提供有Spry效果库,即便你手中处理的并非是数据型站点,你也可以使用它。无需刷新,这些“可视渐变”能够实现页面淡出、收缩、伸张、突出显示等效果。

  和IE说拜拜

  Dreamweaver自带的网页测试系统现包含了一个浏览器兼容性检测功能,它的设计宗旨是为了帮助你处理一些特殊网页——含bug的网页、非标准格式的网页,不论你使用的是何种浏览器。

  每隔一段时间,它都会自动更新问题库,并根据此库的信息对页面进行检测,并告知用户Adobe是否已对此问题作出修正。


[网页制作]Dreamweaver MX打造弹出“向导”  [网页制作]使FrontPage与Dreamweaver亲密合作
[网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(2)  [网页制作]Fireworks/Dreamweaver双剑合壁造弹出菜单(1)
[网页制作]Dreamweaver CS3集成Spry效果试用  [网页制作]Dreamweaver cs3 彩蛋
[网页制作]Dreamweaver 批量做web网页  [网页制作]Dreamweaver MX进阶教程:制作虚线
[网页制作]Dreamweaver MX建站攻略:创建样式表  [网页制作]Dreamweaver CS3 Beta界面功能大曝光
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台