HTML & CSS: A Printer’s PrimerMichael M. Grant, PhDfor Mrs. Nancy Leininger’s GC 310
Michael M. Grant 2010
Michael M.
Grant
http://idt.memphis.edu
http://viral-notebook.com
Go Tigers!!
GC 215GC 310GC 440
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/
WHAT’S HAPPENING ON THE WEB?
Image from http://www.flickr.com/photos/jurvetson/63009926/sizes/m/
Top 5 Visited Sites on the Planet
INTERNET STATISTICS
by Alexa rankings
Total Number of Hostnames for Websites
http://news.netcraft.com/archives/2010/03/17/march_2010_web_server_survey.html
INTERNET STATISTICS
World Population
The World’s Population
http://www.worldmapper.org/display.php?selected=336#
Internet Users 2007
http://www.worldmapper.org/display.php?selected=336#
HTML, CIRCA 1994
Image from http://www.flickr.com/photos/daniello/422213306/
CASCADING STYLESHEETS Offers ways to improve productivity, experimentation, and reuse.
CSS ALLOWS FOR CONTROL OF FORMATTING & PAGE STRUCTURE.
You get 2 for the price of 1!
USING CSS TO CONTROL FORMATTING IS SIMILAR TO STYLES IN WORD & INDESIGN.
Let’s start with the easy one …
CSS ALSO ALLOWS YOU TO DEFINE CHARACTERISTICS OF SPECIFIC ELEMENTS ON YOUR WEB PAGE.
This is specific to the Web …
WHO’S GOT QUESTIONS SO FAR?
Image from http://www.flickr.com/photos/crystaljingsr/3914729343/
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/
HTML
CSS
CSS Zen Garden
CSS Zen
CSS Zen
CSS Zen
CSS Zen
CSS Zen
CSS Zen
CSS Zen
3 WAYS TO IMPLEMENT CSS ON YOUR WEBSITE
External CSS
Embedded/Internal CSS
Inline styles
A NUMBER OF SITES WILL IMPLEMENT A TEMPLATE FOR YOU.
Just add content.
NOW WHO’S GOT QUESTIONS?
Image from http://www.flickr.com/photos/crystaljingsr/3914729343/
HELLO, CONTENT MANAGEMENT.
Maintaining a site with lots of folks contributing is difficult. Homegrown sites work well for 1 or 2 people
CMSContent Creators
IT Professionals& Web Developers
Adapted from http://www.patrickpetersen.nl/images/cmspatrickpetersen.jpg
CMS Examples
Luminis
Wordpress
Wordpress
Wordpress
MOVING FORWARD WITH THE WEB FOR PRINTING
Is print dead?
Multiple Mediums ≠ Multimedia
Print Web Mobile
BRANDINGREUSE V. REPURPOSE
What does this mean for printing technologies?
Print Web Mobile
WHAT ABOUT NOW?
Image from http://www.flickr.com/photos/crystaljingsr/3914729343/