HTML Tutorials — Layouts

One glaring reason why many developers have chosen fixed-width over elastic sites is because using inline images can destroy the layout of a site - much like a stampede of cattle that repeatedly kick you in the groin. It just isn't fun at all. Sure, you can specify their widths using percentages or ems, but those methods aren't ideal. In such instances, why not try using the background technique?

This tutorial will go through the top 10 beginner mistakes in web design and show you how to avoid them.

Sometimes it seems there are as many CMS products out there as there are web developers. In this tutorial we’re going to build a simple one-page site and then in less than 5 minutes, get it setup with a Twitter feed for daily updates and with CushyCMS for general content. If you haven’t seen it, Cushy is a completely free and extremely simple to use product that’s come on the market recently.

In this tutorial we’re going to take that PSD file and build it with some nice clean HTML and CSS.

Learn how to code a design in XHTML and CSS. Turn your .PSD into a fully coded web page in this detailed guide.

Learn how to slice up your design and then use CSS and HTML to turn it into a powerful web interface.

Learn how to create a simple HTML and CSS layout with this two column layout technique.