[css] 在浏览器中设计网站(gasp!)


Answers

那么,使用浏览器进行工作并不是世界上最糟糕的事情,但有几个“地狱之门”:

1) 不要使用IE设计你的应用程序。 使用Chrome或FireFox。 IE不遵从的行为可能会让你认为你的CSS真的不合格。 IE的主要用例是在IE中测试你的站点。

2)不要将你的课程名称命名,就像你在例子中所做的那样。

Question

我感兴趣的是人们对利弊的看法,或者是在浏览器的网站设计上“彻头彻尾”,离开Photoshop,Fireworks等。

我一直在为我的网站设计一个重新启动,并在浏览器中尝试,我不回头。

例如(我使用一个960px的12列网格):

<div id="news_section" class="floatleft columntwo spanfourcolumns">
   …content
</div>

<div id="recent_work" class="floatleft columnfour spansevencolumns">
   …content
</div>

设计不仅再次变得有趣,而且使用网格,垂直节奏,甚至是黄金比例,从未如此简单。 更何况,它完全消除了设计和静态编码之间的差距。

你怎么看?




要考虑的一个观点是你为谁设计的。 如果你正在为一个客户设计一个网站,那么在photoshop上做一个快速的模拟是很有帮助的,所以他们知道这个布局,他们可以在你的设计上签字。 一旦客户对设计达成一致,就可以创建一个适合模型中元素的线框,然后就可以将模型中需要实际图像的元素拼接起来。

当遵循这个方法时,你必须考虑所有可用的设计元素,你可以用它来实现你的模拟,并确保你把它们放在一个设计良好和语义的本质,而不仅仅是能够完成工作的东西。




那么对于我的设计能力水平不高的人来说,这是一个白板草图,然后直接进入HTML和CSS。

还是我的网站看起来很糟糕...




一定不行!

  • 你正在重做所有的'表'的错误,只是使用类而不是表。
  • 你正在混合演示文稿(我把这个)与内容。 你的课不告诉这是什么,他们告诉哪里放。
  • 你的设计是固定的大小。 它不会随着窗口大小的变化而流动,所以它可能需要水平滚动或者右边的大的空白。

但我不明白为什么有人提到PhotoShop。 它几乎是网页设计的最后一个工具,也许Illustrator是唯一不适合这个的。




我从来没有在Photoshop中设计网站; 我直接从实体草图到HTML和CSS。 我发现它更快,你不会扔掉你已经工作了几个小时(Photoshop文件)的东西。




Related