Presentation is loading. Please wait.

Presentation is loading. Please wait.

© 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media.

Similar presentations


Presentation on theme: "© 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media."— Presentation transcript:

1 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 1 Making Sense of the Information Age Producing for the Web Presented by Kenan Doyle Branam kenan@branam.com Paradigm Communications, Inc. Web Team Leader for mca-i.org

2 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 2 I think, therefore, I am… …I think. Making Sense of the Information Age

3 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 3 Making Sense of the Information Age Producing for the Web 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)

4 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 4 Making Sense of the Information Age Producing for the Web My Objectives Today The Nature of the Web Medium The Web Culture Usability & Accessibility Technology Standards How to integrate Motion Media

5 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 5 Allow me to introduce myself… Media Careers 1. 1.ArtistArtist 2. 2.TV DirectorTV Director 3. 3.Agency Media ProducerAgency Media Producer 4. 4.Video ArtistVideo Artist 5. 5.Syndicated Series DirectorSyndicated Series Director 6. 6.Gestalt FacilitatorGestalt Facilitator 7. 7.Video Producer/DirectorVideo Producer/Director 8. 8.Web Designer/ProducerWeb Designer/Producer 9. 9.Teacher/PhilosopherTeacher/Philosopher

6 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 6 Allow me to introduce myself… My Life as a Student Continuing Education: Art & History Cognitive psychology Chaos & Systems Theory Nanotechnology Genetics Mathematics/New Science Broadcast News Politics & Sociology

7 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 7 Special Theory of Relativity 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 e=mc 2 Making Sense of the Information Age The Theory of Everything

8 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 8 e e = the human experience m m = the medium c c = communication squared squared = knowledge shared Making Sense of the Information Age The Human Experience e=mc 2

9 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 9 “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 WilberThe Holographic Paradigm Making Sense of the Information Age Information is Relationship

10 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 10 Information is data organized in a meaningful way… “in-formed”, “un-folded” through a medium. Making Sense of the Information Age: Information

11 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 11 Making Sense of the Information Age: The Medium “The Medium is the Massage.” Herbert Marshall McLuhan 1911-1980 The Official Website The Book

12 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 12 Making Sense of the Information Age: The Medium Language is a medium Face to face Sign language Voice language Broadcast medium Theatre Books Telephone Radio Television The Internet & the Web

13 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 13 Intermission

14 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 14 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 What a Producer needs to know about The Medium of the Web

15 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 15 What a Producer needs to know about The Medium of the Web The Web is a language Content & Management Web Presence Web Grammar Web Design The Shared Experience

16 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 16 What a Producer needs to know about Content Management 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 KilianCrawford Kilian : “Writing for the Web”“Writing for the Web”

17 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 17 What a Producer needs to know about Content Management Every page should answer these questions for content to have meaning. Who What Where When Why How

18 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 18 About the Website Company background Vision & Mission Management/Key personnel Awards/Professional affiliations Location & territory Contact: Email, Phone, Address Job postings What a Producer needs to know about Content Management

19 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 19 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 What a Producer needs to know about Content Management

20 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 20 What a Producer needs to know about Content Management Collaboration Software provides multiple “content providers” and “editors” with access to Web pages on a password protected basis. Allows content providers to edit text content while restricting branding and style changes.

21 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 21 What a Producer needs to know about Web Presence POP = Point of Presence Build it… so they can find it so they can find it … then they will come! … then they will come!

22 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 22 Web Domain Name (POP) (yourdomainname.com)yourdomainname.com Registered with InterNic Addressed to a Web Host IP, Internet Protocol 000.000.000.000 What a Producer needs to know about Web Presence

23 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 23 What a Producer needs to know about Web Presence It’s about networking Search Engine Robots Get listed in Directories Be Online 24/7/365 Develop Community Customer Centric

24 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 24 What a Producer needs to know about Web Code 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…

25 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 25 What a Producer needs to know about Web Grammar HTML – hyper text markup language Document Type Definition Metatags Body, chapters, subchapters Accessibility Standards W3 - Industry Standard definitions Everything you need to know about Web Standards

26 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 26 What a Producer needs to know about Web Grammar Header & Metatags “page title” “description” “keywords” “author”

27 _________________ Page Title Sub title … whatever ___________________________________ LinK source code 27

28 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 28 What a Producer needs to know about Web Design – The Metaphor Navigation Metaphor Familiar Appropriate Intuitive Usable Accessible

29 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 29 What a Producer needs to know about Web Design – Elements of Style Look & Feel Composition Font Styles Color palette Icons, illustrations & photos Motion media

30 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 30 What a Producer needs to know about Web Design – Elements of Style Design Management Server-side includes (*.ssi) Cascading Style Sheets (*.css) Templates

31 body { font-family : Humnst777 Blk BT,Verdana, Helvetica, Arial, sans-serif; font-size : 1em; background-image : url(images/bg-image.jpg); margin-top : 0px; }.intro { } #contact_form { } a:link { color: #8000FF font-weight : bold; } H1 { font-family: Humnst777 Blk BT,Verdana, Arial, Helvetica, sans-serif; font-size: 2em; font-weight: normal; font-style: normal; color: #660066; text-align: center; } p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em; font-weight: normal; font-style: normal; color: #000000; text-align: left; } source code CSS 31

32 My first styled page body { color: purple; background-color: #d8da3d } [etc.] Paragraph text source code CSS 32

33 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 33 Cognitive Modalities Perception Attention (Focus) Stimulus/Response Pattern Recognition Association Concept Formulation Creative Adaptation What a Producer needs to know about Web Design – Elements of Style

34 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 34 What a Producer needs to know about Web Design – Elements of Style Gestalt Formation Figure/ground Composition and Association provides form & meaning

35 Global Header (site name) Submenu Items Header – Page Title Subheader Introductory paragraph - The present standard screen resolution is 800x600 which gives you a 90% audience. Sub Subheader ;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 & special notes Items Global Navigation Menu bar items items items items items 35

36 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 36 What a Producer needs to know about The Future of the Web 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 2 nd version) XHTML SVG (Scalable Vector Graphics) Here goes video!

