如何为非设计者生成CSS标记

时间:2009-04-03 17:55:41

标签: css internet-explorer-6

确定,

我的任务是将工作中的站点从基于表格的布局移植/转换/升级到基于CSS的布局。该网站非常典型,它有一个标题,导航栏(标题宽度),左列,主列,后跟页脚。

一个问题是我们的企业网络标准是IE6。我们很快就会部署IE7,但目前IE6是我的目标。我使用的是Firefox,但我的用户没有,所以它无济于事。

昨天我确实在网上找到了SuperPreview,这对我来说非常有帮助,但我坦率地说它并不是很擅长CSS而且它会让我感到沮丧。我必须编写/生成可以与IE6一起使用的标记,并且希望它也适用于IE7和IE8,但IE6是我的基线。

那里有哪些工具可以帮助我,或者让我参与其中?我只需要一个可以生成一些布局的工具,比如Word中的日历向导。

我知道这是一个很高的命令,有什么建议吗?

P.S。为了让您对本网站的年龄有所了解,它是用ASP 3或经典ASP编写的。

编辑。

4 个答案:

答案 0 :(得分:2)

确保使用不能使浏览器进入怪癖模式的正确doctype,并学习CSS。如果您不了解CSS并且没有时间学习它,请将CSS留给知道它的人。

答案 1 :(得分:1)

您可以尝试使用Yui布局 多种口味可供选择。
Yahoo! UI Library: Grids CSS

答案 2 :(得分:1)

我会去寻找具有现成布局的网站。像http://blog.html.it/layoutgala/这样的网站。这里还有一个与css布局有关的问题。对于初学者来说,CSS布局可能非常棘手。甚至专家也使用现成的测试布局作为构建网站的基础。

我还想推荐一个好的编辑器来构建网站。 Dreamweaver似乎很受欢迎,但我更喜欢免费的Aptana,因为我一直想用代码“弄脏自己”,以获得控制感。

此外,停止思考ie6是你的目标,它会引导你为ie开发,这会引发你的问题。我强烈建议使用firebug帮助进行firefox开发。然后迎合ie6带来的错误和问题。

这样你将来会变得更好。当ie7的变化到来时,你的网站会更好地工作,甚至可以改变甚至像safari,chrome,firefox,opera或者除了ie之外的其他东西。 :)

答案 3 :(得分:0)

如果您感觉冒险,您可以尝试学习the grid systems之一。

我个人喜欢http://www.blueprintcss.org/(另一个主要是http://960.gs/

以下是它为您提供的内容

  

Blueprint是一个CSS框架,它   旨在减少您的发展   时间。它为您奠定了坚实的基础   用它来构建你的项目   一个易于使用的网格,明智的   排版,有用的插件,甚至是   用于打印的样式表

您还可以尝试http://layouts.ironmyers.com/

等网站