January 4

posted Jan 4, 2012, 1:18 PM by Peter Knowles

Today we'll finish what we started yesterday
As a class, we'll keep designin a style  for our calendars. 

Start by opening up your copy of your calendar's code. ( It should be named "YOURMONTH2012EXT" -- for example JUNE2012EXT) Keep your old code as it is; all work we do today will be done in the new file.

Then, we'll work our way through the CSS choices we made when we were working on our own to find the best versions of each element, sharing our successful approaches as we go. Make the changes we discuss to see how they work in YOUR calendar.

FOLLOW ALONG AND SUGGEST YOUR OWN DESIGN CHANGES AS WE WORK OUR WAY THROUGH THE CODE.

By the end of the class period, we'll have the CSS code we need, following the best ideas of the class. 

Then, with a single code change, we'll all make reference to it using an EXTERNAL STYLE SHEET

And then, as if by magic, all our calendars will look the same.  


Here's the link you'll use WHEN WE'RE DONE to link to the style sheet we create. 

<link rel="stylesheet" type="text/css" href="http://schools.gorge.net/whitesalmon/chs/staff/knowles/calendar.css" />

Delete all the CSS code you've created and been playing with in your file, and replace it with just that one line of code, in between the <head> and </head> tags. Share that file with Mr. Knowles.

Now, whenever the external css file is updated, all changes will automatically appear in yours. 

Wow!
Comments