HTML & CSS: A Printer's Primer

Preview:

Citation preview

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/

Michael M. Grant, PhD

mgrant2@memphis.edu

http://viral-notebook.com