A.专业网站制作,为您打造一流网上家园
B.本频道广告招租,详情点击>>>
资讯 IT首页 IT 饮食 资 讯 整机硬件 笔记本 数 码 下 载 教 程 论 坛
会员注册 | 会员登录 | 我要投稿 | 信息订阅  
开始日期: 结束日期:
当前位置: 首页 >> 新闻系统 >> 芜湖电脑IT频道 >> 芜湖电脑学院 >> Dreamweaver >> 正文
通过Dreamweaver设计网页时组织CSS的建议
http://www.my0553.com 来源: 添加时间:07-08-21

一般地讲,样式表(style sheet)就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS:

代码式(Inline):写入到代码中的一次性的样式。
内嵌式(Embedded):可控制一个页面中所有元素的样式表
外联式(External):可控制许多页面中的元素的样式表

事实上,许多站点都根据需要把这三种方式结合起来使用。

在使用CSS时一个需要重点考虑的事实是不同的浏览器以及同一浏览器的不同版本以不同的方式来解析CSS。除了网络浏览器的差异之外,你还要意识到还有很多其他的浏览器,比如听力浏览器,基于电视的浏览器以及Palm pilot和TTY(teletypewriter,远程打字机)一类的手持设备。

最佳习惯是指什么?

大多数技术都有自己约定俗成的标准。CSS也不例外。虽然并非网络上存在的所有CSS都很规范,但按照现有标准来使用CSS却还是不无裨益的。一般来说,开发人员应尽可能将内容与报告分离开来。这样做的好处在于:

1:增加站点的寿命

不规范的样式表可能在当时觉得很方便,但新版本的浏览器出来以后,很可能就会出现兼容性问题。到时逐页修改站点就是一项非常费时的工作同时也使使用CSS失去了意义。

2:让你的站点对所有的用户以及浏览器都适用。

有些地方的政府已经立法要求网站必须让残障人士也同样可以浏览。为残障认识设计的浏览设备,比如听力浏览器,对CSS规范性要求极其严格。

3:让站点更新和维护更加轻松。

使用方式得当的话,CSS可让你在一个页面中的调整快速应用到所有页面中去。

你首先要做的选择是使用哪一种样式表。当涉及到最佳习惯时,对不同样式表的分析如下:

Inline CSS;简单地说,你应该尽量避免使用。除了一些其他的缺点之外,使用Inline CSS意味着你并没有利用到CSS的真正优点,即你并没有将内容与格式分离开。DW使用Inline CSS主要是为了定位页面元素(这些元素在DW的用户界面中称为“层(layer)”),或者为了使用某个DHTML特效,它需要使用Inline 样式的Javascript来改变一个对象的属性。

Embedded CSS:它也不是最理想的,因为它只能对当前页面施加影响。在更新的过程中,如果某一个页面丢失,将会使站点的风格不一致;另外,当用户浏览你的站点时,每一页都要下载一次样式表信息。

External CSS:这是你的第一选择。External CSS可以让所有连接到它的页面保持一致的外观风格;提纲挈领,更改一次,轻松更新所有相关页面;让你的页面体积更小,浏览速度更快。其他的一些最佳习惯将在下文分析具体的CSS特性时提及。

在DW中创建CSS样式表

在DW中创建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

9 7 3 1 2 4 8 :
上一篇:
下一篇:
  推 荐 教 程
·Fireworks教程:绘制性感CG美女教程
·Fireworks教程:光芒四射之殊途同归
·Fireworks利用渐变工具简单的处理图片
·充分利用Dreamweaver CS3的代码片断功能面板
·用Dreamweaver8学习网页滚动字幕的制作
·入门:充分利用Dreamweaver8中的查找替换技
·极致男性商务!linux系统i858跌破3K
·新机上市的信号 佳能全画幅单反5D再降
·少花钱多办事 带广角性能的长焦DC推荐
·精挑细选 八百万像素数码相机还能买吗
  热 点 下 载
·MP3/AVI/MPEG/WMV/RM to Audio C
·AAA PDF Password Remover 2.0 英
·NetAdjust Anonymous Proxy V5.2
·CountryWhois V1.1.23
·SK魔兽录像分析器 V1.3 SP1 简体
·快车FlashGet 
·Apex Video Converter Super v5.
·PPMate网络电视 V2.3.1.56
·CD Archiver V4.1.2729.31.387
·旋转矩阵缩水专家 V2.5 Build 06
·英语口语露天沙龙(免费)
设为首页 | 加入收藏 | 关于我们 | 网站地图 | 网站大事记 | 人才招聘 | 广告服务 | 版权声明 | 网站律师 | 联系我们
芜湖人家   版权所有:芜湖人家网 Copyright my0553.com
Netscape6.0、IE5.0以上版本浏览器和中文大字符集
网页设计、系统集成:鸠兹工作室