１).整理一个良好的文件夹结构

脚本，样式表，界面的图片，图片内容，等等，都需要分开存放。如果一个小网站，你也许可以把这些东西杂糅到一起，但在大型站点中，找到你需要的内容变得更为重要。

２).给你的文件使用有规则、良好的命名规范

没有什么比按名字 “gd_l3.jpg”寻找一块图片更为糟糕。你怎样做即基本是个人的事，但我觉得使用通用命名描述性文件名的前缀会有更大的帮助。比如：我可能会给头部 的每张图片加上前缀'header_'，每一个背景加上'bg_'，头部菜单中的背景可能称为'header_bg_menu.jpg'。

前缀有一个好 处，当您的文件按名称排序，他们都出现在一起。

３).使用Subversion

这是被我们的开发人员逼得，但幸亏我们用了 它！Subversion可以跟踪文件和档案的变更，同时可以防止覆盖其他设计者/开发者在同一个项目中的文件。这需要一些时间来适应，但即使没有开发者 使用它的原因，在HTML / CSS的设计上用它也是值得的。还不知道Subversion？赶紧去使用吧。

４).在你写HTML和CSS深入思考写法

很容易写出垃圾HTML和CSS代码，而且很难清除它们来获得原先版本。经过4个重设计，我仍然使用很多相同的CSS文件，必须规划地清理不再使用的或者带来混淆布局定义CSS类。通过大量的意见，甚至可能是多个样式表，并确保你有良好的命名风格！

５).早点开始浏览器差异兼容工作

我在FlashDen这方面的工作听失误的，至 今我们已经为此付出了很大的代价。我最初的布局设计在IE7上，直到我们完成整个网站才发现忽略了IE6。之后我们已经加入IE浏览器条件式，和CSS Hack和其他解决方法。在你建立一个庞大的站点时候，在页面上只有少量元素时候可以更轻松的处理浏览器兼容性，，所以不要重蹈覆辙！

7. 确保可以简单的扩展你的样式表

网站越大，设计师就越有可能看到或修改每一个单独页面。如果你是一个大型网站上唯一设计师 – 比如我 – 你可能不想在每个页面上重定义。因此，多花精力在样式表上，可以通过默认的属性让页面看起来不错。

１).确保你定义了<input>，<strong>等元素的默认样式。

这样的页面可以自动呈现的不错。如果你想指望别人做<strong>这样的事情，那么不可避免的会和其他页面产生差异

２).创建可让开发人员重复使用的元素

比如在FlashDen上我们有一个CSS表类称为“general_table”，可以确保一个不错的填充数据时候使用的样式。当我有机会设计网页样式时候，我可以使用个性的表和数据高亮呈现的类型，但是很少会有开发人员吧页面制作成全能的样式去使用。

３).请确保您的网页布局有一个不错的结构，即使他里面只有文字。

总是会有些网页还没能往里面添加图像，可能看起来有点沉闷。通过使用诸如标题样式，工具条等等，你可以确保他们也很美观，并且有一定的视觉风格。有关FlashDen在大多数例子中，我们文本块总结如下：

<fieldset>
<legend>Heading</legend>
Content
</fieldset>

默认情况下，文字外面包围着一个漂亮的边框和标题。这样很容易和开发人员协调工作，文字和表现有了不错的分离，使之看起来更具可读性。我们同时也有一 个侧边栏组件，仅仅把文字内容额外包起来，但是这能使网页看起来更加直观。经过设计师的设计，每一个页面基本都是优化过的，但是他们可能不是那么健壮，它 仍然看起来很专业和统一。

原文：http://www.boxui.com/?p=1423

本文链接：http://www.blueidea.com/design/doc/2010/7906.asp　

出处：盒子UI
责任编辑：bluehearts

上一页 大型网站设计和维护的技巧 [3] 下一页