Friday, 17 June 2011

HTML, CSS & Fireworks

HTML- HTML is used in a website for body text. You use it for inserting your content on your site. If you have purely a HTML document as a website, you will see a horizontel page of text and images. HTML is the building-block of any website.

It uses HTML tags such as <h1> </h1> for a heading and <strong> </strong> which can be formatted in CSS. The first tag, <h1> opens the tag and </h1> closes the tag. The content goes in-between.

CSS - CSS is used for formatting your HTML. To change the way your page looks, you use CSS from changing the font colour to putting your content into columns. These days, if you don't put the formatting into the CSS document(s) rather than the HTML then your website is not W3C compliant.

CSS looks like this:
body
{
color: white;
background: black;
}

This would format the content under the <body> </body> tag in the HTML document so that the background of that area goes black and the font will go white.

HTML & CSS are linked together in the <head> </head> tag with the code <link rel="stylesheet" href="homepage.css">.

Fireworks - Fireworks works as a basic photo manipulation program such as Photoshop or GIMP but in essense Fireworks is a bitmap and vector graphics editor. This means that you can create images for websites and if they are resized then they will not loose quality. This is quite important within web design.
They allow you to use a variety of tools to aid you in creating graphics such as Marquee's, pen tools, brushes, stamps and text (these are just a few). It also uses Layers which allow the user to navigate around their graphics easily so if you make a mistake on one layer, it doesn't compromise the image as a whole.