lesson content

• workflow considerations – saving and previewing pages – switching between applications
• inserting and presenting images
• setting up root folder and subfolders
• linking multiple pages
• styling links (CSS)
• validating the code

lesson notes

• for best workflow – always keep your HTML page open in the browser (Firefox) as well as in TacoHTML
• any changes you make in your HTML and CSS will need to be saved before they can be previewed in the browser
• to switch between your coding program and the browser – get used to using the keyboard shortcut (hold ‘apple’ key and press tab) – this will save you a lot of time :)
• while you are getting used to the CSS properties and rules – go slowly and test/preview as you go on
• make sure to keep your HTML code as well as your CSS code as tidy as possible as this will make it easier to spot any problems or coding errors
• use the ‘organise tags’ function (top menu > syntax) to keep your HTML code tidy
• save – save – save! :-)
• images can be either directly embedded into the page via HTML – or used as background images via CSS
• any embedded image needs 4 essential elements: the image source, an alt tag (to show alternative text), as well as width and height values
• values for image sizes in HTML are specified by measurement in pixel (without adding the unit), ie width=”120″ [NOT: width="120px"]
• GIF – use for flat coloured images such as logos (transparency with matte) = safe across all browsers
• JPG – use for images with shading such as photos (no transparency) = safe across all browsers
• PNG – quality of JPG with transparency (refined transparency) = safe only across modern browsers (IE6 does not support PNGs, need to be replaced with GIFs)