需要CSS方法

Question

我想开始设计一个网站。我知道我需要:

• 想出一个总体布局
• 设计横幅/页脚
• 选择颜色和字体
• 确保一切都安排妥当
• 使用其他浏览器测试网站
• ...

问题是我不知道以有效方式进行的良好顺序是什么。我应该设计从一般到更精确级别的东西吗？如果有人有通用方法，一种组织设计主题的方法，我们将不胜感激。

Answer 1

我喜欢我做事的方式:

1. 使用 Photoshop(或其他图像编辑器)创建我满意的视觉设计。当我完成大部分后，继续进行 2。这至少包括基本形状、颜色、字体、位置和大小。它还可能包含具有适当视觉样式的示例内容。
2. 编写非常基本的标记:页眉元素、内容区域、基本导航、页脚、侧边栏等。
3. 编写基本的 CSS 并应用来自 Photoshop 文件的最通用的图像(用于 Faux columns 或其他“大事”)。
4. 编写更多标记:添加更多细节。添加示例内容以查看您需要的每种元素的外观。
5. (如果适用)再次输入您的图像编辑器并获取更多细节图像。
6. 编写更多 CSS - 为您在 4. 中编写的内容以及在 5. 中从图像文件中提取的内容设置样式。
7. 迭代 4-6 直到完成。

在布局和视觉设计或多或少完成后，开始集成您的 CMS、博客引擎或您可能想要的任何东西。

这对我来说效果很好。在继续编写标记或 CSS 之前，我可能并不总是在 Photoshop 中完成所有细节，但通常这就是我所做的。我的建议是从一般级别开始，然后逐步转向更多细节。

您可能对页面中详细信息的外观有所了解。如果是这样，尽早创建它们的全部细节。否则你会忘记它。然后围绕它构建更多通用的东西，然后像往常一样继续。