HTMLCOOK -
Main Page
- lists all articles and tutorials
Google
  Web www.htmlcook.com
1&1 hosting - UK hosting - Buy your domain from 1&1 - Best domain prices in the UK!
1&! US hosting - Hosting Made Easy. Order 1&1 Microsoft Web Hosting from the World’s # 1 Web Host. Get up to 5 FREE domains! Linux hosting, dedicated servers. Amazing service.
HTMLCOOK sponsored by Freebies Network UK
UK Internet access deals

Garnishing Your HTML
Well you are now familiar with basic html! Congratulations!

But what now? Now is the time to tell you about some more good stuff!
Thinking about your site - about the site overall and individual pages.
Fonts - Which to Use?
Web Graphics - where to find web graphics
Graphics Programs - which programs to use?

Counters - adding a counter as simple as cut and paste.

Thinking about your site

Lets start thinking about your site. In very real terms.

Pages. After all thats what sites are made of of. What sorts of pages are you going to have? Lets have a quick look at commonly found pages. Index or home page The centre of the known web page.

The start page. Often your visitors first impression of your site. You have about 5 seconds to make an impact. Or at least enough impact not to instantly turn your visitor away. A recent trend of having horrid splash pages has not been fully stamped on yet. Flash is a lovely invention - and some splash pages are really nice. But, as you've gathered, I'm not very keen on them.
Maybe if you're selling your services as a flash designer, then go for it. Other wise, leave well alone. On your front page you should make it clear what your site is about. (Don't reply on people being able to guess from your domain name.) Use words to tell people what its about. You will be rewarded when the search engine's spiders come a searching. You should aim to have a couple of hundred words on your intro page - relevant to your site of course.

Content Pages
Inside content pages.
These should follow a very similar layout to your main page. So consider this when you're thinking about your front page. How easily can you adapt it to be a content page? You don't want your visitors to think they've wondered off site. Keep styles consistent.

Other Pages Your guestbook, forum and other pages should follow colour schemes laid out in your other pages. If you can't customise something then ask someone to help you! Depth of Site Depending on your site you'll need to think about navigation - and whether you can link to every page on every page. Making it easier to get round pages in your site will encourage people to do that.


Web Graphics

If you're not very good at creating graphics, then you'll probably need some help. If you've got time, you could go and do a design course at college.
If you really want (and you've got heaps of money) you could pay someone to create graphics for you - you'd get unique designs, but at a cost.

Or you could scour the free clip art collections that are on the net. (mind the pop-up windows), and try to find something nice.

Creating your own graphics can be quite difficult for beginners - so you might want to use free clip art until you've mastered the art of html first.

There are many sources on the net for free clip art.
Have a look at the resource centre for information about graphics


Fonts - in detail (Information taken from Dreamweaver)

Fonts are organised in the following groups in dreamweaver. If two fonts look the same, then its because you've not got one of them installed on your computer.

Fonts are kept in (Windows) the windows/fonts folder. You can have a look and see what fonts you've got installed. Be warned though, if you've added loads of fonts then your computer may act strangely when you open the fonts folder.

Arial, Helvetica, Sans Serif
Times New Roman, Serif
Courier New, Courier, Mono
Georgia, Times New Roman, Times, Serif
Verdana, Arial, Helvetica, Sans Serif


The reason for limiting the number of fonts used in HTML editors is simply that you could use whatever font you wanted ... but unless its installed on the person's computer who is viewing your page, they will just see it in an ordinary font.
If you want to use mad, crazy fonts then you'll have to do what I've done on this site and use a graphics program to make images with the words on. This ensures that the fonts you want will be see (OK, unless people are surfing with the pictures switched off - but we'll talk about alt text later).

If you want to add more fonts then you can, but don't think you'll be able to use them for ordinary everyday text on your web site. Well, you could, but the graphics will slow your page down to a crawl!



Graphics Programs

There are absolutely hundreds of graphics programs out there. Many of them specialise in particular areas such as photographs, optimisation, viewing graphics etc.

There is one program which can do all these things - with a little training - and its very well supported in terms of online help and tutorials.

Paint Shop Pro is inexpensive (when you consider how much use you can get out of one program), easy to use, easy to learn, well supported online, and will create just about any graphic you want. If you're on a limited budget then I'd suggest that you buy this one program and learn how to use it really well.

Other programs you might be interested in looking at include: ThumbsPlus - a thumbnail program for looking at graphics on your hard drive. It can also make simple thumbnail pages for the web.

Some people recommend PhotoShop. I don't. Firstly its very expensive... cost being a major issue for everyone I know, then its just too dear. But if you've got pots of money then feel free to go buy a copy.

I'd always recommend trying out the free 30 day trials of software before buying. If you're in no rush to buy then spend the full 30 days with each program and only that program. You'll find you'll actually get to know it better if you concentrate on one program rather than using several graphics programs all on concurrent 30 day trials. It'll also keep your money in the bank for longer!

Often when you buy printers you'll get software included as part of the package. Often its photographic related software with cutesy image filters to make your prints sepia, or to give it a border. Give the software a try. You never know - you might really like it.

Keep an eye on the magazine cover discs at the newsagents. Often software gets relegated to magazine discs when newer versions come out. If there aren't full versions then there'll almost certainly be working demos of software - Flash seems to be on nearly every disc about at the moment. It'll also save you valuable downloading time.

A Magazine cover disc purchased in Jan 2001 contained a volume of Clipart. This contained 25,000 images and saved considerable time searching on the net!


Counters - as simple as cutting and pasting

There is a huge range of choice of counters available for free to count traffic to your web page!

Why count traffic?
Well you don't have to, but as you get more into making web pages you'll be interested in the traffic which comes to your site. Its also very easy to get and add a counter. Its also free!

Easy to add
Its one of the easiest things to cut and paste into your page. Each counter's site will tell you what the code is - and for the most part it won't need any editing or messing about. It will just work.

It's a good example of showing you what you can add to your page just by cutting and pasting. Other things which can be added to your site - and all they require is cutting and pasting of html code - are news headlines, banners, fancy java doodahs, voting booths and lots more!

Count traffic
Having a counter means you'll be able to "count traffic". That is you'll know who's visited your site. Most counters allow you to see the browser used, and where the visitor came from - who "refered" them to your site.

You'll probably find this information more useful as you get more into making web pages. Have a look here for a list and breakdown of the free counters available.

All information copyright 2001 Freebies Network UK LTD
HTMLCOOK is a subsidary of mogga.com