给在DreamWeaver编写CSS的人一些习惯建议(2)

作者:tyhouse 来源:两个人的城市 时间:2007-12-25 12:10:00 

在DW MX中创建CSS样式表

在DW MX中创建CSS样式表时(Text 》CSS Style 》New style sheet),在弹出的对话框中,你有两个选择:新样式表文档(New Style Sheet File) 和只用于当前页(This Document Only)。选中“New Style Sheet File ”你就开始了创建External CSS的过程。这个选项要求你在真正的创建过程之前先命名样式表并为它选定一个保存位置;另外一个选项,This Document Only,则会直接把相关代码写入到页面的部分。

你也可以在“新样式(New style)”对话框中选择一个现存的样式表来编辑或添加新的定义。

应该连接到External CSS还是导入?

创建外部样式表以后,你需要把它附加在每个页面上(或是模板)。要这样做,可以在CSS面板上淡季“附加样式表(Attach Style Sheet)”按纽,此时会弹出连接外部样式表 (Link External Style Sheet)对话框,在上面可以浏览到你的目标样式表的名字,找到以后,你可以选择连接(link) 或者导入(import )此外部样式表。

连接是最常用的方式,选择“link”即可把样式表连接到页面。它会在你的页面中加入下面的标记:

所有支持CSS的浏览器都支持连接选项。如果你想一些比较旧的浏览器(比如Netscape 4.x)也能“看到”这个样式表的话,就要采用下面的方法。

如果你选择“导入”选项,所用的标记为:

NetSscape4会完全忽略导入的CSS,而按照连接的CSS来解释页面。这样我们就可以放心使用CSS中的新功能,不必担心浏览器的兼容性问题了。

CSS属性检查器

在DW MX的属性检查器中可以轻易切换到CSS模式。缺省情况下,属性检查器会显示原始的HTML模式下字体标签。点击字体下拉菜单旁边的小“A”,你就可以看到目前可用的CSS样式表,而不是字体标签列表。

同时,你也可以轻松切回到HTML模式。
  现成的CSS样式表

DW MX中一个令人激动的CSS特性就是它包含了已制作好的CSS样式表。CSS的新用户可以先体验一下。选择File > New,在弹出的新文档对话框中选择选中CSS style sheets,在右边的方框中会出现所有可用的CSS列表。为了实践我们所说的最佳习惯,选择一个标记为“Accessible”的。

将文档保存在站点文件夹内,然后就可以用上述的方法来把CSS附加在你的文档中了。

设计时间样式表(Design Time style sheets)

DW MX的这一特性可以让你在设计视图下工作时将样式表应用到页面,让你对站点的外观有一个更直观的认识。设计时间样式表将不会出现在站点内。从我们的最佳习惯的观点来讲,这一特性是非常有用的。如果你使用同时导入和连接两种方式(如上所述),附加设计时间样式表可以让你使用其中的任何一个来开发站点。当你想看在另一个样式表下页面外观如何时,你可以轻松更改为另一个样式表。

对于要将CSS应用于服务器端(比如ASP, PHP, or ColdFusion)或是要在客户端通过&#106avascript来存取的开发者来说,设计时间样式表同样有用。服务器端样式表也是处理客户端浏览器对CSS支持不好的又一种方式。但在以前版本的DW中,这种方式却不能让你在设计阶段查看CSS的实际效果。设计时间样式表让你实时查看样式表效果,所以你可在DW MX中以可视界面工作。另外一个好处就是当你上传站点文件时,你不必再检查整个站点寻找冗余的样式表了。

验证
  无论你是自己创建样式表还是编辑现有的样式表,验证可以确保你不会误用不标准的标签或错误的代码。DW MX本身不包含CSS验证程序,你可以使用W3C站点提供的验证服务。在DW MX内你可以验证HTML 或DHTML标签( File > Check Page > Validate Markup (for HTML) 或 File > Check Page > Validate as XML for XHTML.)。在开发基于CSS的站点时,DW MX提供了很多辅助工具。有了MW MX的帮助,再加上对CSS良好的理解,你就可以开发出能经受时间考验的站点了。

标签:DreamWeaver,css
0
投稿

猜你喜欢

  • 浅谈python 导入模块和解决文件句柄找不到问题

    2023-12-07 03:40:07
  • Python全栈之递归函数

    2021-04-05 16:44:54
  • python使用python-pptx删除ppt某页实例

    2022-10-23 16:19:59
  • python实现基于朴素贝叶斯的垃圾分类算法

    2021-01-18 16:46:06
  • 在thinkphp5.0路径中实现去除index.php的方式

    2024-05-11 09:54:34
  • 深入解析Python小白学习【操作列表】

    2023-02-18 03:48:07
  • 优化MySQL数据库中的查询语句详解

    2024-01-21 06:17:06
  • nditer—numpy.ndarray 多维数组的迭代操作

    2023-10-20 20:21:10
  • 浅谈python中统计计数的几种方法和Counter详解

    2023-02-22 12:24:01
  • 关于Python中request发送post请求传递json参数的问题

    2022-12-23 06:20:33
  • php二分查找二种实现示例

    2023-11-21 00:40:13
  • Python使用ctypes调用C/C++的方法

    2023-09-01 21:27:47
  • python人工智能tensorflow函数tf.layers.dense使用方法

    2022-03-09 21:52:34
  • 框架布局慎用元素

    2008-12-21 16:33:00
  • 利用Python实现绘制论文中的曲线图

    2022-12-14 12:04:37
  • Go语言map元素的删除和清空

    2024-02-05 10:42:25
  • Python多线程编程(八):使用Event实现线程间通信

    2023-05-07 15:25:50
  • Python 多继承中的一个诡异现象 既是 Father又是grandfather

    2023-02-06 10:24:34
  • 基于mysq字段选择的详解

    2024-01-23 20:11:20
  • 两个asp函数实现javascript的escape函数和unescape函数功能

    2009-02-04 15:47:00
  • asp之家 网络编程 m.aspxhome.com