在DW中编写CSS人的几点建议
CSS是改变网页设计过程。迎合设计师往往是CSS的日益增长的需求,Macromedia
在Dreamweaver中编写CSS是不提倡的。然而,由于它的可视化和简单操作,许多朋友仍在使用,并在今天列出了一些。帮助这些朋友是最好的习惯。
CSS是改变网页设计过程中,为了迎合CSS设计师的需求日益增长,Macromedia DW MX引入了一些新的和改进的CSS相关的功能,这些新功能,你可以计划未来的更新和发展与W3C标准兼容的网站。这篇文章讨论了在DW MX中使用CSS的一些建议和突出一个特定的CSS特征。
一般来说,样式表是一组格式化的规则来控制网页的内容外观。你可以用三种不同的方式在页面中使用CSS:
代码(内联):在代码中写入的一次性样式。
嵌入式:一个控制所有页面中的元素的样式表
外部:一个多页控件的元素的样式表
事实上,许多网站根据需要将这三种方式结合在一起。
在使用CSS的最重要的考虑因素之一是,不同的浏览器和不同版本的浏览器解析CSS的方式不同。除了Web浏览器之间的差异,你也应该意识到还有很多其他的浏览器,如听力浏览器,基于电视的浏览器,和Palm Pilot和TTY(电传打字机手持设备,远程打字机)。
什么是最好的习惯
大部分的技术都有自己的standard.css也不例外。虽然不是所有网络上现有的CSS是非常标准的,它是有益的使用现有的标准使用CSS。一般来说,开发商应该单独的内容从报告尽可能。这样做的好处是:
1:提高网站的使用寿命
非标准样式表可以很方便的时候,但在浏览器的新版本出来,很可能会有兼容性问题。通过页面改变网站页面,同时是一个非常耗时的工作,这也使得它使用CSS毫无意义。
2:让你的站点适用于所有用户和浏览器。
在一些地方,政府已经立法规定,网站必须允许残疾人以同样的方式浏览。为残疾人设计的浏览设备,如听力浏览器,对CSS规范非常严格。
3:更新和维护站点更容易。
如果你正确地使用它,CSS允许你在一页中快速调整页面。
你要做的第一个选择是使用哪种样式表。当谈到最佳习惯时,对不同样式表的分析如下:
内联CSS;在一个简单的方法,你应该尽量避免使用它。除了一些其他的缺点,使用内联CSS意味着你不要利用CSS的真正优势,你不该内容从format.dw MX内联CSS分裂是定位网页元素(这些元素在DW MX的用户界面,称为层(层);),或使用DHTML属性的影响,它需要内联样式# 106avascript改变对象的使用。
嵌入式CSS:它不是最理想的,因为它只能影响当前页面。在更新过程中,如果页面丢失,会使站点的样式不一致。此外,当用户浏览你的网站,你可以下载在每一页的样式表的信息。
外部CSS:这是你的首选。外部CSS可以使所有的页面连接保持一致的外观风格;突出显示,改变时间,轻松更新所有相关页面;使页面更小,浏览速度更快。
在DW MX中创建CSS样式表
在DW MX创建CSS样式表的时候,(文本、CSS样式,新样式表),在弹出的对话框中,你有两种选择:新的样式表文件(新风格)和当前页面,选择新建样式表文件;你开始创建外部CSS的过程。此选项要求您名字的样式表并选择保存位置为它真正的创造过程。另一个选项,这个文档只会直接将相关的代码写到页面部分。
你也可以选择在现有的样式表;新风格(新风格)编辑对话框中添加新的定义。
我们应该连接到外部CSS还是导入
在创建外部样式表,你需要将它附加到每个网页(或模板)。这样做,可以在CSS面板淡季附加样式表(附加样式表)这个按钮会弹出链接到外部样式表(链接外部样式表)在上面的对话框,你可以去你的目标样式表的名字,你会发现,选择连接或进口(链接)(进口)的外部样式表。
选择连接是最常见的方式;link你可以将样式表的网页,它将添加以下标记你的页面。
所有的浏览器都支持CSS支持的连接选项。如果你想要一些老的浏览器(如Netscape 4。x),你也可以看到;;样式表将使用以下方法。
如果您选择导入选项,所使用的标记是:
NetSscape4会会完全忽略导入的CSS和根据连接的CSS解释页面。这样,我们可以放心的新功能在使用CSS,而不用担心浏览器的兼容性。
CSS属性检查器
它可以很容易地切换到DW MX的属性检查器CSS模式。默认情况下,属性检查器在原来的HTML模式显示字体标签。点击字体下拉菜单旁边的小A你可以看到可用的CSS样式表,而不是字体标签列表。
同时,您可以轻松地返回到HTML模式。
现成的CSS样式表
在DW MX中一个令人兴奋的CSS的特点是,它包含一个好的CSS样式表CSS的新用户可以体验它。选择文件>新建,选择弹出新建文件对话框的CSS样式表,和所有可用的CSS列表将出现在右侧的框中。为了实践最好的习惯,我们说,选择标记;Accessible
将文档保存在站点文件夹中,然后用上述方法将CSS添加到文档中。
Design time stylesheet (Design Time style sheets)
此功能允许您应用DW MX样式表的网页在设计视图中工作时,让你有一个更直观的了解网站的外观,设计时间样式表将不会出现在现场。从我们最好的习惯来看,这个功能是非常有用的,如果你使用进口同时连接两种方式(如上所述),额外的设计时间样式表允许你使用任何他们开发网站。当你想看的页面看起来在另一个样式表,你可以很容易地改变到另一个样式表。
应用CSS服务器(如ASP、PHP或ColdFusion)或客户端通过# 106avascript访问开发商、设计时间样式表也是有用的。服务器端样式表也是另一种方式来处理客户端的浏览器不支持CSS,但在DW以前的版本中,这种方式不让你看到CSS在设计阶段的实际效果。设计时间样式表允许您实时查看样式表的效果,所以你可以在DW MX的视觉界面的工作。另一个优点是,当你上传网站文件,你不需要检查一个冗余的样式表整个网站。
验证
无论你创建一个样式表自己或编辑现有的样式表,验证确保你不使用非标准的标签或错误的code.dw MX本身不包含CSS验证器,你可以使用W3C网站提供的认证服务。在DW MX,您可以验证HTML、DHTML标签(文件>检查页>验证标记(HTML)或标记> < 0。当开发一个基于CSS的网站,DW MX提供了一些辅助工具。随着MW MX的帮助,再加上一个很好的了解CSS,你可以建立一个网站,能够经得起时间的考验。