Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
HTML & CSS: A Printer’s Primer<br />Michael M. Grant, PhD<br />for Mrs. Nancy Leininger’s GC 310<br />Michael M. Grant 201...
Michael M. Grant<br />
http://idt.memphis.edu<br />
http://viral-notebook.com<br />
Go Tigers!!<br />
GC 215<br />GC 310<br />GC 440<br />
What’s on tap …<br />What’s happening on the Web today<br />HTML <br />CSS<br />Sites that are implementing templates<br /...
What’s happening on the Web?<br />Image from http://www.flickr.com/photos/jurvetson/63009926/sizes/m/<br />
Top 5 Visited Sites on the Planet<br />Internet Statistics<br />by Alexa rankings<br />
Total Number of Hostnames for Websites<br />Internet Statistics<br />http://news.netcraft.com/archives/2010/03/17/march_20...
World Population<br />The World’s Population<br />http://www.worldmapper.org/display.php?selected=336#<br />
Internet Users 2007<br />http://www.worldmapper.org/display.php?selected=336#<br />
HTML, circa 1994<br />Image from http://www.flickr.com/photos/daniello/422213306/<br />
Cascading Stylesheets<br />Offers ways to improve productivity, experimentation, and reuse.<br />
CSS allows for control of formatting & page structure.<br />You get 2 for the price of 1!<br />
Using CSS to control formatting is similar to styles in Word & InDesign.<br />Let’s start with the easy one …<br />
CSs also allows you to define characteristics of specific elements on your Web page.<br />This is specific to the Web …<br />
Who’s got questions so far?<br />Image from http://www.flickr.com/photos/crystaljingsr/3914729343/<br />
CSS can also control the structure of a page.<br />And now the other way to use CSS …<br />Image from http://www.flickr.co...
HTML<br />
CSS<br />
CSS Zen Garden<br />
CSS Zen<br />
CSS Zen<br />
CSS Zen<br />
CSS Zen<br />
CSS Zen<br />
CSS Zen<br />
CSS Zen<br />
3 Ways to Implement CSS on your website<br />External CSS<br />Embedded/Internal CSS<br />Inline styles<br />
A number of sites will implement a template For you.<br />Just add content.<br />
Now Who’s got questions?<br />Image from http://www.flickr.com/photos/crystaljingsr/3914729343/<br />
Hello, Content Management.<br />Maintaining a site with lots of folks contributing is difficult. Homegrown sites work well...
CMS<br />IT Professionals<br />& Web Developers<br />Content Creators<br />Adapted from http://www.patrickpetersen.nl/imag...
CMS Examples<br />Luminis<br />
Wordpress<br />
Wordpress<br />
Wordpress<br />
Moving forward with the web for printing<br />Is print dead?<br />
Multiple Mediums ≠ Multimedia<br />Print<br />Web<br />Mobile<br />
BrandingReuse v. repurpose<br />What does this mean for printing technologies?<br />Print<br />Web<br />Mobile<br />
What about now?<br />Image from http://www.flickr.com/photos/crystaljingsr/3914729343/<br />
Michael M. Grant, PhD<br />mgrant2@memphis.edu<br />http://viral-notebook.com<br />
Michael M. Grant 2010<br />
Upcoming SlideShare
Loading in …5
×

HTML & CSS: A Printer's Primer

1,384 views

Published on

Published in: Education
  • Be the first to comment

  • Be the first to like this

