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’
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)

Continue reading ‘SimplyBlue web layout - Part I’
I made this web button for a friend’s website and liked it so much that I decided to write a tutorial to show you how I made it. The button is simple and flexible; you can use it on your web pages or even in a flash game.
Here’s what we’ll be making:

Continue reading ‘Sleek website button’
In this tutorial I’ll show you how to create the following text effect which I call Windshock:

Continue reading ‘Windshock text effect’
In this tutorial I’ll show you how to make this cool little button in GIMP:

Continue reading ‘Create a metallic glass button’
A crucial element of web site design is ease of navigation. When you design your own web page, you will want to make the main sections of your site easily reachable. Tabbed menus are a popular way of doing this.
This is what we’ll be making:

Continue reading ‘Tabbed menu navigation’
Recent Comments