Syllabus Aesthetics HTML Planning Design Dreamweaver

 

 

 

Search this site:

 


Steps for Completing your Project Web Site

Steps: 1 . 2 . 3 . 4 . 5 . 6 . 7 . 8 . 9 . 10 . 11 . 12 . 13 . 14 . 15 . ALL

Full Site Design (Expanded Mockup)

From your mockup, add all of the graphics for all of the pages in your site to your one Photoshop file.

This involves:

Prepare for Navigation Rollovers: If your navigational graphics are rollovers, then make an On version and an Off version of each button. If these are text buttons: select the text layer, duplicate the layer, and then change the text color of the duplicated layer. Name your layers so you don't get confused! Then link the 2 layers together, so that if you need to adjust the position of your navigation buttons with your layout, you are guarenteed to move both of them, and they will stay together-- one exactly on top of the other.

Make the Headings: If your site involves a different heading on each page, then make all of the headings and put them all on top of each other, so that you can show and hide the layers to reveal the different sections of the site.

No Copy Yet: You will not add any copy text in the content portion of your design during this stage-- you will do that later in Dreamweaver.

 

Previous Step                  Next Step


 


 

Top of Page

 

Home . Syllabus . Web Aesthetics . HTML . Fireworks . Flash . Planning . Graphic Design . Dreamweaver