Photoshop Website Design Tutorial 2 – Formatting the header & menu bar

by lowes1 on November 4, 2010


In this tutorial I will teach you how to format the design that we worked on in the previous tutorial. We sort out the background, links and the alignment of the design ready for adding content in the next video tutorial. Follow me: www.GoSoCo.com

{ 18 comments… read them below or add one }

cleonps November 4, 2010 at 2:09 am

Please stop this until you learn XHTML + CSS + W3C Standards, you are giving bad habits to new designers :P tables are for displaying data, not for layout and you are using too many deprecated tags.

evaldaskowka November 4, 2010 at 2:12 am

if u call this web design, then im chuck norris ^^

Micripow November 4, 2010 at 2:26 am

Next tutorial please ! :D :D Very nice made and easy to follow!

cmellor123 November 4, 2010 at 3:03 am

I don’t understand why tables are being used to layout the page, CSS should be used for semantic markup, not tables. Tables should be used for tabular data. The web is moving towards new standards such as CSS3 and HTML5 being universally supported, creating a web page this way is a step backwards. Using tables for layout and using one image for a navigation bar is an accessibility nightmare and can exclude people using screen-readers. Anyway, keep up the good work. BR

MistaJalil November 4, 2010 at 3:54 am

whats the link to part one?

crissangel224 November 4, 2010 at 4:02 am

WHEN IS THE THIRD PART COMING OUT?!?!!?!!

Jnba2kH November 4, 2010 at 4:57 am

is it okay to use notepad to link the pictures

cakelover33 November 4, 2010 at 5:52 am

@TTYTOMusic ya . and as for html 5 i am sure ther eis a plugin you can fnd

TTYTOMusic November 4, 2010 at 6:06 am

@cakelover33 Yeah but I thought Dw CS3 had enough functions to make a good website

darkstatius November 4, 2010 at 6:41 am

thanks, this helped alot :P

crissangel224 November 4, 2010 at 7:36 am

when is the 3rd one coming out!?!?!?!?!?

akthm11 November 4, 2010 at 8:06 am

are you using hypercam 2?

EdzJohnson November 4, 2010 at 8:53 am

@leroytjeu – It certainly does. =)

crissangel224 November 4, 2010 at 9:41 am

@marciojpq because he probably forgot -.- hes a busy dude.

marciojpq November 4, 2010 at 10:11 am

Why you take so long to record the 2nd part? :s

iExD November 4, 2010 at 10:19 am

YAY Finally part 2 is out.

isrobertb November 4, 2010 at 10:31 am

@mcra3005 Clients. If you want to learn how to design/code website the proper way you need to use web standers. If you give divs a try you will see they are much easier to use. Also, if you use HTML5 you have custom tags such as nav, header, footer and so on.

leroytjeu November 4, 2010 at 10:36 am

Does dreamweaver understand PHP?

Leave a Comment

Previous post:

Next post: