Nav help please
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
Brian Farkas posted this at 23:16 — 16th September 2001.
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 posted this at 02:13 — 17th September 2001.
They have: 2,064 posts
Joined: Dec 1999
Moving to Website Critique Area.
Busy posted this at 03:36 — 17th September 2001.
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 posted this at 05:43 — 17th September 2001.
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 posted this at 13:30 — 17th September 2001.
She has: 11,421 posts
Joined: Jun 1999
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.
Megan
Connect with us on Facebook!
Annette35 posted this at 12:20 — 18th September 2001.
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 posted this at 13:08 — 18th September 2001.
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.
Megan
Connect with us on Facebook!
mairving posted this at 14:42 — 18th September 2001.
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
Annette35 posted this at 09:23 — 19th September 2001.
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
Annette35 posted this at 11:18 — 28th September 2001.
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 posted this at 13:40 — 28th September 2001.
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.
Megan
Connect with us on Facebook!
disaster-master posted this at 14:34 — 28th September 2001.
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.
You go girl!!
dfraser posted this at 10:22 — 8th October 2001.
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 posted this at 14:48 — 8th October 2001.
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.