My Web Designing

Fonts, fonts, fonts... Why are you displaying differently on each system?

2009-05-28T17:53:00.007+01:00

Here you can find a list of basic fonts available on Windows and Mac.
In the table you can also compare how each of these systems displays even the same font!

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

OOPS... I've forgotten to check my code...

2009-05-28T12:42:00.003+01:00

Here comes the... VALIDATOR!!! :)

HTMLand XHTML validator:
http://validator.w3.org

CSS code validator:
http://jigsaw.w3.org/css-validator

CSS is going to be my best friend :)

2009-05-27T16:46:00.002+01:00

CSS Tutorial and many more.

Tell the browser the HTML/XHTML version and character encoding you're using :)

2009-05-27T11:12:00.014+01:00

If you're using the HTML 4.01 version, you should write this information at the very beginning of your html document. The browser will 'know' that your website meets the standard :)

<!DOCTYPE html PUBLIC "-//W3//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

For the XHTML 1.0 version type:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

When using XHTML write xmlns attribute in your <html> opening tag:

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

If you're using English or Western-European languages, write a <meta> tag that provides your browser with such information. This should be written inside the <head> element.

<meta http-equiv="Content-Type" content ="text/html; charset=ISO-8859-1">

Additional information about character encoding in other languages is on W3C website.

Character entity

2009-05-26T12:29:00.005+01:00

Very important! However, almost impossible to learn (well... if I use often some of them, I'll probably remember them sooner or later).

Here is another list with useful links to websites with character entity charts:

http://www.w3schools.com/tags/ref_entities.asp

http://www.evolt.org/entities

and a Wikipedia article that gives character entity references.

Web colors

2009-05-25T17:45:00.011+01:00

The whole hex color code chart can be found on http://www.computerhope.com/htmcolor.htm.
There is also an article about Web Colors on the English Wikipedia. I like to have a quick look at different colors before I choose the right one.

What might me useful is a color generator - a color wheel that gives an idea of possible color schemes for the website: Hex Color Generator.

Useful HMTL tags

2009-05-23T13:56:00.029+01:00

The alphabetical list of HTML tags:

http://www.htmlquick.com/reference/tags.html

http://www.w3schools.com/TAGS

.
HTML tags divided in sections, i.e. related to structure, text, list etc:

http://www.devx.com/projectcool/Article/19816

.
Of course I couldn't forget about the marvellous wikipedia article on HTML elements: HTML element.

P.S. The list elements I've created using the <li> tag and for the links I've used <a href="..."> :)

Hi everyone!

2009-05-21T11:54:00.002+01:00

This is going to be a sort of diary to register what I've learned in website designing.
Have fun :)