Nav help please

They have: 46 posts

Joined: Aug 2001

Not sure if this is the right forum for this but here goes ...

I would like some navigation ideas for my site -
http://members.ozemail.com.au/~annetteramsey/index.html

I will soon be putting it on a proper web host and am re-coding as I know a little more about HTML than when I started. The nav needs to change though I will keep the text links at the bottom.

I would like the site to keep its present look - that is, whitespace, clean, balanced, etc. I feel the best pages that represent this are:
http://members.ozemail.com.au/~annetteramsey/newsletter.html
and the homepage. The very long pages will change to shorter ones with more subpages.

I am re-coding the site so any suggestions welcome.

What I want and the limitations -

1) a nav scheme that will show all the subpages (these can be hidden until clicked on)

2) the nav scheme cannot be too technical as I am fairly new at this. CSS is driving me round the bend. I'm new at graphics too.

3) a balanced look - this is something that appears effortless and is only noticeable when something isn't balanced. I recently heard of the PARC principles (proximity, alignment, repetition, contrast) - technical jargon for what I am trying to say here.

4) I would like to get rid of the drop down javascript menus as I think they don't have a pleasing appearance.
An example is on this page -
http://members.ozemail.com.au/~annetteramsey/abitoffun.html

My two main questions or requests for ideas -

What type of navigational style would be best?
Where on the page would it be best to place the nav bar?

Thanks for your help.

Annette

PS Sorry if the above is about as clear as mud - fairly representative of how I'm feeling about it all Smiling

Brian Farkas's picture

They have: 1,015 posts

Joined: Apr 1999

I'm not 100% sure what you're asking for- but as far as replacing the drop down boxes, your best bet would probably be to stick the menu on the left side. You could also create some buttons for the main categories on the left side, and possibly indent/expand the sublinks of each category when clicked on. Does this make sense?

mjames's picture

They have: 2,064 posts

Joined: Dec 1999

Moving to Website Critique Area.

Busy's picture

He has: 6,151 posts

Joined: May 2001

I like the way you have it now, i wouldnt start using CSS layered type navagation as you will run int o problems on some older browsers.

if anything, you could add a sitemap link to the top of your pages as well as the bottom. I think a lot of people use sitemaps to find there way around, you just have to make it easy to follow.

you mention on the donation part about right clicking and opening in a new window, you could make it do that yourself if you wish, target="_new" added to the link or maybe use a text link under saying open in new browser or something.

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

I agree with Busy. I think it looks fine the way it is. If you go adding left side navigation you will probably have to change the whole layout of the site. It looks really clean and fairly easy to follow as it. He is right about the site map. I use them all the time to get an overview of what all is there.

If you just can't stand it and want to change something (i get like that sometimes....think its a female thing) here is an idea. At the top where you have your links....you could make a bar or buttons, either blue or orange and do rollovers to the opposite color.

You have done a good job on this site and I like how you have the logo at the top. It fits.

DM

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Quote: Originally posted by Busy
I like the way you have it now, i wouldnt start using CSS layered type navagation as you will run int o problems on some older browsers.

I wouldn't worry about this so much as finding one that works in the major browsers and getting it to do what you want it to.

Get rid of the drop-downs altogether. Don't worry about the navigation so much - people can always hit back or use the link on the navbar to get back to where they were and go from there..

Another idea would be to include a box on the right hand side inside the white area containing other links. You could call this using server side includes (which are really easy!) which would allow you to keep the nav part separate from the HTML page and make it easier to add to it.

They have: 46 posts

Joined: Aug 2001

Hi all,

Thank you for your kind replies. I appreciate the comments and suggestions people have made. I have decided to stay with the same layout. Then just when I think I'm happy with the nav, I get a bright idea for something else or don't like the look of what I have.

I have another question I hope you can help me with. I want to organise my pages and images into separate folders. For example, one folder for images, one folder for all the subpages that goes into the Now It's Serious page, etc.

Sounds great and has been recommended before.

My problem is that I don't know how to link everything up - eg the images don't show for each new page.

If you understand my attempt at explaining my problem, can you please help? I would appreciate a reply or demo of how the folders would look as it would in Explorer.

I use HomeSite if this is any help too.

Thanking you,

Annette

PS CSS is still bugging me! But that's for another question.

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Homesite makes it really easy to link things up right. When you're working on a file, you can just click and drag other files from the left side file explorder, drag them into the file you're working on, and HS will automatically create a link or an tag depending on what kind of file you dragged.

mairving's picture

They have: 2,256 posts

Joined: Feb 2001

Annette, I am not totally sure about your question.

I think what you are trying to ask is that if you create a folder or directory called images, then how do you link to it.

Say that www is your root (main) directory. Inside this directory you would have directories like images, subpages.

To link to an image from your main page, you would do it like this img src="images/picture.jpg".

Now the problem arises whenever you have another directory for your subpages. If you have a directory called subpages off of your www directory and you try to get the picture to display by img src="images/picture.jpg", then it expects to find the picture in a directory off of subpages like this www/subpages/images,
instead of www/images.

There are a couple of ways to fix this. One way is to keep all of your html pages in the same directory including your subpages.

The other way is to reference your pictures in the subpages directory like this: img src="/images/picture.jpg". The backslash in front of images forces it up to the root directory.

Now you can also use Homesite to make some pretty rapid changes. To do so go to
Search/Extended Replace
Find What? "images
Replace with? "/images
Find Where? In folder (give folder name)
Click Replace

Hope this helps.

Mark Irving
I have a mind like a steel trap; it is rusty and illegal in 47 states

They have: 46 posts

Joined: Aug 2001

I have finally found the web page that I looked at ages ago and referred to how to link everything up - it is http://www.pagetutor.com/pagetutor/makapage/lesson10.html. I needed a visual reference to be able to 'see' how to do it.

Thank you all for your replies and your patience with the html 101 beginner.

When I manage to upload a sample page I will post here again for you to take a gander and provide feedback.

Cheers,

Annette

They have: 46 posts

Joined: Aug 2001

I have a template for you to check please. Let me know what you think.

new page - http://www.seriousexcuses.com/index.html
(none of the links work)

old page - http://members.ozemail.com.au/~annetteramsey/index.html

Cheers,

Annette

Megan's picture

She has: 11,421 posts

Joined: Jun 1999

Looks good! The formatting is a little off in NS 6.1 - the form box for the newsletter is overlapping th enewsletter text, and there is quite a big space between the logo and the main body header. Your font styling is also not working in NS (NS is always picky about stylehseets! I hate that! Try changing the order of things. That might work.)

I like the way you'e done your menu. I would try to find a way of emphasizing the main options - the ones that appear on your old page. Maybe do those in bold and have the sub-options in regular text.

disaster-master's picture

She has: 2,154 posts

Joined: May 2001

I think I do like that one better. The other one had begun to grow on me after looking at it several times over the past few months. This one is good though. You can tell better what all you have. I agree with Megan on the links. Emphasize them.

I am working on my first css site and just hope that it turns out as good as this one. Wink

You go girl!!

She has: 16 posts

Joined: Aug 2001

I would agree I prefer this navigation on your second attempt. There’s good use of style sheets and also the page looks likes there’s more information i.e. more interesting.

"Building Better Worlds"

Enigmatic's picture

They have: 44 posts

Joined: Oct 2001

Second attemp is very good - fast loading site, easy to navigate and informative.

Best,

Enigmatic

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.