Archive for the 'Web Layouts' Category

SimplyBlue web layout - Part II

Coding the layout

In this part we will be looking at the XHTML and CSS. We’ll start with structuring the layout with XHTML. The XHTML acts as the framework for the layout upon which we’ll apply stying using a CSS style sheet. The framework consists of several modules:

Continue reading ‘SimplyBlue web layout - Part II’

SimplyBlue web layout - Part I

I’m going to show you how to create a complete web layout using GIMP. This tutorial consists of two parts: The first part covers creating and preparing the graphics for the layout. The second part will go over marking up the layout in XHTML 1.0 Strict and styling with CSS 2.0.

(Click on the thumbnail below to see a live version of the layout)
Live preview

Continue reading ‘SimplyBlue web layout - Part I’