If i make a website layout in photopshop how do i add links in say the navigation bar (Like home or about us)?

Question

I just learned how to make layouts in photoshop and now im wondering how i add in links in it? do i have to do it with html codes ro somekind of website design language or do i have to do it in photoshop? please and tahnk you for your help!

Answer 1

It's a little more complicated than you may think. Making a layout is one thing, creating is far more complicated. Why? There are so many ways to do; different languages, styles, etc. Now, it's hard to explain this accuratly, for I cannot see your illustration, so I don't know how your website is set up.



But, let's say your website looks something like this:

http://www.columbiawestcap.com



It has a banner, navigation, and content.



To accomplish this in one of the most simplest ways is this -

Your banner image here...

Link 1 Link 2 Link 3 Link 4

This is the webpage's content

This is about as simple as I can clearly make it. To literally make a link you type the following:



The Link (substitute "thelink" with the actual link.)



If you don't know a whole lot about HTML, check out: www.w3schools.com



Good luck!

Answer 2

You don't normally use the actual layouts that you do in Photoshop, you only use some of the graphics. You use CSS and HTML to layout the pages and insert buttons and links, etc. You can do a whole Web page as a grapghic.



You may have designed a banner in Photoshop, but now you layout the page with CSS

s and you would have a banner

then use your banner image in the div.



You can't do the whole page in Photoshop, it's a graphics program, not a Web design program. So you'll need a Web design program to use your PS graphics in.

Answer 3

You'll need HTML. Try: www.w3schools.org

Answer 4

No.