Jump to content

Recommended Posts

For college I have to make a website for a computer company that sells hardware.

The site has to be made COMPLETELY in HTML.

Does anyone have any ideas for a cool looking menu, or anything else that may improve my grade?

Link to comment
Share on other sites


Try to use more professional lighter coolers, so not blacks or anything.

Also for your navigation menu, id have an attempt with eitheir Macromedia Fireworks MX which is avaliable on trial at their site here or Adobe Imageready 7. Aswell as menus, you can make all sorts of nice little things in their to help you with your site.

Good Luck :)

Link to comment
Share on other sites

I don't how you made the site, but the best way to make brilliant websites is to make the website as an image in photoshop or fireworks etc. and slice it. It gives a very high level of control and is "fairly" easy to do.

I asume that you have already made most of the website, you could make sliced menu and place it in a frame. That would be easy and would'n ruin your current work. (Unless you course you intended it to be a one-page site).

Link to comment
Share on other sites

Try to use more professional lighter coolers, so not blacks or anything. 

Also for your navigation menu, id have an attempt with eitheir Macromedia Fireworks MX which is avaliable on trial at their site here or Adobe Imageready 7.  Aswell as menus, you can make all sorts of nice little things in their to help you with your site.

Good Luck  :)

---------------------

hi

well, i can say that the best menus are html menus, lite and good looking.

i would recomend using layers for the menus, check out my site for example :

Webstyle Internet Solutions

vcant

Hmm he said that the site had to be done in pure HTML so, i would go with johns idea of using either of the two suggested applications however without using rollovers. As for vcant, your site isnt a very good example as your nav menu is not HTML its javascript which is used to as a rollover script to swap images on mouseover and mouseout.

Imagemaps are good as they are relatively simple to create and they are basically one image linked to several places using HTML.

As for my suggestion i would suggest an imagemap (although slightly more CPU intensive than js for rollovers) because it is simple and has a good effect while still maintaining the HTML aspect.

I would also use a breadcrumb, which is basically a series of text hyperlinks at the bottom of a page ie

HOME | FORUM | CONTACT

etc etc.

Link to comment
Share on other sites

As for vcant, your site isnt a very good example as your nav menu is not HTML its javascript which is used to as a rollover script to swap images on mouseover and mouseout

there are no image rollovers, its pure text, but you right about javascript, its used to show/hide menu layers...

well, now when i think about it, its really hard to put a site in HTML only.

btw, are images considered HMTL ? :)

Link to comment
Share on other sites

As for vcant, your site isnt a very good example as your nav menu is not HTML its javascript which is used to as a rollover script to swap images on mouseover and mouseout
there are no image rollovers, its pure text, but you right about javascript, its used to show/hide menu layers...

well, now when i think about it, its really hard to put a site in HTML only.

btw, are images considered HMTL ?  :rolleyes:

lol spose i typed that slightly quick yes you have js to use rollovers just not image rollovers and images are considered as HTML as they are displayed using HTML :) .

Heres an example i knocked up

example.jpg

<HTML>
<HEAD>
<TITLE>Example</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
</HEAD>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0>
<IMG SRC="images/example.jpg" WIDTH=300 HEIGHT=80 BORDER=0 ALT="" USEMAP="#example_Map">
<MAP NAME="example_Map">
<AREA SHAPE="rect" ALT="MSFN" COORDS="234,34,280,65" HREF="http://www.MSFN.org" TARGET="_blank">
<AREA SHAPE="rect" ALT="ClubUK" COORDS="113,38,179,65" HREF="http://clubbersuk.net" TARGET="_blank">
<AREA SHAPE="rect" ALT="Portfolio" COORDS="5,37,71,62" HREF="http://www.team-matrix.co.uk" TARGET="_blank">
</MAP>
</BODY>
</HTML>

To see it work click here

Link to comment
Share on other sites

Sorry I haven't replied to my own post but I have been really busy(loadsa college work for my AVCE, this is an OCN in HTML)

I really appreciate all the help you guys have given(especially Jays example)

@Jay: I will probably use ur example(but I suck at PS/ImageReady :)), any tips?

Also should the background be white or a light blue?

Should I slice a large image like Crispy said for the background? If so what should I do?

As I said I need it to be for a computer company that sells hardware so it needs to be easily updatable

Link to comment
Share on other sites

thats a good start matey, its a nice idea uve also got going there...

just find some PS tutorials and alot of the basic ones show u how to make buttons etc, which should give u a good start.

keep up the good work

:)  ermm Yeah nice code Ermmm anit there a HTLM 4 Dummies sumwere lol nar wonders of the inter net copy and paste lol

:D

what are u on about? :D:D:rolleyes:

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...