homepage Welcome to WebmasterWorld Guest from 107.21.187.131
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

    
Web site navigation
Help needed
Jose_P




msg:4473016
 10:22 pm on Jul 5, 2012 (gmt 0)

Please help! I'm building my website and I would like to navigate from the Home page (index.html) to the rest of the pages, and from the pages back to the Home page or some other page. Can someone help me do it? Iím very, very new to this. Iím using Dreamweaver CS5.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<div class="sidebar1">
<ul class="nav">
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
<li><a href="#">Link five</a></li>
<li><a href="#">Link six</a></li>
<li><a href="#">Link seven</a></li>
<li><a href="#">Link eight</a></li>
<li><a href="#">Link nine</a></li>
<li><a href="#">Link ten</a></li>
<li><a href="#">Link eleven</a></li>
</ul>

 

Kendo




msg:4473042
 11:18 pm on Jul 5, 2012 (gmt 0)

Make Link #1 = home page.

Jose_P




msg:4473046
 11:28 pm on Jul 5, 2012 (gmt 0)

Thanks for your help; then;

<div class="sidebar1">
<ul class="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
<li><a href="#">Link five</a></li>
<li><a href="#">Link six</a></li>
<li><a href="#">Link seven</a></li>
<li><a href="#">Link eight</a></li>
<li><a href="#">Link nine</a></li>
<li><a href="#">Link ten</a></li>
<li><a href="#">Link eleven</a></li>
</ul>

Jose_P




msg:4473067
 12:25 am on Jul 6, 2012 (gmt 0)

BUt, I would like to know how to make the navigation "inter pages".

creeking




msg:4473074
 12:40 am on Jul 6, 2012 (gmt 0)

is this what you mean?


<li><a href="index.html">Home</a></li>
<li><a href="page2.html">Page Two</a></li>
<li><a href="page3.html">Page Three</a></li>



etc.

Jose_P




msg:4473111
 2:04 am on Jul 6, 2012 (gmt 0)

Creeking, I really don't know, since I'm new to this.I just wanto to navigate from one page to the other. The Dreamweaver has the sidebar with the codes I Posted, but no navigation takes place.

g1smd




msg:4473112
 2:13 am on Jul 6, 2012 (gmt 0)

When linking to the home page link to href="/" and not to a named index file.

Jose_P




msg:4473113
 2:17 am on Jul 6, 2012 (gmt 0)

g1smd, How do I do that?

tedster




msg:4473115
 2:18 am on Jul 6, 2012 (gmt 0)

It sounds like you're in a bit over your head right now. You need some idea of HTML and CSS work to make good use of Dreamweaver. And before that you need a strong sense of Information Architecture to establisj a site structure where navigation really makes sense to the visitor.

Here's one helpful discussion about IA: Information Architecture for the Small Site [webmasterworld.com]

Basic HTML and CSS can be learned pretty fast and many questions will siply dissolve as if they never were. I started out with a physical book (imagine that!) It was "Sam's Teach Yourself HTML 4 in 24 Hours." Doing the exercises was the trick, not just reading.

If you want to pick up some particular area of HTML quickly, there is useful online instruction and even online live exercises you can work with in real time at W3Schools.com. Just beware - this site is NOT an official part of the W3c, which is the standards body for HTML code. However, for getting a quick handle on something you need, it's pretty good and well used by many,

Jose_P




msg:4473116
 2:23 am on Jul 6, 2012 (gmt 0)

tedster, thank you very much. I'm not a bit over, but a whole over...and for some time now, this navigation stuff has been a set back.

incrediBILL




msg:4473125
 2:49 am on Jul 6, 2012 (gmt 0)

Navigation isn't complicated at all.

Think of a website as a set of pages and you're just building a table of contents.

If a table of contents is over your head, then you're in trouble ;)

Kendo




msg:4473130
 3:13 am on Jul 6, 2012 (gmt 0)

Navigation isn't complicated at all.


