Finish messing around with layout using photoshop, we shall continue with the scripting languages for the web layout. Start it with creating couples text document, save the first document as a index.html file and the other one as style.css file  then we can starts the editorial process each file using text editor in this matter we used notepad++. See how it’s done

Read the rest of this entry »

In this tutorial we are going to learn how to create a simple web layout. There are 2 major sections, layout design and HTML,CSS scripting.

We will need few tools to help us to do our job, in this case I am using Photoshop CS3 and  Notepad++ as text editor.

As for now, lets try to design a simple layout web using Photoshop…

• Create a new Photoshop document, width: 1000px and height: 1200px, then fill the background with #858264 color
• Put some additional  guides approximately 770px (don’t forget the outer lines for the shadow). View > Rulers (Ctrl + R). Click anywhere on the ruler and drag it down or to the left and release. There’s also a toggle to show/hide the guide. View > Show > Guides

  Read the rest of this entry »