Nov 21 2008

suzievesper

Visual class rules and love of colour tools continues

Posted at 10:55 am under Curriculum Links, Design, Ideas from Classrooms

I was visiting this blog by Michelle Morley and enjoyed her post on making visual representations of class rules and publishing them on Slideshare. I have done a similar thing around values in a school where children explored different images I had collected to see how messages can be conveyed in pictures and then planned and photographed their own scene to depict a value. This is the class rules example that Michelle had on her blog:

Our Classroom Agreements

View SlideShare presentation or Upload your own. (tags: agreements students)

Only geeks that are interested in CSS and hex codes read below :-)
Yesterday, I spent some time working on the design of the Learning@School conference site – I changed the header to stretch right across the page and I changed the navigation menu colours and design. I couldn’t figure out which elements of design the different hex codes in the code were referring to. I first of all used a handy Firefox extension called Firebug to help me ‘inspect’ different sections of the page to tell me the code that was behind them. Then I needed to be able to do a search by the hex code so that I could find out what colour it was referring to. Once again, I turned to the wonderful Colour Lover site for a solution. You can do a palette search by hex code and you can even add a Colour Lover hex code search to your Firefox browser search options. Color Schemer Online Version 2 is also another good option when searching by hex code.  Then I sampled the colour codes from the header image by running it through the Image Palette Generator and changed the template to hex codes that matched with this image. The whole process would have been a LOT quicker if I knew all about CSS!!

No responses yet


Create a free edublog to get your own comment avatar (and more!)

Trackback URI | Comments RSS

Leave a Reply

*
To prove you're a person (not a spam script), type the security word shown in the picture.
Anti-Spam Image