NCompass Live: CSS: A Brief Introduction

1,516 views

Published on

Michael Sauers, the Commission’s Technology Innovation Librarian and author of XHTML & CSS Essentials for Library Web Design, will give a brief introduction to Cascading Style Sheets (CSS). Michael will cover items like why CSS was developed, the benefits of using CSS in creating your Web site, and give you just enough code to get you started. Time allowing, Michael will be more than happy to take your coding questions.

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,516
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

NCompass Live: CSS: A Brief Introduction

  1. 1. CSS: Nebraska(A very brief introduction to CSS)NCompass Live 30 March 2011<br />Michael SauersTechnology Innovation Librarian,Nebraska Library CommissionAuthor of XHTML & CSS Essentials for Library Web Design<br />http://www.flickr.com/photos/21814247@N08/5256026599/<br />
  2. 2. CharlieSheen<br />Syndrome<br />#winning<br />
  3. 3. What is CSS?<br />Cascading Style Sheets<br />A coding language that allows for controlling the look and feel (style) of content<br />Typically used to present Web (HTML/XHTML) content.<br />
  4. 4. Benefit #1:<br />Content creators can<br />on content<br />http://www.flickr.com/photos/56387066@N00/1810357551/<br />
  5. 5. Benefit #2:Design enforcement<br />http://www.flickr.com/photos/11051496@N00/3459379822/<br />
  6. 6. Benefit #3: Write once, use many<br />http://www.flickr.com/photos/hkdmz/3132679379/<br />
  7. 7. Benefit #4:Redesign made easier<br />
  8. 8. Benefit #5:Different stylesfor different media<br />http://www.flickr.com/photos/69135870@N00/4203327202/ - http://www.flickr.com/photos/31477465@N02/4324941403/<br />http://www.flickr.com/photos/14497193@N04/5072723955/ - http://www.flickr.com/photos/8675898@N03/5063557111/<br />
  9. 9. Benefit #6: Accessibility<br />http://www.flickr.com/photos/47379017@N00/4971661764/<br />
  10. 10. What does CSS look like?<br />
  11. 11. Three Ways to implement CSS<br />External<br />Embedded<br />Inline<br />http://www.flickr.com/photos/8980157@N06/3978562587/<br />
  12. 12. Let’s jump in and get messy!<br />http://pastehtml.com/ http://www.lipsum.com/<br />http://www.flickr.com/photos/17217108@N00/3545065342/<br />
  13. 13. Browser<br />Coder<br />External<br />Embedded<br />Inline<br />User<br />The Cascade<br />http://www.flickr.com/photos/75544898@N00/3575436924/<br />
  14. 14. The Box Model<br />http://www.flickr.com/photos/juehuayin/3876764554/<br />
  15. 15.
  16. 16.
  17. 17. http://www.flickr.com/photos/juehuayin/3985429095/<br />
  18. 18. http://www.flickr.com/photos/eplewis/4179681048/<br />
  19. 19.
  20. 20. Michael SauersTechnology Innovation Librarian, Nebraska Library Commissionmichael.sauers@nebraska.govwww.travelinlibrarian.info<br />Thank you!<br />http://www.flickr.com/photos/39664542@N07/5335872369/<br />

×