IDES 322 09: WORPRESS + ADVANCED CSS 03/22/16

INTRO:
Complete Code review for 9, and 12
Float Tutorial
Inline block tutorial
Horizontal Align
CODE: Create a 3 column layout using any CSS method we covered

READING:
From Chapter 15, Media Rules.
Start with @import
But, when presented as a media rule: @media – used for different purposes:
Media Rules
– More Media info

Chapter 12
– Can also import fonts
Can also use Google Fonts

From Chapter 16, rollovers.
JS tried and true. Demo 2004 site:
Better but tricky

FAVICON:
FAViSize
Flavor FAVicon
Favicon generator

WORDPRESS:
– Install! If you are using a free host, need to get it
– A “how to”
WP customize
– More WP custom
– WP theme mods
– WP theme customization
– More WP tips

Sources to Review:
CSS Rollover
CSS Rollover 2
More on the Hover
Advanced Hover effects
Zen Garden

ASSIGNMENT
Chapter 19
Media Rules:
– import CSS using media rules
– Change background based on media rules (see demo)
– import fonts using media import rules
– Try Javascript image rollovers and CSS sprites
– Create and install a favicon

Install WordPress on your server. Start playing with and customizing the platform
Start working on your final