HTML & CSS: A Printer's Primer

  1. 1. HTML & CSS: A Printer’s Primer<br />Michael M. Grant, PhD<br />for Mrs. Nancy Leininger’s GC 310<br />Michael M. Grant 2010<br />
  2. 2. Michael M. Grant<br />
  3. 3. http://idt.memphis.edu<br />
  4. 4. http://viral-notebook.com<br />
  5. 5. Go Tigers!!<br />
  6. 6.
  7. 7. GC 215<br />GC 310<br />GC 440<br />
  8. 8. What’s on tap …<br />What’s happening on the Web today<br />HTML <br />CSS<br />Sites that are implementing templates<br />Content management<br />What’s this all mean for printing technologies<br />Image from http://www.flickr.com/photos/vek/4075264063/sizes/l/<br />
  9. 9. What’s happening on the Web?<br />Image from http://www.flickr.com/photos/jurvetson/63009926/sizes/m/<br />
  10. 10. Top 5 Visited Sites on the Planet<br />Internet Statistics<br />by Alexa rankings<br />
  11. 11. Total Number of Hostnames for Websites<br />Internet Statistics<br />http://news.netcraft.com/archives/2010/03/17/march_2010_web_server_survey.html<br />
  12. 12. World Population<br />The World’s Population<br />http://www.worldmapper.org/display.php?selected=336#<br />
  13. 13. Internet Users 2007<br />http://www.worldmapper.org/display.php?selected=336#<br />
  14. 14.
  15. 15.
  16. 16. HTML, circa 1994<br />Image from http://www.flickr.com/photos/daniello/422213306/<br />
  17. 17.
  18. 18.
  19. 19.
  20. 20.
  21. 21.
  22. 22.
  23. 23.
  24. 24. Cascading Stylesheets<br />Offers ways to improve productivity, experimentation, and reuse.<br />
  25. 25. CSS allows for control of formatting & page structure.<br />You get 2 for the price of 1!<br />
  26. 26. Using CSS to control formatting is similar to styles in Word & InDesign.<br />Let’s start with the easy one …<br />
  27. 27.
  28. 28.
  29. 29.
  30. 30.
  31. 31.
  32. 32.
  33. 33. CSs also allows you to define characteristics of specific elements on your Web page.<br />This is specific to the Web …<br />
  34. 34.
  35. 35.
  36. 36.
  37. 37.
  38. 38. Who’s got questions so far?<br />Image from http://www.flickr.com/photos/crystaljingsr/3914729343/<br />
  39. 39. CSS can also control the structure of a page.<br />And now the other way to use CSS …<br />Image from http://www.flickr.com/photos/plutor/2882819776/<br />
  40. 40.
  41. 41.
  42. 42. HTML<br />
  43. 43. CSS<br />
  44. 44. CSS Zen Garden<br />
  45. 45. CSS Zen<br />
  46. 46. CSS Zen<br />
  47. 47. CSS Zen<br />
  48. 48. CSS Zen<br />
  49. 49. CSS Zen<br />
  50. 50. CSS Zen<br />
  51. 51. CSS Zen<br />
  52. 52. 3 Ways to Implement CSS on your website<br />External CSS<br />Embedded/Internal CSS<br />Inline styles<br />
  53. 53. A number of sites will implement a template For you.<br />Just add content.<br />
  54. 54.
  55. 55.
  56. 56.
  57. 57.
  58. 58.
  59. 59. Now Who’s got questions?<br />Image from http://www.flickr.com/photos/crystaljingsr/3914729343/<br />
  60. 60. Hello, Content Management.<br />Maintaining a site with lots of folks contributing is difficult. Homegrown sites work well for 1 or 2 people<br />
  61. 61.
  62. 62. CMS<br />IT Professionals<br />& Web Developers<br />Content Creators<br />Adapted from http://www.patrickpetersen.nl/images/cmspatrickpetersen.jpg<br />
  63. 63. CMS Examples<br />Luminis<br />
  64. 64. Wordpress<br />
  65. 65. Wordpress<br />
  66. 66. Wordpress<br />
  67. 67. Moving forward with the web for printing<br />Is print dead?<br />
  68. 68.
  69. 69. Multiple Mediums ≠ Multimedia<br />Print<br />Web<br />Mobile<br />
  70. 70. BrandingReuse v. repurpose<br />What does this mean for printing technologies?<br />Print<br />Web<br />Mobile<br />
  71. 71. What about now?<br />Image from http://www.flickr.com/photos/crystaljingsr/3914729343/<br />
  72. 72. Michael M. Grant, PhD<br />mgrant2@memphis.edu<br />http://viral-notebook.com<br />
  73. 73. Michael M. Grant 2010<br />

×