37 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 37 Weaving the Web The original design and ultimate destiny of the World Wide Web, by its inventor Tim Berners-Lee with Mark Fischetti. Making Sense of the Information Age The Future of the Web

38 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 38 Making Sense of the Information Age The Future of the Web The Semantic Web "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 2001The Semantic Web Web Weaver Glossary of Terms

39 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 39 Lunch Break

40 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 40 Integrating Motion Media The Broadband Market 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

41 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 41 Integrating Motion Media The Demand for Rich Media 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

42 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 42 The Story Teller was produced in 1993 for the ITVA Houston Chapter Gulf Coast Video Festival

43 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 43 Integrating Motion Media The Story A Story is a Teller’s glimpse of life’s experience— a personal perspective— a way of communicating and sharing with a audience.

44 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 44 Integrating Motion Media The Story Line A Story “Line” is one dimensional with a beginning, middle, and end. Web space is multi-dimensional without beginning or end.

45 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 45 Integrating Motion Media Weaving the Web Weaving is a metaphor for a people’s understanding of the universe they experience– a cosmology. Weaving:Arts & Lore

46 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 46 Integrating Motion Media W eb Weaving versus a Story Line Networked v Linear Segmented v Contiguous “Parsed” v Composite Interactive v Sequential Integrated v Isolated

47 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 47 Integrating Motion Media Weaving a Story Web Motion Media Stories Movies now offer a choice of alternate endings and behind the scenes. Even broadcast TV series offer several “story lines,” within episode. Video Games branch at every turn and challenge Player’s resource management.

48 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 48 Integrating Motion Media Video Distribution Channels Broadcast Cable Satellite CD, DVD, and cassette Web Distribution  Download  Streaming on demand  Streaming live

49 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 49 Integrating Motion Media Web Distribution Download (on-demand) Streaming on-demand live embedded (In-context of the page)

50 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 50 Integrating Motion Media Screen Starts Text Link –(RightClick to Download) Embed: Graphic Button or image link Still Video Image or GIF animation link Flash Composition or Flash image link

51 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 51 Integrating Motion Media Shooting for the Web Pre-production Distribution environment Program objectives Communication architecture Start with the best equipment Keep it simple Limit the shot lengths & complexity Take it apart

52 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 52 Integrating Motion Media Shooting for the Web 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!

53 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 53 Integrating Motion Media Post Production for the Web 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

54 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 54 Integrating Motion Media Authoring Options Macromedia Studio: Dreamweaver, Flash, etc. MS PowerPoint download or convert to HTML MS Producer (time-line) MM Flash converted to HTML

55 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 55 Integrating Motion Media Video Serving Options Run Plug Ins: Real Player, Windows Media Player, QuickTime, Macromedia Flash (or Shockwave), and now, BroadRamp BroadRamp Embedded (in-context of the page) Program multimedia montages with hot spots and time triggers

56 Mayoral Candidate Forum October 1, 2003 Left-click to play. Right-click to control... Bottom Frame contains transcript. Adjust Frame up to read. Slide 56 Question Three 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? Play audio of question

57 57 Transmission Distortions CDP Analyses Hatchell, 2000 Migrated CDP gathers every 50 locations 200 ms -10 0 1600 ft18000 ft Trough Amplitude WARNING: Examine more than 1 migrated CDP gather near well site or prospect. 7.B.2 TOGGLE VIDEO ON/OFF by clicking on image 57

58 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 58 Integrating Motion Media Video Compression Formats MPEG 1 MPEG 2 MP3 is not MPEG3 MPEG 4 MPEG 7 MPEG 21 Streamingmedia.com MPEG.ORG

59 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 59 Integrating Motion Media Video Compression Formats Example: Adobe Premiere Windows Media Format Choices

60 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 60 Integrating Motion Media Sample Websites http://www.conversegallery.com http://www.mediaateam.com/ Ellen Degeneres http://www.mylifemycard.com/mylifemycard. html http://www.mylifemycard.com/mylifemycard. html Ray Kurzweil Artificial Intelligence - http://www.kurzweilAI.net/ http://www.kurzweilAI.net/ The Brain - http://www.kurzweilai.net/brain/ http://www.kurzweilai.net/brain/

61 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 61 Integrating Motion Media Sample Websites PowerPoint converted to Flash: http://www.presentationpro.com /Products/GalleriesLite.asp

62 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 62 Making Sense of the Information Age The Future of the Web Bigger, Faster, Smarter, Cheaper… even the audience will be transformed into story tellers and weavers, creating the web of human experience…

63 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 63 Making Sense of the Information Age The Summary 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. e=mc 2

64 …to be continued…

65 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 65 Web Resource Links Other presentation are available: http://www.branam.com/makingsense/ Making Sense of the Information Age Producing for the Web

66 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 66 Web Resources Links Books 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 www.ward.vt.edu/toolkit/books.phtml

67 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 67 Web Resources Links Online Readings 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

68 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 68 Web Resources Links Online Tools www.netmechanic.com Page size & download time Spell check Link check validator.w3.org HTML, CSS validation www.cast.org/bobby/ Accessibility check

69 © 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media Summary The Future The Future 69 Web Resources Links Desktop Tools 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


Download ppt "© 2005 Paradigm Communications, Inc. Outline Introduction Making Sense Making Sense Web Design Web Design The Story The Story Motion Media Motion Media."

Similar presentations


Ads by Google