教程/dreamweaver/提高 体验DW MX 2004 CSS新功能

css|dreamweaver|教程

 CSS是制作网页效果必不可少的东西,字体的颜色定义、表格的样式定义、图片的特效等等都少不了它。但在Dreamweaver的早期版本中CSS的编辑功能并不是很强大,有时候不得不借助一些类似于TopStyle的第三方工具来完成CSS的编写。
  现在有了Dreamweaver MX 2004(简称DW MX 2004),情况就完全不同了!

  首先我们给页面链接一个已经编写好的CSS文件,这里的操作与老版本Dreamweaver的方法是相同的(图1)。

  链接好后,和老版本不同的地方就出来了:从页面属性对话框中的Style、Class里可以预览设置CSS风格的效果(图2)。原来DW MX 2004已经学习了TopStyle的特点:对于表格定义,CSS效果会在Class中预览,而对于行、列以及文字CSS特效则在Style中出现,这样大大提高了效率。

  通过新的CSS功能,还可以很方便地控制页面所有色彩的调用以及效果的实施,整个页面的转换界面、风格也不会像以前那样复杂了。一个表格的三个不同的风格完全是通过DW MX 2004 的CSS编辑功能,在几分钟内完成的!

时间: 2024-12-27 19:06:06

教程/dreamweaver/提高 体验DW MX 2004 CSS新功能的相关文章

教程/dreamweaver/技巧 去除DW MX 2004表格宽度辅助

dreamweaver|技巧|教程  Dreamweaver MX 2004新增加了表格宽度辅助线功能,让我们在编辑网页表格的时候能清楚地看到表格中各单元的宽度以及变化,很直观. 但是如果我们不想让Dreamweaver MX 2004自动显示宽度辅助线,该怎么办呢?下面介绍三种办法. 取消表格宽度辅助线显示以后,如果想再次显示,只要按方法二.三设置好"表格宽度"显示即可. 方法一 选中表格,点击宽度辅助线数字和小三角形,从菜单中选择"隐藏表格宽度". 方法二 点击

体验Fireworks MX 2004绘图新功能

Fireworks MX 2004为我们带来的新工具有消除红眼.替换色彩.多样式绘图工具.箭头命令.Shape图形工具等等,特效包括增强的模糊效果.添加杂色.多填充样式效果.系统反锯齿和自定义反锯齿等等.我们将在新体验的旅程中亲身感受这些新功能,下面我们就出发吧! 一.移除红眼 移除红眼功能是2004版本中新增的一个功能,主要是为了使Fireworks能处理时下流行的数码相片的工作.下面我们来处理一张有红眼的数码相片. 首先在Fireworks MX 2004中导入一张相片图片,这张相片中的猴子

Fireworks MX 2004绘图新功能:颜色替换

颜色替换    Fireworks MX 2004版本最大的一个特点是提供了颜色替换工具,如图1. 图1         下面我们来试一试这个新功能,打开一张盛开的鲜花的图片,如图2. 图2     我们将这紫红色鲜花,部分花瓣的颜色替换成其他的色彩.使用替换色彩工具,然后在属性面板中设定工具的形状为圆形,大小为20,容差为255,压力为200.特别注意的是我们要设定将图片中的哪种颜色,替换成哪种颜色,这里将Change中准备替换的颜色设定为紫红色(用墨水笔在图片的花瓣上取色),在To替换后的颜

教程/dreamweaver/提高 细品DW MX 2004表格设计

dreamweaver|教程|设计 Dreamweaver MX 2004的强大功能以及更加完善的人性化设置已经深受大家喜爱.在此笔者就谈谈该软件新版本中的表格设计. 表格在网页中的重要性不言而喻:网页的框架.结构都要通过合理的表格布局来完成和实现. 在Dreamweaver MX2004中(以下简称DW MX 2004),插入表格的界面和以前的对话框已经起了很大的变化(图1). 其中的Table Size虽然变化不大,但是下边新增加的功能着实方便了不少:例如新增加的表格标题.布局功能以及附加信

教程/dreamweaver/提高 DW MX 2004新功能:加密FTP

dreamweaver|加密|教程 今天我们来一起看看Dreamweaver MX 2004在加密FTP 传送 方面的新功能. 我们一般在做FTP文件传送的时候,默认情况下传送过程是公开的,即我们FTP的用户名和密码都是可见的.这样在网络上传输缺乏安全性, Dreamweaver MX 2004 的FTP功能对此作了修改,增加了SFTP传送功能,即上传下载站点文件时可以有效保护FTP用户名.密码,保障网络传输的安全性.如图8 图8 关于这项功能需要注意:在实践过程中,如果你的网站服务器没有开通"

Dreamweaver MX 2004 CSS使用教程概述

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 一.CSS概述 如今网页的排版格式越来越复杂,很多效果需要通过CSS来实现,Dreamweaver MX 2004在CSS功能设计上做了很大的改进.今天给大家具体谈谈如何使用Dreamweaver MX 2004 CSS功能,我相信当你看完这个教程之后你会觉得CSS使用是那样的简单,而创作出来的效果却是惊人的. 现代网页制作离不开 CSS技术,采用CSS技术,可以有效地对页面的布局.字体.颜色.背景和其它效果实现更加

Dreamweaver MX 2004 CSS使用教程之滤镜介绍2

css|dreamweaver|教程|滤镜 本站原创内容,转载请注明出处网页教学网. 十一.CSS 滤境的详细介绍2 GLOW 属性 [glow属性]对象应用glow 滤镜后,这个对象的边缘就会产生类似发光的效果,这种效果在图像处理软件中做起来比较麻烦,而在DW MX 2004中用CSS的"glow"滤镜来制作却是很简单,而且节约不少字节. "glow"滤镜只有两个参数,一个是"color"是指定发光的颜色,另一个参数是 "streng

Dreamweaver MX 2004 CSS使用教程之边框属性

css|dreamweaver|教程 本站原创内容,转载请注明出处网页教学网. 六.定义 CSS 样式边框属性 使用"CSS 样式定义"对话框的"边框"类别可以定义元素周围的边框的设置(如宽度.颜色和样式). 设置边框样式:在"CSS 样式定义"对话框中,选择"边框"(如下图),然后设置所需的样式属性. 请注意:下列任意属性如果您认为不重要可以保留为空. 样式:设置边框的样式外观.样式的显示方式取决于浏览器.DW MX 200

Dreamweaver MX 2004 CSS使用教程

css|dreamweaver|教程 1.Dreamweaver MX 2004 CSS使用教程之滤镜介绍2 [2005-03-06]     2.Dreamweaver MX 2004 CSS使用教程之CSS滤镜介绍 [2005-03-06]     3.Dreamweaver MX 2004 CSS使用教程之CSS扩展属性 [2005-03-06]     4.Dreamweaver MX 2004 CSS使用教程之CSS定位属性 [2005-03-06]     5.Dreamweaver