2

布局和内容的分离是 CSS 和 HTML 的领域 - 到目前为止很好理解。现在关于分离...

我正在寻找提示和最佳实践来开始为内容管理系统提供“皮肤”或“主题”的任务。

背景:

我们开始采用 Portal Server/Content Management System 并开始改变外观以符合我们的需求。

到目前为止,我们的设计师主要使用对 HTML 和 CSS 的完全控制,调整其中任何一个以获得像素完美的布局。随着 cms 的采用,有很多预先创建的 HTML(非常语义化,几乎没有表格 :) 需要使用 CSS 和图像进行蒙皮。尽管可以更改 HTML 片段,但我宁愿仅在不得已的情况下才这样做。

由于这提供了“如何开始”的挑战,我的问题是关于如何进行的任何提示或可以帮助管理或组织此任务的文章 - 例如设计中的最佳实践,如何分割此任务或使用什么工具。

将动态生成的页面保存到磁盘并在本地进行更改似乎是一种不好的做法。这对于 CSS 文件来说是可以的,但是对 HTML 元素的更改必须修改为生成它们的片段。如果可能的话,我想把它排除在设计师的范围之外。此外,Dreamweaver(或任何类似工具)对 HTML 结构进行隐式调整的想法让我感到恐惧。

对于好奇的人:提到的 CMS/Portalserver 是Liferay,但问题实际上与语言和工具无关。

编辑:FireBug(正如 Josh 建议的那样)非常适合尝试对 css 进行即时更改。还有更多——无论是在工具领域还是在流程和自组织领域?

4

3 回答 3

2

如果您正在寻找分离样式和内容的实际示例,那么我建议您使用CSS Zen Garden。浏览 HTML 和 CSS 具有启发性和启发性,应该对您正在尝试做的事情有所帮助。

我的 #1 提示是让一切尽可能语义化,并使用大量的类和 id 来挂钩你的样式。

于 2008-10-12T20:04:03.980 回答
1

通常,每当我遇到这样的情况时,我都会在 FireFox 中打开页面,使用 FireBug 检查不同的元素,并准确查看它们应用了哪些 css。然后我只是修改现有的 css,直到我得到我喜欢的。您甚至可以在 firebug 中玩耍并修改 CSS,而无需“保存”这些更改。

于 2008-10-10T12:51:10.533 回答
0

看看CSS Tidy,我们通常使用它来清理 CSS 并重新组织用于开发和生产。但是,我个人更喜欢在使用它之前手动编写 HTML/CSS。我猜这只是个人喜好的问题。

于 2008-10-12T20:11:19.863 回答