It is if your new to it. Don't forget the errors that we all made in early days and still see others make like:

- C:\My Documents\Web stuff\index.html

And this one that doesn't work on Apache servers...

- /var/www/site.com/home page.html

incrediBILL




msg:4473178
 7:11 am on Jul 6, 2012 (gmt 0)

It is if your new to it.


New to what, the planet?

Kendo




msg:4473181
 7:17 am on Jul 6, 2012 (gmt 0)

New to what, the planet?


Ah, you should be on our support team when advising a client to simply copy'n'paste two lines lines of html code between the head tags on their page.

Then she says "what are head tags?" or "what is html?".

lucy24




msg:4473192
 8:10 am on Jul 6, 2012 (gmt 0)

I think what he wants is some type of include so he doesn't have to, ahem, include the identical list of links on every page. Just make it once and have it show up everywhere. But you can't do that in html/css alone.

The tricky bit is that it is perfectly legal to have a page link to itself, like <a href = "thispage.html">here!</a> when you are already on thispage. But boy, is it annoying. At least to this user ;) "Wait a minute. Wasn't I here a minute ago? Is this a different page that just looks the same along the top?"

When you say
<a href="#">
are you just using the # as a placeholder? In links, # has a special meaning. It means go to a particular place that has its own tags, like <a name = "coolstuff"> and/or <a id = "coolstuff">

:: intermission here for heated argument which OP will not understand and does not need to hear::

either on this page
<a href = "#coolstuff">more about widgets</a>
or on some other page
<a href = "/someotherdirectory/someotherpage.html#coolstuff">more than you ever wanted to know about widgets</a>


HTML and CSS are both very forgiving. They're meant to be. It's not like programming languages where you misplace one parenthesis and the whole thing either plays dead or goes into perpetual beachball mode. You have to really try to write html that won't display, or css that isn't recognized.

piatkow




msg:4473221
 10:18 am on Jul 6, 2012 (gmt 0)


Then she says "what are head tags?" or "what is html?".

You mean you have got past "what is copy and paste"?


I think what he wants is some type of include

Maybe but he needs to learn how to create basic links first.

@Jose_P you sound like somebody who has just bought a car and is trying to learn how to drive by reading the owner's manual.

Park this project for a week, read some basic html tutorials and create some test pages totally longhand using Notepad or some other text editor. After that you will have a better understanding of what Dreamweaver is and is not doing for you and also what people are trying to say to you here.

Jose_P




msg:4473223
 10:32 am on Jul 6, 2012 (gmt 0)

Hey guys, If Iím sinning, Iíll go to church; Iím just a Philosophy professor trying to build a web page, not an alien or astronaut from outer space or a moron. Besides, no, I donít have a whole day to read the driverís manual every time a buy a new car, I buy Ďem simple; P for Park, D for driving and R for reverse.
Iím only trying to get some help and advice, not trying to conquest other manís land.

Sorry to waken up your passions.

jecasc




msg:4473256
 1:29 pm on Jul 6, 2012 (gmt 0)

Question: Are you interested in learning how HTML works and using it in the future?

If yes, then I'd advise you start here and spent a few hours to learn some basics. It really does not take long to get the basic concept of HTML:

[w3schools.com...]

It's a real good website, where you also can try out your exmples online. For example if you want to experiment a little with links, just go here:

[w3schools.com...]

If you are not interested at all in how a website works under the hood, but only want to have one, then I would advise signing up with a service like wordpress.

tedster




msg:4473258
 1:30 pm on Jul 6, 2012 (gmt 0)

Well, you don't need to master this HTML car, but it does take some driving lessons. Unfortunately your question does not yet have enough detail to give you any more useful an answer.

This forum here is about HTML itself, written manually. We do have a forum about WYSIWYG Editors [webmasterworld.com], which is what Dreamweaver is. There's also a New to Web Development [webmasterworld.com] forum that may offer you some help.

[edited by: tedster at 12:11 pm (utc) on Aug 11, 2012]

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved