如何使用div创建页面

Question

有人可以建议我有关如何使用div从头开始创建网页（切片psd）的任何良好的初学者指南。我有HTML和CSS知识，但从未以任何方式从头开始创建任何div/table/html5

Answer 1

从模仿一个简单的页面开始。这被称为“洁净室”练习，非常适合提高您的HTML和CSS技能，并且实际上可以将设计和布局创意从您的想法转移到代码中。

这里是你如何做到这一点：

• 选择，其设计你喜欢，看起来很简单足够的页面。例如，在flickr.com注销的页面。
• 截取它;不看HTML/CSS代码在所有
• 使用自己的HTML和CSS从无到有
• 创建它的一个副本，您可以使用颜色选择器来发现他们用什么颜色
• 尝试模仿字体和手动距离，而不看他们的规则;这将有助于您更好地理解页面布局规则和排版规则。
• 确保您最终的HTML验证，最好为XHTML 1.0 Strict标准（这比HTML5严格，与HTML5兼容）
• 也验证你的CSS
• 使用您选择的浏览器（如火狐4，这是很好的渲染根据标准的事情），检查你的结果是否是逐像素相同的。
• 调整您的网站的大小，看看它的行为是否与原文相同。
• 问一个更有经验的开发者是否你的HTML代码是语义上是正确的。这将帮助您确定您是否正确使用了正确的标签。

第一次做这件作业需要很长时间，但如果您是一位经验丰富的开发人员，通常每个页面不会超过几分钟或一小时。有时可能会令人沮丧，但这是提高技能的好方法。在做这件事的时候，请确保您查看HTML/CSS语言语法的引用，例如http://www.htmldog.com/。