View Full Version : Webpage design help - making links out of navigation bar
Gdog
Jan 18th, 2006, 10:35 PM
I'm following the guide at http://www.pegaweb.com/tutorials/simple-best-web-design/simple-best-web-design.htm
for making a school's webpage.
My question to the web design gurus out there is how do I make links out of the navigation bar in Frontpage? For example, how do I make the text "clickable" so that it will lead to another page? Just learning photshop right now, TIA. :-0
Cuckoo
Jan 18th, 2006, 10:44 PM
Ahh, photoshop has little to do with links, you probably want to open up that little dreamweaver or good ol' notepad if you wanna go hardcore and then follow this piece of code
a href="filenamepath/someotherpath/file.extension" link /a
before "a" after the quotation mark, before slash, and after "a" you should use the arrow brackets () to indicate the tags.
This will make the "link" text direct the browser to filenamepath/someotherpath/file.extension and fetch this file. It could be anything - a picture, a web page, or whatever else you direct it at.
I would also suggest that you check the www.w3schools.com out and see if there is useful information for you there.
Gdog
Jan 18th, 2006, 11:05 PM
Ahh, photoshop has little to do with links, you probably want to open up that little dreamweaver or good ol' notepad if you wanna go hardcore and then follow this piece of code
a href="filenamepath/someotherpath/file.extension" link /a
before "a" after the quotation mark, before slash, and after "a" you should use the arrow brackets () to indicate the tags.
This will make the "link" text direct the browser to filenamepath/someotherpath/file.extension and fetch this file. It could be anything - a picture, a web page, or whatever else you direct it at.
I would also suggest that you check the www.w3schools.com out and see if there is useful information for you there.
Thanks for the link to w3schools.com , pretty cool site. :)
As for the code that you wrote...it's just "link" and that's it?? :confused:
Cuckoo
Jan 18th, 2006, 11:24 PM
Well, you could certainly enter some other text, say you put "text" there and it still works. The idea beside HTML tags is to make text link between pages when necessary, so the contents of tags are rather dynamic. I just didn't put the brackets there because the forms wouldn't allow me show the code (with code or html tags which is somewhat strange, to my knowledge of PHPBB, but that has nothing to do with the topic anyway.) You might want to check the "a" tag on w3schools for more in-depth explanation.
Hodge
Jan 18th, 2006, 11:52 PM
I'm following the guide at http://www.pegaweb.com/tutorials/simple-best-web-design/simple-best-web-design.htm
for making a school's webpage.
My question to the web design gurus out there is how do I make links out of the navigation bar in Frontpage? For example, how do I make the text "clickable" so that it will lead to another page? Just learning photshop right now, TIA. :-0
I think what you might be looking for if I understand is an image map - you have one image (the nav bar) and you want to have each item on it link to a different page, right?
You can either slice the graphic into pieces and use tags for each piece, or build an image map - which should be easy to do with FrontPage - check the help file. The basic idea would be to use a rectangle image map tool to draw "boxes" (which will be invisible to the user) around each part of your image you want to have as a link, and then assign a URL to each one.
Hope that is of some help to you...
Gdog
Jan 19th, 2006, 12:22 AM
I think what you might be looking for if I understand is an image map - you have one image (the nav bar) and you want to have each item on it link to a different page, right?
You can either slice the graphic into pieces and use tags for each piece, or build an image map - which should be easy to do with FrontPage - check the help file. The basic idea would be to use a rectangle image map tool to draw "boxes" (which will be invisible to the user) around each part of your image you want to have as a link, and then assign a URL to each one.
Hope that is of some help to you...
Hodge, you hit the nail on the head. That was exactly what I was looking for...found it in Frontpage, it was a snap. Thanks again for the quick response! :)
Cuckoo: Thanks for the link to w3 ;)
RFD 4 LIFE
Hodge
Jan 19th, 2006, 01:19 PM
No problem, glad I could help!! :)
vBulletin® v3.8.4, Copyright ©2000-2009, Jelsoft Enterprises Ltd.