问希望重做一个静态网站

EN

wordpress http://wordpress.org/对于这样的小网站来说是非常棒的。我可以使用php来改进主题(coding)，如果你有这样的天赋(design)，甚至可以尝试设计一个主题。

这里也有很多支持它的地方。

还可以添加facebook、twitter等。小工具和社交人群的参与(marketing, engagement, branding)。

自得其乐:)

UI取决于标记、样式表、图形设计、信息架构、可用性和可访问性。

使用(或其他)任何服务器端技术都是不受尊重的(除非它可以帮助您从模板生成类似的标记)。

你想要一个捐赠按钮吗？它将如何处理？当涉及到money时，它会改变网站上的很多东西:服务器和数据库的安全性，内容管理系统的选择，等等

另一个关键方面是multilinguism：只有几个CMS正确处理它；一个测试是搜索结果，应该返回只用一种语言编写的文章，当前语言。Sprachen sie allemand un poquito？:)

我有一些技术背景，可以学习。

Opera Web Standards Curriculum有很棒的人教你一些网页设计和网页标准。

其他有用的资源包括A List Apart和Smashing Magazine。不要试图什么都读，从The ALA Primer: A Guide for New Readers和Part two开始(9号应该用条件注释代替)，Coaching a Community取决于你的非营利性活动，等等

我使用的设计工具：Photoshop过于夸张，价格过高，Fireworks是为网络制作的，相比之下，它看起来价格合理(我可能是在开玩笑)。我没有使用其他任何东西，但听说过MS Expression Web和一些人使用Gimp (免费，GPL)。

快速提示：

• 保持一致(您的链接、按钮、排版、表单等的设计)，
• 考虑网页而不是字母/A4大小(没有长度、短或长的限制)，
• 是明确的(标签和标题)，
• 知道您要说的第一手内容，
• 考虑足够的对比度，留给需要缩放文本模式的人的空间，块的高度可能有很大变化，因此要注意渐变(坚持水平或垂直)，

一旦你有了一个设计并且开始编写静态的超文本标记语言/样式表，就可以使用Layout Gala的跨浏览器兼容的布局了。请特别关注accessibility和WCAG 2.0。