TODAY i worked on my presentation for mr rizzos class and i made my poster on photoshop and printed it on transparent film for an over head projector. only because of web design was i able to do this! thankyou mr mo!!!

my navigation bar tutorial!

1.first open a new document 100x1100 px with a resolution of 72 ppi

2.Next fill you newly made box with a color of your choice and throw in 4 border lines about 3 inches apart ***BE SURE TO MAKE NEW LAYERS WITH EVERY STEP***
 

3.next Round off you box layer- select>modify>border and make the width 5 pixels *be sure to select your box* then hit delete and round off your border lines also.

4. next lets give your box some style with these options

 5. Your box should start to look like this depending on your color

6. Now we are going to add some text to this navigation bar, choose any font of your choice and insert the following HOME SHOP CONTACT ABOUT PIZZA -the font i chose was segoe script. with a 36 pt font. ***USE YOUR GUIDE LINES***

7.Lets take this moment for a joke - what did the buffalo say to his son as he left for school? Bison.

8. Next we are you going to give the bar some texture to make it pop more go to Filter>texture>grain and match the levels below

It should look a little something like this. You can make these levels to your taste.

9. Next we are going to make these buttons work by using the slice tool. outline your box with the slice tool then right click in the box and choose edit slice then edit the url to anything you want. i chose http://www.tacklewarehouse.com/ to follow my nav bar.

10. Now lets test your sliced button. go to file>save for web devices>preview. once your sample window comes up, click on your newly sliced button and it should foll through to your url if you did it correctly.

your sample window will look like this

then once you click on the area you sliced this should happen

you have now just created your own functioning navigation bar! now you can ad whatever changes you want and keep repeating step 9 until all your buttons are sliced and linked and ready to go! thanks for checking out my tutorial check out my blog HERE and comment on some of the work i posted tell me how i am doing! Thanks-mike.

today i got a good start on my final tutorial