Skip to content
View in the app

A better way to browse. Learn more.

MSFN

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

HTML

Featured Replies

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?

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 :)

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).

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.

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 ? :)

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

  • Author

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

  • Author

Oh by the way, for my AVCE I did the same sort of thing(but it was crap), here is a link:

ABEO's Computers Ltd

As you can see I have sliced an image but the site looks crap, plus I used flash buttons so I can't copy that.

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

:rolleyes:

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:

what are u on about?   

:):D Nothing Momment of Madness kicked in lol :rolleyes:

  • Author

I had about 15-20 minutes today and I knocked up a quick background thing @ Carved

I also have made a quick logo and a title for the top(need editing):

logo.gif

banner.gif

Any suggestions for improvements?

:) hey looks Gud id Say a bit less on the White but bsides that rock on!
  • Author

a bit less on the white?

U mean on the back of those two pics or the actually site?

Please sign in to comment

You will be able to leave a comment after signing in

Sign In Now

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.