Web Publishing Level II - Image Compression - Intro to CSS<br><br>Week 7 Lesson Plan:<br><br>This week we'll start by going through some examples of good and bad image compression and show some examples of websites made with CSS.<br> <br>Skills: <br>We'll introduce the Save For Web feature in Photoshop and cover several file formats (JPG, GIF, PNG, TIFF, PSD, PDF, CRW). Then we'll go through the advantages and disadvantages of each format and what they should be used for.<br><br>Concepts:<br>We will introduce CSS, explain how it works and explain the difference between Inline CSS and Style Sheets. <br><br>We'll demonstrate how to lay out images and blocks of text using DIV tags as well as explain absolute pixel spacing and Z-depth.<br><br>Exercise:<br>We'll create a simple HTML/CSS website with some text and well compressed images laid out using CSS.<br> <br>Wrap-up: <br>We'll remind you of the resources available and briefly go through the ones posted. As well, there will be time for students to ask questions and play around in the software.