This document provides an overview of HTML, CSS, content management systems and their relevance to printing technologies. It begins with a brief history of HTML and an introduction to CSS for formatting web pages. It describes how CSS can control formatting and page structure. It then discusses the use of templates and content management systems to maintain websites with multiple contributors. Finally, it considers how print media is evolving alongside digital media like the web and mobile, and what opportunities this presents for printing technologies.

1. HTML & CSS: A Printer’s Primer Michael M. Grant, PhD for Mrs. Nancy Leininger’s GC 310 Michael M. Grant 2010

2. Michael M. Grant

3. http://idt.memphis.edu

4. http://viral-notebook.com

5. Go Tigers!!

7. GC 215 GC 310 GC 440

8. What’s on tap … What’s happening on the Web today HTML CSS Sites that are implementing templates Content management What’s this all mean for printing technologies Image from http://www.flickr.com/photos/vek/4075264063/sizes/l/

9. What’s happening on the Web? Image from http://www.flickr.com/photos/jurvetson/63009926/sizes/m/

10. Top 5 Visited Sites on the Planet Internet Statistics by Alexa rankings

11. Total Number of Hostnames for Websites Internet Statistics http://news.netcraft.com/archives/2010/03/17/march_2010_web_server_survey.html

12. World Population The World’s Population http://www.worldmapper.org/display.php?selected=336#

13. Internet Users 2007 http://www.worldmapper.org/display.php?selected=336#

16. HTML, circa 1994 Image from http://www.flickr.com/photos/daniello/422213306/

24. Cascading Stylesheets Offers ways to improve productivity, experimentation, and reuse.

25. CSS allows for control of formatting & page structure. You get 2 for the price of 1!

26. Using CSS to control formatting is similar to styles in Word & InDesign. Let’s start with the easy one …

33. CSs also allows you to define characteristics of specific elements on your Web page. This is specific to the Web …

38. Who’s got questions so far? Image from http://www.flickr.com/photos/crystaljingsr/3914729343/

39. CSS can also control the structure of a page. And now the other way to use CSS … Image from http://www.flickr.com/photos/plutor/2882819776/

42. HTML

43. CSS

44. CSS Zen Garden

45. CSS Zen

46. CSS Zen

47. CSS Zen

48. CSS Zen

49. CSS Zen

50. CSS Zen

51. CSS Zen

52. 3 Ways to Implement CSS on your website External CSS Embedded/Internal CSS Inline styles

53. A number of sites will implement a template For you. Just add content.

59. Now Who’s got questions? Image from http://www.flickr.com/photos/crystaljingsr/3914729343/

60. Hello, Content Management. Maintaining a site with lots of folks contributing is difficult. Homegrown sites work well for 1 or 2 people

62. CMS IT Professionals & Web Developers Content Creators Adapted from http://www.patrickpetersen.nl/images/cmspatrickpetersen.jpg

63. CMS Examples Luminis

64. Wordpress

65. Wordpress

66. Wordpress

67. Moving forward with the web for printing Is print dead?

69. Multiple Mediums ≠ Multimedia Print Web Mobile

70. BrandingReuse v. repurpose What does this mean for printing technologies? Print Web Mobile

71. What about now? Image from http://www.flickr.com/photos/crystaljingsr/3914729343/

72. Michael M. Grant, PhD mgrant2@memphis.edu http://viral-notebook.com

73. Michael M. Grant 2010