Download Producing for the Web

Making Sense of the Information Age
Outline
Introduction
Producing for the Web
Making Sense
Presented by
Web Design
Kenan Doyle Branam
The Story
Motion Media
Summary
The Future
[email protected]
Paradigm Communications, Inc.
Web Team Leader for mca-i.org
1
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
I think,
therefore, I am…
…I think.
2
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age
Producing for the Web
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Day Schedule
Morning (10:00am – 12:00 noon)
• Making Sense of the Information Age
• What a Producer needs to know about
the Web
(Lunch)
Afternoon (1:00pm – 3:00pm)
• Media Careers/MCA-I
• The Story Teller
• Integrating Motion Media on the Web
(Fast breaks every hour)
3
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age
Producing for the Web
Outline
Introduction
Making Sense
Web Design
My Objectives Today
• The Nature of the Web Medium
• The Web Culture
The Story
Motion Media
Summary
The Future
• Usability & Accessibility
• Technology Standards
• How to integrate Motion Media
4
© 2005 Paradigm Communications, Inc.
Allow me to introduce myself…
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Media Careers
1.
2.
3.
4.
5.
6.
7.
8.
9.
Artist
TV Director
Agency Media Producer
Video Artist
Syndicated Series Director
Gestalt Facilitator
Video Producer/Director
Web Designer/Producer
Teacher/Philosopher
5
© 2005 Paradigm Communications, Inc.
Allow me to introduce myself…
My Life as a Student
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Continuing Education:
• Art & History
• Cognitive psychology
• Chaos & Systems Theory
• Nanotechnology
• Genetics
• Mathematics/New Science
• Broadcast News
• Politics & Sociology
6
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age
The Theory of Everything
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Special Theory of Relativity
e=mc
2
The Theory of Everything
“A human being is part of the Whole...
He experiences himself, his thoughts and feelings,
as something separated from the rest... a kind of
optical delusion of his consciousness.”
Albert Einstein
7
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age
The Human Experience
Outline
Introduction
Making Sense
Web Design
e=mc
2
The Story
Motion Media
Summary
The Future
e = the human experience
m = the medium
c = communication
squared = knowledge shared
8
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age
Information is Relationship
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
“Knowledge thus exists in relationship rather
than in an "objective" world or in "subjective"
experience.
In information theory, "information" is defined
in terms of a "relationship" between an input
and a receiving devise. A book contains no
information for someone who can't read.”
John R. Battista
Quoted in The Holographic Paradigm by Ken Wilber
9
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age:
Information
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Information is data organized
in a meaningful way…
“in-formed”, “un-folded”
through a medium.
10
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age:
The Medium
Outline
Introduction
Making Sense
Web Design
“The Medium
is the Massage.”
The Story
Motion Media
Summary
The Future
Herbert Marshall McLuhan
1911-1980
The Official Website
The Book
11
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age:
The Medium
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Language is a medium
• Face to face
• Sign language
• Voice language
• Broadcast medium
•
•
•
•
•
Theatre
Books
Telephone
Radio
Television
• The Internet & the Web
12
© 2005 Paradigm Communications, Inc.
Intermission
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
13
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
The Medium of the Web
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
It’s about the Experience
• The Web is a literate medium first, not
just a visual medium.
• The Web is an active rather than a
passive medium.
• The Web is a time-sensitive environment.
• The very purpose of the Web is about
sharing of knowledge through links—
hypertext.
• The Web is global and local
14
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
The Medium of the Web
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
The Web is a language
• Content & Management
• Web Presence
• Web Grammar
• Web Design
The Shared Experience
15
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Content Management
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Write for the Web
• Use concise, short sentences
• Facilitate scanning
• Lists rather than blocks of text
• Short paragraphs
• Bold key phrases
• Have abstract for long documents
• Standardize spelling, language
• Check spelling
Crawford Kilian : “Writing for the Web”
16
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Content Management
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Every page should answer these
questions for content to have
meaning.
•
•
•
•
•
•
Who
What
Where
When
Why
How
17
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Content Management
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
About the Website
• Company background
• Vision & Mission
• Management/Key personnel
• Awards/Professional affiliations
• Location & territory
• Contact: Email, Phone, Address
• Job postings
18
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Content Management
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Content Planning
•
•
•
•
•
•
•
•
•
•
About the company or topic
Calendar of events
Product description (text, pictures, videos)
Customer testimonials or quotes
FAQs (Frequently Asked Questions) with answers
Press releases and contacts
Forms (general feedback, user surveys, follow-up requests,
order forms)
List of resellers/distributors
Industry directories (online or in print)
Industry associations or guilds
19
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Content Management
Outline
Introduction
Making Sense
Web Design
The Story
Collaboration Software
• provides multiple “content
providers” and “editors” with access
to Web pages on a password
protected basis.
Motion Media
Summary
The Future
• Allows content providers to edit
text content while restricting
branding and style changes.
20
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Web Presence
Outline
Introduction
Making Sense
Web Design
POP =
Point of Presence
The Story
Motion Media
Summary
The Future
Build it…
so they can find it
… then they will come!
21
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Web Presence
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
• Web Domain Name (POP)
(yourdomainname.com)
• Registered with InterNic
• Addressed to a Web Host
IP, Internet Protocol
000.000.000.000
22
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Web Presence
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
It’s about networking
• Search Engine Robots
• Get listed in Directories
• Be Online 24/7/365
• Develop Community
• Customer Centric
23
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Web Code
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Contract Professionals!
• A graphic artist is not a code expert
• A video producer is not a code expert
• A writer is not an Information
•
•
Technologist
An Information Technologist is not a
writer
Etc…
24
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Web Grammar
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
HTML –
hyper text markup language
• Document Type Definition
• Metatags
• Body, chapters, subchapters
• Accessibility Standards
• W3 - Industry Standard definitions
Summary
The Future
Everything you need to know about Web
Standards
25
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Web Grammar
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Header & Metatags
• “page title”
• “description”
• “keywords”
• “author”
26
© 2005 Paradigm Communications, Inc.
source
code
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html>
<head>
<title>_________________</title>
<meta name="copyright" content="&amp;#copy; 2005 Paradigm Communications,
Inc.">
<meta name="Web Designer" content="Kenan Doyle Branam">
<meta name="Authorized by" content="Client">
<meta name="description" content="__">
<meta name="keywords" content=“150 words maximum">
<meta name="resource-type" content="document">
<meta name="distribution" content="global">
<meta name="Robot" content="ALL">
<meta http-equiv="Content-Type" content="text/html">
<link rel="STYLESHEET" href="primary.css" type="text/css">
</head>
<body>
<!--#include file=“top_menu.ssi”>
<!--#include file=“left_side_menu”>
<div id=“page_body” class=“contact_form">
<h1>Page Title</h1>
<h2>Sub title</h2>
…<h6>whatever</h6>
<p>___________________________________</p>
<img src="path/to/image/image_file.jpg" alt="Image Name" border="0">
<br>
<a href="http://www.domain.com/subdirectory/file.htm">LinK</a>
</div><!—page_body end -->
<!--#include file=“footer_menu.ssi”-->
</body>
</html>
27
What a Producer needs to know about
Web Design – The Metaphor
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Navigation Metaphor
• Familiar
• Appropriate
• Intuitive
• Usable
• Accessible
28
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Web Design – Elements of Style
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Look & Feel
• Composition
• Font Styles
• Color palette
• Icons, illustrations & photos
• Motion media
29
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Web Design – Elements of Style
Outline
Introduction
Making Sense
Web Design
The Story
Design Management
• Server-side includes (*.ssi)
• Cascading Style Sheets (*.css)
• Templates
Motion Media
Summary
The Future
30
© 2005 Paradigm Communications, Inc.
body { font-family : Humnst777 Blk BT,Verdana, Helvetica, Arial, sans-serif;
source
code
font-size : 1em;
background-image : url(images/bg-image.jpg);
margin-top : 0px;
}
.intro { }
CSS
#contact_form { }
a:link {
}
color: #8000FF
font-weight : bold;
H1 { font-family: Humnst777 Blk BT,Verdana, Arial, Helvetica, sans-serif;
}
p{
}
font-size: 2em;
font-weight: normal;
font-style: normal;
color: #660066;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight: normal;
font-style: normal;
color: #000000;
text-align: left;
31
source
code
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>My first styled page</title>
CSS
<meta http-equiv="Content-Type" content="text/html">
<link rel="STYLESHEET" href="primary.css"
type="text/css">
<style type="text/css">
body { color: purple; background-color: #d8da3d }
</style>
</head>
<body> [etc.]
<p style=“font-family: Verdana Ref, sans-serif; font-size:
1.25em; font-weight: normal; font-style: normal; color:
#660066;text-align: center;>
Paragraph text
32
</p>
What a Producer needs to know about
Web Design – Elements of Style
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Cognitive Modalities
•
•
•
•
•
•
•
Perception
Attention (Focus)
Stimulus/Response
Pattern Recognition
Association
Concept Formulation
Creative Adaptation
33
© 2005 Paradigm Communications, Inc.
What a Producer needs to know about
Web Design – Elements of Style
Outline
Introduction
Gestalt Formation
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
• Figure/ground
• Composition and Association
provides form & meaning
34
© 2005 Paradigm Communications, Inc.
Global Header (site name)
Global Navigation Menu bar items items items items
Submenu
Items
Items
Items
Items
Items
Items
Items
items
Header – Page Title
Subheader
Introductory paragraph - The present standard
screen resolution is 800x600 which gives you a
90% audience.
&
special
notes
Sub Subheader
Items
;ljasfopuikjf ayfopiu afopiydf oaoiuf oiausdfoiudso
osdapiufoi aosdf soadifuopiu 8ouafoipu asdoi fuoa
fpoiuadf asdoiufpoiausd fpoi asdfopiuasdf sdoapifusdaf
opdasif asd fasd foaps idfoas[difuapsodfiuasd fpoasdif
dfopiuasdf psdoaiu foads fasopdifuoasdiufoaspdif
opasdifuo8ue0wt[0gikjiufsyaw9upgz o 7y oiu pu 9p8y
op8u oi ]oi [pou o8y op87 poi [pi ][pi ][ i][ i][ I I ][I p[
oi[p oiu 89y 897 6 ui po jpo t r 6rasd’;jakf[pwkf[w
Items
Items
Items
Items
Items
35
What a Producer needs to know about
The Future of the Web
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Evolution of Languages
(Document Type Definitions)
•
•
•
•
SGML, the basis of all HTM
HTML (v.2.0, 3.2, 4, 4.01)
XML (v. 1.0 is 2nd version)
XHTML
SVG (Scalable Vector Graphics)
Here goes video!
36
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age
The Future of the Web
Outline
Introduction
Making Sense
Weaving the Web
Web Design
The Story
Motion Media
Summary
The Future
The original design and ultimate destiny of
the World Wide Web, by its inventor Tim
Berners-Lee with Mark Fischetti.
37
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age
The Future of the Web
Outline
Introduction
Making Sense
The Semantic Web
Web Design
The Story
Motion Media
Summary
The Future
"The Semantic Web is an extension of the current
web in which information is given well-defined
meaning, better enabling computers and people to
work in cooperation."
-- Tim Berners-Lee, James Hendler, Ora Lassila, The Semantic
Web, Scientific American, May 2001
Web Weaver Glossary of Terms
38
© 2005 Paradigm Communications, Inc.
Lunch Break
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
39
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
The Broadband Market
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
• 50% Plus of on-line users access
the Internet by broadband
connection
• The number of broadband
Internet users hit 31.1 million in
June of 2004, a 41% increase
over the previous year
40
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
The Demand for Rich Media
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
•
74% have viewed online video at
least once
• 51% do so a minimum of once a
month
• 27% streaming video at least once
a week
• 5% view Web video streams daily
Media Post Publications Home of Media Daily News,
MEDIA and OMMA Magazines HOME Wednesday, Feb 9,
2005
41
© 2005 Paradigm Communications, Inc.
The Story Teller was produced in 1993 for the
ITVA Houston Chapter Gulf Coast Video Festival
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
42
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
The Story
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
A Story is a Teller’s glimpse of
life’s experience—
a personal perspective—
a way of communicating and
sharing with a audience.
43
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
The Story Line
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
A Story “Line”
is one dimensional
with a beginning, middle, and end.
Web space
is multi-dimensional
without beginning or end.
44
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Weaving the Web
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Weaving is a metaphor for a
people’s understanding of the
universe they experience– a
cosmology.
Weaving:Arts & Lore
45
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Web Weaving versus a Story Line
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
• Networked v Linear
• Segmented v Contiguous
• “Parsed” v Composite
• Interactive v Sequential
• Integrated v Isolated
46
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Weaving a Story Web
Outline
Introduction
Motion Media Stories
Making Sense
Web Design
The Story
Movies now offer a choice of alternate
endings and behind the scenes.
Motion Media
Summary
The Future
Even broadcast TV series offer several
“story lines,” within episode.
Video Games branch at every turn and
challenge Player’s resource management.
47
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Video Distribution Channels
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Broadcast
Cable
Satellite
CD, DVD, and cassette
Web Distribution
 Download
 Streaming on demand
 Streaming live
48
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Web Distribution
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Download (on-demand)
Streaming
• on-demand
• live
• embedded
(In-context of the page)
49
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Screen Starts
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
<a href=“video.wmv”>Text Link –(RightClick to
Download)</a>
Embed:
<EMBED SRC="embed.rpm"
CONTROLS="ImageWindow" HEIGHT="150"
WIDTH="200" CONSOLE="Clip1"
AUTOSTART="false">
Graphic Button or image link
Still Video Image or GIF animation link
Flash Composition or Flash image link
50
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Shooting for the Web
Outline
Introduction
Pre-production
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
•
•
•
•
•
•
•
Distribution environment
Program objectives
Communication architecture
Start with the best equipment
Keep it simple
Limit the shot lengths & complexity
Take it apart
51
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Shooting for the Web
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Composition
•
•
•
•
•
•
•
•
Avoid high texture backgrounds
Tighter is better
Low data backgrounds
Low contrast lighting
Avoid color over-saturation
Avoid high-res patterns
Limit full composition movement
Capture clean audio!
52
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Post Production for the Web
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Think non-linear story-line
• Frame aspect is not fixed
• Avoid quick-cuts & montages
• Use dissolves rather than page
turns
• Prefer fade up from black or not
• Limit titles and captions
• Embed hot spots and metadata
53
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Authoring Options
Outline
Introduction
Making Sense
Web Design
The Story
• Macromedia Studio:
Dreamweaver, Flash, etc.
• MS PowerPoint download or
convert to HTML
Motion Media
Summary
The Future
• MS Producer (time-line)
• MM Flash converted to HTML
54
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Video Serving Options
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
• Run Plug Ins: Real Player, Windows
Media Player, QuickTime, Macromedia
Flash (or Shockwave), and now,
BroadRamp
• Embedded (in-context of the page)
• Program multimedia montages with hot
spots and time triggers
55
© 2005 Paradigm Communications, Inc.
Question Three
Mayoral Candidate Forum October 1, 2003
Play audio of question
Improving air quality is the next
most urgent goal of the Citizens’
Agenda for Houston’s Future.
What is your plan to improve air
quality in the city of Houston?
Slide
Bottom Frame contains transcript. Adjust Frame up to read.
Left-click to play.
Right-click to control...
56
Transmission Distortions
CDP Analyses
1600 ft
7.B.2
18000 ft Trough Amplitude
200 ms
-10
0
Migrated CDP
gathers every
50 locations
TOGGLE VIDEO ON/OFF
by clicking on image
WARNING:
Examine more than 1 migrated
CDP
gather near well site or prospect.
57
Hatchell, 2000
57
Integrating Motion Media
Video Compression Formats
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
• MPEG 1
• MPEG 2
• MP3 is not MPEG3 
• MPEG 4
• MPEG 7
• MPEG 21
Streamingmedia.com
MPEG.ORG
58
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Video Compression Formats
Outline
Introduction
Making Sense
Web Design
The Story
Example:
Adobe Premiere
Windows Media
Format
Choices
Motion Media
Summary
The Future
59
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Sample Websites
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
• http://www.conversegallery.com
• http://www.mediaateam.com/
• Ellen Degeneres
http://www.mylifemycard.com/mylifemycard.
html
• Ray Kurzweil
• Artificial Intelligence http://www.kurzweilAI.net/
• The Brain http://www.kurzweilai.net/brain/
60
© 2005 Paradigm Communications, Inc.
Integrating Motion Media
Sample Websites
Outline
Introduction
Making Sense
Web Design
•PowerPoint converted to Flash:
http://www.presentationpro.com
/Products/GalleriesLite.asp
The Story
Motion Media
Summary
The Future
61
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age
The Future of the Web
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Bigger,
Faster,
Smarter,
Cheaper…
even the audience will be
transformed into story tellers and
weavers, creating the web of human
experience…
62
© 2005 Paradigm Communications, Inc.
Making Sense of the Information Age
The Summary
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
e=mc
2
The Web we weave
is a Story after all.
A Story about Everything.
Told in a medium that enfolds its true
nature:
multi-dimensional
…never ending.
63
© 2005 Paradigm Communications, Inc.
…to be continued…
Making Sense of the Information Age
Producing for the Web
Outline
Introduction
Making Sense
Web Resource Links
Web Design
The Story
Motion Media
Other presentation are available:
http://www.branam.com/makingsense/
Summary
The Future
65
© 2005 Paradigm Communications, Inc.
Web Resources Links
Books
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Steve Krug: “Don’t make me think”
Jakob Nielsen: “Designing Web Usability”
Louis Rosenfeld, Peter Morville:
“Information Architecture for the World
Wide Web”
Robin Williams: “The Non-Designer’s
Design Book”
“Webster’s New World Dictionary of
Computer Terms”
More suggestions:
www.ward.vt.edu/toolkit/books.phtml
66
© 2005 Paradigm Communications, Inc.
Web Resources Links
Online Readings
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
www.webtechniques.com
www.webreview.com
www.webmonkey.com
www.webreference.com
www.builder.com
www.useit.com
www.ward.vt.edu
www.ward.vt.edu/pubs/WebDesign.htm
67
© 2005 Paradigm Communications, Inc.
Web Resources Links
Online Tools
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
www.netmechanic.com
• Page size & download time
• Spell check
• Link check
validator.w3.org
• HTML, CSS validation
www.cast.org/bobby/
• Accessibility check
68
© 2005 Paradigm Communications, Inc.
Web Resources Links
Desktop Tools
Outline
Introduction
Making Sense
Web Design
The Story
Motion Media
Summary
The Future
Macromedia Homesite 5+ or BBEdit
• Coding by hand
Macromedia Dreamweaver 4
• WYSIWYG editing & prototyping
Adobe Photoshop 6 & Fireworks 4
• Prototyping & image
creation/optimization
CSE HTML Validator 4.5
• Validation
• Spell check
XENU Link Sleuth
• home.snafu.de/tilman/xenulink.html
69
© 2005 Paradigm Communications, Inc.