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,325 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,325
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • Weebly is a Web site authoring tool with a very easy to use drag and drop interface.
  • DrupalPostNukeJoomla!MamboPloneWordpress
  • 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 />

    ×