论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > div+css布局教程
Tag:css,入门,技巧,div,实例,示例,菜单,布局,web2.0,ul,li,经验,列表,web标准,xhtml,web标准,浏览器,兼容,css hack,表格,视频教程

{WEB标准}DreamweaverCS3体验1

文章类别:div+css布局 | 发表日期:2008-9-26 11:53:05

群里St.Pont今天给我传来了DW3测试版。大小280M! 安装过程非常漫长,估计是公司给我的电脑太慢了。安装以后一共有5个应用程序分别是:
DeviceCentral.exe
Bridge.exe
Dreamweaver.exe
ExtendScript Toolkit 2.exe
Extension Manager.exe

除了ExtendScript Toolkit 2.exe 没有打开测试过以外,其他都测试过。
DeviceCentral.exe 手机预览器,提供了多种市面上品牌的手机测试,有爱好的可以把自己的网站放在手机预览器里面测试下。DW9下快速手机预览快捷键ctrl alt F12。
Bridge.exe 这个不用解释,PS CS2 里面就有的。
Extension Manager.exe 这个组建治理器,没有什么变化。

另外一贯的圆型图标该成了方形的。第一估计是转到了ADOBE 下面,抛弃了以前老公司的设计,另外我想DW3也是想展示DIV CSS 所以把图片换成方形的,有点像一个DIV盒子。

安装过程没什么变化,只是安装默认建立的不再是以前公司的文件夹而是和 PS AI 放在一起的ADOBE文件夹下面。

安装后打开,自动会添加DW8 里面的所有设置好的站点。

新建文件的时候默认的模板都是CSS div布局,不再是以前的table布局了。

插入菜单
以前的默认布局方式 表格已经被排挤掉了。保留了扩展布局模式,不过当表格已经被排挤,扩展模式成了鸡肋。

另外对CSS 的显示已经接近完善了。不再会出现 浏览器和 可视窗口完全显示不一样的情况了。

整体的CSS 字体换成了 “微软雅黑” 应该是为了迎合新系统而该的,但是菜单和一些基本地方还是用了原始字体。

以下是网上关于DW3 的新功能描述,虽然我有点看不懂,甚至有的根本用不到,不过还是帖出来:

Dreamweaver CS3中提供称为Spry的Ajax框架,使用它可以可视化地设计和开发动态用户界面。与其他Ajax框架不同,Spry同时适用于设计师和开发人员。这意味着任何人都可以创建更丰富的Web用户体验,而无需进行复杂的编程。

通过使用Spry程序可以方便地向网页中加入通用的用户界面。这些预置的程序可以使用CSS进行定制,然后加入到网页中。包括XML驱动的列表和表格,分页界面以及表单元素的验证等内容。Spry使创建和向网页中加入高级界面元素更加轻易。

Spry还包括一组特效,它能使页面元素产生各种动态的视觉效果。Spry特效几乎可以应用于HTML页面中的任何元素。使用这些特效可以使网页元素发光、缩小、淡化、高光等等。Spry特效完全不需要任何服务器端的逻辑和脚本支持。

在Dreamweaver CS3中,可以方便地从Photoshop中复制和粘贴内容。设计师可以简单地在Photoshop的设计图中选择任何部分,甚至跨多层选择,然后直接粘贴到Dreamweaver的设计页面中。

Dreamweaver CS3的浏览器兼容性检查功能帮助用户方便地识别不同浏览器之间的区别,这样就可以创建出兼容各种浏览器的漂亮网页。浏览器兼容性检查功能将为页面提供一个结果报告,指出页面在浏览器兼容性方面存在的内容。同时,还会链接到Adobe CSS建议网站中针对该问题的解决方案页面。在代码试图中,具体问题将会用绿色的下划线标示,这样用户就可以知道问题的精确位置。

Adobe的CSS建议网站为浏览器兼容性问题提供解决方案,包括在Dreamweaver CS3中的浏览器兼容性检查功能识别出来的问题。由Dreamweaver用户社区维护的CSS建议网站提供最新的关于浏览器问题的有益的信息,以及很多方案、技巧和建议。用户可以提交自己的问题和解决方案,或者对其他用户的内容发表评论或评级。

CSS布局可以帮助用户快速起步,在进行页面布局设计的同时学习CSS。Dreamweaver CS3 提供全面的预置布局模版,包括单列、双列或三列的布局设计。代码的行内扩展帮助可以对布局进行说明,从而帮助用户扩展CSS的知识。选择一个预置的CSS布局以后,用户还可以对它进行定制以满足自己的需要。

Dreamweaver CS3 的CSS治理功能可以使用户方便地把CSS规则放到他希望的地方。在文档之间移动CSS规则,从文档头移动到外部CSS样式表文件,从一个外部样式表文件移动另一个文件中,等等。也可以将内联式的CSS转换为CSS规则,并把他们放到需要的地方,这一切都仅通过拖放操作就可以轻松实现。

Adobe 设备中心CS3也是Dreamweaver CS3的一部分。通过内置的移动设备模板,和随时更新的设备参数文件,可以化简移动内容的创建过程。设备中心显示移动HTML内容并,可以使用设备模板的按钮来滚动显示。“小屏幕渲染”模式把文本和图像缩小,从而可以逼真地模拟这些内容在设备上的真实显示效果。

Adobe Bridge CS3 通过元数据标签和搜索,为访问治理文件、应用程序和设置提供了中心控制。它也为访问Adobe Stock服务提供了支持。Adobe Bridge提供了更有效的创意工作流程,一切资源都在用户指尖,使他们对他们的移动项目尽在把握。


值得注重的是 安装了DW9 以后 不能把DW9 和DW8 同时打开。 假如DW9 在运行,那么在去打开DW8 会自动的切换到DW9。
视频教程列表
文章教程搜索
 
div+css推荐教程
div+css热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058