Difference between revisions of "AIM Class2"
esse quam videri
(→Links) |
|||
Line 26: | Line 26: | ||
* Change the background color of a div, and the text color | * Change the background color of a div, and the text color | ||
* Change the background color of a span, and the text color | * Change the background color of a span, and the text color | ||
− | |||
==Links== | ==Links== |
Revision as of 21:18, 30 June 2006
Contents
Review History of Markup from last class
What is the connection between XML, XHTML and CSS?
Introduction to XML
Introduction to CSS
There are four ways to use stylesheets:
1. In-line 2. Embedded 3. Linked (External) 4. Import*
In class we will discuss the first three methods and create an example of the third. The fourth method, import, will not be covered in class because there is sketchy support for it (which actually turns out to be a plus if you want a specific style sheet that some browsers won't be able to see or use).
Class Assignment
Create an experimental CSS file that does the following:
* Use a div * Use a span * Use at least one class * Use at least one ID * Change the background color of a div, and the text color * Change the background color of a span, and the text color
Links
Helpful links:
- <a href="http://www.pixy.cz/apps/barvy/index-en.html">Color Scheme</a> (color scheme generator)
- <a href="http://www.colorschemer.com/online.html">Color Schemer</a> (color scheme generator)
- <a href="http://colormatch.dk/">Color Match 5k</a> (color scheme generator)
- <a href="http://archive.devx.com/projectcool/developer/gzone/color/color_symbolism02.html">Color Symbolism</a> (devx.com article)
- <a href="http://www.personal.psu.edu/faculty/c/a/cab38/ColorSch/SchHome.html">Color Use Guidelines for Mapping and Visualization</a>
- Web Graphics for Non-Designers Excerpt <a href="http://www.webreference.com/authoring/graphics/color/nondesigners/chap2/">Chapter 2: Using Color</a>
- <a href="http://webdesign.about.com/cs/color/a/aacolorharmony.htm">Color Harmony</a> (about.com article)
- <a href="http://colormatters.com/colortheory.html">Basic Color Theory</a> (color matters.com article)
- <a href="http://www.colormatters.com/chameleon.html">Color, the Chameleon of the Web</a> (color matters.com article)
- <a href="http://colormatters.com/des_ecom.html">Color and E-Commerce</a> (color matters.com article)
- <a href="http://webdesign.about.com/cs/color/ht/htrgbhexwindows.htm">How To Convert From RGB to Hex on a Windows Computer</a> (about.com article)
- <a href="http://www.colordream.net/research/eresult.htm">Study of color preferences in Japan</a>
- <a href="http://www.personal.psu.edu/faculty/c/a/cab38/ColorBrewerBeta.html">Color Brewer</a> (color scheme tool)
Homework
AIM Quiz 1
===Reading===