web - 设计和实施网站时有哪些最佳实践和惯例？

Question

我很快就会在一个包含静态和动态内容的个人网站上工作（从静态内容开始，随着时间的推移使用自定义编写的组件和开源解决方案添加动态内容），但是我相当新到网页设计和开发，所以任何关于目录结构、文件名、文档结构等方面的建议......任何东西。谢谢。

score 6 · Accepted Answer

确保您努力将脚本 (javascript) 和样式 (css) 与内容分开。

无论是简单的静态页面还是动态生成的页面，都很容易被带走并将样式嵌入到您的内容页面中。而且以后要回去清理要困难得多。

此外，从一开始就尽量远离基于表格的布局。改为使用div。如果您不熟悉网页设计，它们可能很难开始工作，但 div 在日志运行中更加灵活。

考虑使用 javascript 框架：Prototype.js或jQuery都可以，它们将节省大量时间来处理浏览器的不一致问题。

而且这个清单还在继续……这些只是我现在想到的几件事。

PS使用源代码管理。就像任何其他软件项目一样，如果您想回滚或只是决定在分支中试验新功能，版本控制系统将提供极大的帮助。

score 2 · Accepted Answer

不要重新发明轮子。

为什么不使用可以通过使用模块进行定制和扩展的内容管理系统，例如Drupal或Wordpress 。

这两种解决方案都基于 LAMP（Linux、Apache、MySQL 和 PHP）。

score 1 · Accepted Answer

不确定这是否是您认为的最佳实践或惯例，但我将从您的网站地图开始。您将在那里放置什么样的页面，您将如何组织它们以及您将如何构建导航。

我总是从诸如“我希望这个网站做什么？”之类的问题开始。和“谁会看这个网站？” 然后从那里去。

还要考虑这个网站的重要性。你打算专注于它直到完成还是你只是为了好玩或时间允许的时候做的事情？如果是后者考虑从小做起。我经常看到人们创建个人网站但从未完成它（包括我）。更糟糕的是当我看到人们贴上一两页然后有 10 页的“即将推出”。

score 0 · Accepted Answer

在 Firefox* 中开发/设计，然后在 IE 中进行测试。如果你反过来尝试，你会发疯的。

*（根据需要替换任何非 IE 浏览器）

score 0 · Accepted Answer

可用性是你的朋友。史蒂夫克鲁格的别让我思考！很好，给出了要遵循的约定等示例。

5 回答 5