NOTES ON SITE BUILD

___________________________________________________________________________

UPDATING ELEMENTS

>	HEADER IMAGE
	linked in CSS - set up as background image
___________________________________________________________________________

IMAGES

>	ideally keep sizes to 10s..... generally recommended
> 	all images to contain ALT tag - very important for usability
> 	image tags to be written as XHTML, ie including a space and a forward slash before the closing bracket
=>	<img src="images/sample_img.jpg" width="210" height="180" alt="alt text to go in here" />

STYLE SET UPS IN PLACE

> 	<div id="img_insert_left">   </div>
	placing image to the left of any following text with text wrap (image 'floated')
> 	<div id="img_insert_right">   </div>
	placing image to the right of any following text with text wrap (image 'floated')

!!!	as images are floated - they need to be placed BEFORE any text which is planned to wrap around it

___________________________________________________________________________

CHANGING IMAGES FOR DIFFERENT SECTIONS

>	naming - addition of "_a", "_b" etc.... to indentify different images as well as their corresponding DIV tags
>	CSS annotated to point out rlues within image.css (this one will need to be changed should the images need updating)

•	header_a  =  header image for home and about page
•	head_low_a  =  header image (below main menu) for home and about page
•	menu_a  =  needs to be written fully for each section - due to possible glitches (all in image.css)
•	subhead_a  =  changed <H4> tag into DIV subhead_a.... for easier CSS setup
•	help_a  =  help image for home and about page

___________________________________________________________________________

FOLDER STRUCTURE

>	keep content in section - organised in folder, name to reflect content
	(makes it easier to go back to after a longer period of time)
>	file and folder names - ideally always as short as possible

=>	make note of file paths if neccessary ! remember all changes in naming will affect linking


___________________________________________________________________________

CSS STRUCTURE

>	all files need to keep working links to all CSS files (all viewing options)
>	CSS file contains ALL relevant rules for easier use with style sheet switcher

>>>  DIV NAMES FOR IMAGE CHANGES

_a	= PIXEL images => home ad about 
_b 	= FIELD images => make media
_c	= WORDS images => find resources
_d 	= DOT images => get involved
_e 	= TV images => work with media


>>>  NOTES ON PAGE VIEW - ALTERNATIVE STYLE SHEETS

>	HIVIZ = 1 header image only for all pages
	only 1 setting for all sectional elements, such as header graphics, box visuals and footer graphic