Macromedia Transcript

Transcript

1 KIRSTI: FIRST I'D LIKE TO ASK, I CAN
BARELY SEE EVERYONE BECAUSE THE LIGHTS ARE VERY
2 BRIGHT.
I'D LIKE TO ASK WHERE PEOPLE ARE FROM IN TERMS OF THE
3 AGE OF STUDENTS THAT YOU TEACH, SO MY FIRST QUESTION
IS HOW MANY PEOPLE ARE CASE 6.
4 ANYBODY CASE DEFECTIVE?
NO CASE 6.
5 How about MIDDLE SCHOOL, HIGH SCHOOL?
OH, YEAH! YOU GUYS ARE MY PEOPLE.
6 THAT'S MY FOCUS THIS YEAR.
HOW MANY IS THAT?
7 IT'S ABOUT 15 I THINK.
KIRSTI: OKAY. HOW MANY ARE POST
8 SECONDARY, COLLEGE, UNIVERSITY?
OKAY.
9 10.
AND ANYBODY WHO ISN'T RELATED TO THE EDUCATION WORLD
10 BUT THINKS THAT MACROMEDIA IS COOL AND CAME ANYWAY?
OR ADULT TRAINING, GREAT.
11 SO FOUR PEOPLE.
YOU CAN SEE WE HAVE LOADS OF THINGS TO GIVE AWAY
12 TODAY AND RICHARD USUALLY GIVES THEM AWAY BUT I'M
GOING TO START.
13 THE PERSON WHO'S COME THE FARTHEST TODAY?
A. HERE'S A MAN THAT CAME FROM MARS.
14 KIRSTI: SAN JOSE.
AUDIENCE: LAKE TAHOE.
15 >> OH! CAN I FLOW IT THROW IT THAT FAR?
OKAY.
16 I WON'T DO IT AGAIN.
I WANT TO TALK TO YOU A LITTLE BIT ABOUT THE KINDs of
17 THINGS MACROMEDIA DOES SPECIFICALLY FOR EDUCATION.
THERE ARE FOUR things WE DO. ONE IS WE HAVE QUITE
18 WONDERFUL PRICING FOR educatorS, DOES EVERYBODY KNOW
THAT?
19 OH, GOOD.
WE HAVE FOUR LEVELS OF PRICING.
20 THE FIRST IS OUR BASIC YOU BUY ONE BOX OFING THIS
SOMETHING YOU GET IT MUCH MUCH CHEAPER THAN IF YOU
21 WERE BUYING IT AS A REGULAR CONSUMER.
THE SECOND IS BUYING IN VOLUME.
22 IT GOES DOWN ANOTHER 30 PERCENT.
AND THE THIRD IS IF YOU BUY LOTS AND LOTS AND JOIN A
23 PARTNERSHIP WITH MACROMEDIA CALLED A PREMIERE
EDUCATION PARTNERSHIP, THE PRICES GO DOWN EVEN MORE
24 AND YOU GET FREE TRAINING AND A LOT OF OTHER THINGS
FROM MACROMEDIA.
25 ALL OF THIS IS EXPLAINED IN THE BROCHURE -- A
BROCHURE INSIDE OF YOUR PACKET BUT ALSO YOU CAN FIND

1 IT, YOU MAY NOTICE THAT ON THE SCREEN THAT I'M NOT #
ON RIGHT NOW IS THE EDUCATION RESOURCE CENTER THAT
2 WAS CREATED BY MACROMEDIA WHICH YOU CAN GET TO AT
WWW.MACROMEDIA.COM/EDUCATION.
3 AND HERE YOU CAN FIND OUT ABOUT PRICING AND ALL THE
OTHER THINGS I'M GOING TO TALK ABOUT.
4 THE OTHER THING THAT WE DO FOR EDUCATORS IS WE CREATE
CURRICULUMS SPECIFICALLY FOR TEACHING IN THE
5 CLASSROOM.
WE HAVE TWO PROGRAMS RIGHT NOW ONE IS called WEB
6 DESIGN BASICS.
IT'S SIX SHORT COURSES ABOUT SOME OF THE MOST POPULAR
7 MACROMEDIA PRODUCTS AND THAT'S DREAMWEAVER,
FIREWORKS, FLASH, FREEHAND, DIRECTOR, AND DREAMWEAVER
8 ULTRADEV.
ALL OF THESE IN ONE BOOK IS A $30 BOOK AND YOU CAN
9 MAKE COPIES OF IT FOR YOUR STUDENTS FOR FREE AND
INCLUDES MULTIMEDIA FILES.
10 WHAT'S INSIDE HERE IS SMALL PROJECTS FOR BUILDING
COMMERCIAL WEB SITES, SO A SIX-HOUR PROJECT TO BUILD
11 A SMALL COMMERCIAL WEB SITE AND TEACH THE CLASS AT
THE SAME TIME.
12 PER FOR TEACHING WITH MACROMEDIA TOOLS THERE'S A BOOK
CALLED PROJECT BASED MULTIMEDIA WHERE WE HAVE
13 PROJECTS YOU CAN INTEGRATE INTO DIFFERENT ACADEMY
COURSES.
14 DIGITAL AUTO BIOGRAPHY, PHOTO ALBUM, ALL TO USE WITH
MACROMEDIA DREAMWEAVER AND FLASH.
15 SO THIS BOOK, BEING THINNER IS ONLY $20.
DOES ANYBODY USE THESE RIGHT NOW?
16 I'VE GOT ONE PERSON.
THREE?
17 GREAT.
DOES ANYONE WANT ONE RIGHT NOW?
18 WHAT WOULD BE A GOOD QUESTION TO ASK?
AUDIENCE: HOW MANY PLATFORMS DO THESE
19 BOOKS WORK ON?
I SEE THREE, THAT'S CORRECT.
20 THIS IS MACINTOSH.
KIRSTI: THAT'S RIGHT.
21 WHICH ONE DO YOU WANT?
WHO'S DOING SOMETHING WONDERFUL IN HIGH SCHOOL OR
22 MIDDLE SCHOOL?
ANYBODY ELSE OUT THERE THAT WOULD BE INTERESTED IN
23 THIS?
AUDIENCE: RIGHT HERE.
24 >> SO WHAT'S THE QUESTION, RICHARD?
>> WHAT IS KIRSTI'S DRIVER'S LICENSE
25 NUMBER?
(LAUGHTER).

1 AUDIENCE: CF6.
..
2 RICHARD: THAT'S RIGHT! THAT'S ABSOLUTELY
RIGHT.
3 KIRSTI: AS YOU SEE THERE'S MORE TO BE
HAVE.
4 ONE curriculum WE'RE WORKING ON IS CALLED THE DIGITAL
DESIGN SERIES.
5 WE'RE DOING THIS WITH STATE OF WASHINGTON.
WE'RE CREATING A FOUR SEMESTER CURRICULUM FOR
6 TEACHING STUDENTS WEB DESIGN IN THE CONTEXT OF USING
MACROMEDIA TOOLS BUT GOING INTO DEPTH WITH LEARNING
7 TO DESIGN THE SITE, TOUCHING ON ALL THE THINGS YOU
NEED TO KNOW IN A VOCATION CLASS.
8 WE'RE ALSO WORKING ON SOMETHING THAT WE'LL SNEAK TO
YOU LATER ON TODAY WHICH IS A SITE SPECIFICALLY FOR
9 EDUCATORS CALLED HOW TO BUILD A COURSE EBB WITH SITE.
A LOT OF YOU MAY BE BUILDING SUPPLEMENTS TO YOUR
10 COURSES AND MAY BE USING THINGS LIKE BLACK BOARD AND
YOUR SCHOOLS MAY NOT HAVE THAT, SO YOU WANT TO USE
11 SOMETHING LIKE MACROMEDIA DREAMWEAVER BUT WAS NOT
QUITE READY, BUT WE HAVE ALL SORTS OF DREAMWEAVER
12 TEMPLATES DESIGNED BY SPECIALISTS IN COLORADO THAT
WILL POUR YOUR CONTENT SO NICELY INTO YOUR TEMPLATES
13 AND GET YOUR SITES UP AND RUNNING.
THE OTHER THING THAT MACROMEDIA DOES FOR TEACHERS IS
14 PROVIDE PROFESSIONAL DEVELOPMENT.
AND WE HAVE SEVERAL DIFFERENT OPTIONS FOR YOU.
15 THE FIRST OPTION IS SOMETHING CALLED TRAINING CAFE.
TRAINING CAFE WAS DESIGNED BY MACROMEDIA AND A
16 COMPANY CALLED WINSTAR FOR EDUCATION AND MACROMEDIA
IS A FREE SITE SPECIFICALLY FOR EDUCATORS AND IT'S
17 DESIGNED FOR PEOPLE WHO ARE NEW TO THE INTERNET OR
NEW TO MACROMEDIA TOOLS.
18 WE HAVE A 17-HOUR COURSE CALLED THE INTERNET
TECHNOLOGY SERIES WHICH IS FOR TEACHERS AND WE'VE
19 BEEN USING IT WITH SECONDARY AND COLLEGE STUDENTS
TEACHING THE BASIC CONCEPTS OF THE INTERNET.
20 WE ALSO HAVE FIVE SHORT MODULES INTRODUCING EACH OF
THE MACROMEDIA TOOLS.
21 TRAINING CAFE IS AT WWW.TRAINING CAFE.COM.
WE MAY SHOW A LITTLE BIT OF IT LATER.
22 AGAIN THAT'S FOR FREE SO ALL YOU HAVE TO DO IS
REGISTER.
23 WE DON'T GO AFTER YOU WHEN YOU REGISTER -- NOW OF WE
JUST WANT TO KNOW WHO PEOPLE ARE.
24 WE HAVE SOMETHING ALSO CALLED MACROMEDIA UNIVERSITY
WHICH Richard WILL SHOW A LITTLE BIT OF LATER.
25 BUT MACROMEDIA UNIVERSITY IS OFFERED TO ALL
MACROMEDIA PRODUCT USERS AND IT'S ALL ABOUT

1 MACROMEDIA'S DIFFERENT PRODUCTS.
YOU DESCRIBE TO SUBSCRIBE TO A LIBRARY FOR A YEAR.
2 AND YOU CAN SUBSCRIBE FOR $74 A YEAR.
THAT GIVES YOU ACCESS TO 20 COURSES.
3 THAT'S A GREAT WAY TO GO AND LEARN THE DIFFERENT
FEATURES AND FUNCTIONS IN THE MACROMEDIA PRODUCTS
4 BECAUSE OF THE FACT THAT YOU CAN WORK NLDZ A
SIMULATED ENVIRONMENT AND LEARN LOTS OF DIFFERENT
5 THINGS.
WE HAVE AUTHORIZATIONED TRAINING PROVIDERS AND WE
6 HAVE ALSO AN EDUCATION TRAINING NETWORK.
DIFFERENT SCHOOLS ALL OVER THE COUNTRY THAT OFFER
7 COURSES ON MACROMEDIA PRODUCTS.
CAN FIND THIS ALL AGAIN AT THE MACROMEDIA RESOURCE
8 CENTER.
THE FOURTH THING I WANT TO TALK ABOUT, WE
9 DON'T HAVE ANYTHING GOING ON RIGHT NOW, BUT WE WILL
LATER THIS FALL, WE HAVE LOTS OF CONTESTS FOR
10 EDUCATORS AND STUDENTLESS.
AND THEY WILL SHOW UP ON THIS WEB SITE THE LAST ONE
11 WAS A STUDENT WEB SITE CONNIE TEST WHICH WE HAD OVER
1500 ENTRIES.
12 WE HAVE THE E-INNOVATIONS PROGRAM WHICH WE WILL
PROBABLY START UP AGAIN NEXT SPRING.
13 IT'S A WAY TO FIND OUT COOL THINGS OTHER PEOPLE ARE
DOING BUT ALSO TO SHARE THINGS WITH OTHER PEOPLE THAT
14 ARE DOING THINGS LIKE YOU'RE DOING YOURSELVES.
I ALSO WANT TO SHARE WITH YOU THINGS THAT TEACHERS
15 AND STUDENTS ARE DOING WITH MACROMEDIA PRODUCTS.
SINCE WE ONLY HAVE -- NO PEOPLE HERE IN K FLEW 6,
16 I'LL BRIEFLY SHOW YOU A WONDERFUL SITE.
FOR ELEMENTARY SCHOOL IN CALIFORNIA, THIS IS A SCHOOL
17 WEB SITE BUILD FOR A K THROUGH 6 SCHOOL, AND THIS
MOVIE ON THE FRONT WAS BUILT BY STUDENTS IN THE
18 SCHOOL.
THE STUDENTS BUILT THIS WITH DREAMWEAVER AND WITH
19 FLASH.
AND THEY ARE RUNNING LOTS OF DIFFERENT THINGS ON
20 THEIR SCHOOL WEB SITE THAT THEY BUILT.
THAT'S.
21 LET'S LOOK AT SOMETHING A LITTLE DIFFERENT.
HERE'S AN EXAMPLE OF A SITE THAT WAS BUILT BY
22 STUDENTS IN NEW JERSEY.
IT'S AN ON-LINE LITERARY JOURNAL CALLED ELECTRIC
23 SOUP.
THIS WAS A HIGH SCHOOL SITE BUILT COMPLETELY BY
24 STUDENTS AND THE STUDENTS ALL TAUGHT THEMSELVES HOW
TO USE MACROMEDIA PRODUCTS.
25 THE FIRST STUDENT LEARNED AND THEN THEY SHARED WITH
EACH OTHER.

1 WHAT THEY FOUND WAS IS THEY REALLY NEEDED TO HAVE THE
TEACHER FOCUS THEIR TIME ON HELPING THE STUDENTS DO
2 THE WORK ON THE LITERARY PART OF THE JOURNAL AND THE
DESIGN PART OF THE JOURNAL AND THE STUDENTS WERE THE
3 ONES THAT COULD HANDLE THE TECHNOLOGIES.
THE STUDENTS WANTED TO USE THE PROFESSIONAL TOOLS SO
4 THEY CHOSE DREAMWEAVER AND THEY'VE SINCE ADDED FLASH.
SO THIS IS VOLUME 16 OF THEIR JOURNAL.
5 AND THE JOURNAL HAS things LIKE DIFFERENT PIECES OF
WRITING AND ART WORK AND PHOTOGRAPHER, THEY'RE USING
6 LOTS OF DIFFERENT KINDS OF TOOLS SPECIFICALLY
DREAMWEAVER AND FLASH BUT I ALSO KNOW THEY'RE USING
7 FREEHAND AND FIREWORKS.
ALL OF THIS IS BUILT BY STUDENTS -- THE WRITERS SEND
8 IN THEIR WORK AND THE EDITORS OF THE JOURNAL ACTUALLY
-- I'M SORRY?
9 STUDENTS E-MAIL INTO THIS PLACE?
IT'S NOT JUST STUDENTS JUST IN THIS SCHOOL?
10 >> THAT'S A GOOD QUESTION.
IS THIS DONE JUST BY THE STUDENTS IN THE SCHOOL?
11 THEY STARTED THAT WAY BUT THEY WANTED IT OPEN TO A
BROADER AUDIENCE.
12 SO THEY HAVE ENTRANTS FROM ALL OVER THE WORLD.
SO THE STUDENTS SUBMIT THEIR WORK.
13 SO A WRITER WOULD SUBMIT THEIR WORK AND THE EDITORS
OF THE ON-LINE JOURNAL, ELECTRIC SOUP WOULD GO BACK
14 AND ACTUALLY -- I'M SORRY.
THEY DIDN'T GO BACK -- AND THEY WOULD ILLUSTRATE THE
15 DIFFERENT KINDS OF THINGS THE STUDENTS WERE DOING.
AUDIENCE: WAS THIS DONE IN AN AP ENGLISH
16 CLASS?
>> IT STARTED WITH THE AP ENGLISH CLASS,
17 BUT THE STUDENTS WHO STARTED IN THIS GROUP HAVE COME
FROM ALL OVER THE SCHOOL, AND NOW THEY'RE DOING
18 DREAMWEAVER IN THEIR REGULAR CLASSES.
THE FRESHMEN STUDENTS IN ENGLISH WITH THIS PARTICULAR
19 TEACHER ARE ACTUALLY BUILDING A LOT OF THEIR WORK
INSIDE DREAMWEAVER.
20 AGAIN THAT'S ELECTRIC SOUP.
YOU CAN FIND THIS ON OUR WEB SITE INSIDE THE SHOW
21 CASE.
NOW, TO LOOK AT A MORE LOCAL ONE, THE DIGITAL SAFARRY
22 IS A MULTIMEDIA ACADEMY OVER IN CONCORD.
THE DIGITAL SAFARI IS A SCHOOL WITHIN A SCHOOL AND IT
23 HAS 160 STUDENTS AT MOUNT DIABLO HIGH AND THEY'RE
DOING ALL THEIR ACADEMY WORK WITHIN THIS ACADEMY BUT
24 ALL THE PROJECTS IN THEIR academy WORK THEY DOING AS
MULTIMEDIA PRODUCTS.
25 FOR EXAMPLE, THE STUDENTS IN THE CLASS OF 2001 HAD A
GIANT ENGLISH PROJECT AND INSTEAD OF WRITING A PAPER

1 ABOUT CULTURAL MYTHOLOGY, THEY DID A WEB SITE ON THE
SUBJECT.
2 THE AFRICAN CULTURAL METHODOLOGY.
ONE OF THE THINGS THAT WAS QUITE WONDERFUL ABOUT THIS
3 SCHOOL IS THE kids IN THIS ACADEMY ARE REPRESENTED
THE DIVERSITY OF THE SCHOOL.
4 SO THEY HAVE GIFTED AND TALENTED KIDS AND SPECIAL ED
KIDS AND ONE OF THE THINGS THEY FOUND IS THAT THE
5 MULTIMEDIA PULLED ALL OF THESE KIDS TOGETHER.
THE PROJECTS ENGAGED STUDENTS IN AMOUNT OF DIFFERENT
6 WAYS, SO THE STUDENTS WHO WERE IN THE NECESSARILY THE
BEST WRITERS COULD EXPRESS THEMSELVES WITH MULTIMEDIA
7 SO WHAT THE STUDENTS DID IN THE CULTURAL METHODOLOGY
PROJECT WAS BUILD A FLASH MOVIE AT THE FRONT AND THEN
8 WRITE SOMETHING ABOUT PARTICULAR ASPECTS OF THE
METHODOLOGY connecting OFF OF THAT.
9 AND SO AS YOU CAN SEE EACH OF THE STUDENTS THEY ALSO
DID A LOT OF TEAMWORK SO EACH ONE OF THESE PROJECTS
10 WAS DONE AS A TEAM OF 2 OR 3 STUDENTS AND THEY WOULD
PICK THE TOPIC THEY WANTED TO WORK ON.
11 HERE'S AN EXAMPLE OF A SCHOOL WEB SITE OUT IN
MARYLAND.
12 WE'VE DONE A SCHOOL WHERE THE STUDENTS BUILT THIS WEB
SITE USING A MACROMEDIA PRODUCT called COLDFUSION.
13 WHICH IS A DATA BASE PRODUCT AND THE STUDENTS BUILT
THIS WHOLE SITE OVER THE SUMMER.
14 THIS WAS JUST THE STUDENTS DECIDED THEY DIDN'T THINK
THEY HAD A GOOD ENOUGH WEB SITE AND THEY PROPOSED TO
15 THE CAMPUS THAT THEY WANTED TO BUILD SOMETHING THAT
WOULD BE EASY TO UPDATE.
16 SO THIS WAS ALL BUILT BY COLDFUSION AND IT WAS DONE
IN 11 WEEKS BY FOUR STUDENTS OVER THE SUMMER.
17 THEY WERE WRITTEN UP IN THE BALTIMORE SUN AND THE
Washington POST BECAUSE OF ALL THE WONDERFUL STUFF
18 THEY'VE DONE ON THE SITE.
IT GIVES A NICE WAY TO UPDATE THE INFORMATION on the
19 SITE.
THEY'RE ABLE TO KEEP EVERYTHING LIVE AND COPY.
20 WE DON'T ACTUALLY BUILD KNCHLTH WE'RE JUST SHOWING
THINGS THAT OTHER PEOPLE BUILT.
21 AUDIENCE: I HAVE BEEN -- YOU ASKED IF WE
VISITED THESE SITES.
22 I VISITED ELECTRIC SOUP, I VISITED MOUNT DIABLO.
ANY SPECIFIC QUESTION ABOUT THE SITES?
23 AUDIENCE: LATER I'LL ASK YOU.
>> OKAY.
24 YES, I'M SORRY?
>> I HAVE A QUESTION.
25 >> HELLO, BACK THERE.
>> YOU SAID COLDFUSION IS A DATA BASE

1 PROGRAM.
DOES IT HAVE ITS OWN DATA BASE?
2 >> I'M GOING TO USE ANSWER THIS QUESTION
WRONG, SO PAT, DO YOU WANT TO SAY THIS FOR ME?
3 PAT, ARE YOU BACK THERE?
PAT: YES.
4 COLDFUSION IS AN APPLICATION SERVER WITH APPLICATION
DEVELOPMENT ENVIRONMENT.
5 IT'S -- YOU CAN ACTUALLY AUTHOR YOUR CONTENT IN
DREAMWEAVER OR ULTRADEV AND SEND YOUR CONTENT OVER
6 THE DATA BASE.
>> SO IT'S AN APPLICATION SERVER PRODUCT
7 COLDFUSION AND IT'S ODBC COMPLIANT SO YOU CAN USE ANY
DATA BASE.
8 SO IT'S A MARK UP LANGUAGE.
IT'S AN INTERFACE BETWEEN YOUR SITE AND A SERVER AND
9 A DATA BASE.
THE LAST SITE I'M GOING TO SHOW YOU BEFORE RICHARD
10 COMES UP AND ACTUALLY STARTS DIGGING INTO SOME OF THE
TOOLS IS SOMETHING BUILT BY ROYAL ROADS UNIVERSITY UP
11 IN VICTORIA BRITISH COLUMBIA.
THIS IS A SMALL COLLEGE THAT HAS THE ABILITY TO HOUSE
12 AND ACTUALLY HAVE STUDENTS IN THE CLASSROOM, ALL OF
300 STUDENTS THEY CAN HAVE AVAILABLE IN THE
13 CLASSROOM.
NAY DECIDED TO BUILD A DISTANCE LEARNING PROGRAM SO
14 THEY COULD EXPAND THEIR STUDENT POPULATION WITHOUT
BUILDING ANOTHER BUILDING.
15 THEY WANTED TO GIVE THEIR TEACHERS A WAY TO BUILD
ON-LINE BUILDING WITHOUT THEM ALL HAVING TO BECOME
16 PROGRAMERS.
SO THEY DESIGNED THEIR OWN SYSTEM USING MACROMEDIA
17 Flash AND generator TO ALLOW THE TEACHERS TO FOCUS ON
THE CONTENT AND NOT SPEND TIME LEARNING TO FOCUS ON
18 LEARNING THE PROGRAM.
HERE'S AN EXAMPLE OF THE COURSES.
19 THEY HAVE AN WHOLE MBA PROGRAM ON LINE.
WHAT YOU'RE LOOKING AT IS WHAT WE WOULD CALL A SHELL.
20 ALL OF THE BLUE AROUND THE OUTSIDE IS BUILT IN
MACROMEDIA GENERATOR WITH FLASH AND WHAT IT MEANS IS
21 THAT THINGS LIKE IF YOU CAN SEE HERE THE INTRODUCTION
AND OVERVIEW, THE PROFESSOR JUST DECIDES WHAT HE
22 WANTS THE DIFFERENT SECTIONS OF THE COURSE TO BE
CALLED AND THEY FILL IN BLANKS AND HAVE THESE BUTTONS
23 AUTOMATICALLY MADE FOR THEM.
INSIDE IN THE center IS SMALL FLASH MOVIES THAT ARE
24 DEVELOPED WITH THE PROFESSOR.
ONE OF THE MOST ENTERING THINGS ABOUT THIS COURSE IS
25 THE FACT THAT THEY DESIGNED IT THINKING ABOUT THE
FACT THAT THERE ARE LOTS OF DIFFERENT LEARNERS OUT

1 THERE AND PARTICULARLY IN DISTANCE LEARNING YOU WANT
TO ACCOMMODATE STUDENTS WITHOUT NECESSARILY BEING
2 ABLE TO SEE THEM.
THEY GAVE THE STUDENTS AN OPPORTUNITY TO TAKE A
3 LEARNING-STYLES TEST TO SEE O SHOW HOW THEY FOCUSED
ON DMR LEARNING.
4 ONCE THEY DISCOVERED HOW THEY LEARNED BEST, THEY WERE
ABLE TO GO THROUGH THE TEST.
5 IF YOU WERE A CONCRETE SEQUENTIAL LEARNER, YOU WOULD
BE ABLE TO GO THROUGH THE COURSE STARTING WITH
6 CONCRETE IDEAS AND MOVING SEQUENTIALLY THROUGH THEM.
YOU COULD START WITH A QUESTION LIKE WHAT ARE THE
7 THREE NETWORK ARCHITECTURES AND MOVE DOWN WHY USE
MERCHANT ACCOUNTS.
8 IF YOU WERE AN ABINSTRUCT SEQUENTIAL LEARNERS YOU
WOULD START WITH ABSTRACT IDEAS AND MOVE DOWN THROUGH
9 THOSE.
IF YOU WERE SOMEONE WHO WAS AN ABSTRACT -- THE
10 CONTENT OF THE COURSE WOULD BE -- YOU COULD SEE HOW
THEY WERE ORIENTED TO ONE ANOTHER, BUT YOU COULD SEE
11 WHAT IDEA WAS THE MOST INTRIGUING TO YOU AT THE
MOMENT.
12 SO THEY DESIGNED THEIR COURSES THIS WAY SO THAT
STUDENTS COULD GO IN AND FIND THE WAY NAWORK WOULD
13 THE BEST FOR THEM.
AND THEY DID THIS ALL WITHIN MACROMEDIA FLASH AND
14 DREAMWEAVER.
I'M SORRY?
15 AUDIENCE: CR -- EGOOD QUESTION.
THE FOURTH IDEA WAS CONCRETE RANDOM.
16 CONCRETE IDEAS BUT ORGANIZEED IN A RANDOM WAY SO THAT
THE STUDENTS COULD GET AT SPECIFIC IDEAS THAT WERE
17 THE THING THEY WANTED TO LEARN AT IS THAT PARTICULAR
POINT IN TIME.
18 AUDIENCE: YOU SAID DISTANCE LEARNING, ARE
THEY BEING LAUNCH LAUNCHED BY MMS OR LEARNING
19 MANAGEMENT SENTENCE?
>> GOOD QUESTION.
20 WAS THIS PARTICULAR COURSE LAUNCHED BY A LEARNING
MANAGEMENT SYSTEM IN LMS?
21 AUDIENCE: THEY USE MARKET DATA BASE AND
THEY --
22 >> IN THIS PARTICULAR SCHOOL THEY HAVE NOT
USED AN OUTSIDE LEARNING MANAGEMENT SYSTEM.
23 THEY BUILT IT ALL ON THEIR OWN DATA BASE, IN THIS
CASE ORACLE, AND THEY HAVE BUILT THEIR OWN SMALL
24 MANAGEMENT LEARNING SYSTEM THAT THEY USED WITH THIS
COURSE BUT IT WAS BUILT SO IT COULD LEARN WITH OTHER
25 MANAGEMENT SYSTEM.
A LEARNING MANAGEMENT SYSTEM IS LIKE AN UMBRELLA

1 SYSTEM THAT YOU WOULD USE TO MANAGE YOUR COURSELESS
IF YOU WERE DOING ON-LINE COURSES.
2 AT THE MOST BASIC LEVEL WE THINK OF LMS'S AS DOING
REGISTRATION OF STUDENTS, ROUTING OF STUDENTS THROUGH
3 COURSES SO THROUGH THE LESSONS THAT THE PROFESSOR HAS
SELECTED FOR THE STUDENTS AND ALSO REPORTING ON WHAT
4 THE STUDENT HAS DONE.
SO AN LMS WOULD BE DOING THINGS LIKE TRACKING WHAT
5 LESSONS YOU'VE DONE, HOW MUCH TIME YOU SPENT IN THEM,
WHAT WERE YOUR SCORES ON THOSE LESSONS SO IT GIVES
6 TEACHERS A WAY TO SEE HOW THE STUDENTS ARE DOING
INSIDE THE COURSE.
7 SO IT WOULD BE A WAY FOR THE STUDENTS TO GO IN
ON-LINE AND SEE A SERIES OF LESSONS THAT ARE ASSIGNED
8 SPECIFICALLY FOR THEM FOR A COURSE.
AUDIENCE: WHAT'S THE TIME INVOLVED IN
9 CREATING THIS SITE?
(LAUGHTER).
10 AUDIENCE: A LOT.
AUDIENCE: TIMES FOUR.
11 A LOT TIMES FOUR.
>> I COURSE LIKE THIS IS A FAIRLY
12 SUBSTANTIAL INVESTMENT.
I WOULD SAY, WHAT, A COURSE LIKE THIS WOULD BE
13 PROBABLY A 30 OR FOUR HOURS ON LINE.
SOMEONE WAS JUST ASKING ME THIS RECENTLY.
14 WE WERE SAYING SOMETHING ON THE ORDER OF BETWEEN 25
AND IF YOU WERE GOING REALLY SKRAEZ ELABORATE, 50
15 DAYS PER HOUR OF ON-LINE LEARNING.
NOW, THE OTHER SIDE OF IT IS THAT YOU HAVE THIS IS
16 SOMETHING THAT YOU'RE USING INSTEAD OF YOUR MAJOR
LECTURES AND IT MAY BE SOMETHING YOU'RE USING INSTEAD
17 OF OTHER PARTS OF YOUR CURRICULUM AND PEOPLE MAKE
DECISIONS TO DO THIS BASED ON THE NUMBER OF STUDENTS
18 THAT THEY'LL ACTUALLY END UP SUPPORTING.
I'M SORRY?
19 AUDIENCE: YOU HAVE SOME KIND OF TEMPLATE
FORMAT.
20 I SEE BY THE REACTION TO THE COURSE THERE'S NOTHING
THAT ALLOWS -- YOU HAVE TO ACTUALLY MANUALLY
21 COMMUNICATE CONNECTIONS HERE.
>> IN THIS PARTICULAR course IT WAS
22 DESIGNED WITH Flash MOVIES.
THERE WERE FLASH MOVIES THAT WERE BEING DESIGNED.
23 LET ME SHOW YOU AN EXAMPLE OF A SCREEN INSIDE OF T.
THIS IS SOME OF THE COMMON SCREENS.
24 THERE'S TEXT-BASED SCREENS.
THAT PARTICULAR MENU SYSTEM, THEY ACTUALLY DESIGNED A
25 MENU TEMPLATE THAT TEACHERS, FACULTY COULD PUT
DIFFERENT ELEMENTS N. THEY HAVE SINCE MOVED ON TO

1 USING A SYSTEM DESIGNED WITH DREAMWEAVER ULTRADEV
WHERE THE FACULTY IS ABLE TO BREAK APART THE
2 DIFFERENT PARTS OF THE SCREEN SO THINGS LIKE THE
TITLE OF THE SCREEN AND THE TEXT AND IF YOU HAD A
3 GRAPHIC OR AN OBJECT THAT THE FACULTY COULD ASSEMBLE
THOSE PIECES IN A TEMPLATE SO THEY STILL WOULD SNOT
4 BE BUILDING THE LESSON RIGHT FROM scratch AND SO THEY
HAVE FIGURED OUT WAYS TO MAKE IT MORE SIMPLE USING
5 DATA BASE SYSTEMS LIKE ULTRADEV OR COLDFUSION WILL
MAKE TAA LOT EASIER.
6 ANY OTHER QUESTIONS?
I'M SORRY?
7 AUDIENCE: WHAT DOES ULTRADEV DO?
>> THIS IS A VERSION OF DREAMWEAVER, IT
8 ALLOWS YOU TO VISUALLY EDIT CONTENT THAT'S CONNECTED
TO A DATA BASE.
9 SO IT'S ALL THE VISUAL FEATURES OF DREAMWEAVER PLUS A
VISUAL EDITOR ONTO A DATA BASE SO THAT YOU COULD BE
10 BRINGING CONTENT IN FROM A DATA BASE.
AUDIENCE: SOUSHTD OF LIKE COLDFUSION AND
11 DREAMWEAVER COMBINED?
RICHARD: YES, IT IS.
12 IT'S MIDDLEWARE.
NOT THAT IT'S THE OLD DAYS BUT NORMALLY PEOPLE WOULD
13 HAVE TO HAND CODE CGI SCRIPTS TO GET YOUR WEB PAGES
TO TALK TO A DATA BASE.
14 WHAT WE'VE DONE IS MADE IT EXTREMELY SIMPLE TO SIMPLY
DRAG AND DROP THINGS CALLED DATA BINDINGS WRITE ON
15 THE FIELDS OR BUTTONS WHICH ALLOWS YOU TO TALK TO THE
DATA BASE ELIMINATING THE CODE.
16 IT'S VERY SIMPLE.
AUDIENCE: DOES ULTRADEV INCLUDE generator
17 FOR UPDATING?
>> NO.
18 Generator IS A PRODUCT THAT'S ASSOCIATED WITH FLASH.
WITH GENERATOR WHAT YOU'RE DOING, GENERATOR IS
19 MIDDLEWARE THAT ALLOWS YOU TO BUILD FLASH MOVIES AND
I'M SORRY WE'RE GETTING TO THIS level OF DETAIL.
20 RISMARD WILL TALK A LITTLE BILT MORE ABOUT THAT WHEN
HE SHOWS THE COPY OF FLASH.
21 ULTRADEV YOU'RE USING TO PULL CONTENT FROM A DATA
BASE FOR -- WITHIN HTML.
22 YOU COULD USE ULTRADEV TO PLAY A FLASH MOVIE BUT YOU
COULDN'T USEULT DEL TO GENERATE A FLASH MOVIE.
23 ANY OTHER QUESTIONS?
AUDIENCE: WHEN'S VERSION 5 COMING OUT?
24 >> GOOD QUESTION AND NOT ONE THEY CAN
ANSWER.
25 RICHARD: WE DON'T KNOW.
AUDIENCE: NOT SOON.

1 >> OKAY.
SO RICHARD, I THINK WE'RE NOW READY, -- ONE MORE
2 QUESTION?
AUDIENCE: LMS, IS THAT A SOFTWARE?
3 >> IT'S A TYPE OF SOFTWARE.
IT'S A CATEGORY OF SOFTWARE.
4 IT'S LEARNING MANAGEMENT SYSTEMS IS LIKE SAYING WORD
PROCESSOR.
5 AND SO MACROMEDIA DOESN'T SELL A LEARNING MANAGEMENT
SYSTEM.
6 YOU CAN ACTUALLY USE SOME OF OUR TOOLS TO BUILD A
LEARNING MANAGEMENT SYSTEM.
7 BUT LEARNING MANAGEMENT SYSTEM INCLUDES things LIKE
SABAN OR LEARNING ON OR PATH LORE.
8 THEY TEND TO BE EXPENSIVE THERE'S A SUBSTANTIAL PRICE
RANGE NOW.
9 IF ANY OF YOU ARE INTERESTED IN LEARN USING A
LEARNING MANAGEMENT SYSTEM TO MANAGE YOUR ON-LINE
10 LEARNING, YOU SHOULD DEFINITELY GO OUT IF YOU LOOKED
AT IT SIX MONTHS AGO, I WOULD LOOK AT IT AGAIN
11 BECAUSE THE PRICES HAVE GONE DOWN SUBSTANTIALLY.
WHAT YOU USE MACROMEDIA IS TO MANAGE THE COURSE
12 CONTENT.
ANOTHER TYPE OF LEARNING MANAGEMENT SYSTEM WOULD BE
13 SOMETHING LIKE WEB CT OR BLACK BOARD WHEN IN FACT
THEY HAVE BOTH THE LEARNING MANAGEMENT SYSTEMS AND
14 SOME BASIC COURSE AUTHORING TOOLS AS WELL.
AND FOR THOSE OF YOU WHO MIGHT BE CONSIDERING USING
15 WEB TC OR BLACK BOARD, THE WEB CONTENT THINGS LIKE --
CAN ALL RUN WITHIN BLACK BOARD.
16 THE MAIN THING YOU NEED TO DO IS TO BE ABLE TO
COMMUNICATE BETWEEN YOUR LEARNING CONTENT AND THE
17 MANAGEMENT SYSTEM AND ALL MACROMEDIA TOOLS ENABLE YOU
TO DO THAT WITH JUST ABOUT ANY MANAGEMENT SYSTEM.
18 AUDIENCE: IS BLACK BOARD DEVELOPMENT --
>> YES.
19 AUDIENCE: ARE YOU GOING TO MENTION LATER
THE LEARNING SITES?
20 >> YES.
AFTER THE PRESENTATION. OH, THANK YOU.
21 Promethius.
THAT'S RIGHT.
22 THERE'S A NEW MANAGEMENT SYSTEM.
IT'S BEEN AROUND FOR A YEAR AND A HALF CALLED
23 PROMETHUOUS.
IT WAS BUILT BY GEORGE Washington UNIVERSITY.
24 IT'S OPEN SOURCE AND ACTUALLY IT WAS BUILT ON A
COLDFUSION DATA BASE.
25 RICHARD: I WANT TO MENTION TO EVERYBODY,
WE HAVE A WONDERFUL PLACE FOR YOU TO EXTEND ALL OF

1 OUR TOOLS AND IT'S called THE EXCHANGE.
AND ONE OF THE MOST POPULAR IS IN FACT called CREATE
2 LEARNING SITE.
AND IT'S MACROMEDIA.COM/EXCHANGE.
3 AND UNDER EACH PRODUCT YOU CAN EXTEND.
ANOTHER AREA THAT'S important TO EDUCATORS AND
4 LEARNING PROFESSIONALS IS ACCESSIBILITY AND YOU CAN
GO ON TO OUR EXCHANGE AND DOWNLOAD SOME FANTASTIC
5 TOOLS TO HELP YOUR WEB PAGES BECOME COMPLIANT.
SO CHECK THAT OUT.
6 WE'LL TRY TO DEMO THEM A LITTLE BIT LATER.
>> LET ME REPEAT WHAT RICHARD SIDES.
7 ONE OF THE WAYS CAN YOU START TO USE A LEARNING
MANAGEMENT SYSTEM IF YOU HAVE DREAMWEAVER ULTRADEV IS
8 AN EXTENSION FOR THE MACROMEDIA EXCHANGE FOR ULTRADEV
AND THE EXTENSION IS CALLED CREATE LEARNING SITE.
9 AND YOU CAN USE THIS TO BUILD ALL OF THE BASIC
FUNCTIONS OF A LEARNING system.
10 THE OTHER PLACE YOU MIGHT BE INTERESTED IN DOING
PARTICULARLY SINCE YOU'RE SECONDARY AND HIGHER ED
11 PRIMARILY IS AT THE EXCHANGE YOU CAN FIND INFORMATION
ABOUT ACCESSIBILITY FOR MAKING YOUR WEB SITE
12 ACCESSIBLE TO ALL KINDS OF USERS AND WE HAVE A WEB
SALE SPECIFICALLY FOR ACCESSIBILITY BUT YOU CAN ALSO
13 FIND THE ACCESSIBILITY EXTENSIONS, PREDICTS THAT
EXTEND DREAMWEAVER AT THE DREAMWEAVER EXCHANGE.
14 AND AT THIS POINT I THINK I'D LIKE TO TURN IT OVER TO
Richard AND HE WILL START SHOWING DIFFERENT
15 MACROMEDIA PRODUCTS.
RICHARD: CAN WE HAVE A ROUND OF applause
16 FOR KIRSTI?
HOW WAS EVERYONE?
17 WELL, IT'S HARD TO SEE YOU BUT I KNOW YOU'RE THERE
AND I WANT TO WELCOME YOU.
18 I'M RICHARD JOHN Jenkins I'M THE EDUCATION SOFTWARE
EVANGELIST IN THE FIELD. AND IT'S MY PLEASURE TO
19 SHARE ALL THESE TOOLS FOR PEOPLE IN THE U.S. AND
Canada I WANT TO ENCOURAGE ALL GUYS BECAUSE IT'S HARD
20 TO SEE YOU WITH ALL THESE BRIGHT LIGHTLESS AND I WANT
TO THANK ALL THE PEOPLE ON THE WEB FOR JOINING US IN
21 OUR BROADCAST, I WOULD LIKE YOU TO HELP ME REPEAT THE
QUESTION.
22 AUDIENCE: I HAVE A QUESTION.
TEACHING LARGE CLASSROOMS, I'M WONDERING IN ORDER FOR
23 YOU TO SEE US AND US TO SEE OUR NOTES AS WE LIKE
RAPIDLY SCRIBBLE DOWN WHAT YOU SAY, THERE'S A WAY TO
24 GET SLIGHTLY DIM HOUSE LIGHTS BACK HERE?
RICHARD: IT WOULD BE WONDERFUL BUT WE
25 WERE TOLD BY OUR TECH FOLKS IN THE BUILDING THAT IT
WAS EITHER ON OR OFF, THE HOUSE LIGHTS.

1 IF THEY WERE ON, UNFORTUNATELY NO ONE WILL BE ABLE TO
SEE WHAT'S ON OUR SCREENS SO I'M REALLY SORRY ABOUT
2 THAT.
BUT THAT'S WHAT WE'VE GOT GOING TODAY.
3 SO -- YES.
AUDIENCE: THAT WAS A GOOD QUESTION.
4 RICHARD: IT WAS A GOOD QUESTION.
ALL RIGHT.
5 LET ME TELL YOU WHAT I'M GOING TO DO UP UNTIL OUR
BREAK AND I'VE ASKED OUR GUYS HERE TODAY TO PROMPTLY
6 NOTIFY ME ABOUT OUR BREAK WHICH I BELIEVE IS AT
10:45.
7 SO HANG ON TILL OUR BREAK LATER, BUT I'M GOING TO
DEMO THE TOOLS AND I'M GOING TO TRY TO GIVE YOU AN
8 OVERVIEW OF OUR THREE MAIN TOOLS THAT ARE USED OUT
THERE A LOT IN EDUCATION, DREAMWEAVER, FIREWORKS AND
9 ALSO FLASH.
SO LET'S TAKE A LOOK AT DREAMWEAVER AND I'M GOING TO
10 START BY JUST GIVING YOU KIND OF THE BIG PICTURE OF
DREAMWEAVER.
11 THE OVERVIEW OF THE INTERFACE.
AND FROM HERE I'M GOING TO BRING UP A TERRIFIC
12 ficticious COLLEGE WEB SITE CALLED POST COLLEGE THAT
KIRSTI AND OUR ASSOCIATES ACTUALLY CREATED.
13 WHAT I'M GOING TO DO FROM THERE IS GO IN AND KIND OF
TWEAK THE CO SITE AND SHOW YOU HOW WE MADE CERTAIN
14 kindS OF things.
I THINK YOU'LL FIND IT INTERESTING TO SEE HOW LITTLE
15 TO BRING IN AN EXCEL SPREADSHEET OR ACTUALLY BECOME A
JAVASCRIPT PROGRAMMER.
16 HOW MANY OF YOU WANT TO LEARN TO DO THAT?
RAISE YOUR HAND.
17 I SEE TWO EVEN IN THIS DARKNESS.
TWO PEOPLE HAVE TIME TO BE JAVASCRIPT PROGRAMERS IN
18 EDUCATION.
ONE OF THE REASONS THAT EDUCATORS ARE VERY EXCITED
19 ABOUT OUR TOOLS IS WE MAKE A LOT OF VERY COMPLICATED
THINGS EASY.
20 AND DREAMWEAVER HAS A LOT OF BUILT-IN FUNCTIONALITY
THAT LET YOU CREATE DYNAMIC WEB SITES, exciting WEB
21 SITES WITHOUT WRITING A SINGLE LINE OF CODE.
BUT IF YOU WANT TO YOU CAN BECAUSE WE HAVE SOMETHING
22 CALLED ROUND TRIPPING WHICH MEANS YOU CAN VISUALLY
WORK LIKE THIS OR IF YOU WANT TO GET BEHIND THE
23 SCENES AND TWEAK HTML OR JAVASCRIPT, YOU CAN DO THAT
TO.
24 SO THAT REALLY APPEALS TO THE PEOPLE WHO HAVE THE
TIME TO DO THAT AND THE PEOPLE WHO DON'T.
25 SO LET'S TALK BRIEFLY ABOUT THE OVERVIEW
OF DREAMWEAVER, THE INTERFACE.

1 WHEN YOU FIRST OPEN UP DREAMWEAVER, YOU GET A DEFAULT
PAGE AND I WANT YOU TO JUST NOTICE UP HERE, I'LL DRAW
2 YOUR ATTENTION TO OUR TITLE BOX BECAUSE RIGHT NOW
THIS IS SIMPLY JUST AN UNTITLED DOCUMENT.
3 MOST PEOPLE IN DREAM WE'RE WHEN THEY'RE WORKING WITH
IT WORK WITH THESE TWO SIMPLE PALETTES AND I'M NOT
4 KIDDING YOU.
THIS IS ABOUT ALL YOU NEED FOR JUST ABOUT EVERYTHING
5 YOU NEED TO DO IN DREAMWEAVER TO CREATE A SITE.
FOR INSTANCE, OVER HERE IS OUR TOOL PALETTE AND IT'S
6 VERY, VERY VISUAL.
AND AS YOU NOTICE, WHEN I ROLL OVER THINGS YOU CAN
7 ACTUALLY GET TOOL TIPS AND THEY EVEN LET YOU KNOW
THAT THIS IS INSERTING A TABLE RIGHT HERE.
8 WE CAN INSERT SOME TERRIFIC FIREWORKS HTML TO CREATE
INTERESTING ROLL OVERS AND GLOWS AND BUTTONS COMING
9 OVER FROM FIREWORKS, BECAUSE WE HAVE A TIGHT
INTEGRATION BETWEEN OUR TOOLS.
10 WE CAN CREATE THINGS LIKE JAVA ROLLOVERS, IT'S VERY
SIMPLE.
11 TWO MOUSE CLICKS.
AND ONE OF MY ALL-TIME FAVORITES IS ACTUALLY
12 IMPORTING FLASH CONTENT.
SO WHAT COULD BE EASIER?
13 YOU CLICK, TWO CLICKS LATER YOU HAVE FLASH ON YOUR
SITE, YOU'RE READY TO GO.
14 SO ALL YOUR TOOLS ARE RIGHT HERE.
I WANT TO POINT OUT THAT WE CALL THIS PALETTE THE
15 COMMON TOOL PALETTE.
NOTICE PLEASE THERE'S A LITTLE DOWN ARROW RIGHT
16 THERE.
IF I CLICK HERE, THERE'S A WHOLE BUNCH OF OTHER
17 THINGS BEHIND THE SCENES IN THIS PALETTE FOR YOU TO
WORK WITH.
18 FOR INSTANCE, YOU MIGHT WANT TO COME IN HERE AND
ENGAGE SOMETHING FROM, SAY, LEARNING AND WE HAVE A
19 terrific EXTENSION called COURSE BUILDER.
BY CLICKING HERE WE CAN ACTIVATE THAT AND MAKE
20 ON-LINE QUIZS AND TESTS.
IF WE GO BACK TO 508, WE CAN DO SOME THINGS FOR
21 ACCESSIBILITY.
HOW ABOUT THOSE HARD TO FIND CHARACTERS? ANYBODY
22 USING COPY RIGHTED MATERIALS?
GREAT.
23 IT'S KIND OF HARD TO HUNT ON THE KEYBOARD FOR A COPY
RIGHT, BUT BY SIMPLY CLICKING YOU SEE WE CAN ACTUALLY
24 ADD THAT OR REGISTRATION MARK OR WHAT HAVE YOU.
ONE SECOND ON THAT QUESTION, I DO SEE YOU BUT I WANT
25 TO POINT OUT THIS.
DO YOU GUYS NOTICE THE BLANK GRAY AREA DOWN THERE?

1 IT'S INTENTION BECAUSE IF YOU HAVE CERTAIN kinds OF
SPECIAL CHARACTERS YOU WANT INSIDE DREAMWEAVER, YOU
2 JUST IMPORT THEM IN.
YOU CAN GO INTO THE FOLDER WHERE ALL THESE LITTLE
3 GUYS ARE SITTING AND EXTEND YOUR CHARACTERS, EXTEND
WHAT YOU HAVE.
4 AUDIENCE: WITH SUPERSCRIPT AND SUBSCRIPT,
I FINALLY LEARNED HOW TO DO IT ON THE KEYBOARD, BUT
5 CAN YOU INSERT A BUTTON FOR SUPERSCRIPT AND SUBSCRIPT
WHICH YOU HAVE TO USE IN CHEMISTRY A LOT?
6 RICHARD: I'M GOING TO TAKE AN EDUCATED
GUESS AND SAY YES BECAUSE YOU CAN ADD JUST ABOUT
7 ANYTHING IN HERE.
ANOTHER WAY YOU MIGHT DO THAT IS BRING IT IN FROM
8 FIREWORKS.
YOU MIGHT HAVE EVEN MORE FLEXIBILITY OR EVEN FREE
9 HANDAND BRING SOME TEXT FROM OVER THERE AS A VECTOR
GRAPHIC.
10 AUDIENCE: IS FIREWORKS DO, WHAT DOES
FLASH DO?
11 RICHARD: OKAY.
THE QUESTION IS WHAT IS THE DIFFERENCE BETWEEN
12 FIREWORKS AND FLASH?
IT'S A LITTLE OFF OF WHAT WE'RE TALKING ABOUT HERE
13 BUT THAT'S OKAY BECAUSE I WANT TO TALK TO YOU ABOUT
INTEGRATION.
14 YOU WANT TO THINK ABOUT FIREWORKS AS THE TOOL THAT
YOU USE TO OPTIMIZE AND BRING IN WEB graphics.
15 THERE ARE A LOT OF TOOLS ON THE MARKET THAT DO SOME
THINGS FOR DESKTOP PUBLISHING, BUT MACROMEDIA IS
16 REALLY ABOUT WEB PUBLISHING.
SO WE WROTE FIREWORKS FROM THE CODE UP TO CREATE AND
17 OPTIMIZE ONCE AGAIN PRIMARILY WEB GRAPHICS WHICH
MEANS YOU'RE GOING TO HAVE GRAPHICS THAT ARE GOING TO
18 GO UP THERE WITH WEB-SAFE COLORS, THERE'S GOING TO BE
BUILT-IN CODE TO CREATE ROLLOVERS, AND WONDERFUL
19 POP-UP MENUS AND THINGS LIKE THAT. AN INTERESTING
THING ABOUT FIREWORKS IS THAT FIREWORKS NOT ONLY DOES
20 SUPPORT JPEG IMAGES, THAT'S GOING TO BE PIXEL BASE
AND IT'S GOING TO BE A JPEG BUT INTERESTING THING
21 ABOUT FIREWORKS IS FIREWORKS WILL ALSO SUPPORT
VECTORS, THOSE FAST-LOADING, VERY COOL SHARP GRAPHICS
22 RIGHT INTO THE SAME FILE.
THAT'S KIND OF LIKE TAKING A VECTOR GRAPHIC PROGRAM,
23 A BIT MAP PROGRAM AND COMBINING THE TWO AND THEN WHAT
HAPPENS IS FIREWORKS CAN EXPORT THAT RIGHT INTO
24 DREAMWEAVER WITH A CLICK AND THEY'RE ALL GOING TO
WORK FINE INCLUDING CODE.
25 SO TO GET TO THE MAIN POINT OF YOUR QUESTION IS THIS
..

1 FLASH primarily IS A VECTOR GRAPHIC WEB SITE CREATION
TOOL AND ANIMATION TOOL FOR THE WEB.
2 NOW, IT WILL DO MORE.
SORRY?
3 AUDIENCE:
RICHARD: THERE IS ANIMATION IN FIREWORKS
4 BUT IT'S BASIC.
YOU CAN ANIMATE YOUR LAYERS, YOUR GIFTS, AND THINGS
5 LIKE THAT, BUT IT'S VERY LIMITED.
PROBABLY THE MAJOR DIFFERENCE IS SPLASH SUPPORTS A
6 WONDERFUL TIME LINE AS DO TWO OTHER TOOLS OF OURS
LIKE DIRECTOR AND EVEN DREAMWEAVER.
7 SO BY LEARNING ONE TIME LINE IN ONE OF OUR TOOLS
YOU'VE LEARNED THEM ALL.
8 SO THAT'S THE MAIN DIFFERENCE.
THINK OF FLASH AS ANIMATION ON THE WEB WITH MOSTLY
9 VECTORS AND firework AS OPTIMIZATION CREATE OF
GRAPHICS FOR THE WEB.
10 AUDIENCE: YOU HAVE FLASH THAT MORE OR
LESS TAKE CARE OF THE FIREWORKS?
11 RICHARD: I'M SORRY.
AUDIENCE: OF THE TWO, WOULD FLASH
12 INCORPORATE EVERYTHING THAT'S IN FIREWORKS?
RICHARD: COULD I CREATE A GRAPHIC IN
13 FIREWORKS AND BRING MOST OF IT INTO FLASH?
AUDIENCE: IF YOU HAD A CHOICE BETWEEN
14 BUYING INTO, --
RICHARD: I'D BUY BOTH.
15 (LAUGHTER).
RICHARD: YOU KNOW I WAS GOING TO SAY
16 THAT.
OF COURSE, BECAUSE AS EDUCATORS WE HAVE TO HAVE A WAY
17 TO OPTIMIZE OUR GRAPHICS FOR THE WEB, WE JUST DO.
BUT THE MOMENT WE MIGHT WANT TO MAKE THOSE SITES
18 DYNAMIC, THE MOMENT WE MAY WANT TO CREATE SOME TYPE
OF ILLUSTRATION, ASSIMILATION.
19 FOR INSTANCE, YOU'RE AN ASTRONOMY TEACHER AND YOU.
TO SHOW THE MOON ON ROTATING AROUND THE EARTH, WILL
20 FIREWORKS DO THAT?
WELL, MAYBE, KIND OF CHOPPING.
21 BUT IF YOU WANT TO A SMOOTH ANIMATION THAT IS VERY
REALISTIC, FLASH IS THE WAY TO GO.
22 I'D USE THEM BOTH.
AUDIENCE: GET FIREWORKS INITIALLY --
23 RICHARD: QUESTION WAS YOU WOULD NEED IT
YES TO OPTIMIZE THOSE GRAPHICS THEN IMPORT THEM.
24 AUDIENCE: --
RICHARD: GOOD POINT.
25 QUIET IS WHAT YOU'RE TALKING ABOUT IS OUR BUNDLES.
OUR STUDIOS.

1 AND WHAT THAT MEANS IS IF YOU LOOK AT DREAMWEAVER,
IT'S BUNDLED WITH FIREWORKS AND THERE'S A VERY GOOD
2 REASON BECAUSE YOU WANT TO OPTIMIZE THOSE GRAPHICS
AND THEN GET THEM INTO HTML TO PUT THEM ON THE WEB.
3 NOW YOU LOOK AT ONE OTHER STEP, WHY DO WE HAVE OUR
WONDERFUL FREEHAND TOOL WITH FLASH?
4 WELL, FLASH HAS BUILT-IN TOOLS, THEY'RE TERRIFIC, BUT
FREEHAND CREATES INCREDIBLY SOPHISTICATED vector
5 GRAPHICS AND BY CREATING THEM THERE, YOU CAN ACTUALLY
DRAG THEM AND DROP THEM RIGHT INTO FLASH AND ANIMATE
6 THEM.
AND THAT'S TERRIFIC.
7 LET ME KEEP GOING.
WE HAVE A LOT TO DO IN A CERTAIN AMOUNT OF TIME.
8 SO AS YOU SAW, I CAN PUT A CHARACTER IN THERE, BUT
THERE'S MANY OTHER things I COULD ACTUALLY DO. I
9 COULD EVEN DRAG AND DROP FRAMES AND THERE ARE TWO IF
I WANT IT RIGHT HERE.
10 NOW, LET ME GIVE YOU A QUICK EXAMPLE AND THEN I'M
GOING TO BUILD AN ACTUAL SITE RATHER QUICKLY FROM THE
11 GROUND UP.
I WANT TO SHOW YOU THIS OTHER PALETTE THIS . IS OUR
12 PROPERTY INSPECTOR AND I HAPPEN TO LOVE THIS.
WHY?
13 BECAUSE THIS IS ONE OF THE ONLY TOOLS ON THE MARKET
WHICH ALLOWS YOU TO MANIPULATE THE VARIOUS GRAPHICS,
14 THE VARIOUS TEXT, THE VARIOUS INFORM ANTICIPATION YOU
PUT ON THOSE PAGES IN A VISUAL FASHION.
15 WATCH THIS.
I'M JUST GOING TO TYPE MY NAME.
16 THERE IT IS.
IT'S COPY RIGHTED BY RICHARD.
17 WATCH WHAT HAPPENED.
THE MOMENT I HIGHLIGHT, THIS I CAN COME DOWN TO THIS
18 TERRIFIC PROPERTY INSPECTOR AND I CAN DO MANY THINGS
TO THIS.
19 IS THERE IS NO MENU OR POP-OCCUPIES, I CAN JUST GO
AHEAD AND CENTER RICHARD.
20 COPY RIGHT RICHARD.
AND WOULDN'T IT BE NICE IF WE COULD GO AHEAD AND MAKE
21 THAT HEADING ONE.
AND WOULDN'T IT BE GREAT IF WE GAVE THAT SOME COLOR?
22 CHECK IT OUT.
THESE ARE WEB-SAFE COLORS.
23 THERE'S NO GUESS WORK HERE.
IT'S READY TO G. I HAPPEN TO LIKE RED, SO I'LL CHOOSE
24 RED AND AYE GOT THAT COLOR HAPPENING.
SOMETHING I'LL SHOW YOU IN A MATTER OF MINUTES IS ONE
25 OF MY ALL-TIME FAVORITE TOOLS IN OUR PRODUCT IS WHAT
I'LL CALL THE LINK DRAGGER OR THE .2 TOOL.

1 NOTICE FIHIGHLIGHT THIS, THERE'S THIS FUNNY LITTLE
ICON HERE THAT LOOKS KIND OF LIKE A REGISTRATION
2 POINT FROM THE PRINTING INDUSTRY.
IF I HOLD THE MOUSE DOWN AND DRAG, I PULL AN ARROW
3 OUT.
WHAT DOES THIS MEAN?
4 IT MEANS ANY HTML PAGE I TOUCH ON THE ENTIRE PLANET I
CAN NOW LINK UP WITH IS THAT WORD RICHARD AND IT
5 CREATES A HYPERLINK JUST LIKE THAT.
I JUST HAVE TO TOUCH A PAGE.
6 I'M GOING TO SHOW YOU THAT IN JUST A MATTER OF
MINUTES.
7 SO YOU GUYS GET THE IDEA?
IT'S VERY, VERY VISUAL.
8 SORRY?
YOU LIKE IT! WHO SAID THAT?
9 DO YOU LIKE IT ENOUGH TO GET A T-SHIRT?
AUDIENCE: NO, GIVE SOMETHING else.
10 (LAUGHTER).
RICHARD: DO YOU LIKE IT ENOUGH TO GET A
11 MOUSE PAD?
DO YOU LIKE IT ENOUGH TO GET AN ACTUAL BUNDLE OF
12 SOFTWARE?
Come ON DOWN BECAUSE RICHARD WAS BORN IN
13 HOLLYWOOD AND HE LOVES ENTHUSIASM! THAT'S FOR YOU.
THANK YOU FOR COMING TO OUR SEMINAR.
14 YOU GUYS ARE GREAT.
LET ME GIVE YOU THIS QUICK, ONE MORE THING I WANT TO
15 SHOW YOU AND THEN WE'RE GOING TO ACTUALLY BUILD A
QUICKIE SITE LEER.
16 AND I HAVE A LITTLE FOLDER ON HERE CALLED ASSETS FOR
COAST DEMO.
17 AND LET'S GO AHEAD AND HOPE THIS.
THIS IS ONE OF OUR TERRIFIC PARTNERS OUT THERE, IF
18 YOU WILL, IN THE FIELD.
THIS IS A GUY NAMED LOU AUGUSON.
19 HE RUNS THE WTA, THE wilderness TECHNOLOGY ALLIANCE
OF WASHINGTON STATE.
20 WE'RE VERY INVOLVED WITH LOU, WE LOVE LOU.
HERE'S WHAT I WANT TO SHOW YOU.
21 ALTZ I HIGHLIGHT RICHARD, I WANT TO THE PROPERTY
INSPECTOR -- WATCH THIS, GUYS.
22 WATCH THE PROPERTY INSPECTOR.
THE MOMENT I CLICK ON LOU, THE PROPERTY INSPECTOR YOU
23 SEE DYNAMICALLY UPDATES ITSELF.
NOW I CAN DO ALL kinds OF THINGS TO THIS IMAGE.
24 IT WOULD BE KIND OF NEAT IF I CLICKOD LOU AND WE
LINKED AND GOT SOME INFORMATION ON HIS WTA PROGRAM IN
25 Washington STATE.
RIGHT HERE IN THE PROPERTY INSPECTOR ARE SOME IMAGE

1 MAP TOOLS.
IN FACT, THERE'S SOME SOPHISTICATED ONES LIKE THE
2 POLYGON ONE.
MEANING IF I WANTED TO CREATE A PURCHASE IMAGE MAP
3 AROUND LOU, NOW, IMAGINE, THERE'S A WHOLE BUNCH OF
TEACHERS STANDING HERE, STUDENTS, AND WE NEED ONLY TO
4 CLICK ON ONE PERSON, I CAN COME RIGHT ACROSS LOU'S
SPOT HERE, AND THAT'S AN IMAGE MAP.
5 WHAT THAT meanS IS NOW I CAN TYPE IN A LINK RIGHT
THERE, I CAN OPEN UP A FOLDER HERE, AND HAVE A LINK.
6 OR ONCE AGAIN I CAN JUST TOUCH A PAGE WITH OUR
WONDERFUL LINK DRAGGER AND WE'VE GOT AN IMAGE MAP
7 READY TO GO.
EASY?
8 YEAH, YOU LIKE THAT?
THAT'S SOMETHING WE CAN DO THAT'S PRETTY COOL.
9 I'M GOING TO COME BACK AND SHOW YOU MY FAVORITE THING
BUT I'M GOING TO COME BACK TILL LATER.
10 I'M GOING TO NOW SWITCH TO SHOWING YOU SOMETHING AND
DEMOING HOW WE ACTUALLY BUILD A SITE REALLY QUICKLY.
11 LET'S GO AHEAD AND DO THAT.
I'M GOING TO CLOSE THIS PAGE OUT.
12 BECAUSE MOST TEACHERS SAY, RICHARD, I'D REALLY LIKE
TO CREATE A SITE FROM THE GROUND UP.
13 CAN YOU SHOW ME THAT IN DREAMWEAVER?
I FEEL A LITTLE OVERWHELMED.
14 SO THAT'S WHAT I'M KIND OF GOOD AT DOING.
FIRST WHAT I WANT TO DO IS CLOSE DREAMWEAVER
15 COMPLETELY BECAUSE WHEN YOU CREATE A WEB SITE, WE
WANT TO PUT EVERYTHING IN ITS PLACE.
16 SO I'M GOING TO JUST RIGHT CLICK ON THIS PC, AND
REMEMBER, WE'RE CROSS PLATFORM, ALL OUR TOOLS AND I'M
17 GOING TO GO AHEAD AND CREATE A BRAND-NEW FOLDER AND
I'M JUST GOING TO CALL THIS COOL WEB SITE.
18 ALL RIGHT?
EASY.
19 SO SO THAT'S WHERE I WANT TO STORE THINGS. BECAUSE
DREAMWEAVER LOVES GOOD HOUSEKEEPING.
20 IT LIKES EVERYTHING TIDY.
THAT'S OUR FOLDER AND WE'RE GOING TO MAKE THAT OUR
21 WEB SITE FOLDER.
I'M GOING TO ACTUALLY CLOSE THIS OUT WHAT KIRSTI WAS
22 SHOWING YOU AND LET'S LAUNCH DREAMWEAVER ONE MORE
TIME.
23 AND WHAT WE'RE GOING to do IS SOMETHING CALLED SITE,
NEW SITE.
24 WHAT'S THIS ABOUT?
THIS IS CALLED DEFINING A SITE AND JUST BRIEFLY WE
25 BASICALLY WANT TO TELL DREAMWEAVER WHERE TO POINT,
WHERE TO FIND THINGS AND WHERE TO PUT THINGS.

1 AGAIN, EVERYTHING GOES TO THAT FOLDER.
SO I'M NOT GOING TO SPEND A LOT OF TIME BECAUSE WE
2 ARE IN A SEMINAR TODAY BUT WE'RE JUST GOING TO CAL IT
COOL SCHOOL WEB SITE THAT'S A NAME.
3 AND NOTICE THERE'S SOMETHING CALLED THE LOCAL ROUTE
FOLDER.
4 ALL I NEED TO DO IS POINT TO MY DESKTOP AND WATCH THE
FOLDER WE'RE LOOKING FOR?
5 COOL WEB SITE?
THERE IT IS.
6 SO I OPEN IT AND SELECT IT.
SO WHAT WE'RE DOING IS WE'RE TELLING DREAMWEAVER TO
7 POINT THERE.
WE'RE CREATING A PATH.
8 ALL RIGHT.
THERE'S A LOT OF OTHER GREAT THINGS BUT LET'S GO DOWN
9 TO MY FAVORITE.
IT'S CALLED THE SITE MAP.
10 THE SITE MAP WILL ACTUALLY ALSO LET ME POINT TO
DIFFERENT AREAS TO TOO. BUT WE CAN ACTUALLY NOW
11 SIMPLY TYPE IN HERE AND WHAT'S THE NAME OF A FILE IF
WE'RE GOING TO PUT IT ON THE WEB WHEN WE START OUR
12 WEB SITE?
INDEX, RIGHT.
13 THAT'S THE LANGUAGE OF THE WEB AND MOST DESIGNERS ARE
GOING TO SAY INDEX.HTM.
14 AND IF WE'RE WORKING ON A McINTOSH?
L.
15 WE ADD THE L.
HTML.
16 I SEE TI GOT IT.
YOU GUYS ARE sharp; I WAS FESTING YOU.
17 WHO SAID THAT?
WHO SAID THAT OVER THERE?
18 I KNEW IT.
I'M GIVING THE GUY WHO FOUND MY MISTAKE A T-SHIRT.
19 BY TYPEING IN INDEX AND IF I GO OKAY, IT SAYS THE
FILE DOES NOT EXIST BUT WOULD YOU LIKE TOW CREATE IT?
20 SURE WOULD.
WHAT I DID WAS JUST CREATED MY VERY, VERY FIRST PAGE
21 INSIDE OF DREAMWEAVER.
SOME OF YOU MIGHT BE SAYING WAIT A MINUTE, WHAT'S
22 THIS?
THIS IS KIND OF CRAZY LOOKING.
23 WHERE ARE WE?
DREAMWEAVER DEFAULTS BY -- IF I AUTOMATICALLY TAKE
24 YOU TO THE SITE FILE OR MAP VIEW.
THERE ARE TWO PAINS HERE.
25 I JUST WANT TO POINT OUT THAT THIS IS THE remote SITE
WINDOW AND IT'S IN THIS WINDOW THAT YOU WILL SEE

1 EVERYTHING YOU PUT ON YOUR .EDU SERVER, YOUR SCHOOL'S
COMPUTER.
2 YOU'RE GOING TO PUT YOUR FILES UP THERE.
BUT LOOK OVER HERE THIS . IS YOUR LOCAL FOLDER THIS .
3 IS WHERE YOU ACTUALLY CREATE THE SITE.
IT'S PRETTY COOL BECAUSE THIS WINDOW DOES DUAL DUTY.
4 WE CAN GET AND PUT INFORM ONTO OUR SCHOOL SERVER OR
STEAK IT TO OUR LOCAL COMPUTER IN OUR OFFICE OR HOME
5 OR WHAT HAVE YOU AND THERE'S A REALLY NEAT BUTTON UP
HERE AND THIS IS A MAP BUTTON.
6 IT'S GOING TO MAP OUT THE SITE FROM YOU IN JUST A
MATTER OF MINUTES.
7 I'M GOING TO GO OVER here to INDEX, AND ON A, I CAN
RIGHT CLICK OR HOLD DOWN THE APPLE KEY ON A MAC, I'M
8 GOING TO GO over the FILE FOR A COUPLE OF TIMES.
THERE WE GO.
9 WE'RE PRETTY MUCH DONE.
JUST IMAGINE WITH ME THIS SAYS MISSION STATEMENT,
10 CLASS SCHEDULE, CONTACT US, DEPARTMENTS, WHAT HAVE
YOU, NEW CLASSES, THERE THEY ARE.
11 NOW NOTICE, THIS ONE, INDEX?
THIS IS THE FIRST ONE I OFFICIALLY STARTD? I'M GOING
12 TO JUMP OVER TO THIS BUTTON AND BY CLICKING, LOOK
WHAT I DID.
13 I HAVE SUDDENLY JUMPED OUT OF THAT LITTLE REMOTE
WINDOW RIGHT THERE AND I HAVE CREATED A LITTLE ICON
14 OR A VISUAL REPRESENTATION OF THAT INDEX PAGE, MY
FIRST PAGE.
15 AND WHAT'S UP THERE?
SOMEBODY NOTICE SOMETHING INTERESTING?
16 AUDIENCE: THE POINTER.
RICHARD: THE POINT 2 TOOL.
17 THE LINK DRAG TOOLS THERE.
YOU WANT A SHIRT?
18 OKAY.
THERE YOU GO.
19 YOU GOT IT.
IN FACT, SHE IS ABSOLUTELY RIGHT.
20 WHAT'S YOUR NAME?
AUDIENCE: TARRAN.
21 RICHARD: TARRAN, LOOK at this: IF I GRAP
THE POINT TO TOOL AND I SIMPLY GO FROM MY HOME PAGE
22 AND TOUCH CONTACT US, MISSION STATEMENT, OH! NOW
YOU'RE SEEING WHY TEACHERS ACROSS AMERICA AND CANADA
23 AND THE WORLD ARE JUMPING ON BOARD WITH THIS TOOL.
BECAUSE I JUST BUILT THE STRUCTURE OF A WEB SITE IN
24 SECONDS WITH NO CODE.
AUDIENCE: THAT'S A WHOLE NEW LEVEL.
25 RICHARD: I OPENED A WHOLE NEW WORLD FOR
YOU?

1 AUDIENCE: WHAT DO YOUR LINKS LOOK LIKE ON
THE INDEX PAGE?
2 RICHARD: UGLY! THE DEFAULT LINKS ARE IN
FACT UGLY AND SINCE ASKED --
3 AUDIENCE: COULD YOU USE FIREWORKS TO MAKE
THIS PRETTY?
4 RICHARD: OF COURSE.
AND YOU'RE ONE STEP AHEAD OF ME. AND THAT GETS A
5 HOUSE PAD, BY THE WAY.
YOU WANT TO HAND THAT TO THE GENTLEMAN BACK THERE,
6 AND YOU GET A SHIRT JUST FOR HELPING.
ALL RIGHT.
7 I'M GOING TO SHOW YOU THAT IN A SECOND BUT I WANT TO
BRING YOUR ATTENTION TO IS THIS SITE COMPLETE
8 STRUCTURALLY?
THINK ABOUT IT.
9 HERE'S MY HOME PAGE AND I CAN LINK TO MISSION
STATEMENT, ABOUT US, CONTACT, CLASS SCHEDULE, BUT
10 WHAT'S MISS SOMETHING THEY CAN'T GET BACK, THEY CAN'T
GO HOME.
11 SO WATCH THIS.
WHAT COULD BE EASIER?
12 NOTICE, TARRAN, LOOK at this.
THERE'S A LINK DRAGGER HERE AND I JUST TOUCHED THE
13 HOME PAGE AND I HAVE NOW STRUCTURALLY CREATED THE
ENTIRE SITE IN A MATTER OF SECONDS AND WE NOT ONLY GO
14 FROM THE HOME PAGE BUT WE ALSO GET TO GO BACK TO THE
HOME PAGE FROM ANY OF THESE.
15 SO NOW SIR FOR YOU, IF I CLICK ON THE INDEX PAGE,
THERE ARE THE DEFAULT LINKS RIGHT THERE.
16 ALL RIGHT?
AND THEY DO WORK, I CAN PREVIEW THOSE IN A BROWSEER
17 BUT I'M GOING TO HOLD ON THAT TILL LATER UAND NOW IF
I GO BACK TO ANY OF THOSE PAGES I JUST SHOWED YOU,
18 LET'S GO BACK, LET'S CLICK ON THAT ONE.
THERE'S THE INDEX PAGE OR HOME.
19 AND YOU'RE RIGHT, I CAN CHANGE THAT INTO AN IMAGE
MAP, I I CAN CHANGE THAT INTO A FLASH MOVIE, A TABLE,
20 IT'S ENDLESS WHAT I COULD DO HERE.
YES.
21 AUDIENCE: IF YOU CHANGE THE NAME OF THE
FILE NOW IN YOUR SITE MAP WHAT ABOUT THEY CAN CHANGE
22 on the WEB PAGE?
ON THE INDEX?
23 RICHARD: ABSOLUTELY.
YEAH, IN FACT, I'M GOING TO BE VERY HONEST WITH YOU
24 GUYS, I'M NOT A CODER.
I'M VERY ARTISTIC.
25 AND I REALLY DON'T GET CODE.
AND DREAMWEAVER WAS MADE FOR A GUY LIKE ME WHO'S

1 EXTREMELY VISUAL.
FOR INSTANCE -- AND I DON'T USUALLY DO THIS IN A
2 SEMINAR BUT I'M GOING TO SHOW YOU BASICALLY WHAT YOU
SAID.
3 I'M GOING TO BREAK A LINK INTENTIONALLY FOR YOU.
WATCH WHAT I'M GOING to do.
4 OVER HE WERE I'M JUST GOING TO CREATE A NEW FOLDER.
LET'S SAY THIS IS THE ART DEPARTMENT.
5 AND IF I ACCIDENTALLY WERE TO GRAB ANY PAGE IN
DREAMWEAVER AND MAYBE STICK IT IN THAT FOLDER OR MOVE
6 IT SOMEWHERE, WATCH THIS.
LET'S GRAB IT.
7 WHAT HAPPENED IS NOTHING BECAUSE I HAVEN'T SAVED THE
SITE.
8 BUT WHAT WOULD HAPPEN IF I SAY -- WHICH I'LL DO IN A
MINUTE -- YOU'D GET A BOX AND IT BASICALLY SAYS,
9 RICHARD, WAIT A MINUTE.
YOU'RE MOVING THIS PAGE AND YOU'RE GOING TO BREAK A
10 LINK, WOULD YOU LIKE ME TO UPDATE THIS FOR YOU?
I'M GOING TO OF COURSE SAY YES AND IT REWRITES THE
11 CODE AND NOW IT'S UPDATED AUTOMATICALLY.
THAT'S WHAT IT WILL ACTUALLY DO.
12 AUDIENCE: I MISSED HOW YOU GOT THAT INDEX
FROM THERE TO THAT SITE.
13 RICHARD: THAT'S THAT BUTTON RIGHT IS
THERE.
14 AUDIENCE: OKAY.
RICHARD: IN FACT, NOTICE IF I CLICK I CAN
15 GO MAP ONLY OR IF I CLICK HERE I'LL GO BACK TO
REMOTE.
16 THIS WINDOW DOES TWO THINGS.
REMEMBER IT USED TO SAY remote AND NOW IT SAYS SITE
17 NAVIGATION OR MAP.
AND BY THE WAY, YOU CAN PRINT THIS.
18 SO IT'S REAL COOL.
LET ME GO BACK HERE BECAUSE I WANT TO BE RESPECTFUL
19 OF YOUR TIME.
I WANT TO POINT OUT THIS PROPERTY INSPECTOR CHANGES
20 DYNAMICALLY NO MATTER WHAT IS ON THE PAGE AND HERE'S
WHAT I'M GETTING AT.
21 LET'S GO AHEAD AND JUMP OUT OF THIS SITE BECAUSE IF
YOU NOTICE WHEN I DEFINE SITES THERE IS THIS LITTLE
22 WINDOW HERE AND DREAMWEAVER IS NOT KNOWN THIS WELL
FOR THIS, AND I WANT TO POINT OUT TO YOU GUYS,
23 DREAMWEAVER IS NOT ABOUT ONE SITE, IT'S ABOUT
HUNDREDS AND HUNDREDS AND HUNDREDS of SITES.
24 I CAN MANAGE LOTS OF SITES.
SO IF I'M AT A SCHOOL AND MAYBE I'M THE WEB GODDESS,
25 I WANT FOACTUALLY MANAGE THE ART DEPARTMENT, PHYSICAL
EDUCATION DEPARTMENT, AND THE SCIENCE DEPARTMENT.

1 I WAS JUST NOW WORKING IN COOL WEB SITE BUT I COULD
JUMP OVER TO COAST COLLEGE.
2 OKAY.
AND NOW I'VE JUMPED TO AN ENTIRELY DIFFERENT WEB SITE
3 AND THIS IS THE ficticious ONE I WANTED TO SHARE WITH
YOU IS THAT KIRSTI AND I WORKED ON FOR A WHILE.
4 FIGO TO INDEX, THIS IS MY SCHOOL SITE.
SO I'M JUMPING BETWEEN DIFFERENT SITES IN
5 DREAMWEAVER.
NOW, DREAMWEAVER HAS A TERRIFIC WAY TO ALLOW TO YOU
6 PREVIEW EXACTLY WHAT IT'S GOING TO LOOK LIKE ON THE
WEB AND HOW WE DO THAT IS SIMPLY BY HITTING THE F12
7 KEY.
EASY.
8 NOW, CHECK THIS OUT BECAUSE THIS IS REALLY FUN.
THIS IS COAST, college of ARTS, SCIENCES, AND
9 technology. AND I'M GOING TO HIT THE RELOAD BUTTON A
COUPLE OF TIMES BECAUSE I WANT TO DRAW YOUR ATTENTION
10 TO A COUPLE OF THINGS.
FIRST OF ALL, LOOK ACROSS THE TOP OF THE PAGE.
11 WHAT YOU'RE SEEING RIGHT NOW IS A FLASH MOVIE AND
AFTER THE BREAK I'M GOING TO SHOW YOU EXACTLY HOW WE
12 MADE THAT. ALL RIGHT, IT'S REALLY COOL, IT'S FUN,
AND THERE'S NO CODING WHATSOEVER IN WHAT YOU GUYS ARE
13 LOOKING AT.
THIS IS SIMPLY A LITTLE FLASH MOVIE AND THERE'S A
14 LITTLE BANNER DIMENSION ON THERE, X AMOUNT OF PIXELS
ACROSS AND LONG TO MAKE THAT ILLUSION.
15 AND YOU CAN SEE THERE'S A WONDERFUL LITTLE WAVE
FLYING ACROSS THE SCREEN AND IT SPELLS OUT THE NAME.
16 NOW LET'S MOVE DOWN HERE.
NOTICE AS I COME DOWN INTO THIS SECTION OVER IN HERE,
17 IT'S A LITTLE HARD TO SEE PROBABLY ON THE MONITOR BUT
YOU'LL SEE ROLLOVERS.
18 YOU'LL SEE THE MISSIONS WORD CHANGE COLOR, WHILE THIS
IS A JAVASCRIPT ROLL OVER completely MADE IN
19 FIREWORKS.
IN FACT, THIS ENTIRE GRAPHIC WAS IMPORTED DIRECTLY
20 FROM FIREWORKS WITH THE CODE WITHOUT CODING AND
DROPPED RIGHT UNDER THE PAGE HERE IN THE COAST WEB
21 SITE AND DOWN HERE WE HAVE SOME OTHER ONES TOO.
ALL RIGHT?
22 AND LAST BUT NOT LEAST WE JUST ADDED THESE LINKS FOR
ACCESSIBILITY ISSUES AND SCREEN READERS AND THINGS
23 DOWN THERE WITHIN DREAMWEAVER.
HANG ON TO YOUR QUESTIONS FOR JUST A MINUTE.
24 I WANT TO GIVE YOU A quick DEMO AND THEN WE'LL TAKE A
COUPLE OF QUESTIONS.
25 I WANT TO SHOW YOU WHEN I CLICK ON DIFFERENT things
FOR INSTANCE, I USE THAT LINK DRAG EARLY TO GO FROM

1 THE DEPARTMENTS AND LINK DRAG OVER TO THESE DIFFERENT
PAGES.
2 AND JUST SO HAPPENS I HAVE YET ANOTHER LITTLE JAVA
script rollover AND THIS ONE WAS ACTUALLY MADE INSIDE
3 DREAMWEAVER IN TWO CLICKS WHICH WILL TAKE ME RIGHT
BACK HOME IF I WANT TO GO HOME, BUT IT JUST SO
4 HAPPENS IN OUR ART DEPARTMENT WE ACTUALLY HAVE AN ART
HISTORY CLASS.
5 AND BECAUSE I LOVE ART AND I ESPECIALLY LIKE THE
ARTIST FRANZ MARK, I WOULD PROBABLY WANT TO SIGN UP
6 FOR THIS CLASS.
ON THE LEFT WE HAVE A TYPICAL HYPERLINK OVER HERE AND
7 I CAN GO AHEAD AND MAYBE FIND OUT SOME INFORMATION
ABOUT THE CLASS AND SEE EXAMPLES OF HIS WORK, BUT THE
8 WEB DOESN'T HAVE TO BE STATIC.
ALL THE BROWSERS SUPPORT DYNAMIC CONTENT AND WHAT I
9 DID WAS ACTUALLY IMPORTED A COUPLE OF IMAGES OF FRANZ
MARK'S PAINTINGS OF HIS HORSES.
10 NOTICE, THEY SWAP.
DID I WRITE THIS IN CODE?
11 NO.
THIS TOOK TWO MOUSE CLICKS INSIDE DREAMWEAVER'S
12 rollover BUTTON TO MAKE.
AND IT MAKES THIS KIND OF ACTIVITY HAPPEN RIGHT
13 INSIDE THE PROGRAM.
BY CLICKING HERE I CAN ACTUALLY JUMP OVER TO WHAT WE
14 CALL THE CREATE WEB FOLDER WEB.
REAL QUICKLY, HOW MANY OF YOU GUY VISIT GONE OUT WITH
15 A DIGITAL CAMERA OR SCANNER AND SHOT A BUNCH OF
PHOTOS?
16 EVERYBODY, RIGHT?
NO ONE IN THIS ROOM HASN'T SHOT PICTURES AND SCANNED
17 SOMETHING.
IT MAY NOT BE YOU BUT IT MAY BE AN AN ASSOCIATE,
18 LET'S SAY YOU HAVE A FOLDER OF IMAGES ON YOUR
COMPUTER AND YOU NEED TO TAKE LET'S JUST SAY LIKE
19 THIS ONE LET'S SAY YOU'VE GOT APPROXIMATELY, I DON'T
KNOW, EIGHT OR NINE IMAGES AND YOU NEED TO CREATE
20 LITTLE THUMB NAILS BUT YOU NEED TO CREATE REALLY BIG
IMAGES AND YOU NEED TO PUT THEM ON INDEPENDENT PAGE
21 UNITED STATES AND NEED TO CREATE THE NAVIGATION, GO
HOME, GO FORWARD, GO BACK, YOU HAVE TO WRITE ALL THAT
22 CODE, OPTIMIZE THAT IMAGE IN SOME OTHER APPLICATION,
AND PUT IT ALL TOGETHER ON THE WEB.
23 ANYBODY WANT TO GUESS WHAT THAT TAKES PEOPLE HOW
LONG?
24 WHAT WAS IT?
STPHRAO: FOUR CLICKS.
25 I DID IT.
T-SHIRTS.

1 RICHARD: Y ONE STEP AHEAD OF ME.
WITHOUT THE FOUR CLICKS HOW LONG WOULD IT TAKE THAT?
2 HOURS?
IT TAKEs me TWO DAYS, I'M SLOW. AND THIS GENTLEMAN
3 IS RIGHT.
YOU GET THE SHIRT.
4 ACTUALLY IN DREAMWEAVER THERE IS A RELATIONSHIP
BETWEEN DREAMWEAVER AND FIREWORKS AND YOU KNOW HOW
5 LONG IT TAKES ON THE AVERAGE UP HERE?
20 SECONDS.
6 20 SECONDS, I'M GOING TO SHOW YOU GUYS IN A MATTER OF
MINUTES QUESTION IN THE BACK.
7 AUDIENCE: THE TOOL I WORKED MOSTLY WITH
IS PHOTOSHOP AND WOULD IT BE POSSIBLE TO CREATE THE
8 VISUAL AND DESKTOP PUBLISHING TO WEB SHOP AND
CONTINUALLY --
9 RICHARD: ABSOLUTELY.
THE QUESTION IS COULD YOU CREATE YOUR GRAPHICS IN
10 ADOBE'S WONDERFUL PHOTOSHOP AND BRING IT OVER TO
FIREWORKSES, ABSOLUTELY, AND PEOPLE DO IT ALL THE
11 TIME.
ADOBE IS WONDERFUL FOR DESKTOP PUBLISHING.
12 BUT AGAIN, REMEMBER, DISTINCTION HERE IS WE ARE
REALLY ABOUT WEB PUBLISHING AND WE DO DESKTOP
13 PUBLISHING TOO, BUT WE REALLY WILL CONCENTRATE ON
GETTING YOUR GRAPHICS PERFECT FOR THE WEB.
14 THAT'S WHAT WE WANT TO DO.
SORRY, QUESTION?
15 AUDIENCE: DOES IT KEEP THE LAYERS?
RICHARD: ABSOLUTELY.
16 THE QUESTION IS WILL WE'LL SUPPORT PHOTOSHOP LAYERS?
YES.
17 AND IN FACT YOU CAN EVEN BRING THOSE LAYERS INTO
FLASH AND I'M GOING TO SHOW YOU THAT.
18 BY THE WAY, IF YOU ARE AN ADOBE ILLUSTRATOR USER,
ADOBE FOR INSTANCE RECOGNIZES SWIF ON THE WEB, OUR
19 WONDERFUL FLASH FORMAT.
YOU CAN ACTUALLY GO, FILE, PUBLISH IN ADOBE
20 ILLUSTRATOR AS AN SWIF FILE AND GO RIGHT OUT INTO
FLASH IF YOU LIKE.
21 THEY LOVE US, IT'S GREAT.
YES IN THE BACK.
22 AUDIENCE: ON THE things THAT WE HAD.
..
23 RICHARD: THIS IS IN FACT A TABLE.
YES.
24 BUT THE GRAPHIC WAS ORIGINALLY CREATED OVER IN
FIREWORKS AND IMPORTED WITH THIS BUTTON RIGHT THERE
25 WHICH IS CALLED INSERT FIREWORKS HTML AND IT REBUILDS
THE ENTIRE GRAPHIC RIGHT HERE.

1 BUT LET ME JUMP AHEAD BECAUSE I WANT TO SHOW YOU MY
FAVORITE THING.
2 OH, I'M SORRY.
AUDIENCE: SO YOU HAVE FIVE DIFFERENT
3 TABLES FOR EACH ONE OF THOSE SLICES?
RICHARD: THERE'S A LOT OF SLICES.
4 AUDIENCE: SHOW YOU HAVE DIFFERENT TABLES.
..
5 RICHARD: RIGHT.
AND IF YOU SAW THE FOLDER CONNECTED WITH THIS, YOU'D
6 SEE TONS OF LITTLE TEENY GRAPHICS ALL SLICED AND
DICED AND CUT UP AND THE HTML REBUILDS IT ON THE FLY
7 IN THE PROGRAM.
AUDIENCE: CAN YOU DO THE SLICE IN
8 FIREWORKSES?
RICHARD: YES.
9 IN FIREWORKS.
YES, YOU CAN.
10 GREAT QUESTION.
QUESTION IS COULD YOU DO ALL THE SLICING AND DICEING
11 IN FIREWORKS OR DREAMWEAVER.
IT'S UP TO YOU.
12 SOME PEOPLE WHO USE OUR PROFESSIONAL TOOLS WILL
CREATE THEIR ENTIRE PAGES IN FIREWORKS WITH ALL THE
13 PAGES, ALL THE CODES IN URL AND SIMPLY BRING IT OVER.
OTHER PEOPLE LIKE TO WORK EXCLUSIVELY WITH
14 DREAMWEAVER.
THERE'S NO RIGHT OR WRONG WAY.
15 IT'S ALL ABOUT DESIGN.
IT'S REALLY HOW YOU WANT TO DO IT.
16 FOR INSTANCE, HERE'S A GREAT THING THAT I LIKE. AS A
LOT OF PEOPLE DON'T KNOW IF YOU SIMPLY CLICK ON THIS
17 GRAPHIC, ANYBODY KNOW WHAT THAT IS?
FLASH MOVIE.
18 WELL, LOOK AT THE PROPERTY INSPECTOR.
REMEMBER I LET YOU KNOW BY SIMPLE SECLICKING ON A
19 GRAPHIC RIGHT THERE, OR HERE, LOOK WHAT HAPPENS.
SEE HOW IT CHANGES?
20 IF I GO TO THE FLASH MOVIE I CAN ACTUALLY PLAY THAT
MOVIE RIGHT INSIDE DREAMWEAVER.
21 OKAY?
I DON'T HAVE TO GO TO THE WEB; I CAN PREVIEW IT RIGHT
22 THERE AND I CAN DO A LOT OF THINGS TO IT, AND
REMEMBER I I'M GOING TO STOP THIS AND I DON'T WANT TO
23 MESS THIS UP TOO MUCH BECAUSE I HAVE SO MUCH TO SHOW
YOU BUT REMEMBER THESE ARE VECTOR GRAPHICS.
24 THE AMAZING THING ABOUT VECTOR GRAPHICS IS THE WEB
DOESN'T CARE WHAT SIZE THIS IS.
25 IN FACT, I'M JUST GOING TO SIMPLY SQUISH IT.
WATCH AGAIN.

1 IT'S EXACTLY THE SAME GRAPHIC, IT WORKS PERFECTLY
BECAUSE IT'S A WEB GRAPHIC.
2 THE WEB DOESN'T CARE WHAT YOU DO WITH GRAPHICS.
THEY SCALE ON THE FLY RIGHT HERE.
3 WHAT'S REALLY NICE ABOUT FLASH WHICH I'LL SHOW YOU
AFTER THE BREAK IS NO MATTER WHAT SIZE THE USERS
4 BROWSER SYOU CAN SET FLASH TO SCALE TO ANY WINDOW
RIGHT THERE ON THE WEB.
5 AUDIENCE: I HAVE A QUESTION IN FLASH A
LOT OF TIMES YOU HAVE A PROBLEMS YOU HAVE A
6 BACKGROUND AND YOU CHECK IT OUT IN THE BROWSER AND
YOU END UP GETTING THESE THINGS ON THE SIDE AND
7 SUPPOSEDLY THAT PICKS UP IN DREAMWEAVER.
RICHARD: YOU CAN.
8 ARE YOU TALKING ABOUT BLANK NEGATIVE space?
AUDIENCE: EXACTLY.
9 RICHARD: EXACTLY.
IN DREAMWEAVER, IT'S NOT REALLY PART OF THE SEMINAR
10 BUT LET ME SHOW WHERE IT IS.
UNDER MODIFY PAGE PROPERTIES, YOU SEE THIS, LEFT
11 MARGIN TOP?
THIS IS HOW YOU CAN ELIMINATE THE SPACE BY PUTTING 0S
12 IN HERE FOR NETSCAPE OR AND IT WILL ELIMINATE THAT
BORDER.
13 IN THIS IS WHERE YOU ACTUALLY CAN CHANGE THE COLOR OF
YOUR PAGES AND WE ALWAYS GIVE YOU THE OPTION OF
14 CHANGING YOUR MIND.
FOR INSTANCE, THAT DOESN'T LOOK TOO GOOD ON BLUE,
15 DOES IT?
BUT WE CAN ACTUALLY CHANGE THINGS BY APPLYING AND
16 NOTICE MY FAVORITE TOOL IN ALL OUR TOOLS, THE EYE
DROPPER?
17 NO MATTER WHAT I TOUCH, EVEN THE APPLICATION ITSELF,
LOOK AT THIS.
18 I CAN APPLY COLOR TO MY PAGES WITH OUR EYEDROPPER
TOOL FROM ANY WEB GRAPHICS I BRING IN JUST LIKE THAT.
19 IT'S REALLY REALLY WONDERFUL.
LET ME GO back AND APPLY THAT.
20 LET'S GO TO THE PART THAT'S IMPORTANT TO YOU GUYS AND
THAT'S SHOWING ME BUILDING A FEW things.
21 BEFORE WE DO, I WANT TO SHOW YOU ONE LAST PAGE.
THERE'S LOU AND ALL THAT.
22 SO BEFORE WE DO OUR BREAK, AND HOW ARE WE DOING ON
OUR BREAK TIME?
23 >> 45 MINUTES.
10 O'CLOCK.
24 RICHARD: WE HAVE 45 MINUTES TO GO UNTIL
OUR BREAK?
25 >> CORRECT.
RICHARD: EXCELLENT! SO LET'S GO INTO

1 WHAT I called NEED WORK.
IN THIS FOLDER ARE EXACT COPIES OF THE PAGES THAT YOU
2 GUYS JUST SAW, BUT WHAT I DID WAS I ELIMINATED SOME
KEY ASSETS.
3 BECAUSE NOW I WANT TO SHOW YOU HOW YOU CAN USE SOME
OF OUR TOOLS TO MANIPULATE THE INFORMATION, IMPORT
4 THE INFORMATION AND DO SOME INTERESTING THINGS WITH
IT.
5 FOR INSTANCE, LET'S GO OVER TO OUR HOME PAGE.
SO WHAT'S MISSING?
6 FLASH.
SO I WANTED TO SHARE WITH YOU HOW EASY IT IS TO GET
7 THAT FLASH MOVIE IN THERE.
WE DON'T HAVE TO CLOSE THE PROGRAM, WE DON'T HAVE TO
8 DO ANYTHING LIKE THAT, IT'S JUST SIMPLY -- AND BY THE
WAY, WE DON'T EVEN HAVE TO GO UP TO THE MENU WHICH IS
9 GREAT.
WE SIMPLY GO OVER TO THIS AND IF I'M A NEW USER IT
10 JUST SAYS NEW USER.
WHAT COULD BE EASIER?
11 AND I JUST CLICK AND NAVIGATE AND IF I GO OVER TO MY
DESKTOP I HAPPEN TO KNOW THAT I PUT THE ASSETS FOR
12 THE COAST DEMO RIGHT THERE AND I HAVE WHAT'S CALLED
AN SWF FILE.
13 I JUST NOTICED I MISNAMED IT BUT I WANT TO ASK YOU
GUYS, FOR A T-SHIRT, DOES ANYBODY WANT TO KNOW WHAT
14 SWF IS?
THAT'S ABSOLUTELY CORRECT.
15 WOW, THAT'S FAST! I'M GOING TO REPEAT THAT.
I WANT FOPOINT OUT TO YOU THAT WHAT I'M ABOUT TO DO
16 IS I'M GOING TO IMPORT A FILE CALLED SWF.
WHERE DOES THAT COME FROM?
17 WELL, MACROMEDIA FLASH MOVIES AS ARE CALLED WHEN
THEY'RE PUBLISHED TO THE WEB WERE PUBLISHED AS SWF
18 FILES OR SMALL WEB FILE.
AND AROUND MACROMEDIA AND THE DEVELOPMENT COMMUNITY
19 AT LARGE, WE ALL CALL THESE SWIFF FILES.
WHY?
20 YES! YOU GET A BOOK.
COME UP HERE.
21 IN THE PURPLE.
BECAUSE THEY LOAD SWIFTLY OR FAST ON THE WEB.
22 SO THAT'S WHAT THEY ARE.
THEY'RE FAST AND IT'S BECAUSE THEY'RE THOSE LITTLE
23 TIGHT VECTOR GRAPHICS.
SO LET'S GO AHEAD AND SELECT BON.
24 NOW, DREAMWEAVER DIDN'T BREAK, DREAMWEAVER HAS THIS
BUILT-IN ASPECT FOR PEOPLE LIKE ME WHO FORGET THINGS
25 A LOT.
IT'S BASICALLY SAYING HERE RICHARD, I HAPPEN TO KNOW

1 THAT THIS LITTLE SWF FILE THAT YOU HAVE SITTING ON
THAT FOLDER ON THE DESKTOP IS NOT INSIDE OF ME,
2 DREAMWEAVER.
WHAT DO YOU WANT TO DO WITH IT?
3 WHAT DO YOU GUYS THINK I WANT TO DO WITH IT?
COPY IT.
4 SO I CAN ACTUALLY COPY IT BY SIMPLY SAYING YES AND IT
WILL ACTUALLY PUT IT IN THAT FOLDER FOR ME IF I WANT
5 TO DO THAT, MASTER DEMO, AND SAVE IT RIGHT THERE.
I COULD PUT IT IN A SUBFOLDER IF I WANT, BUT I'LL
6 JUST GO SAVE AND THERE IT IS.
THAT'S IT, TWO CLICKS.
7 BY THE WAY, SOME OF YOU MIGHT BE GOING, WELL, GOSH,
THAT'S KIND OF IRKSOME.
8 DOES THAT BOX AND UP IS AND BUG ME EVERY TIME I BRING
UP A PHOTO OR SOMETHING OUTSIDE OF THE ROOT FOLDER?
9 NO.
IT'S A PREFERENCE AND WE CALL IT A PROMPT.
10 ALL THAT IS IS A FEATURE OF DREAMWEAVER WHICH SAYS IF
YOU WANT TO LEAVE IT ON, IF YOU ARE PRONE TO MAYBE,
11 YOU KNOW, BRINGING THINGS OUTSIDE OF THE PROGRAM, YOU
CAN HAVE IT QUESTION YOU.
12 BUT ONCE YOU GET GOOD IN DREAMWEAVER YOU JUST SIMPLY
GO INTO PREFERENCES AND YOU DESELECT IT; IT WILL
13 NEVER ASK SUTHAT AGAIN.
IN FACT MY FAVORITE ONE IN THERE IS CALLED DON'T ASK,
14 JUST DO IT.
AND IT COPIES IT IN AND NEVER ASKS FOR ME THAT EVER
15 AGAIN.
I LIKE TO SHOW PEOPLE THAT BECAUSE IT'S A GOOD
16 FEATURE WHEN YOU'RE STARTING OUT.
AUDIENCE: SAY YOU'RE WORKING ON A PROJECT
17 IN FLASH SHARED LIBRARYS AND STUFF LIKE THAT, DO YOU
LIKE BRING A LIBRARY UP AND00 I. ABSOLUTELY.
18 YES.
THE QUESTION IS IF YOU HAD SHARED LIBRARIES, FOR
19 INSTANCE, FLASH SUPPORTS LIBRARIES, FREEHAND SUPPORTS
LIBRARIES, WE HAVE CSS AND DIRECTOR, YOU CAN DROP AND
20 DRAG MOST OF EVERYTHING, I WANT YOU TO UNDERSTAND
THAT WHEN YOU GET INVOLVED WITH MACROMEDIA TOOLS AND
21 YOU'RE GOING OUT FOR WEB PUBLISHING, DREAMWEAVER
SITTING IN THE MIDDLE.
22 IT'S LIKE THE HUB OF A WHEEL.
IF YOU WANT TO PUT VECTORS INTO DREAMWEAVER, YOU CAN
23 DRAG AND DROP.
IF YOU WANT TO BRING IN A FLASH MOVIE,DRAG AND DROP.
24 THEY'RE SHARABLE.
MOST EVERYTHING.
25 I THINK THERE'S A LITTLE DIFFERENCE IF YOU GET A
DIRECTOR OFF THE ware, BUT IT'S GOING TO BE

1 DIFFERENT.
THE THING I'M SAVING HERE IS SHOWING YOU HOW
2 BEAUTIFULLY DREAMWEAVER WILL TALK TO FIREWORKS.
I'M KIND OF SNEAKING UP ON YOU TO GET TO THAT PART
3 BECAUSE THAT'S A CONVERSATION THAT HAPPENS
AUTOMATICALLY.
4 YES, SIR.
AUDIENCE: IF YOUR FLASH MOVIE TARGETS
5 ANOTHER FLASH MOVIE AND YOU IMPORT IT DOES IT READ
THAT AS IT BRINGS IT IN, SAYS WHAT ABOUT THAT?
6 RICHARD: THAT'S AN EXCELLENT QUESTION.
I DON'T NECESSARILY THINK IT WILL PROMPT YOU AND SAY
7 YOU HAVE TO HAVE IT LIKE LOAD MOVIE.
WHAT HE'S SAYING IS IF YOU HAVE SAY A MASTER MOVIE
8 AND IT'S DEPENDENT ON BRINGING OTHER PIECES OF MOVIES
NIT MAY NOT NECESSARILY GRAB IT, BUT MOST PEOPLE ARE
9 DOING THAT ADVANCED KIND OF WORK WILL TAKE THAT
ENTIRE FOLDER OF SAY SHOCKWAVE DIRECTOR MOVIES, FLASH
10 MOVIE AND DRAG THAT INTO A DREAMWEAVERS WORK FOLDER
AND IT'S FINE.
11 I HAVEN'T DONE THAT SPECIFICALLY WHERE I'VE HAD
SEVERAL DIFFERENT MOVIES.
12 WE CAN TEST IT AT A BREAK IF YOU WANT.
LET'S GO OVER HERE AND LET ME GO AHEAD AND SHOW YOU
13 THIS OTHER PAGE.
LET'S GO OVER AND BRING IN LOU.
14 NOW, BEFORE I DO THAT, I WANT TO SHOW YOU TWO ASPECTS
OF FIREWORKS.
15 REMEMBER THAT'S THE PAGE ABOUT US AND HERE'S OUR
PRESIDENT OF OUR COLLEGE, OUR DEAN, LOU AUGUST.
16 AND WE'RE GOING TO PUT LOU IN THAT LITTLE SPOT, BUT
BEFORE I DO, I'M GOING TO COLLAPSE THIS FOR A MINUTE
17 ANDIP WANT TO GO DOWN TO THAT IMANNUAL, ASSETS FOR
COAST, AND LET'S GET LOU BECAUSE AS YOU CAN SEE, LOU
18 NEEDS WORK.
THERE'S SEVERAL things WRONG WITH THIS IMAFFECT
19 THAT'S VERY IMPORTANT FOR YOU TO NOTICE WHAT I'M
DOING.
20 I JUST CLOSED DREAMWEAVER.
I JUST OPENED UP FIREWORKS.
21 WHY?
BECAUSE I LEFT MY HTML CREATION AND PAGE EDITING
22 TOOL, MANAGEMENT TOOL, ON TOP OF IT, DREAMWEAVER, AND
I HAD TO QUIT IT.
23 THAT'S IT THE KEY.
I HAD TO QUIT IT TO GO OVER TO FIREWORKS TO DO SOME
24 WORK.
I KNOW THIS IMAGE IS TOO BIG AND THAT'S NOT GOING TO
25 FLY.
I'M INSIDE THE FIREWORKS TOOL AND I'M GOING TO SIMPLY

1 AND UP AND GRAB THE CROP TOOL.
I THINK I'LL GO AHEAD AND CROP LOU. AND THAT'S ABOUT
2 RIGHT.
I'M GOING TO DOUBLE CLICK RIGHT HERE AND I'VE CROPPED
3 IT.
OKAY?
4 HANDLED.
SO THAT LOOKS GREAT.
5 I THINK I'LL GO AHEAD AND SAVE A COPY OF THAT AND
LET'S JUST CALL IT LOU NEEDS WORK AND WE'LL CALL IT 2
6 FOR THE HECK OF IT AND WE'LL SAVE IT IN THE ASSET
FOLDER AND I'LL GO AHEAD AND NOW QUIT THIS AND IT'S
7 THERE, RIGHT?
NOW, LET'S GO BACK OVER HERE AND THAT'S THE GOOD ONE.
8 WE DON'T WANT THAT ONE.
WE WANT PROBABLY THE FIRST ONE, RIGHT?
9 I JUST GOT LOST.
BEAR WITH ME.
10 LET'S GO BACK TO LOU NEEDS WORK.
RIGHT THERE THE COPY OF THE MISSION STATEMENT, AND I
11 NEED TO PUT LOU IN IS THERE.
SO HERE WE GO.
12 LET'S GO AHEAD AND IMPORT THAT IMAGE AND LET'S GO
DOWN TO ALL FILES AND WE PUT IT RIGHT HERE, RIGHT?
13 AND IT'S NO. 2.
3 THERE'S A PREVIEW TLOOKS GOOD.
14 SELECT IT.
YEAH, LET'S PUT IT IN THERE.
15 LET'S SAVE IT.
AND I'M HAPPY.
16 I CAN FIX THAT TABLE LATER, BUT I DON'T WANT TO DO
THAT.
17 OH, MAN! I JUST FORGOT SOMETHING.
THERE'S SOMETHING I NEED TO DO TO THAT IMAGE.
18 I DIDN'T OPTIMIZE IT, MEANING THAT IMAGE IS A LITTLE
BIT TOO BAD FOR TOO BIG FOR THE WEB.
19 I TOOK A PICTURE OF LOU, I TESTED MY BROWSER AND
PEOPLE ARE WAITING AND WAITING.
20 GOSH, I GUESS I'M GOING TO HAVE TO QUIT DREAMWEAVER,
OPEN UP FIREWORKS, IMPORT LOU, MAKE THAT OPTIMIZATION
21 CHANGE, SAVE TQUIT, OPEN UP DREAMWEAVER -- WRONG.
WATCH.
22 BECAUSE WE RESPECT YOUR TIME, ALL RIGHT?
BIG TIME.
23 NOTICE AS LONG AS I HAVE LOU SELECTED, THAT WONDERFUL
PROPERTY INSPECTOR HAS A LITTLE BUTTON CALLED EDIT
24 AND IF I SIMPLY CLICK, DREAMWEAVER IS HAVING A
CONVERSATION WITH FIREWORKS.
25 NOTICE THIS, GUYS.
RIGHT UP HERE IS A LITTLE GREEN ICON OF DREAMWEAVER

1 POINTING TO FIREWORKS.
THERE'S A DONE BUTTON HERE.
2 IN FACT, I'VE NEVER LEFT DREAMWEAVER.
NEVER.
3 I'M SIMPLY GOING TO GO TO WHAT'S CALLED FOUR UP AND
I'M GOING TO COMPARE THIS ORIGINAL IMAGE THAT I
4 SCANNED WITH THE ONE OVER HERE IN FIREWORKS, AND IT'S
GOING TO TAKE THREE SECONDS ON A 28 BAUD MODEM, BUT
5 I'M NOT REALLY HAPPEN WITH THIS.
I WOULD REALLY LIKE THIS TO LOAD A LITTLE BIT
6 QUICKER.
SO BY GOING UP TO WINDOW, I'LL JUST OPEN UP OUR VERY,
7 VERY COOL OPTIMIZE PALETTE WHICH IS HIDING AS YOU CAN
SEE, IT'S SOMEWHERE HIDING.
8 I'M GOING TO GO BACK HERE AND GRAB IT.
THERE WE GO.
9 AND I'M GOING TO SIMPLE SEGO INTO OUR QUALITY SLIDER
AND I'M GOING TO DRAG THAT AND IT'S GOING TO LOAD IN
10 ONE SECOND.
WATCH THIS.
11 CLICK.
AND GUESS WHAT?
12 I'M DONE.
I'M DONE.
13 DO YOU LIKE THAT?
AUDIENCE: YES!
14 RICHARD: IS THAT A TIME SAVER?
IS THAT HUGE?
15 THANK YOU, THANK YOU.
THAT'S A HUGE TIME SAVER BECAUSE THINK ABOUT IT, IF
16 YOU HAD TO GO THROUGH A WEB SITE AND OPTIMIZE, SAY,
30 GRAPHICS, THAT'S GOING TO TAKE EIGHT HOURS OF
17 OPENING AND CLOSING AND SAVING, IT'S FOREVER.
BUT WHAT WE'VE DONE IS BUILT THAT RIGHT INTO THE
18 PROGRAM TO ALLOW YOU TO QUICKLY OPTIMIZE AND MAKE
CHANGES TO YOUR GRAPHIC.
19 AUDIENCE: CAN YOU GIVE LIKE A VECTOR WITH
A JPEG --
20 RICHARD: ABSOLUTELY, YES YES, YOU CAN.
AND I WANT TO BE VERY, VERY CLEAR ABOUT THAT BECAUSE
21 I DID COVER IT.
KEEP IN MIND, BECAUSE PEOPLE SEEM TO MISS THIS, KEEP
22 IN MIND THAT FIREWORKS ABSOLUTELY WILL DO THINGS
RIGHT HERE.
23 WITH BIT MAP IMAGES, BUT FIREWORKS WILL ALSO ACTUALLY
CREATE VECTOR IMAGES, MIX THEM TOGETHER, AND ALLOW
24 YOU TO PUT CODE RIGHT ON TOP OF THEM.
ALL RIGHT?
25 MIX THEM TOGETHER.
AND THAT'S POWERFUL AND UNHEARD OF OUT THERE IN THE

1 PUBLISHING WORLD, DIGITAL PUBLISHING WORLD, WE HAVE
THEM ALL BUILT IN.
2 LET'S TAKE A LOOK AT YET ANOTHER VERY INTERESTING
THING WE DID K DO. LET'S BECOME THOSE JAVASCRIPT
3 PROGRAMERS.
WHAT I WANT TO DO IS JUMP OVER TO OUR ART DEPARTMENT,
4 YOU MAY RECALL OVER HERE IF WE WANT TO GO OUT AND
LEARN ABOUT FRANZ MARK'S WORK, THERE WERE TWO REALLY
5 COOL PICTURES OF HORSES HERE.
AGAIN, THIS IS ALL ABOUT CODE BECAUSE THIS IS DYNAMIC
6 JAVASCRIPT RIGHT HERE.
BUT I'M NOT A CODER AND I DON'T HAVE TIME FOR IT SO I
7 WANT A QUICK EASY PROFESSIONAL WAY TO DO IT.
SO LET'S CLICK ON THE BUTTON TO THE RIGHT.
8 BECAUSE THIS SAYS INSERT A rollover IMAGE AND IT'S
BASICALLY NOTHING MORE THAN A SERIES OF QUESTIONS.
9 HERE WE G. LET'S CLICK.
AND IT SAYS GIVE THIS A NAME, I'M GOING TO LEAVE THE
10 DEFAULT BECAUSE IT'S NOT IMPORTANT RIGHT THIS MINUTE
AND BASICALLY IT SAYS WHAT IS THE ORIGINAL IMAGE YOU
11 WOULD LIKE THE USER TO SEE WHEN THEY USE YOUR PAGE.
LET'S FIND ONE.
12 IT SO HAPPENS THAT IN MY ASSETS FOR COAST I HAVE TWO
IMAGES, THE RED HORSE AND IT IS BLUE.
13 SO LET'S START WITH THE BLUE, SELECT TCOPY IT, AND
THAT IS THE UP IMAGE, IF YOU WILL.
14 NOW, WHAT'S THE rollover IMAGE?
LET'S SIMPLY GO AND FIND THAT OTHER ONE AND WE NEED
15 THE RED HORSES, RIGHT?
YEAH.
16 SO LET'S GO AHEAD AND DO THAT.
AND LET'S BRING THAT IN TOO AND SAVE IT AND GUESS
17 WHAT, WE ARE IN FACT DONE.
BUT JUST TO PROVE TO YOU THAT THIS IS IN FACT
18 WORKING, LET'S ADD SOMETHING I DIDN'T ADD EARLIER
BECAUSE I MIGHT WANT TO LINK THIS.
19 SO LET'S JUST DO SOMETHING LIKE HTTP, COLON, FORWARD
SLASH FORWARD SLASH, WORLD WIDE WEB.ART.COM.
20 BECAUSE I THINK THIS IS A TERRIFIC SITE.
OOPS.
21 YEAH, I DID, I HAD THE CAP LOCK ON.
I APOLOGIZE.
22 THAT WAS NOT BEST PRACTICES, AS THEY'D SAY.
I WASN'T PAYING ATTENTION.
23 OKAY. WORLD WIDE WEB.ART.-- I THINK THERE'S ONE EVEN
called ORG TOO BUT I'M JUST DOING THIS TO SAVE TIME.
24 OKAY.
WE'RE DONE.
25 NOW LET'S PREVIEW IN THE BROWSER.
THERE LITTLE.

1 IT IS.
LOOKS REALLY NICE.
2 LET'S CLICK ON IT.
AND WE ARE AT ART.COM.
3 WHAT DO YOU THINK?
EASY?
4 (APPLAUSE)
VERY, VERY SIMPLE.
5 OH, GOOD, NET SCAPE'S HAVING AN INTERESTING DAY.
ALL RIGHT, SO LET'S LEAVE THAT AS IT IS, SO THAT IS A
6 JAVASCRIPT rollover.
NOW LET'S MOVE OVER TO ONE OF MY FAVORITE FAVORITE
7 THINGS TO DEMO AND THAT HAPPENS TO BE ONE OF THE
THINGS THAT WILL MAKE YOUR LIFE SO EASY.
8 NOW YOU MAY RECALL A PAGE THAT I ACTUALLY DIDN'T SHOW
YOU, SO I HAVE TO BACK UP BECAUSE I JUST REALIZED I
9 DID NOT SHOW IT TO YOU, AND THAT'S THIS PAGE IN OUR
SITE.
10 IT'S CALLED THE CLASS SCHEDULE.
ALL RIGHT?
11 SO WHAT WE HAVE HERE IS THE ACADEMIC PROGRAMS OVER AT
COAST CLASS CLASS SCHEDULE AND WE HAVE ASTRONOMY,
12 SOLAR SYSTEM, AND WHAT HAVE YOU.
NOW, THIS WOULD BE A LOT OF WORK TO CREATE THAT
13 TABLE, TYPE IN ALL THE INFORMATION AND WHAT HAVE YOU.
BUT I WANT TO ASK YOU GUYS A QUESTION.
14 HOW MANY OF YOU ARE USING A SPREADSHEET?
MOST OF YOU ARE USING ONE OF THESE WONDERFUL
15 SPREADSHEETS OUT THERE. NOW, HOW WOULD YOU PROBABLY
TAKE THAT INFORMATION FROM YOUR SPREADSHEET AND GET
16 IT ONTO THE WEB?
YOU COULD IMPORT IT, AND I'M GOING TO SHOW YOU NOT
17 ONLY A WAY TO IMPORT IT, I'M GOING TO SHOW YOU A WAY
TO ACTUALLY FORMAT IT AND COLORIZE IT AND MAKE IT
18 LOOK PRETTY.
ARE YOU READY?
19 THIS IS OUR EXAMPLE RIGHT HERE, AND WHAT WE WANT to
do IS COME BACK TO OUR CLASS SCHEDULE AND RIGHT HERE
20 I'M GOING TO GO AHEAD AND SHARE WITH YOU A REALLY
COOL THING called FILE, IMPORT, TABULAR DATA.
21 NOW I'M NOT AN EXPERT ON SPREAD SHEETS.
SOME OF YOU WILL KNOW THIS MUCH BETTER THAN ME, BUT I
22 DO KNOW THERE'S A DELIMITER OF TAB, COMMA, AND I'M
GOING TO CHOOSE COMMA, AND LIKE ALL OUR THINGS IT'S
23 BASICALLY ASKING A QUESTION OR CREATING A PATH.
LET'S JUST GO LET'S FIND WHAT WE WANT SO I HIT THE
24 BROWSE button ON THERE.
.
25 LET'S GO BACK TO OUR ASSETS FOR COAST AND I WANT TO
SHARE WITH YOU THIS: THAT SITTING IN MY FOLDER IS AN

1 ACTUAL MICROSOFT EXCEL SPREADSHEET AND THERE'S THE
EXTENSION FOR IT.
2 A LOT OF YOU MAY BE USING MICROSOFT EXCEL SPREADSHEET
PROGRAM.
3 BUT IF YOU SIMPLY WANTED TO TAKE YOUR SPREADSHEET AND
SAVE IT OR EXPORT IT FROM MICROSOFT AS SOMETHING
4 CALLED CSV WHICH STANDS FOR, COMMA SEPARATED VALUE,
OR VALUES, YOU CAN THEN CLICK ON THIS BECAUSE WE TOLD
5 DREAMWEAVER TO BRING IN ALL THE INFORMATION FROM
EXCEL AS SEPARATED BY YOUR COMMA.
6 SO WE SAY OPEN, OKAY, AND voila, IT'S DONE.
THAT'S EASY.
7 THAT'S SUPEREASY TO GET ALL THAT INFORMATION ON THE
WEB.
8 WE CAN IMPORT IT, BUT WAIT A MINUTE, THAT'S PRETTY
BORING.
9 THAT'S DARN BORING, AS A MATTER OF FACT, SO AS LONG
AS THIS TABLE IS NOW IN HERE, I CAN DO SOME
10 INTERESTING THINGS TO IT.
FOR INSTANCE, IF I COME UP TO COMMANDS, YOU'LL NOTICE
11 IF I PULL THIS DOWN THERE HAPPENS TO BE SOMETHING
CALLED FORMAT TABLE.
12 AND SORT.
SO FIRST OF ALL LET ME JUST SHARE WITH YOU THE SORT
13 BECAUSE REMEMBER WE'RE NOT OVER IN EXCEL, WE'RE
INSIDE DREAMWEAVER, ALL RIGHT?
14 AND IT JUST SO HAPPENS THAT I MIGHT HAVE MADE A
MISTAKE OR MAYBE I NEED TO UPDATE THIS IN A SPECIAL
15 WAY.
DREAMWEAVER ALREADY RECOGNIZED HOW MANY COLUMNS I
16 HAVE IN THERE.
MAYBE I'M A LITTLE DYSLEXIC OR SOMETHING AND MAYBE
17 THAT'S NOT QUITE RIGHT.
I CAN ACTUALLY.
18 Q. GO IN THERE, CHANGE IT FROM ASENDING TO
DESCENDING AND UPDATE IT INSIDE DREAMWEAVER.
19 BUT HERE'S MY FAVORITE THING BECAUSE I LIKE arty
KINDS OF THINGS.
20 I'LL GO BACK TO COMMANDS AND I'LL CHOOSE THIS REALLY
COOL ONE CALLED FORMAT TABLE BECAUSE WE DON'T WANT
21 YOU GUYS TO HAVE TO WORK SO HARD.
NOTICE THAT I CAN SIMPLY GO IN HERE NOW AND CHOOSE
22 ALL KINDS OF DIFFERENT FORMATS FOR THE TABLE AND BY
HITTING THE APPLY, I CAN COLORIZE IT RIGHT INSIDE.
23 IN FACT, THERE'S A LOT OF OTHER POSSIBILITIES DOWN
HERE LIKE THE BACKGROUND AND ALIGNING AND SUCH
24 THINGS, BUT IT HAPPENS TO BE THAT THIS ONE LOOKS
PRETTY DARN GOOD WITH COAST.
25 AND I'LL SAY OKAY AND I'M ALL DONE.
WHAT DO YOU THINK?

1 WHO WANTS A BOX OF SOFTWARE?
WHO WANTS A BOX OF SOFTWARE?
2 YOU KNOW THE WOMAN BACK THERE WITH ALL THAT
ENTHUSIASM?
3 YOU'RE IT.
COME ON UP HERE.
4 I'LL GIVE YOU THAT $10 LATER.
OH, THERE IT IS! THAT'S FOR YOU.
5 THANK YOU FOR YOUR ENTHUSIASM.
THANK YOU.
6 WE HAVE MORE, DON'T GO AWAY.
YES, PLEASE.
7 AUDIENCE: SUPPOSE IT'S ALREADY FORMATTED
IN EXCEL.
8 WILL IT IMPORT THAT FORMATTING AS WELL?
RICHARD: I MUST ADMIT, I'M NOT AN EXCEL
9 EXPERT OF ANY KIND; AS LONG AS YOU'RE DOING THAT TAB
OR COMMA SEPARATION, EVERYTHING SHOULD COME IN FINE.
10 I DON'T KNOW.
I'M GOING TO BE -- I'M ALSO TRUTHFUL ABOUT WHAT I DO
11 AND DO NOT KNOW.
IF YOU HAVE COLORS OVER IN THE EXCEL SPREADSHEET,
12 WILL DREAMWEAVER SUPPORT IT?
I ACTUALLY DO NOT KNOW THAT.
13 BUT I WOULD THINK, YOU KNOW, YOU WANT TO TAKE INTO
CONSIDERATION WEB-SAFE COLORS AND OVER HERE BECAUSE I
14 CAN CLICK ON ANYTHING NOW, I CAN COME IN HERE AS YOU
CAN SEE AND I CAN COME IN AND ACTUALLY CHANGE THESE
15 CELLS JUST LIKE THAT TO A WEB-SAFE COLOR.
THAT'S WHAT'S REALLY IMPORTANT.
16 FONTS ARE ENDLESS.
WE HAVE LOTS OF DEFAULT FONTS.
17 YES, BUT YOU HAVE A FONT LIST HERE.
NOTICE DOWN -- THE QUESTION IS WILL IT IMPORT THE
18 FONTS?
IT SHOULD.
19 AND LIKE ANYTHING, IF YOUR SYSTEM HAS THOSE FONTS ON
IT, DREAMWEAVER SHOULD BE ABLE TO POINT TO THEM, OR
20 YOU CAN EDIT THE FONT LIST HERE.
AUDIENCE: THE CSV IS INVEST TO A TEXT
21 FILE.
RICHARD: OKAY, I STAND CORRECTED.
22 BUT SINCE YOU BROUGHT UP SOMETHING INTERESTING, I
WILL POINT OUT SOMETHING I WASN'T GOING TO SHARE WITH
23 YOU ON THE DEMO, BUT I'LL JUST USE MY FAVORITE,
FAVORITE SEMINAR WORD.
24 LET'S SEE IF I CAN DO THIS . IT'S NOT A GOOD IDEA TO
DO IT HERE, BUT I'LL JUST TRY REAL QUICK.
25 THERE'S THE WORD COOL.
YOU KNOW HOW MUCH I LIKE THAT.

1 SO I'VE JUST HIGHLIGHTED THAT WORD REAL QUICK AND I'M
GOING TO BLOW IT UP JUST SO YOU GUYS CAN SEE IT.
2 KEEP IN MIND THAT THIS CAN BE SEEN BY THE MAJORITY OF
THE PEOPLE ON THE WEB, BUT IT'S BORING.
3 IT'S REAL BORING AND THERE IS THIS NEW LITTLE FEATURE
OVER HERE called -- GOTTA REMEMBER WHERE WE PUT IT --
4 OH, OF COURSE, RIGHT THERE.
CALLED INSERT FLASH TEXT.
5 DO YOU KNOW WHAT THIS DOES?
THIS WONDERFUL WINDOW WILL ALLOW ME TO ALSO PUT IN
6 THE WORD COOL IF I COULD SPELL CORRECTLY, LET'S GO
BACK AND SLOW DOWN AND PUT IN COOL.
7 BUT WHAT I WANT YOU TO KNOW, WE COULD DO A LOT OF
INTERESTING THINGS TO THIS WORD RIGHT HERE BECAUSE I
8 CAN CHANGE THE FONTS HERE, CHANGE THE SIZE, CHANGE
THE COLOR TO MAYBE A NICE BLUE.
9 LET'S KNOCK THIS UP TO 60 PERCENT SO WE CAN SEE A
LITTLE BIT BETTER. DO YOU SEE WHAT'S SITTING NEXT TO
10 IT?
OF COURSE I DOUBLE CLICKED WAY TOO FAST.
11 THERE'S A rollover COLOR.
SO BY SIMPLY CHANGING THAT TO, SAY, A NICE MAGENTA
12 RED COLOR AND ADDING A LINK AND A TARGET AND WHAT
HAVE YOU, WATCH THIS.
13 THIS IS NOT BORING, ANYMORE; THIS IS ACTUAL FLASH
TEXT, AND NOW OVER 390 MILLION PEOPLE ON THE PLANET
14 CAN SEE IT.
IF I SIMPLY HIT F12, I HAVE YET ANOTHER WAY TO COME
15 IN HERE AND ACTUALLY DO THAT.
DO YOU SEE THAT?
16 I'VE MADE A VERY QUICK JAVASCRIPT rollover AS A
LITTLE FLASH MOVIE RIGHT INSIDE DREAMWEAVER.
17 OKAY.
YET ANOTHER WAY TO MANIPULATE TEXT THAT PEOPLE WILL
18 SEE.
YES, SIR.
19 AUDIENCE: IS THAT CHANGING THE TEXT INTO
LIKE AN OUTLINE --.
20 WELL, IT'S A VECTOR GRAPHIC NOW.
AUDIENCE: IT'S A VECTOR WHICH WOULD BE
21 THE SAME LIKE OUTLINE SO YOU COULD MANIPULATE THE
SIZE?
22 RICHARD: YES, YOU COULD.
BUT REMEMBER THIS CAN BE SEEN BY JUST ABOUT EVERYBODY
23 NOW.
HOLD YOUR QUESTION FOR JUST ONE MORE MOMENT, I JUST
24 WANT TO REMEMBER THIS.
I SEE THOSE HANDS OUT THERE BUT I DO NOT WANT TO
25 FORGET THIS PART.
I WE DID THE ART DEPARTMENT, AND WE'RE GOING TO DO

1 ONE MORE THING, BUT LET ME SET this up.
OKAY, QUESTIONS, TWO MORE?
2 AUDIENCE: GO BACK TO WHERE YOU WERE?
RICHARD: YEAH.
3 OH, TO THE PAGE?
WAS IT THIS ONE?
4 IT'S GOING TO BE A LITTLE HARD TO FIND IT.
THERE?
5 AUDIENCE: THAT ONE THERE, YEAH.
RICHARD: FLASH TEXT.
6 AUDIENCE: I'M NOT CONCERNED ABOUT THAT.
I'VE TRIED TO ASK THE QUESTION BEFORE.
7 RIGHT WHERE YOU'RE AT, THE TABLE, THAT YOU IMPORTED,
I NOTICED WHEN YOU WERE SETTING UP THE COLORS, IT DID
8 NOT HAVE THE COLOR BAR -- WHEN IT ASKED ABOUT THE
FIRST LINE AND SECOND LINE COLORS, ALL IT SHOWED WAS
9 THE ACTUAL ASCII CODE FOR THE COLOR.
RICHARD: OKAY.
10 AUDIENCE: SO YOU'RE USING DEFAULTS.
IF I WANTED TO CHOOSE TWO DIFFERENT COLORS, HOW
11 DIFFICULT IS THAT?
RICHARD: I DON'T THINK IT'S DIFFICULT.
12 YOU MEAN ON THAT THE BOX WHERE IT SAYS FORMAT THE
TABLE?
13 LET ME GO BACK.
I'M A LITTLE UNCLEAR, BUT ARE YOU REFERRING TO THIS?
14 AUDIENCE: YEAH.
RICHARD: OKAY.
15 YOU TELL ME BECAUSE I USUALLY DON'T COME DOWN AND
CHANGE THESE ATTRIBUTES.
16 I'M PRETTY HAPPY WITH THAT.
IS THAT YOUR QUESTION?
17 AUDIENCE: NO.
WELL, I GUESS IT DOES, BECAUSE YOU'RE SAYING IT CAN'T
18 BE DONE THEN UNLESS YOU KNOW THE ASCII CODE.
AUDIENCE: NOT NECESSARILY.
19 RICHARD: YOU CAN TYPE IN ANY TEXA DECIMAL
COLOR RIGHT HERE.
20 AUDIENCE: YOU OPEN UP THE HTML SAFE ONES
THAT ARE RED, BLUE --
21 AUDIENCE: WELL, THE QUESTION IS THAT IF
YOU DON'T LIKE THE DEFAULTS, I'VE GOT EYES, I CAN SEE
22 HE'S GOT BLUE, YELLOW, EARTH COLORS, THINGS LIKE
THAT. THE QUESTION WAS IS IF YOU DON'T LIKE THE
23 DEFAULTS IN TERMS OF COLORS, HOW DO YOU CHANGE THE
COLORS TO A DIFFERENT SET OF DEFAULT OR CAN YOU
24 CREATE YOUR OWN DEFAULT.
AUDIENCE: YOU GOT THE FORMAT TABLE WITH
25 THE BAR, IF YOU TAKE THAT BAR AND BRING IT DOWN.
..

1 RICHARD: I'M NOT SURE BUT I WILL REFER
ALL OF YOU TO THIS.
2 REMEMBER WE'RE CREATING HTML PAGES AND WHAT I'VE BEEN
WORKING WITH THE WHOLE TIME, IS WHAT?
3 ANYBODY WANT TO TAKE A SHOT AT THIS?
I'VE BEEN WORKING IN WHAT'S CALLED DESIGN VIEW.
4 SO THIS IS PROBABLY A VERY GOOD TIME TO SHOW MY
ADVANCED USERS IN THE AUDIENCE THE OTHER ASPECT OF
5 ROUND TRIPPING.
FOR INSTANCE, --
6 AUDIENCE: CAN WE STAY ON HERE FOR A
MINUTE BEFORE YOU GO AGAIN?
7 RICHARD: OKAY.
AUDIENCE: ALSO ON YOUR DEFAULT FONT IS
8 APPARENTLY TIMES IN ROMAN.
IS THERE A WAY TO CHANGE THAT DEFAULT FONT?
9 RICHARD: YES.
YOU CAN EDIT A FONT LIST.
10 YOU CAN CREATE YOUR OWN AND IN LOAD ORDER RIGHT HERE.
SEE THIS edit FONT LIST?
11 YOU CAN LOAD IN WHATEVER YOU WANT.
THIS IS --
12 AUDIENCE: THAT'S THE DEFAULT FONT?
RICHARD: YES, YOU COULD.
13 IN FACT, I'M NOT GOING TO GO INTO HUGE DETAIL ABOUT
HOW YOU CAN CUSTOMIZE DREAMWEAVER, BUT IF I SO
14 DESIRED AS A HIGH SCHOOL TEACHER, I CAN EVEN GO IN
AND DISABLE THAT SITE WINDOW SO MY STUDENTS COULD
15 DESIGN PAGES BUT DON'T NECESSARILY HAVE ACCESS TO THE
SITE MAP OR SITE PAGES TO TWEAK OR SEE QUESTIONS OR
16 ANSWERS OR WHAT HAVE YOU.
YOU CAN CUSTOMIZE JUST ABOUT EVERYTHING.
17 BUT HOLD THE QUESTION FOR A MINUTE BECAUSE I WOULD
LIKE TO POINT YOUR ATTENTION TO THIS.
18 THE WHOLE TIME I'VE BEEN WORKING, I'VE BEEN WORKING
IN DESIGN VIEW.
19 LET ME SHOW YOU TWO OTHER ASPECTS OF THE PROGRAM FOR
ADVANCED USERS.
20 NOTICE THE BUTTONS UP HERE.
I HAVE THIS ONE, SHOW DESIGN VIEW.
21 BUT THE MOMENT I CLICK OVER HERE, I'M IN THE CODE.
THERE'S MY HTML.
22 I COULD GO IN AND TWEAK OR TYPE ANY KIND OF
HEXADECIMAL COLOR I WANT OR WHAT HAVE YOU, BUT WHAT
23 ABOUT IF YOU'RE KIND OF ON THE MIDDLE?
WHAT IF YOU'RE ON THE FENCE?
24 YOU'RE KIND OF ARTISTIC --
AUDIENCE: GO TO THE MIDDLE.
25 AUDIENCE: PICK THE MIDDLON.
RICHARD: WHO SAID THAT?

1 YOU DID?
COME ON UP HERE, YOU GET A BOOK.
2 I ONLY HAVE ONE MORE SOFTWARE.
I HAVE TO HOLD THAT TO THE END.
3 THANK YOU.
SHE'S RIGHT.
4 THERE'S A MIDDLE button SO THIS IS FOR PEOPLE WHO
WANT TO WORK IN CODE, THIS IS FOR PEOPLE WHO WANT TO
5 WORK ONLY IN DESIGN, BUT WHAT ABOUT SOMEONE LIKE ME
WHO IS VERY VISUAL, VERY creative BUT DOES IN FACT
6 WANT TO KIND OF LOOK BACK BEHIND THE SCENES.
BY CLICKING HERE, WE SPLIT THE VIEW AND ANYTHING --
7 AUDIENCE: WHERE?
RICHARD: THAT BUTTON.
8 ANYTHING THAT I CLICK ON VISUALLY HERE WILL ACTUALLY
SHOW UP IN CODE THERE.
9 IS THAT IMPRESSIVE?
YOU LIKE THAT?
10 WAIT A MINUTE, HOW MANY GEEKS DO I HAVE IN THE
AUDIENCE?
11 ONE?
I GOT FIVE GEEKS.
12 DO YOU GUYS REALIZE THAT MACROMEDIA WENT OUT AND
TALKED TO ALL THE GEEKS ON THE PLANET -- WE DI KID
13 YOU NOT.
WE WENT OUT TO THE GEEKS AND SAID TURN TURN YOUR
14 COMPUTER OFF FOR A MINUTE.
WE'RE TALKING ABOUT HTML JAVA PROGRAMMING GEEKS AND
15 WE SAID TURN YOUR COMPUTER OFF, WE WANT TO TALK TO
YOU FOR A MINUTE.
16 TURN MY COMPUTER OFF?
ARE YOU CRAZY?
17 WE GOT THEM TO TURN THEIR COMPUTERS OFF AND WE WENT
INTO THEIR OFFICES AND SAID WHEN YOU'RE CODING ON THE
18 WEB, DOESN'T MATTER WHAT APPLICATION YOU'RE USING,
OURS YOURS, WHATEVER, WHAT ARE YOU GUYS USING AS A
19 REFERENCE TO TEACH YOURSELF AND STUDY AND KEEP ON TOP
OF THE EVER EVOLVING CHANGES OF HTML?
20 AUDIENCE: REECES.
RICHARD: REECES BUTTER CUPS?
21 AUDIENCE: O'REILLY.
RICHARD: O'REILLY! YOU ARE GOOD.
22 THAT'S RIGHT.
WHAT WE FOUND IS THAT THE PROFESSIONALS, IF THEY WERE
23 ACTUALLY CODING HAD ON THEIR DESKTOP THE HUGE,
MASSIVE, NOT THAT INEXPENSIVE RILEY'S DESK MANUAL
24 RIGHT THERE NEXT TO THEIR COMPUTER.
WELL, GUESS WHAT.
25 WE MADE A PARTNERSHIP, WE MADE A DEAL WITH
O'REILLIES, AND IF YOU NOTICE THIS BUTTON ON THERE,

1 WE BUILT AN ENTIRE O'REILLY'S MANUAL INSIDE OF
DREAMWEAVER.
2 IN FACT, ANYTHING YOU NEED TO KNOW ABOUT THE CODE IS
HERE.
3 WE EVEN WENT FARTHER, IF YOU WANT TO KNOW ABOUT
JAVASCRIPT, YOU CAN LOOK IT UP HERE AND LEARN ABOUT
4 THE TAGS AND WHAT HAVE YOU AND IT'S ALL RIGHT THERE
YOU'RE NOT CARTING THAT THING AROUND.
5 AUDIENCE: WILL IT EXPLAIN LIKE A PIECE OF
CODE?
6 RICHARD: OH, YEAH.
AND I'LL BE frank, I FORGET HOW TO DO IT, BUT BY
7 CLICKING ON THIS, IT WILL HIGHLIGHT A TAG AND JUMP
OVER HERE.
8 BUT I ACTUALLY FORGOT HOW TO DO IT.
SO LET'S LOOK AT MY LAST WAY COOL THING TO SHOW YOU
9 AND YOU GUYS HAVE VERY GOOD AND CHALLENGING
QUESTIONS.
10 AND I'M GOING TO GO UP HERE AND GO TO A NEW PAGE
BECAUSE WE WANT TO DO THIS WITH A FRESH PAGE.
11 WE'RE GOING TO GO BACK TO THAT WHOLE CONVERSATION I
HAD ABOUT CREATING A WEB PHOTO ALBUM.
12 TAKES HOURS AND HOURS AND HOURS.
THIS IS WHERE I WANT TO SHARE WITH YOU HOW THIS
13 WORKS.
SO THIS, FOLKS, AND YOU MIGHT WANT TO GET OUT YOUR
14 PENS AND THOSE OF YOU GUYS WHO ARE TUNING INTO US ON
THE WEB CAST, YOU CAN GET THIS ON THE EXCHANGE.
15 MACROMEDIA.COM/EXCHANGE.
YOU WANT TO GO TO THE DREAMWEAVER'S SECTION AND GET
16 SOMETHING CALLED CREATE WEB photo ALBUM.
KIRSTI: IT'S BUILT INTO THE PRODUCT.
17 RICHARD: THERE'S ONE BUILT INTO THE
PRODUCT AND THERE'S A MORE ADVANCED ONE, I BELIEVE 2
18 TWO 0 IS AVAILABLE AND THEY'RE BOTH GREAT.
I REALLY LIKE SHARING THIS WITH PEOPLE.
19 SO HOW DOES IT WORK?
WE GO UP TO WINDOW.
20 NO.
UNDER hand and, THE LIGHTS ARE DIFFICULT,
21 EVERYTHING'S BACK LIT UP HERE TODAY.
SO IF THEY GO UNDER COMMANDS, YOU CAN SEE THERE'S TWO
22 OF THEM HERE.
I'M GOING TO GO TO THE MORE ADVANCED ONE, I'M JUST
23 GOING TO GO AHEAD AND CLICK THAT. BRINGS UP A NEAT
WINDOW, AND BY THE WAY, MACROMEDIA IS NO SKNOEN FOR
24 PLAYING WITH EVERYBODY IN THE SANDBOX, SO IF YOU HAVE
A FAVORITE IMage CREATION MANIPULATION TOOL, YOU CAN
25 USE IT WITH THIS IF YOU'D LIKE.
WE GET ALONG WITH EVERYBODY.

1 SO NOTICE, I'M GOING TO KEEP THE DEFAULT BECAUSE I'M
OF COURSE A HUGE FAN OF FIREWORKS AND BASICALLY IT
2 SAYS WOULD YOU LIKE TO CREATE A photo ALBUM THAT
CREATES BOTH THUMB NAILS AND WEB PAGES AND ALL THAT,
3 IF YOU'RE GOING TO DO THAT YOU NEED FIREWORKS, BUT
YOU COULD USE OTHER APPLICATIONS TO DO THIS.
4 THE FUNCTIONALITY WILL NOT BE AS GREAT AS FIREWORKS,
BUT IT IS AVAILABLE.
5 ALL RIGHT.
I'LL STICK WITH THE DEFAULT AND I'LL GOING TO NEXT.
6 WE HAVE GIVEN OUR USERS THINGS TO USE, YOU CAN CHOOSE
MENU, BUT I'M GOING TO ACTUALLY CREATE MY OWN CUSTOM
7 PAGE.
GOOD.
8 LET'S GO AHEAD AND HIT THE NEXT BUTTON.
NOW I HAVE WEB COLORS, AND IN FACT IF I HAD SOME TEXT
9 UP THERE RIGHT NOW I COULD SAMPLE IT AND PICK THAT
RECALL UP RIGHT NOW IF I WANT IT, BUT BECAUSE I'M
10 GOING TO STICK WITH THE COAST COLLEGE FORMAT, I'M
GOING TO GO AHEAD AND STICK WITH WHITE.
11 IF I WANTED TO, HOWEVER, I COULD COME IN AND CUSTOM
DESIGN ALL THE TEXT HERE, I WANT COULD PUT IN
12 HEXADECIMALS OR WHATEVER, AND I COULD EVEN IMPORT
FROM ANOTHER DOCUMENT, BUT LET'S JUST KEEP GOING.
13 NOW, THIS IS WHERE IT GETS INTERESTING BECAUSE IT IS
HERE THAT I SIMPLY GO FIND THE FOLDER OF ALL THE
14 IMAGES THAT I TOOK WITH MY DIGITAL CAMERA OR WITH MY
SCANNER.
15 SO LET'S GO UP TO OUR HARD DRIVE AND WE'LL GO INTO
OUR ASSETS FOR COAST RIGHT THERE AND I HAPPEN TO HAVE
16 A FOLDER HERE CALLED THE ARTIST FRIEND'S MARK.
AND I'M GOING TO SELECT THAT FOLDER BECAUSE WHAT I'VE
17 DONE IS ACTUALLY I'VE TOLD THE PROGRAM TO GET READY
TO CREATE A WEB FOLD PHOTO ALBUM.
18 WHAT'S REALLY NICE ABOUT THIS LATEST VERSION IS THIS:
NOTICE THESE TWO BOXES. YOU MAY HAVE GOT THAT
19 PICTURE OF A TEACHER OR STUDENT WITH A TREE GROWING
OUT OF THEIR EAR AND IT WOULD BE KIND OF A PAIN TO GO
20 BACK AND TAKE OUT THE FOLDER AND MOVE IT AROUND, SO
YOU GO, OH, YEAH, IT'S THAT ONE.
21 SO YOU COULD IF YOU WANTED EXCLUDE THAT ONE IMAGE.
REALLY EASY.
22 BUT WE'LL GO AHEAD AND LEAVE IT.
IN FACT, YOU MIGHT NEED TO ROTATE THINGS, SO YOU HAVE
23 A LOT OF POSSIBILITIES HERE TOO, YOU MIGHT WANT ONE
IMAGE TO BE VERTICAL INSTEAD OF HORIZONTALLY.
24 BUT YOU GUYS GET T. LET'S GO AHEAD AND GO TO OUR NEXT
button AND IT IS HERE WHAT WE CREATE THE PATH.
25 WHERE ARE WE GOING?
COOL WEB SITE, ABSOLUTELY.

1 WE WANT TO ACTUALLY POINT THE CREATE WEB PHOTO ALBUM
TO CREATE WEB SITE LET'S GO BACK TO THE DESKTOP.
2 AND IT'S RIGHT THERE.
WE'LL OPEN IT AND SELECT IT, AND THAT'S GREAT.
3 NOW LET'S GIVE IT A TITLE.
WE'LL CALL THIS THE ART OF FRANZ MARK, AND WE'LL JUST
4 PUT IN PARENTHESES FOR THE HECK OF IT, 1916, I
BELIEVE IS WHEN HE DID HIS LAST PAINTING.
5 NOW, NAVIGATION STYLE.
I LIKE THE DEFAULT.
6 TO ME IT'S THE ONE THAT MAKES THE MOST SENSE, BUT
THERE'S MANY OTHER POSSIBILITIES.
7 I WANT TO CREATE A HOME PAGE, A PREVIOUS, A GO
FORWARD, A GO BACK, AND ALL THAT.
8 THAT MAKES THE MOST SENSE TO ME, BUT IT'S HERE THAT
WE CAN REALLY REALLY SPEED UP THE PROCESS OF OUR
9 IMAGES.
FOR INSTANCE, BECAUSE I REALLY DO WANT THIS TO GO TO
10 THE WEB, IT COULD BE ON THE CD IF I WANT IT, I MIGHT
WANT TO GO IN HERE AND SAY LET'S MAKE THIS A SMALLER
11 JPEG FILE.
HOPEFULLY YOU ACTUALLY OPTIMIZED ALL THESE IMAGES
12 ALREADY OVER IN FIREWORKS OR SOMEWHERE OR WHAT HAVE
YOU, BUT YOU COULD EVEN DO MORE HERE.
13 I'M GOING TO LEAVE THIS DEFAULT.
YOU CAN PROMPT FOR PHOTO CAPTIONS IF YOU WANT, AND
14 WE'LL GO NEXT, THE I THINK THIS LOOKS A LITTLE BETTER
FIMAKE THE NUMBER OF COLUMNS 3.
15 SO WE'RE PRETTY MUCH DONE.
SO WHAT THE EXTENSION DOES, IT GIVES YOU A REPORT.
16 SO YOU CAN NOW ACTUALLY GO THROUGH HERE AND YOU CAN
REVIEW.
17 DOES THIS LOOK GOOD?
DOES THIS LOOK GOOD?
18 I NEVER ACTUALLY GLANCE AT IT BECAUSE I'VE ALWAYS
BEEN REALLY HAPPEN WITH RESULTS.
19 DOES ANYBODY HAVE A WATCH?
YEAH?
20 CAN YOU HELP ME OUT?
YOU'RE READY?
21 I'M GOING TO HIT FINISH, AND LET'S GO.
SO KEEP GOING THAT WATCH.
22 WHAT'S HAPPENING IS DREAMWEAVER'S HAVING A
CONVERSATION WITH FIREWORKS.
23 FIREWORKS IS MAKING THE THUMB NAILS, THE BIG IMAGES,
THE DREAMWEAVERS IS CREATING THE PAGES, THE
24 NAVIGATION, AND WE ARE DONE.
HOW LONG?
25 AUDIENCE: 22 SECONDS.
RICHARD: 22 SECONDS.

1 LET'S GO AHEAD AND SAY, OKAY, IT OPENS IT UP IN
NETSCAPE, voila, PHOTO ALBUM.
2 WHAT DO YOU THINK?
AUDIENCE: GREAT.
3 RICHARD: OH, THAT WAS ENTHUSIASTIC.
AUDIENCE: WOO HOO!
4 RICHARD: THAT WAS VERY ENTHUSIASTIC.
I THINK YOU JUST MIGHT GET THAT BOX OF SOFTWARE FROM
5 ME.
WHAT DO YOU THINK ABOUT THAT?
6 WE LOVE COOL.
I MEAN MACROMEDIA'S COOL, DON'T YOU THINK?
7 THANK YOU, WE LOVE HAVING YOU HERE TODAY.
YES, QUESTION.
8 AUDIENCE: AS AN OPTION ON THE NAVIGATION
STYLE TO INCLUDE AN OR GO BACK TO WHAT YOU WERE DOING
9 BEFORE WE GOT INTO THIS PHOTO ALBUM, I FIND WHENEVER
I GO TO THE PHOTO ALBUMS YOU GET TO CLICKING ON THEM
10 AND YOU CAN NEVER GET BACK TO HOME.
RICHARD: OKAY.
11 HER QUESTION WAS SHE HAS USED SOFTWARE, RIGHT, THAT'S
CREATE THESE WEB PHOTO ALBUM TYPE things AND SHE CAN
12 NEVER GET BACK HOME.
NOW, KEEP IN MIND IN MY CASE THAT BLANK PAGE THAT I
13 CREATED, I MADE A BLANK PAGE, I NEVER LINK THAT FIRST
PAGE TO MY HOME, BUT I JUST WANT TO SHARE WITH YOU
14 THIS: LET ME OPEN THIS UP SO EVERYBODY CAN SEE A
LITTLE BIT BIGGER.
15 ANYTHING I CLICK ON STARTING ON THE BLANK PAGE.
THIS IS THE FIRST PAGE I STARTED AND I NEVER LINKED
16 IT TO HOME.
THAT SHOULD HAVE THE INDEX THERE.
17 THERE'S MY CLICK.
BUT NOW DO YOU SEE THE NAVIGATION BUILT IN?
18 THIS IS WHAT DREAMWEAVER DID WHEN FIREWORKS WAS
OPTIMIZING AND CREATING THE IMAGES.
19 FOR INSTANCE, I CAN NOW GO NEXT, AND DO YOU SEE THE
COUNTER BUILT IN?
20 NEXT, NEXT, NEXT, PREVIOUS, FIRST, HOME. IT WRITES
THAT CODE FOR YOU.
21 IT'S ALL DONE FOR YOU.
AUDIENCE: YOU'RE HOME, BUT NOW00 I. ONLY
22 BECAUSE WHEN I STARTED --
AUDIENCE: YOU DIDN'T PUT--
23 Richard: EXACTLY.
AND I WANT TO BE CLEAR.
24 LET ME GET OUT OF THE BROWSER, BECAUSE LOOK.
THIS IS THAT NEW PAGE I STARTED.
25 I'D HAVE TO LINK THAT.
I'D HAVE TO LINK THAT UP RIGHT THERE.

1 BUT LET'S TAKE A LOOK AT WHAT ACTUALLY GOT CREATED
BACK HERE.
2 LET'S GO OVER -- LET'S GO BACK, I'M CLICKING A LITTLE
TOO QUICK.
3 I'M GOING TO GO BACK TO DESIGN VIEW TOO, AND LET'S GO
INTO OUR SITE FILE BECAUSE I'M GOING TO SHOW YOU
4 SOMETHING.
THIS IS WHAT WE'VE BEEN WORKING AND NEEDS WORK, BUT I
5 WANT TO SHARE WITH YOU WHAT GOT CREATED.
LOOK.
6 ALL -- LNO, THAT'S THE WRONG FOLDER.
LET'S GO BACK.
7 THESE THUMB NAILS WERE ALL CREATED FOR YOU NICE AND
TIDY AND THESE ARE THE PAGES AT THE PROGRAM CREATED
8 FOR YOU TOO AND ALL THE IMAGES I THINK HAVE ALL NOW
BEEN PUT IN THE SAME FOLDER.
9 IT'S ONE OF THESE.
I THINK MAYBE IT'S THIS ONE.
10 YEAH.
SEE THEM?
11 THERE'S ALL THE IMAGES IT BROUGHT IN.
SO IT DOES A LOT OF WORK BEHIND THE SCENES AND THEN
12 OF COURSE WHAT FIREWORKS DID TOO.
AND IF YOU NEEDED TO, YOU COULD CLICK ON ANY OF THOSE
13 IMAGES AND GO BACK INTO FIREWORKS AND TWEAK THEM A
LITTLE BIT MORE WITH THE EDIT BUTTON.
14 AUDIENCE: THAT WAS THE PHOTO ALBUM THAT
WAS IN FIREWORKSES OR --
15 RICHARD: OKAY.
THE QUESTION WAS WAS IT IN DREAMWEAVER OR FIREWORKS,
16 IT'S BOTH.
LET ME EXPLAIN ONE MORE TIME.
17 REMEMBER THAT IT IS BUILT IN AS KIRSTI POINTED OUT,
IT DOES SHIP WITH THE PRODUCT IN DREAMWEAVER AND I
18 BELIEVE IT IS THE BASIC ONE, BUT IF YOU WANT THE MORE
ROBUST ONE WHICH IS THE ONE I JUST SHARED WITH YOU
19 CALLED 2.0, MACROMEDIA.COM THE EXCHANGE.
AND IT'S A FREE DOWN LOAD.
20 ONCE IT'S PUT INSIDE OF DREAMWEAVER, IT WILL SHOW UP
IN YOUR COMMAND MENU AND WHAT'S GOING TO HAPPEN IS
21 DREAMWEAVER WILL, AND THIS IS MY TERM, I LIKE TO USE
THIS, DREAMWEAVER WILL HAVE A CONVERSATION, THAT'S MY
22 WORD, CONVERSATION WITH FIREWORKS TELLING IT WHAT TO
DO WITH THE INNAGESWHILE IT'S CREATING THE PAGES FOR
23 YOU.
SO THEY'RE TALKING TO EACH OTHER.
24 IF YOU WANT TO GET TECHNICAL, IT'S A BATCH PROCESS.
THAT'S WHAT IT IS, BUT IT'S SO EASY IN OUR TOOLS
25 BECAUSE YOU JUST CLICK AND IT GOES AND DOES ALL THAT
FOR YOU.

1 AUDIENCE: BUT YOU STARTED IN DREAMWEAVER.
RICHARD: THANK YOU,.
2 I DID IN FACT START IN DREAMWEAVER, ABSOLUTELY.
THAT'S THE BEAUTY OF OUR TOOLS, IS THE INTEGRATION
3 BETWEEN HOW THEY DO things BACK AND FIRST.
AUDIENCE: IF YOU GO BACK IN THE
4 NAVIGATION AND PUT THAT ARTS PAGE BACK IN THE INDEX
USING THE DRAG THING?
5 RICHARD: COULD I LINK IT?
ABSOLUTELY.
6 SURE.
LET'S GO BACK OVER THERE.
7 GO BACK INTO MY SITE WINDOW.
THE THING IS WE'LL HAVE TO FIND IT, SO IF WE GO BACK
8 TO INDEX, OR MAP, WERE YOU ASKING TO TAKE THIS PAGE
AND NOW LINK THAT TO THAT PHOTO ALBUM PAGE?
9 AUDIENCE: YES.
RICHARD: YES, WE CAN.
10 THE QUESTION IS, AND NOW I have TO GO FIND IT, WHICH
I THINK IS ONE OF THESE IT'LL SAY LIKE THE PHOTO
11 ALBUM PAGE.
HERE?
12 OKAY.
YOU MIGHT BE RIGHT.
13 LET'S TRY IT.
AUDIENCE: NO.
14 RICHARD: THE REASON I'M DOING THIS
SLOWLY, IT'S DIFFICULT BECAUSE MY COMPUTER IS BACK
15 LIT.
THANK YOU.
16 WHO SAID THAT?
WHO DID?
17 DID YOU GET A T-SHIRT?
FOR HELPING THE TEACHER?
18 OKAY.
YOU GET A T-SHIRT FOR HELPING THE TEACHER.
19 THANK YOU.
HEADS UP.
20 THERE YOU G. I APPRECIATE THAT.
ALL RIGHT.
21 SO THE GENTLEMAN IN THE BACK ASKED CAN WE LINK THE
HOME PAGE TO THIS PAGE RIGHT THERE.
22 RIGHT?
AUDIENCE: YEAH.
23 RICHARD: CLICK.
LET'S GO BACK TO THE HOME PAGE AND LET'S SEE WHAT THE
24 LINK IS.
IT'S SOMEWHERE RIGHT THERE CALLED THE FRANZ MARK
25 PHOTO ALBUM.
GOT IT?

1 THERE IT IS.
WANT ME TO CLICK ON THERE?
2 WANT ME TO PROVE THAT IT'S WORKING?
AUDIENCE: YEAH.
3 RICHARD: I KNEW YOU GUYS WERE GOING TO
ASK ME THAT.
4 WHY DID I KNOW THAT?
AUDIENCE: YOU GOTTA LINK IT BACK.
5 KIRSTI: YOU HAVE TO OPEN UP THAT PAGE AND
LINK IT BACK.
6 RICHARD: OH, YOU WANT IT TO LINK BACK TO
TO THE HOME PAGE.
7 IT DOESN'T DO THAT.
BUT GUESS WHAT?
8 WE CAN, YOU KNOW JUDGE?
HAVE YOU HEARD OF A WISH LIST?
9 DO YOU REALIZE THAT 75 PERCENT OF ALL COMMENTS LIKE
THIS THAT TAKE PLACE IN A SEMINAR OR COME FROM OUR
10 USERS, IF THEY WRITE TO OUR WISH LIST, AND KIRSTI
HELP ME OUT, IT IS WISH-DREAMWEAVER AT
11 MACROMEDIA.COM.
IF YOU GUYS SAY, YOU KNOW, WE SAW THIS COOL THING IN
12 THE WEB PHOTO ALBUM BUT IT DIDN'T LINK BACK AND IT
SHOULD BECAUSE THAT WOULD BE AWESOME, 75 PERCENT OF
13 THE PUBLIC OR OUR CUSTOMERS, THEIR IDEAS AND THOUGHTS
TO IMPROVE OUR TOOLS AND GET IT INTO THE NEXT REV.
14 EVERY TOOL HAS A WISH LIST AND WE'RE INVITING YOU TO
LET US KNOW HOW TO IMPROVE IT.
15 I'M GOING TO ASK KIRSTI TO HELP BECAUSE I'M A LITTLE
DYSLEXIC AND I MESS THIS UP.
16 KIRSTI.
WISH-DREAMWEAVER AT MACROMEDIA.COM.
17 RICHARD: SIR, IN THE BACK.
AUDIENCE: LINK IDEA FOR A HOME PAGE AND
18 JUST INSERT IT IN.
RICHARD: GREAT.
19 AND YOU KNOW, I -- THE OBSERVATION WAS, CHARLES, YOU
SAID?
20 AUDIENCE: YOU JUST PUT A LIBRARY UP.
RICHARD: YOU COULD PUT A LIBRARY ITEM ON
21 THE HOME PAGE AND THAT'LL DO IT.
ALL RIGHT.
22 AND BEFORE OUR BREAK, RIGHT, OF TWO MINUTES, I WAS
REALLY CONSCIOUS OF THAT, THAT BREAK, I WANT TO LET
23 YOU KNOW THAT ONE OF OUR TERRIFIC EDUCATIONAL BARS,
CHARLES, FROM CREATION ENGINE IS WITH US TODAY, AND
24 CHARLES, DO YOU HAVE A TABLE OUTSIDE?
>> YES.
25 RICHARD: DO YOU HAVE SPECIALS FOR
EVERYBODY WHO CAME TO THE SEMINAR TODAY?

1 >> YES.
RICHARD: CHARLES HAS SOME GREAT SPECIALS
2 FOR THE SEMINAR RIGHT OUT THAT DOOR.
HERE'S THE DEAL.
3 WE'RE GOING TO TAKE A BREAK.
IT IS 15 MINUTES.
4 THE QUICKER EVERYBODY COMES BACK, THE MORE I CAN SHOW
YOU, AND I'M REAL EXCITED TO MOVE INTO FLASH AND
5 DAZZLE YOU WITH WEB ANIMATION.
THANK YOU.
6 I'LL SEE YOU IN 15 MINUTES.
.
7 ...
..:
8 KIRSTI: .
...
9 .. TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
TEST TEST TEST TEST TEST TEST TEST TEST TEST TEST
10 TEST TEST.
...
11 TEST TEST TEST..
...
12 ...
..
13 RICHARD: WELCOME BACK.
SO DID YOU GUYS ENJOY THE FIRST HALF?
14 AUDIENCE: YES!
RICHARD: GOOD.
15 WE HAVE KIRSTI BACK AND SHE'S GOING TO SHOW YOU SOME
TERRIFIC THINGS THAT WILL BE OF HELP TO YOU.
16 I'M GOING TO TURN IT OVER TO KIRSTI WHO IS GOING TO
TALK ABOUT ALL THIS AND I'M GOING TO ACTUALLY DEMO
17 SOME OF IT.
I WILL ADMIT I FORGOT ONE THING, KIRSTI WILL TALK TO
18 YOU ABOUT IT, AND THEN WE'LL JUMPINTO THE TIME.
THANK YOU.
19 A. /*.
WE APPRECIATE THAT.
20 KIRSTI: RICHARD AND I ARE ALWAYS AN
INTERESTING TEAM BECAUSE HE IS ALWAYS THE BIG ON
21 ENTHUSIASM.
AND I'M A SAN FRANCISCO FIFTH GENERATION, SO I LIKE
22 TO BE REALLY COOL.
YOU DON'T WANT TO HAVE TOO MUCH ENTHUSIASM.
23 YOU'VE BEEN LOOKING AT THINGS THAT HAVE BEEN BUILT IN
DREAMWEAVER AND ALL THE DIFFERENT COOL THINGS YOU CAN
24 DO IN GENERAL AND WE WANT TO SHOW YOU SPECIAL SMFK
THINGS WE'RE DOING FOR EDUCATORS.
25 WE ACTUALLY HAVEN'T SHARED THIS WITH ANYONE YET;
YOU'RE THE FIRST.

1 IT'S ON OUR TRAINING WEB CAFE WEB SITE AND IT'S
CALLED HOW TO BUILD WEB SITES.
2 HOW MANY OF PEOPLE WOULD BUILT WEB SITES FOR COURSES
THEY'RE WORKING ON?
3 HOW MANY PEOPLE WOULD LIKE TO?
WE'VE HAD A LOT OF PEOPLE TALK TO US ABOUT THAT, AND
4 SO WE DECIDED WELL WE'RE THE PEOPLE WHO KNOW ABOUT
WEB SOFTWARE, SO WE'LL TELL YOU HOW TO DO IT AND THIS
5 IS A NEW SITE AND IT'S A NEW DREAMWEAVER TUTORIAL AND
IT'S CALLED HOW TO BUILT A COURSE WEB SITE FOR THOSE
6 OF YOU WHO ARE INTERESTED, WE HAVEN'T RELEASED IT
YET, THOSE OF YOU WHO ARE INTERESTED IN TESTING IT,
7 TRYING IT OUT, YOU CAN SEND AN E-MAIL TO KIRSTI AT
MACROMEDIA.COM.
8 AND TELL ME WHAT YOU WANT TO DO AND I'LL GIVE YOU A
LINK TO THE SITE.
9 KIRSTI AT MACROMEDIA.COM.
AUDIENCE: WHAT DO YOU DO?
10 RICHARD: WHAT DO I DO?
KIRSTI: WHAT I WILL DO IS SEND YOU A
11 LINK TO THE SITE THAT YOU CAN USE TO TRY IT OUT, TRY
OUT HOW TO BUILD A COURSE WEB SITE LET ME SHOW YOU A
12 LITTLE BIT ABOUT THIS SITE.
IT HAS FOUR MAIN PARTS.
13 THE FIRST PART IS -- AND WHAT WE WANTED TO DO WAS
TALK TO PEOPLE USING THIS SITE ABOUT -- TELL YOU
14 ABOUT THE KINDS OF THINGS THAT TEACHERS PUT, FACULTY
PUT ON COURSE WEB SITES, WHAT ARE ALL THE THINGS YOU
15 MIGHT WANT ON A SITE AND HOW YOU MIGHT ORGANIZE THEM
AND WE DO THAT IN A SECTION CALLED LOOK AND FEEL.
16 WE HAVE ANOTHER SECTION CALLED RULES OF THE ROAD AND
THAT WAS ABOUT HIPS AND TECHNIQUES ABOUT BUILDING A
17 WEB SITE THAT HAS GOOD USABLE FEATURES.
ALL OF THIS BY THE WAY WAS BUILT BY PATTY SHANK WHO
18 IS IS AN INSTRUCTIONAL TECHNOLOGIST AND AN AUTHOR FOR
ON-LINE MAGAZINE.
19 SHE ALSO TEACHES AT THE UNIVERSITY OF DENVER.
YOU MIGHT SEE PATTY'S COLUMN ON ON-LINE LEARNING.
20 SHE HAS A COLUMN CALLED MY HUMBLE OPINION.
SO YOU CAN JUST IMAGINE WHAT PATTY'S LIKE.
21 WONDERFUL PERSON FULL OF REALLY GOOD IDEAS.
SO RULES OF THE ROADS ARE PATTY'S TIPS AND TECHNIQUES
22 FOR DOING THINGS FOR YOUR WEB SITE TO MAKE THEM UFLD
FOR YOUR STUDENTS.
23 WE HAVE FOUR DIFFERENT TEMPLATES THAT FOLLOW THE
STRUCTURE THAT WE HAVE, YOU CAN DOWNLOAD THOSE
24 TEMPLATES AND WITHIN THE TEMPLATES WE HAVE SPECIFIC
INSTRUCTIONS FOR HOW TO MAKE THE TEMPLATES YOUR OWN
25 AND USE THEM WITHIN.
SO LET ME SHOW YOU A LITTLE BIT OF THESE PAGES.

1 THE LOOK AND FEEL SECTION, WHAT WE DO IS ACTUALLY GO
THROUGH A SAMPLE WEB SITE, SO HERE'S A HOME PAGE FOR
2 A SAMPLE EDUCATIONAL WEB SITE AND WE TELL YOU WHAT
ALL THE DIFFERENT BITS ARE.
3 SO YOU CAN SEE WHAT ALL THE DIFFERENT SECS ARE AND IF
YOU ACTUALLY WANTED TO SEE THE PAGE IN ACTION, YOU
4 COULD CLICK THAT PAGE AND SEE THIS EXAMPLE WEB SITE
FULLY WORKING.
5 SO THIS IS A WEB SITE THAT'S SUPPORTING A COURSE,
IT'S A LITTLE BIT CONFUSING, THAT'S ABOUT DEVELOPING
6 AEJZAL WEB SITES.
THIS IS ONE OF PATTY SHANK'S COURSES WITH THE
7 UNIVERSITY OF DENVER, SO YOU CAN LEARN AS YOU LEARN.
IT'S SORT OF EMBEDDED, EMBEDDED LEARNING.
8 AND THIS WAS ALL BUILT WITH ONE OF THE TEMPLATES
THAT'S AVAILABLE.
9 YES.
I'M SORRY?
10 AUDIENCE: SO LET'S SAY THAT YOU'RE USING
ALREADY WEB CT BUT YOU'D LIKE TO DEVELOP IT -- YOU
11 DECIDED TO -- WOULD YOU THEN --
KIRSTI: SO THE QUESTION IS IF I'M
12 ALREADY USING WEB CT BUT I WOULD LIKE TO HAVE A
DIFFERENT LOOKING TEMPLATE AND I WOULD LIKE TO USE
13 SOMETHING LIKE THAT, COULD I EMBED THIS?
YES, YOU COULD PROBABLY LINK IT RIGHT INTO A WEB CT
14 SITE.
SO THIS WOULD HAVE BEEN THE PAGE THAT YOU WOULD START
15 ON HOWEVER IT IS THAT YOU UPLOAD PAGES TO WEB CT
RIGHT NOW, YOU'D UPLOAD THE INDEX PAGE TO YOUR SITE
16 AT WEB CT.
SO YOU WOULD POSSIBLY PUBLISH THE SITE SOMEPLACE
17 ELSE, BUT IT WOULD LINK OFF OF THE WEB CT PAGE.
I'M SORRY, DO YOU HAVE CONNECTIONS WITH --
18 AUDIENCE: DREAMWEAVER, FLASH, ALL YOUR
PRODUCTS?
19 KIRSTI: THE QUESTION IS DO WE HAVE
CONNECTIONS WITH OTHER MACROMEDIA PRODUCTS.
20 THIS PARTICULAR SITE IS BUILT WITH DREAMWEAVER, SO IF
YOU WERE GOING TO USE THESE TEMP LIGHTS, YOU WOULD
21 USE MACROMEDIA DREAMWEAVER.
WE DON'T HAVE ANY OTHER FEATURES IN HERE THAT USE
22 MACROMEDIA PRODUCTS BECAUSE WE WANTED THIS TO BE
BASIC, BUT JUST AS YOU SAW RICHARD DO IN THE SECTION
23 BEFORE, YOU COULD DRAG IN FLASH MOVIES, YOU COULD
DRAG IN FLASH OBJECTS ON THE DREAMWEAVER, BECAUSE
24 IT'S ACTUALLY MADE TO COLUMN ALL OF THOSE.
IN THE LOOK AND FEEL SECTION IT'S GOING TO TELL YOU
25 ABOUT ALL THOSE DIFFERENT STANDARDS, THE HOME PAGE,
SYLLABUS PAGE, THE ASSIGNMENT PAGE YOU CAN GO THROUGH

1 AND LOOK AT EACH ONE OF THOSE SO YOU CAN SEE THE
KINDS OF THINGS THAT ARE ON THERE.
2 IN THE RULES OF THE ROAD SECTION, WHAT IT DOES IS
GIVE YOU A LITTLE RUNNING NARRATIVE ABOUT THE THINGS
3 YOU SHOULD THINK ABOUT.
WHAT CAN I DO TO HELP LEARNERS NEW TO THE WEB.
4 YOU CAN SCROLL THROUGH AND TELL TELL YOU.
THE FIRST PAGE IS IT TALKING A LITTLE BILTD ABOUT
5 MAKING WEB SITES A LITTLE EASIER TO NAVIGATE AND THEN
AS YOU GO THROUGH IT DOES THINGS LIKE TALK ABOUT MAKE
6 THE ORGANIZATION OF YOUR SITE OBVIOUS AND TALK ABOUT
THINGS RELATED TO THAT, BEING THERE IS ABOUT PAGES
7 SHOULD BE EASY TO USE, ATTRACTIVE AND CONSISTENT, IT
TALKS ABOUT WHAT THAT MEANS.
8 SO THIS IS A NICE WAY TO GO THROUGH AND READ ALL OF
THAT.
9 YOU ACTUALLY HAVE ALL OF THESE RULES AVAILABLE AS A
PDF VERSIONS SO IF YOU WANTED A WORKING DOCUMENT TO
10 HAVE WITH YOU, YOU COULD JUST DOWNLOAD THE PDF AND
PRINT IT OUT.
11 IN THE TEMPLATE SECTION YOU CAN LOOK AT THE DIFFERENT
KINDS OF TEMPLATES THAT ARE AVAILABLE TO YOU.
12 YOU NOTICE THE MODERN TEMPLATE IS THE ONE THAT WE SAW
THAT PATTY'S SAMPLE SITE WAS.
13 THERE'S THE MODERN TEMPLATE, THE COLOSSAL TEMPLATE,
WHICH IS A LITTLE BIT MORE CONSERVATIVE, THERE'S THE
14 DECO TEMPLATE, SOAP YOU CAN CHOOSE FROM ANY ONE OF
THESE TEMPLATES AND THEN DOWNLOAD THE TEMPLATE FROM
15 YOUR COMPUTER AND BUILD YOUR SITE FROM THAT.
AND AT THE BOTTOM OF THE TEMPLATE SECTION, IT'S STEP
16 BY STEP INSTRUCTIONS TELLING YOU EXACTLY HOW DO THIS
AND SO IF YOU PICK FOR EXAMPLE DOWNLOADING TEMPLATES,
17 YOU CAN SEE IT'S SHOWING YOU, NOT ONLY TELLING YOU
BUT SHOWING YOU ALL THE THINGS YOU NEED TO DO IN
18 ORDER TO DOWNLOAD THE TEMPLATE.
YOU CAN PRINT OUT AN ENTIRE VERSION OF ALL THE
19 INSTRUCTIONS.
WE TRIED NOT TO DO THAT BECAUSE WE THINK OF COURSE
20 EVERYTHING SHOULD BE ON THE WEB ALL THE TIME, BUT WE
KNOW THAT REAL PEOPLE USE PAPER SOMETIMES, SO THERE'S
21 A PDF FILE OF THE COMPLETE SET OF INSTRUCTIONS.
WHEN YOU'VE PICKED THE TEMPLATE YOU WANT TO USE, YOU
22 GO TO THE DOWNLOADS PAGE AND GO DOWN HERE AND CLICK
DOWNLOAD.
23 NOW I'M NOT GOING TO DO IT RIGHT NOW BECAUSE WE'VE
ACTUALLY DOWNLOADED SOME ALREADY.
24 ONCE YOU'VE MADE THAT DOWNLOAD TO YOUR SITE, THEN
YOU'RE READY TO START PLAYING WITH IT AND BECAUSE
25 RICHARD IS THE GUY THAT GOES INTO THE CODE AND I'M
JUST THE GIRL THAT TALKS ABOUT THE MARKETING STUFF,

1 I'M GOING TO TURN IT OVER TO RICHARD.
RICHARD: SO WHAT I'M GOING TO DO -- THANK
2 YOU, KIRSTI.
WHAT I'M GOING TO DO IS QUIT ON THE BROWSER FOR A
3 MOMENT AND WE'RE GOING TO GO BACK AND RELAUNCH
DREAMWEAVER, BECAUSE IF YOU RECALL, DREAMWEAVER WILL
4 MANAGE MULTIPLE SITES AND THIS IS THE ONE WE'RE
WORKING ON BUT IT JUST SO HAPPENS THAT I PUT ONE ON
5 HERE CALLED HOW TO BUILD.
AND UNDER HOW TO BUILD ARE A LOT OF PAGES AND THIS IS
6 EXACTLY WHAT KIRSTI'S TALKING ABOUT, SO IF I COME
INTO I BELIEVE IT'S INDEX KIRSTI, IF I RECALL, THIS
7 IS PART OF WHAT YOU JUST SHOWED, BUT WHAT WE'RE
LOOKING FOR IS --
8 KIRSTI: I THINK YOU WANT THE OCR SITE.
RICHARD: AND THAT WOULD BE IN HERE.
9 AND I THINK WE WANT THE INDEX, AND THERE YOU GO.
SO HERE'S THE ACTUAL TEMPLATE INSIDE OF DREAMWEAVER,
10 AND IF YOU NOTICE, I CAN ACTUALLY COME INSIDE NOW AND
I CAN ACTUALLY CHANGE THIS COURSE TITLE TO -- TAKE A
11 GUESS.
COOL COURSE! CHECKING TO SEE IF YOU GUYS ARE AWAKE.
12 SO WE NOW HAVE A COOL COURSE AT OUR SCHOOL THAT WE'RE
OFFERING. SO NOTICE TOO THAT BECAUSE IT'S BASED ON A
13 TEMPLATE, YOU YOU CAN'T REALLY MESS THIS UP LIKE I
TEND TO DO.
14 SO FITRY TO CLICK ON CERTAIN KINDS OF THINGS, YOU
SEE, CERTAIN AREAS, YOU'RE GOING TO BE ABLE TO GO IN
15 AND CHANGE THE MESSAGE.
BUT CERTAIN AREAS YOU'RE NOT.
16 BECAUSE THESE ARE LOCKED REGIONS IN THE TEMPLATE.
YOU COULD GO IN FACT AND UNLOCK THEM IF YOU WANTED
17 THROUGH THE PROGRAM, BUT THE WHOLE IDEA REALLY IS TO
COME IN HERE AND TYPE IN SOMETHING.
18 THIS IS THE BEST COURSE IN THE UNIVERSITY.
AND THEN WE CAN GO BACK TO F12 AND THERE WE GO.
19 VERY, VERY EASY TO DO WITH OUR TEMPLATES.
RIGHT?
20 WHAT DO YOU THINK?
YOU LIKE IT?
21 IT'S EASY.
WELL, I JUST WANT YOU TO KNOW, WE GO OUT AND WE TALK
22 TO TEACHERS.
THAT'S WHAT WE DO HERE.
23 WE REALLY GET YOUR INPUT AND FEEDBACK AND WHAT YOU
GUYS THINK IS GOING TO WORK.
24 KIRSTI, DID YOU HAVE A COMMENT?
KIRSTI: YOU SHOW THAT IT'S ALL WORKING,
25 THAT YOU CAN CLICK ANY ONE OF THOSE PAGES.
RICHARD: FROM THE BROWSER?

1 OKAY.
WE'LL GO BACK TO THE BROWSER, F12, AND AS I ROLLOVER,
2 YOU'VE GOT BUILT IN ROLLOVERS HAPPENING.
HERE'S ASSIGNMENTS.
3 MATERIALS.
WE GO DOWN TO WEEK 1.
4 ALL YOUR LINKS WORK BEAUTIFULLY.
YES, MA'AM.
5 AUDIENCE: IS THERE A TEMPLATE OR MAYBE
IT'S UNDER MATERIALS OF SOME KIND OF EVALUATION THAT
6 A STUDENT WILL FILL IDENTITY AFTER THEY'VE TAKEN THIS
COURSE?
7 IS THERE A BUILT-IN --
KIRSTI: NOT YET.
8 RICHARD: BUT THAT'S GREAT.
I'D LIKE TO HEAR THAT ON OUR WISH LIST.
9 AUDIENCE: IS THERE ANY.
..
10 RICHARD: LIKE DYNAMIC CONTENT?
KIRSTI: THERE'S COMMUNITY.
11 CAN YOU TURN ME ON?
SO WE DECIDED -- WE PUT BASIC FUNCTIONALITY IN THIS,
12 SO RIGHT NOW THERE ISN'T A PLACE FOR STUDENTS TO GIVE
FEEDBACK, BUT WE HAVE A PLACE WHERE YOU CAN ADD AN
13 E-MAIL LINK.
AND WE HAVE A PLACE WHERE YOU CAN -- WE HAVE A
14 SECTION CALLED COMMUNITY WHICH IS THE LAST ONE ON THE
RIGHT, AND WE HAVE SOME SUGGESTIONS FOR WAYS THAT YOU
15 CAN BUILD COMMUNITY.
PATTY HAS SOME SUGGESTIONS FOR PLACES WHERE YOU CAN
16 GET FREE FORMS AND STUFF LIKE THAT. SO WE HAVEN'T
BUILT IT IN BECAUSE WE KNOW THAT A LOT OF SCHOOLS
17 HAVE PARTICULAR THINGS THAT THEY ARE USING, SO WE
DIDN'T MAKE A CHOICE ON THAT FOR YOU.
18 AUDIENCE: SO WITHIN THIS TEMPLATE IT'S
NOT THE OPTION TO CREATE THE NEW BASE WHERE YOU STILL
19 FOLLOW ALL THE GRAPHICS AND COLORS.
KIRSTI: WE ACTUALLY HAVE A BLANK
20 TEMPLATE THAT YOU CAN USE THAT YOU CAN ADD A NEW PAGE
OF YOUR OWN.
21 IN FACT IN A SECTION CALLED MATERIALS, RICHARD, YOU
WANT TO CLICK TO THE MATERIALS? IN A SECTION CALLED
22 MATERIALS THERE'S A BLANK PAGE BECAUSE IT'S SUPPOSED
TO BE THE ASSIGNMENTS THEY HAVE WEEK BY WEEK, AND SO
23 THERE'S BLANK PAGES THAT YOU CAN USE.
BECAUSE OF THE FACT THAT PEOPLE OF DIFFERING SKILLS
24 WILL WANT TO DO DIFFERENT THINGS.
WE HAVE THE TEMPLATES ALL LOCKED, BUT WE HAVE
25 INSTRUCTIONS FOR YOU TO UNLOCK THEM.
WE WANTED TO GET THIS SO YOU COULD START UP AND GET

1 GOING IN A FAIRLY SHORT PERIOD OF TIME WITHOUT A LOT
OF STRUGGLE.
2 BUT THERE'S A LOT OF WAYS YOU CAN GO BEYOND BECAUSE
YOU'RE USING DREAMWEAVER WHICH IS A REALLY POWERFUL
3 TOOL.
AUDIENCE: I NOTICED YOU CHANGED THE
4 COURSE.
..
5 KIRSTI: IN THIS PARTICULAR CASE YOU HAVE
TO CHANGE IT ON EACH ONE OF THOSE PAGES.
6 AUDIENCE: IS THERE A WAY TO MAKE.
..
7 KIRSTI: THERE'S A WAY TO DO THAT.
IT'S A LITTLE BIT MORE COMPLICATED AND WE WERE TRYING
8 TO MAKE IT AS EASY AS POSSIBLE FOR NEW USERS.
SO JUST LIKE THAT COURSE TITLE, YOUING KOOCH MADE IT
9 WE'VE BEEN TALKING ABOUT IT BEFORE, A LIBRARY ITEM,
THOSE OF YOU WHO ARE GOING TO VENTURE GOING THINGS
10 LIKE LIBRARY, YOU COULD JUST REPLACE THAT TEXT WITH
LIBRARY.
11 RICHARD: NEXT, WHAT I DID, FOLKS, I TOOK
THIS A STEP FURTHER, BUT SINCE IT'S COME UP, I WANT
12 TO SHARE IT WITH YOU.
WHAT I ACTUALLY DID WAS GO UNDER WINDOW AND I
13 ACTUALLY OPENED UP THE TEMPLATE WINDOW IF YOU WILL.
AND NOTICE BY CLICKING IN HERE I'M NOW ACTUALLY
14 INSIDE THE ACTUAL TEMPLATE ITSELF, YOU SEE?
AND YOU KNOW YOU'RE INSIDE A TEMPLATE IF YOU LOOK IN
15 THE UPPER LEFT-HAND CORNER, YOU HAVE A LITTLE ARROWS?
SO IT'S HERE THAT I COULD IN FACT TWEAK IT, THE
16 DESIGNS, THE COLORS, THE BUTTONS, WHAT HAVE YOU.
HERE'S WHAT KIRSTI WAS TALKING ABOUT, IF YOU WANTED
17 TO GO TO THE NEXT LEVEL, YOU COULD --
KIRSTI: IF YOU WERE A NEW USER, I WOULD
18 SAY, DON'T.
BUT USE IT ONCE, SEE HOW IT WORKS FOR YOU AND THEN
19 WHEN YOU'RE READY TO SAY GOSH I WISH IT DID THIS,
THEN YOU COULD START OPENING UP THE TEMPLATE.
20 ANY OTHER QUESTIONS ABOUT -- OVER HERE.
AUDIENCE: I HAVE A QUESTION WHEN SHE WAS
21 TALKING ABOUT THE FORMS OF DISCUSSIONS.
DOES THE SITE HAVE ANYPLACE TO -- I HAVE TO
22 CONSTANTLY FIGHT WITH MY NETWORK GUYS ABOUT OPENING
UP THE ABILITY ON THOSE WEB SITES WHERE YOU'RE
23 COMMUNICATING WHERE YOU'RE SUBMITTING YOU ACTUALLY
NEED DIFFERENT TYPES OF COMMISSIONS ON THERE, IS
24 THERE ANYTHING ON THE EXCHANGE FORM OR DECISIONS WITH
MACROMEDIA THAT GOES INTO WHAT TYPE OF PERMISSIONS
25 YOU NEED, DIRECTORIES FOR.
KIRSTI: IF YOU'RE TALKING ABOUT

1 SPECIFICALLY FOR SCHOOLS, NO.
IF YOU'RE TALKING ABOUT SERVER OR IF YOU'RE TALKING
2 ABOUT SERVER PERMISSIONS, I WOULD BET IN THE FORMS
SECTION INSIDE, THERE'S A WHOLE FORMS SECTION INSIDE
3 THE EXCHANGE AND EACH ONE OF THESE -- THESE ARE FORM
EXTENSIONS AT THE EXCHANGE FOR DREAMWEAVER.
4 EACH ONE OF THOSE EXTENSIONS HAS INSTRUCTIONS
CONNECTED TO IT, SO I WOULD EXPECT IN THOSE
5 EXTENSIONS THEY WOULD HAVE SPECIFIC INSTRUCTIONS.
AUDIENCE: WHEN YOU CREATE A FORM OF
6 DREAMWEAVER, YOU COULD SEND THE FORM USING JAVASCRIPT
INSIDE OF TJI.
7 KIRSTI: WHEN YOU SEND THE FORM, YOU
COULD SEND JAVASCRIPT.
8 HERE'S THE PERSON.
SHE WANTS TO TALK TO YOU.
9 WE WERE TALKING ABOUT NOT HAVING THE ABILITY TO USE
CGI FORMS INSIDE YOUR SCHOOL SYSTEM AND OUR MAN OVER
10 HERE IS SAYING USE JAVASCRIPT.
RICHARD: KIRSTI, WHY DON'T YOU COME UP TO
11 THE PLATFORM SO WE HAVE SOME LIGHT ON YOU.
KIRSTI: WELL, I LIKE IT IN THE DARK.
12 (LAUGHTER).
AUDIENCE: TELL ME AGAIN WHAT COMMUNITY
13 MEANS.
RICHARD: I'M SORRY, I TOOK THAT DOWN.
14 KIRSTI: IT'S A CATCH-ALL.
SO IN PATTY SHANKS' COURSES SHE HAS THANKS THINGS
15 SHE'S LINKING OUT TO A DISCUSSION FORUM.
YOU CAN BUILD YOUR OWN DISCUSSION FORUM USING THE
16 MULTI-USER SERVER.
SHE ALSO --
17 AUDIENCE: COLDFUSION?
KIRSTI: YOU COULD USE COLDFUSION TO DO
18 THAT AS WELL.
IN HER CLASS SHE HAS HER STUDENTS COMMUNICATING A LOT
19 WITH EACH OTHER I HAVEA E-MAIL.
SO SHE MIGHT HAVE PUT E-MAIL LINKS IN THERE SOMEONE
20 BACK THERE WAS TALKING ABOUT USING WEB CT OR BLACK
BOARD, THEY OFTEN HAVE DISCUSSION BOARDS AND THAT
21 WOULD BE A PLACE WHERE YOU WOULD GIVE THE OPPORTUNITY
TO LINK OUT TO SOMETHING LIKE THAT.
22 SO IT'S WHAEFRP YOU THINK COMMUNITY MEANS BUT
GENERALLY YOU MEAN DISCUSSION FORMS AND E-MAILS,
23 THREADED LINKS, THINGS LIKE THAT.
WE'RE NOT PROVIDING A GREAT DEAL OF STRUCTURE THERE
24 BECAUSE WE KNOW THERE'S 9 MILLION DIFFERENT THINGS
THAT YOU COULD DO.
25 AUDIENCE: WE HAVE A LOT OF CONSTRAINTS IN
OUR SCHOOL.

1 KIRSTI: RIGHT.
SO IT'S ONE OF THE REASONS WHY WE DIDN'T PUT A LOT IN
2 BECAUSE WE DON'T WANT PEOPLE GETS IN TROUBLE.
AUDIENCE: WE'RE A BURR BURERACY.
3 KIRSTI: I'M NOT GOING TO SAY THAT OUT
LOUD AND GET IT RECORDED, BUT YES.
4 I THINK -- I DON'T LIKE TO USE THAT WORD EITHER.
I'M SAN FRANCISCO FIFTH GENERATION, SO I WOULD SAY
5 DIPLOMATIC.
RICHARD: THERE'S A QUESTION OVER HERE.
6 AUDIENCE: CAN YOU CLEAR SOMETHING UP FOR
ME?
7 WHAT IS THE DEAL WITH WINDOWS XP NOT SUPPORTING JAVA
AND WHAT IMPACT DOES THAT HAVE ON EVERYTHING HERE?
8 RICHARD: WE HAVE NO IDEA BECAUSE WE DON'T
WORK FROM MICROSOFT.
9 THERE'S NO WAY WE CAN ANSWER THAT.
I DON'T WORK FOR MICROSOFT, NOR DOES KIRSTI.
10 AUDIENCE: MY PERSONAL EXPERIENCE MIGHT
HELP A LITTLE BIT.
11 WE'VE BEEN USING THESE APPLICATIONS FOR A LOT OF
STUFF THAT YOU GUYS HAVE AND WE FOUND THAT AS LONG AS
12 IT RUNS IN --
RICHARD: THE OBSERVATION IS.
13 ..
KIRSTI: THIS WAS PROBLEMS WITH XP,
14 WINDOW WOINLD XP AND JAVASCRIPT AND YOU WERE SAYING
THAT IF YOU USE THE COLDFUSION SERVER --
15 AUDIENCE: NO.
WE HAD NO REAL PROBLEM.
16 KIRSTI: YOU USE THE COLDFUSION SERVER
AND YOU RUN THINGS WITHIN THE WINDOW, YOU'VE HAD NO
17 PROBLEMS.
AUDIENCE: ABSOLUTELY NO PROBLEMS.
18 I WILL SAY THAT.
..
19 KIRSTI: UNLESS YOU MOVE TO?
AUDIENCE: IE 6.
20 KIRSTI: SO ANYTHING BELOW --
AUDIENCE: YEAH.
21 YOU'LL HAVE TO DO IT USING XP.
KIRSTI: BUT I KNOW THAT MACROMEDIA IS
22 ALWAYS WORKING ON THINGS.
THERE'S BEEN SOME CHALLENGES WITH THE LATEST BROWSER.
23 SO I EXPECT THAT IT WILL WORK.
AUDIENCE: YOU CAN TURN THE OPTION OFF.
24 KIRSTI: YOU CAN TURN THE OPTION OFF
WITHIN XP.
25 AUDIENCE: YOU HAVE TO TELL YOUR USERS HOW
TO DEAL WITH, TURN THE.

1 ..
KIRSTI: OKAY.
2 SO TURNING OFF THE OPTION WITHIN YOUR -- YOU HAVE TO
TELL YOUR USERS TO TURN OFF THAT OPTION WITHIN THE
3 BROWSER AND THE OPTION SPECIFICALLY IS THE OPTION TO
RUN JAVASCRIPT, TURN IT OFF.
4 SO IT SOUNDS LIKE IT'S SECURITY ISSUES.
AND YOU GUYS MIGHT WANT TO TALK A LITTLE BIT MORE
5 AFTER THE BREAK.
WE HAVE SOMEBODY WAY IN THE BACK.
6 AUDIENCE: I JUST NOTICE ON THIS TEMPLATE
AND ON SOME OF THE OTHERS THERE'S THESE NICE THEMES
7 WHERE THERE'S BEEN COLORS THAT ARE PICKED AND
EVERYTHING.
8 BUT ON FRONT PAGE YOU CAN GO DOWNLOAD TEMPLATES OF
THEMES.
9 DOES DREAMWEAVER ALSO HAVE THEMES AVAILABLE TO
DOWNLOAD?
10 KIRSTI: SOD THESE PARTICULAR THEMES ARE
ONES THAT ARE AVAILABLE FROM US.
11 WE WILL NOT I DO ADMIT HAVE AS MANY OF THE OPTIONS AS
FRONT PAGE HAS YET.
12 SO WHAT WE WOULD LIKE IS THOSE OF YOU THAT SEND YOUR
E-MAIL TO KIRSTI AT MACROMEDIA.COM, TELL ME WHAT
13 WORKED FOR YOU AND WHAT DIDN'T AND WHAT YOU WOULD
LIKE TO V. WE REALLY WANTED TO FIND OUT SOME REAL
14 USERS WHAT THE SOMETHING ELSE SHOULD BE.
AUDIENCE: ARE PEOPLE OUT THERE SELLING
15 THINGS FOR FRONT PAGE?
IF YOU DID A SEARCH ON DREAMWEAVER THEMES --
16 KIRSTI: THERE ARE DEFINITELY PEOPLE OUT
THERE SELLING TEMPLATES.
17 THERE ARE ACTUALLY OTHER TEMPLATES AVAILABLE RIGHT
FROM MACROMEDIA.
18 SO IT WOULD JUST BE A MATTER OF GOING OUT IS THERE
AND LOOKING FOR IT.
19 WE MADE TEMPLATES SPECIFICALLY FOR EDUCATORS AND
TEMPLATES THAT HAD ALL THE CONNECTIONS AND LINKS IN
20 THERE FOR EDUCATORS.
BUT I KNOW THERE ARE LOADS OF DREAMWEAVER TEMPLATES
21 OUT THERE.
QUESTIONS OUT FRONT?
22 STPHRAO: WHAT WAS THE PROGRAM YOU WERE
TALKING ABOUT?
23 SINCE WE'RE TALKING ABOUT FRONT PAGE, HOW EASY IS IT
TO BRING A FRONT PAGE WEB SITE INTO DREAMWEAVER
24 SNIFRNLTHS IT'S VERY EASY, IN FACT, WE HAVE A QUERTD
FRONT PAGE TO DREAMWEAVER AND WE ALSO HAVE00 HOO.
25 AUDIENCE: EXTENSION?
KIRSTI: THERE'S AN EXTENSION.

1 FRONT PAGE HAS A LOT OF VERY SPECIFIC TAGS THAT ARE
SPECIFIC ONLY TO FRONT PAGE, AND BECAUSE DREAMWEAVER
2 IS A PROFESSIONAL PROGRAM AND PROFESSIONAL PEOPLE WHO
USE THE CODE VIEW LIKE THEIR CODE, THEIR TAGS TO GO
3 /* TO BE REALLY CLEAN, WHAT WE DO IS TAKE THE FRONT
PAGE CODE AND CLEAN IT UP SO THAT IT BECOMES STANDARD
4 HTML.
STPHRAO: AND WHERE IS THAT IN
5 DREAMWEAVER?
RICHARD: SO QUERTD FRONT PAGE TO
6 DREAMWEAVER?
THAT'S AN EXCHANGE AVAILABLE AT
7 WWW.MACROMEDIA.COM/EXCHANGE.
YOU WANT TO GO IN THE DREAMWEAVER EXCHANGE AND YOU'LL
8 FIND IT THERE IT'S A FREE EXTENSION; YOU CAN DOWNLOAD
IT.
9 RICHARD: WHILE WE'RE AT TTAKE A LOOK AT
MY MONITOR UP HERE AND FOR THOSE OF YOU ON THE WEB
10 CAST, THERE IS A NEW MENU RIGHT HERE INSIDE OF
DREAMWEAVER CALLED ACCESSIBILITY.
11 AND YOU CAN ACTUALLY GO IN AND WE HAVE A PARTNERSHIP
WITH --
12 KIRSTI: USABLE NET.
RICHARD: USABLE NET AND THEY CREATED AN
13 OUTSTANDING EXTENSION IN PARTNERSHIP WITH US TO
ACTUALLY EXPLAIN AND FIX YOUR PAGES, EVALUATE, ALL
14 KINDS OF INFORMATION.
THEY'LL TEACH YOU ALL ABOUT IT, AND THIS IS FREE ON
15 THE EXCHANGE.
KIRSTI: THAT'S FOR LOOKING AT SITES FOR
16 ACCESSIBILITY, ALL THOSE TEMPLATES ARE FULLY
ACCESSIBLE, THEY'VE BEEN DESIGNED WITH ALL THE 508
17 COMPLIANCE ISSUES IN MIND.
AUDIENCE: BACK TO FRONT PAGE AGAIN, MY
18 SCHOOL IS RESTRICTIVE AND THE PROGRAM I HAVE TO USE
IS FRONT PAGE 2000.
19 WILL FLASH BE ABLE TO IMPORT INTO --
KIRSTI: SO CAN YOU USE THE PROGRAM
20 YOU'RE USING AT THE SCHOOL AND IMPORT FLASH PROGRAMS
INTO IT?
21 YES.
AUDIENCE: WHAT WE'VE BEEN LOOKING AT IS
22 THE COURSE BUILDER EXTENSION?
KIRSTI: NO.
23 THAT'S THE GOOD QUESTION.
IS THIS THE COURSE BUILDER EXTENSION, NO.
24 THAT'S BUILT SPECIFICALLY FOR ADDING JUDGED
INTERACTIONS TO DREAMWEAVER PAGES.
25 SO WE HAVE TO KEEP USING ALL THESE SAME WORDS BECAUSE
THEY'RE KIND OF STANDARD WITHIN THE INDUSTRY.

1 HOW TO BUILD A COURSE WEB SITE IS SPECIFICALLY FOR
TALKING ABOUT BUILDING A WEB SITE THAT COMPLEMENTS A
2 COURSE THAT YOU HAVE IN THE CLASSROOM AND IT'S THE
BASICS FOR BUILDING AN ON-LINE COURSE BUT IT DOESN'T
3 HAVE THINGS LIKE INTERACTIVE ELEMENTS WITHIN IT THAT
YOU WOULD HAVE IF YOU WERE ACTUALLY DOING THE
4 TEACHING ON LINE.
HOW TO BUILD A COURSE WEB SITE IS FOR COMPLEMENTING A
5 SCHOOL CLASS.
THINGS LIKE FOR RESPONSIBLE MULTIPLE CHOOSE AND
6 MAKING QUIZZES.
SO YOU COULD USE THAT AND ADD PAGES TO IT.
7 NOW, I WILL TAKE ONE MORE QUESTION, BUT ALL THIS TIME
THAT WE'RE DOING, WE'RE MISSING TALKING ABOUT FLASH.
8 SO I CAN BE STANDING IN THE BACK OF THE ROOM
ANSWERING QUESTIONS AND -- IS THAT OKAY?
9 RICHARD: YES.
SHOULD I GET ON TO FLASH, FOLKS?
10 AUDIENCE: YES!
RICHARD: IN A FLASH?
11 I'LL DO MY BEST.
WE HAVE QUESTIONS AND ANSWERS AT THE END.
12 KIRSTI, TERRIFIC.
THANK YOU.
13 I ENCOURAGE YOU TO WRITE KIRSTI.
SHE IS A WEALTH OF INFORMATION IN REGARDS TO
14 EDUCATION.
ALL RIGHT.
15 LET'S TALK ABOUT FLASH.
I LOVE TO SHOW THINGS.
16 BEFORE WE ACTUALLY DIVE INTO THE APPLICATION. AND
I'M GOING TO ENCOURAGE YOU TO TAKE A LOOK AT A SITE.
17 WE DON'T REALLY HAVE A PARTNERSHIP WITH A SITE, IT'S
A PERSONAL FAVORITE.
18 IT'S CALLED EYE FOR U 4.COM.
WHEN YOU OPEN A SITE ON THE WEB IT'S LIKE THIS.
19 AND I MADE A MISTAKE.
LET'S GO BACK.
20 WE WANT TO GO DOWN TO THIS ONE RIGHT HERE.
NOW, THE THING YOU NOTICE IS THE SOUND.
21 CAN WE HAVE THE SOUND UP JUST A TOUCH?
BECAUSE THEY USE FLASH TO CREATE THE ENTIRE OPENING
22 OF THE WEB SITE FLASH SUPPORTS MD3 AND EXPORTS.
I WANT YOU GUYS TO WATCH IT.
23 IT'S AN EXCITING OPENING TO A WEB SITE IN FACT ALL
THESE VECTORALIES WERE CREATED IN FREEHAND AND
24 BROUGHT INTO FLASH.
NOW, THIS MAY BE A LITTLE TOO HOLLYWOOD FOR EVERY
25 SCHOOL, BUT REMEMBER MY NICKNAME AT MACROMEDIA IS
HOLLYWOOD RICHARD.

1 IT'S THE TRUTH.
THIS IS HOLLYWOOD.
2 HOWEVER, I KNOW A LOT OF SCHOOLS OUT THERE WHO HAVE
NEW MEDIA DEPARTMENTS.
3 THERE'S A LOT OF K THROUGH 12 SCHOOLS THAT HAVE NEW
MEDIA DEPARTMENTS.
4 AND YOU MIGHT WANT TO HAVE THIS EXCITING CONTENT ON
YOUR WEB SITE.
5 NOW, I'M GOING TO GIVE YOU THE GENERAL
OVERVIEW ABOUT FLASH, BECAUSE ONE THING I WANT TO
6 MENTION ABOUT FLASH IS HOW EASY IT IS TO GET STARTED.
AND HERE'S SOMETHING YOU DON'T HEAR A LOT ABOUT FLASH
7 AND I WANT TO STRESS MORE THAN ANYTHING ELSE, FLASH
IS FUN! FLASH IS A LOT OF FUN.
8 IT'S NOT LIKE LEARNING SOME WORD PROGRAM OR SOME
SPREADSHEET; IT'S GOT TO BE ONE OF THE EASIEST, MOST
9 INTERESTING JOYFUL PROGRAMS TO USE BECAUSE OF THE
TIME LINE.
10 IT'S VERY SIMPLE.
WE'RE GOING TO BECOME LIKE WALT DISNEY CREATING
11 WONDERFUL ANIMATION FROM THE WEB.
WE'LL GET THERE IN JUST A COUPLE OF MINUTES.
12 WHAT I WANT TO POINT OUT TO YOU IS A COUPLE OF
THINGS. YOU GUYS MAY WANT TO NOTICE THE EYE HERE.
13 THIS IS A BIT MAP INSIDE OF FLASH.
PEOPLE TEND TO THINK THAT FLASH IS ONLY ABOUT
14 VECTORS.
IT'S NOT TRUE.
15 YOU CAN HAVE BIT MAPS, AGAIN, THOSE PIXEL-BASED
IMAGES, FLASH EVEN SUPPORTS QUICK TIME.
16 YOU CAN SUPPORT FLASH TO QUICK TIME.
BUT THE MOST IMPORTANT THING I WANT TO POINT OUT IS
17 THIS: HOW MANY OF THESE COLORFUL BALLS DO WE HAVE UP
ON OUR SITE RIGHT NOW?
18 GUESS HOW MANY THERE REALLY IS.
THERE'S ONLY ONE.
19 THERE'S SOME PEOPLE THAT KNOW THAT.
IT'S AN ILLUSION, FOLKS.
20 THERE'S NOT REALLY FIVE OR SIX OR SEVEN BALLS UP
THERE; THERE'S ONLY ONE.
21 IN FACT, WHAT WE CALL THESE ARE INSTANCES.
YOU CAN ALSO THINK OF IT AS A COPY.
22 BUT ALL THESE DIFFERENT COLOR BALLS AND ALL THE
INTERACTIVITY THEY HAVE ASSOCIATED WITH THEM ALL
23 POINT TO THE SAME EXACT PLACE.
I WILL SHOW YOU THIS IN A MATTER OF MINUTES, TO WHAT
24 WE CALL A FLASH LIBRARY.
THERE'S ACTUALLY ONLY ONE BALL IN THIS MOVIE AND
25 THAT'S HOW WE GOT AROUND THIS WHOLE BAND WIDTH ISSUE.
HERE'S ANOTHER INTERESTING THING.

1 AS I ROLLOVER THINGS, THIS WOULD HAVE TAKEN A COUPLE
OF HOURS IN JAVASCRIPT TO CREATE WHAT'S CALLED A
2 ROLLOVER LIKE THIS.
ALL RIGHT?
3 IN FLASH IS THAT TAKES UNDER 30 SECONDS TO CREATE
INCLUDING ADDING ALL THE SOUND WITH NO CODING
4 WHATSOEVER.
IN FACT, THERE'S ONLY ONE ROLLOVER BUTTON.
5 ONLY ONE.
THESE FOLKS CREATED ONE AND THEN KUPTED A BUNCH OF
6 THEM AND SIMPLY CHANGED THE LINK TO WHERE THEY GO.
NOW HERE'S ANOTHER INTERESTING THING, FLASH IS
7 SCALABLE.
YOU CAN ACTUALLY SET THE FLASH SWF FILE TO SCALE
8 MEANING THAT IF I WAS IN THE BROWSER RIGHT NOW OR IN
THIS FLASH PLAYER WINDOW, THE MOMENT I CLICK, NOTICE
9 WHAT HAPPENED HERE.
THE ENTIRE WEB SITE JUST SCALED.
10 IN FACT, FLASH DOES NOT CARE FIMINIMIZE THIS PLAYER
WINDOW TO THE SIZE OF A POSTAGE STAMP.
11 IT'S SCALES.
IN FACT, ANYTHING I CLICK ON WILL STILL WORK
12 PERFECTLY.
SO THIS IS FANTASTIC BECAUSE YOU'RE NOT CUTTING OFF
13 THE VIEWPOINT OF THE WEB SITE IN TRADITION HTML.
YOU CAN SCALE THE ENTIRE MOVIE.
14 LET'S GO AHEAD AND CUT BETWEEN SCENES.
FLASH WORKS OFF THE METAPHOR OF MAKING MOVIES.
15 SO IF I SIMPLY ROLLOVER THIS BUTTON, IT'S GOING TO
CUT TO A NEW SCENE LIKE THIS.
16 LET'S CUT OVER TO INFO CONTENT.
GO HOME.
17 AND LAST BUT NOT LEAST, WE'VE GOT THE SHOWROOM.
AND WE'LL GO HOME ONE MORE TIME.
18 VERY NICE.
THAT'S FUN.
19 IT'S A LOT OF FUN.
ALL RIGHT.
20 NOW, I'M GOING TO SHOW YOU THE SECOND HALF OF THIS
SITE AND THEN WE'RE GOING TO OPEN FLASH AND WE'RE
21 GOING TO DECONSTRUCT A LITTLE BIT SOMETHING YOU GUYS
SAW EARLIER.
22 GIVE ME A MOMENT TO DO THIS BECAUSE I NEED TO
ACTUALLY LAUNCH IT FROM NETSCAPE TODAY AND I'M GOING
23 TO GO AHEAD AND OPEN THIS PAGE AND LET'S GO AHEAD AND
CHOOSE A FILE, WE'LL GO ON TO OUR DESK TOP.
24 IF I SLOW DOWN I CAN DO THIS CORRECTLY, AND LET'S GO
INTO OUR EDUCATION SEMINAR AND WHAT WE'RE LOOKING FOR
25 HERE IS THIS.
NOW, WHAT I'M ABOUT TO SHOW YOU IS THE SECOND HALF OF

1 THE WEB SITE YOU JUST SAW.
AND WHEN YOU GO TO EYE4 U.COM, YOU GO TO THE SHOW
2 ROOM AND BRANCH OVER TO SDMRXS THIS IS A WEB SITE
WHICH IS MADE FOR SOME GERMAN FILM MAKERS AND
3 VIDEOGRAPHERS WHO WORK OUT OF MUNICH GERMANY.
NOW YOU'RE SEEING A TOTALLY DIFFERENT ASPECT OF
4 FLASH, SOMETHING A LITTLE BIT MORE SERIOUS.
NOT AS COLORFUL, BUT I JUST WANT TO GIVE YOU ANOTHER
5 ANGLE OF WHAT YOU CAN DO WITH FLASH.
SO WHAT WE'VE DONE IS WE'VE JUST CUT FROM THAT
6 OPENING SCENE, SOMETIMES CALLED A FREE LOADER, TO
THIS.
7 NOW, THE REASON I'M SHOWING YOU THIS IS JUST ABOUT
EVERYONE ON THE PLANET INCLUDING YOUR STUDENTS HAS A
8 DESKTOP.
ALSO I'M A HUGE FAN OF SCIENCE FICTION.
9 SO WHAT WE HAVE HERE IS A COMPLETELY INTERACTIVE
DESKTOP MADE WITH FLASH ENTIRELY.
10 AND I'M USING THIS BECAUSE IT'S A PERFECT EXAMPLE OF
HOW TO SHOW YOU WHAT GOES ON BEHIND THE SCENES WHEN
11 WE BUILD A FLASH MOVIE.
FOR INSTANCE, WHAT YOU HAVE HERE ARE A SERIES OF
12 BUTTONS AGAIN MADE IN FLASH, THEY'RE NOT NECESSARY
JUST ROUND BALLS, BUT THEY ARE IN FACT THE SAME
13 TECHNOLOGY TO MAKE THEM HAPPEN, MEAN MEEN EVERY TIME
I ROLL OVER SOMETHING, I'M ROLLING OVER A FLASH
14 BUTTON.
BUT THESE BUTTONS ARE A LITTLE MORE SPIFFY.
15 THEY WERE MADE WITH FREEHAND OR SOMETHING TO THAT
EFFECT, A VECTOR GRAPHIC PROGRAM, AND THEY WILL IN
16 FACT BRANCH AND NAVIGATE TO DIFFERENT SCENES FICLICK
DOWN HERE LIKE THAT.
17 THIS ONE IS A BUTTON WHICH ACTUALLY HAS SOMETHING
CALLED A MOVIE CLIP EMBEDDED INSIDE OF IT.
18 WHAT DOES THAT MEAN?
WELL, NOTICE THAT RADAR?
19 THAT'S A SEPARATE ANIMATION THAT'S ACTUALLY INSIDE
THE BUTTON.
20 SO YOU GET THE COOL EFFECT THERE PLUS YOU GET THE
PING PING SOUND.
21 WHAT I WANT TO DRAW YOUR ATTENTION TO IS THIS CORNER
RIGHT IN HERE WHEN I CLICK OVER HERE, BECAUSE WHAT
22 YOU'RE GOING TO SEE IS THIS CONTROLLER BOUNCE UP IN
THE AIR A LITTLE BIT, BOUNCE AGAIN, AND STOP.
23 AND IT'S REALLY WELL DONE.
BUT I'M GOING TO ACTUALLY RE-CREATE THAT ANIMATION IN
24 FLASH TO SHOW YOU EXACTLY HOW THESE FOLKS DID THIS.
ALL RIGHT.
25 HERE WE GO.
LOOK OVER TO THAT CORNER AND WATCH.

1 IT CUTS, IT JUMPS AND IT BOUNCES AND STOPS.
THAT'LL TAKE US ABOUT 30 SECONDS TO MAKE IN FLASH.
2 OKAY. ARE YOU GUYS EXCITED TO SEE THAT?
NOW, I DON'T SPEAK GERMAN, BUT SOMEONE TOLD ME
3 BASICALLY WHAT THIS SAYS IS HOLD DOWN THE BUTTON AND
BRING THE BALL OR CONTRACTION # TRAPGZ FORWARD.
4 I'M ABOUT TO EVOKE AN ACTION SCRIPT.
IT'S VERY EASY TO USE, IT'S VERY MUCH LIKE
5 JAVASCRIPT, WHICH IS GOING TO TELL THIS BUTTON TO
BRING UP A SEPARATE MOVIE OVER HERE.
6 SO HERE WE GO.
I'M HOLDING THE MOUSE BUTTON DOWN AND PLAYING IT.
7 WHEN I LET GO, IT SAYS STOP THE SOUND AND EVERYTHING
ELSE.
8 NOW, INSIDE THIS FUNNY LITTLE BUCK ROGERSISH
CONTRAPTION IS YET ANOTHER FLASH BUTTON.
9 AND WHEN I CLICK ON IT, WE CUT TO ANOTHER SCENE
INSIDE OF FLASH.
10 NOW, THE REASON I LIKE TO SHOW THIS TO EDUCATORS IS
BECAUSE EDUCATORSATE OF TIME WORK WITH YEAR BOOKS, A
11 LOT STUDENTS ARE CREATING YEAR BOOKS, SCHOOL
NEWSPAPER, THIS IS A GREAT EXAMPLE OF HOW THEY USE
12 FLASH CREATEIVELY TO ACTUALLY SHOWCASE JPEGS.
FOR INSTANCE, THESE GERMAN FILM MAKERS MADE THIS
13 FUNNY EDITING CONTRAPTION.
I CAN CLICK ON THEIR CLIENTLESS, SAY PLANET
14 HOLLYWOOD.
THE IDEA HERE IS TO HAVE JPEG OUTTAKES OF THEIR VIDEO
15 TO ACTUALLY SHOW THEM PARTS OF THIS COMMERCIAL.
SO I CAN GO DOWN TO THIS LITTLE CONTROL SXHER CLICK
16 ON IT AND -- OOPS, THAT'S THE WRONG ONE.
I'LL GO BACK HERE, THAT HAS HAPPENED BEFORE.
17 AND NOW WE CAN CUT THROUGH THE VARIOUS JPEG IMAGES.
NOW, IF YOU HAD REAL TECHNOLOGY, STREAMING TECHNOLOGY
18 LIKE THE FOLKS TODAY OR QUICK TIME ON THE WEB, YOU
COULD IN FACT HAVE A STREAMING MOVIE HERE TOO IF YOU
19 WANTED TO PUT THAT TECHNOLOGY HERE.
SO THAT'S PRETTY COOL.
20 THEY ALSO PUT A LITTLE HIDDEN SCENE MENU UP HERE.
SO IF I GO UP AND ROLLOVER THIS HIDDEN MENU, I CAN
21 NOW JUMP BACK TO ANY OF THE SCENES I WANT.
FOR INSTANCE, LET'S FIND OUT ABOUT THE AWARDS THAT
22 THESE PEOPLE HAVE ACTUALLY ACHIEVED.
LET'S CLICK ON HERE, AND WE CUT TO THAT CLOSEUP AND
23 WE CAN FIND OUT ABOUT ALL THESE COOL THINGS THAT YOU
SEE UNDER NEWS LAST BUT NOT LEAST, WE MAY WANT TO
24 WRITE THESE GUYS AND SAY, HEY, WE SURE LIKED YOUR WEB
SITE, IT'S REALLY AMAZINGLY DONE, THE FLASH OR WHAT
25 HAVE, OF YOU, HOW CAN WE GET IN TOUCH WITH YOU?
THEY DID KIND OF A CREATIVE SNAIL MAIL OVER HERE.

1 SO IF WE CLICK OVER HERE, WATCH WHAT HAPPENS?
AND HOW WE CAN ACTUALLY WRITE PETER AND HIS FRIENDS
2 OVER IN MUNICH AND TELL THEM HOW MUCH WE LIKE THEIR
WEB SITE I'M SHOWING YOU TWO ASPECTS OF THIS WEB
3 SITE, EYE4YOU.COM, ONE OF MY FAVORITES.
OKAY.
4 YOU. TO TAKE A LOOK AT IT?
GOOD.
5 I'M GOING TO START BY GIVING YOU AN OVERVIEW OF THE
INTERFACE AND THEN I'LL JUMP INTO SOMETHING YOU'VE
6 SEEN EARLIER AND WE'LL DECONSTRUCT IT A LITTLE BIT.
ALL RIGHT.
7 HERE WE GO.
FIRST OF ALL, LET ME EXPAND THIS WINDOW, AND I'M
8 GOING TO TELL YOU WHAT'S GOING ON RIGHT HERE BECAUSE
IT'S REALLY SIMPLE.
9 FIRST OF ALL, ONE OF THE FAVORITE THINGS OF MINE
ABOUT FLASH IS HOW EASY THE INTERFACE IS TO LEARN
10 ABOUT.
YOU GUYS ARE GOING TO UNDERSTAND THE ENTIRE INTERFACE
11 IN ABOUT FIVE MINUTES BECAUSE THIS IS IT.
ALL RIGHT?
12 NOW, THERE'S A LITTLE FIBING THERE.
THERE ARE MORE PALETTES.
13 MY FAVORITE IS THE EFFECTS PALETTES, THERE'S COLORS,
CHARACTERS, THINGS LIKE THAT.
14 BUT GENERALLY THIS IS IT.
YOU USE THIS ONE BIG-OLD WINDOW LAYERS AND TIME LINES
15 AND THIS TOOL PALETTE TO GET JUST ABOUT EVERYTHING
DONE IN FLASH.
16 SO I WANT YOU TO UNDERSTAND HOW EASY IT IS TO FIGURE
IT OUT.
17 SO HERE WE GO.
FIRST OF ALL, THIS IS WHERE YOUR MOVIE TAKES PLACE
18 RIGHT HERE.
IN FACT, I CAN MOVE THIS AROUND.
19 NOW, IF YOU RECALL, WHEN WE WERE LOOKING AT THE COAST
COLLEGE FICTICIOUS SITE THAT I SHOWED EARLIER, YOU
20 MAY RECALL IT HAD KIND OF A BANNER AD SHAPE TO IT,
RIGHT?
21 WELL, IN ORDER TO CHANGE THE MOVIE, BECAUSE THIS IS
IS THE MOVIE, EVERYTHING WILL TAKE PLACE RIGHT HERE
22 ON THIS STAGE OR THE MOVIE, WE CAN RIGHT CLICK RIGHT
HERE AND CHANGE ITS PROPERTIES.
23 I'M NOT GOING TO DO IT OTHER THAN COLOR JUST TO SHOW
YOU, BUT I CAN GO IN HERE AND CHANGE THE COLOR AS YOU
24 CAN SEE OF THE ENTIRE MOVIE.
IF I WANTED TO CHANGE THAT PROPERTY OF DIMENSIONS, I
25 WOULD GO AHEAD AND SHOW YOU THE COLLEGE BANNER.
LET'S GO BACK TO THAT WHITE BACKGROUND FOR NOW.

1 THAT'S HOW YOU CHANGE THE SIZE OF THAT.
NEXT I WANT TO POINT OUT HOW CRUCIALLY IMPORTANT THIS
2 GRAY AREA IS.
THIS IS THE WORK SPACE OR THINK OF IT AS YOUR
3 DRAFTING TABLE OR YOUR DESK.
THIS KIND OF NONDESCRIPT AREA IS PROBABLY ONE OF THE
4 MOST EXCITING ASPECTS OF FLASH.
WHY?
5 WELL, HAS EVERYONE AT SOME TIME OR ANOTHER SEEN STAR
WARS?
6 IT'S NOT A PLUG FOR GEORGE LUCAS OR ANYTHING, BUT I
LOVE HIS WORK.
7 IF YOU RECALL IN THE FIRST STAR WARS IN THE THEATER
AT HOME ON YOUR VIDEO, PRINCESS LAYA'S SHIP KIND OF
8 JUMPS IN TO THE OPENING SCENE OF STAR WARS AND
SUDDENLY AT THE TOP OF THE SCREEN OF THE THEATER OR
9 YOUR TV SET, THIS HUGE MOTHER SHIP OF DARTH VADOR
FILLS THE SCREEN.
10 THEY ACTUALLY BROUGHT THE MODEL IN UP HERE AND
BROUGHT IT IN ABOVE THE FOCAL PLANE OF THE CAMERA.
11 WELL, GUESS WHAT?
ANYTHING YOU PUT IN THIS GRAY AREA OUTSIDE OF THIS
12 WHITE AREA IS THE EXACT EFFECT OF BRINGING THINGS IN
FROM THE RIGHT, THE LEFT, THE TOP OR BOTTOM PART OF
13 THE BROWSER.
YOU CAN START AN ANIMATION HERE AND YOU CAN END AN
14 ANIMATION HERE.
AND THIS IS HOW YOU CREATE THINGS LIKE TEXT CRAWLS
15 AND THINGS FLYING IN FROM THE EDGE EVER THE BROWSER.
SO IT'S VERY, VERY COOL TO KNOW THIS THAT ANIMATION
16 CAN ORIGINATE AND END OVER IN THIS WORK AREA.
I GOTTA POINT THAT OUT TO YOU.
17 IT'S REALLY NEAT.
ALL RIGHT.
18 THAT'S ALL THERE IS TO THAT AS FAR AS THE MOVIE AREA.
LET'S GO UP HERE BECAUSE A LOT OF YOU ARE GOING TO BE
19 FAMILIAR WITH THIS.
THIS IS THE LAYER AREA.
20 SOME OF YOU GUYS HAVE USED OTHER APPLICATIONS THROUGH
DESKTOP PUBLISHING OR MAYBE IN VIDEO EDITING TOOLS,
21 THEY'RE ALL BASICALLY THE SAME.
FLASH DEFAULTS TO A SINGLE LAYER, IN FACT, I CAN COME
22 IN HERE AND VERY EASILY CHANGE THAT AND I CAN
ACTUALLY JUST SAY BALL.
23 AND I CAN ACTUALLY GIVE IT A NAME.
NOW, IF YOU'RE A DIRECTOR USER, ONE OF OUR OTHER
24 TERRIFIC TOOLS, WHEN YOU OPEN UP DIRECTOR, YOU HAVE
ZILLIONS AND ZILLIONS OF LAYERS.
25 THIS IS SIMILAR, BUT WE DEFAULT TO ONE.
IN ORDER TO ADD LAYERS IN FLASH, IT'S EASY.

1 YOU JUST SIMPLY HIT THE PLUS SIGN.
SO IF I HIT PLUS A BUNCH OF TIMES, I'VE JUST ADDED A
2 BUNCH OF LAYERS.
YOU SAY, WELL, RICHARD, WHERE ARE THEY?
3 WELL NOTICE, IF I JUST CAREFULLY COME IN HERE,
THERE'S A DOUBLE-HEADED ARROW, IF I PULL THIS DOWN,
4 YOU CAN SEE THERE ARE ALL MY LAYERS LOOKING A LOT
LIKE MY WONDERFUL DIRECTOR TOOL.
5 SO NOW I MIGHT SAY, WELL GOSH, I MIGHT WANT TO GET
RID OF ALL THOSE, I MIGHT WANT TO KEEP THIS SIMPLE
6 BECAUSE I'M A NEW USER.
THERE'S A LITTLE TRASH CAN HERE.
7 ALL I HAVE TO DO IS CLICK AND I CAN THROW ALL OF
THOSE LAYERS AWAY AND I'M BACK TO THE DEFAULT LAYER.
8 YOU CAN EVEN COLOR CODE THEM.
AND IF YOU'RE FAMILIAR WITH THESE TOOLS, YOU CAN
9 ACTUALLY TURN THEM ON AND OFF AND LOCK THEM WHICH IS
VERY, VERY HANDY WHEN YOU START DOING YOUR ANPLATIONS
10 AND YOU GO, GOSH, I LIKE THAT, I DON'T WANT TO MESS
THAT UP, SO I'LL LOCK THIS LAYER AND THINGS WON'T
11 MOVE AROUND ON YOUR STAGE.
ALL RIGHT, SO THERE YOU GO.
12 NOW HERE IS THE ESSENCE OF THE TIME LINE AND HOW MANY
OF YOU ARE GOING TO BE NEW OF TIME LINES? GREAT.
13 THIS IS PROBABLY THE MOST EASY THING TO FIGURE OUT.
THE ESSENCE OF ALL ANIMATION IN FLASH IS DONE OVER HE
14 WERE.
DOES ANYBODY WANT TO TAKE A GUESS WHAT THIS AREA KIND
15 OF LOOKS LIKE?
THERE'S ANOTHER TOOL OUT THERE THAT'S ACTUALLY AN
16 OFFICE-TYPE TOOL THAT THIS REMINDS YOU OF?
IT'S A MICROSOFT PRODUCT ACTUALLY.
17 WHAT DOES THIS REMIND YOU OF?
EXCEL.
18 THERE YOU GO.
THIS LOOKS A LITTLE BIT THIS EXCEL.
19 IN FACT, WE CALL THESE CELLS.
BUT THIS CELL STUFF COMES FROM ANIMATION, EARLY
20 ANIMATION, CELL ANIMATION.
THESE ARE IN FACT CELLS.
21 AND THE JOB FOR US AS A WEB ARTIST, AN MAIRT, IF YOU
WILL, IN FLASH IS TO PUT INFORMATION IN THESE CELLS.
22 THAT'S ALL WE HAVE TO DO.
IT'S NO DIFFERENT FROM A MICROSOFT PRODUCT EXCEPT
23 INSTEAD OF PUTTING NUMBERS AND TEXTS IN HERE, WE'RE
GOING TO PUT SOMETHING CALLED INSTANCES OR WE CAN
24 ACTUALLY PUT SOMETHING IN HERE CALLED SPRIGHTS AND
THINGS LIKE THAT AND I'M GOING TO EXPLAIN THAT IN
25 JUST A MINUTE.
LET ME GO BACK AND SIMPLIFY THIS BECAUSE I WANT TO

1 #KEEP IT VERY, VERY EASY TO DO.
ALL RIGHT.
2 SO HOW DOES IT WORK EXACTLY?
WELL, WHEN THE USER LOADS YOUR WEB PAGE, THIS
3 PLAYBACK HEAD IS ACTUALLY GOING TO RUN ACROSS THESE
SERIES OF FRAMES LOOKING FOR THE INFORMATION YOU PUT
4 IN THERE OR HOW YOU'VE MANIPULATED THE INFORMATION IN
THESE CELLS.
5 IF IT FINDS IT, IT'S GOING TO DO SOMETHING.
IT MAY PLAY A SOUND, PLAY AN ANIMATION, OR JUMP TO
6 ANOTHER PART OF A FLASH MOVIE OR EVEN A SCENE.
THAT'S WHAT'S GOING TO HAPPEN.
7 SO JUST KNOW THAT AS THE PLAYBACK HEAD MOVES ACROSS
IN A LINEAR FASHION, YOU CAN ACTUALLY MANIPULATE IT
8 BY TELLING IT TO JUMP TO DIFFERENT PLACES OR TELLING
IT TO GO TO DIFFERENT SCENES.
9 THAT'S EASY TO FIGURE OUT.
AND LAST BUT NOT LEAST, THIS IS PROBABLY THE MOST
10 INTERESTING THING TO SHOW YOU AND THAT'S OUR COOL
PALETTE OR TOOL BAR BECAUSE IT'S HERE WHAT WE CAN USE
11 ALL THESE REALLY COOL, EASY, AND VERY FUN TOOLS TO
ACTUALLY CREATE WHAT WE CALL SHAPES.
12 NOW, I WANT TO BE CLEARER BECAUSE FLASH HAS SOME
THINGS CALLED SLAIPS, GROUPED OBJECTS, AND SYMBOLS.
13 THAT'S THE KEY TO THE PROGRAM.
WHAT WE CAN DO FOR INSTANCE, WE CAN COME OVER TO THIS
14 TOOL, AND WE CAN GRAB SOMETHING AND ACTUALLY CREATE
SOMETHING ON OUR STAGE OR MOVIE.
15 BUT BEFORE WE DO, I WANT TO TELL YOU SOMETHING.
FLASH ACTUALLY HAS TWO COLOR PALETTES ASSOCIATED WITH
16 MOST OF THE SHAPES WE'RE GOING TO CREATE.
FOR INSTANCE, PLEASE LOOK DOWN HERE BECAUSE I HAVE A
17 PENCIL AND I HAVE A PAINT BUCKET CAN.
WHEN I CREATE THIS CIRCLE RIGHT NOUF, WATCH WHAT
18 HAPPENS.
WHEN I ACTUALLY DO THAT, WE ACTUALLY HAVE A FILL OF
19 BLUE AND WE ACTUALLY HAVE A STROKE OF BLACK.
LET ME SHOW YOU WHAT I MEAN.
20 IF I GO OVER TO THIS ARROW HERE AND GRAB THIS AND
PULL IT NOTICE I HAVE A STROKE AND A FILL BASED ON
21 THE COLORS THAT I PUT OVER HERE AND REMEMBER, THESE
ARE ALL WEB-SAFE COLORS.
22 OKAY?
YOU GUYS ALL GET THAT?
23 I'M GOING TO ACTUALLY DO A LITTLE UNDO HERE A COUPLE
OF TIMES, ZOEL CONTROL Z.
24 BECAUSE THESE ARE VECTORS, NOTICE WHAT HAPPENS, WHEN
I PUT MY ARROW CLOSE TO THE BALL.
25 YOU GUYS SEE RIGHT AT THE ARROW THERE'S A LITTLE LIKE
HALF MOON SHAPE?

1 THAT MEANS RICHARD, IF YOU HOLD DOWN THE MOUSE, YOU
CAN MANIPULATE THIS VECTOR GRAPHIC.
2 SO BY HOLDING THAT MOUSE DOWN, I CAN NOW PULL THAT
VECTOR OUT BECAUSE IT'S VERY MUCH LIKE SILLY PUTTY.
3 IN FACT, ANYWHERE I PULL I CAN NOW CHANGE THE VECTOR
AND ON BOTH PLATFORMS IF I ACTUALLY HOLD DOWN SAY
4 CONTROL ON A WINDOWS MACHINE I CAN PULL OUT SHARP
POINTS JUST LIKE THIS BY HOLDING DOWN CONTROL.
5 NOW, THERE'S SOMETHING VERY INTERESTING
ABOUT THIS BECAUSE FLASH BEING VECTOR GRAPHIC BASED
6 DOES A VERY UNIQUE THING.
WATCH THIS: I'M GOING TO GO OVER AND TAKE A REK
7 REKEL RIGHT HERE AND I'M GOING TO CHANGE THE COLOR
INFORMATION.
8 LET'S MAKE IT GREEN, THE OUTLINE.
IT'S GOING TO BE REAL SMALL, BUT IT'LL BE THERE AND
9 WE'LL PUT SAY A BRIGHT RED IN THE CENTER AND LET'S GO
AHEAD AND MAKE THAT SQUARE RIGHT STLFRX LET'S GO
10 AHEAD AND GRAB THAT SCARE, AND BY THE WAY, I COULD
CLICK AND DRAG, BUT THAT'S ACTUALLY GOING TO DRAG THE
11 FILL INDEPENDENT OF THE STROKE.
BUT BY DOUBLE CLICKING, NOTICE THERE'S THESE HASH
12 MARKS, ALL RIGHT?
I'VE ACTUALLY SELECTED NOW NOT ONLY THE STROKE BUT
13 THE FILL.
THAT'S HOW DO THAT. SO I'M SIMPLY GOING TO DRAG THIS
14 OVER HERE AND SCOMPLEELTHS DESELECT IT AND WATCH WHAT
HAPPENS.
15 IF I COME BACK HERE AND GRAB IT AND PULL IT APART,
FLASH CHOPS A HOLE HOEL IT.
16 THIS IS VERY, VERY UNIQUE TO ANY OTHER TYPE OF VECTOR
GRAPHIC PROGRAM.
17 BECAUSE THE PROGRAM ONLY SUPPORTS THE GRAPHIC ONE AT
A TIME ON THE SCREEN AND YOU CAN DO SOME VERY
18 INTERESTING THINGS LIKE, YOU KNOW, CREATE THE STATE
OF TEXAS FOR INSTANCE RIGHT THERE, SOMETHING LIKE
19 THAT.
SO THAT'S HOW THESE VECTORS WORK.
20 LET ME SHOW YOU ANOTHER ASPECT OF THIS AND THEN WE'LL
GET INTO SOME MORE ANIMATION TECHNIQUES AND ALL THAT.
21 WHO OUT THERE CAN'T DRAW A STRAIGHT LINE?
WOW! I GOT ABOUT 10 OF YOU.
22 ALL RIGHT.
YOU'RE GOING TO LOVE THIS PROGRAM BECAUSE FLASH
23 REALLY KNOWS WHAT'S GOING ON WITH YOUR ARTISTIC
SKILLS.
24 FOR INSTANCE, I JUST GRABBED THE PENCIL TOOL RIGHT
NOW AND I WANT TO INTRODUCE TO YOU UP HERE, WE HAVE
25 THESE GREAT PANELS AND WE CAN ACTUALLY COME UP TO SAY
OUR STROKE PANEL AND I'LL GO AHEAD AND PUT THAT UP

1 THERE.
AND I CAN COME IN HERE AND CHANGE THE COLOR OF THAT
2 STROKE HERE IF I WANT TO KIND OF A NICE PURPLE, MAKE
IT A LITTLE FATTER OR SOMETHING, BUT I'M GOING TO
3 INTENTIONALLY NOT TRY TO MAKE A BAD CIRCLE RIGHT NOW
UP HERE LIVE.
4 I'M GOING TO TRY TO CREATE A REALLY NICE CIRCLE, ALL
RIGHT?
5 SO BEAR WITH ME.
AND IT'S NOT SO GOOD, BUT I'M GOING TO LET GO AND
6 LOOK WHAT HAPPENS?
FLASH IS REALLY SMART.
7 IN FACT, THERE'S A SETTING IN HERE THAT IF I GET
FAIRLY CLOSE TO A CIRCLE, FLASH WILL FIGURE OUT
8 EXACTLY WHAT I WANTED TO DO.
AUDIENCE: CAN YOU TURN THAT OFF?
9 RICHARD: YES, YOU CAN.
IN FACT, THERE'S TOLERANCE SETTINGS THAT SAYS, YOU
10 KNOW, MAKE IT SHARPER OR LOOSER IF YOU WANT.
NOW, YOU WILL NOTICE THAT I CAN EVEN ATTEMPT TO DRAW
11 A FAIRLY DECENT SQUARE, AND IF I LET GO, FLASH IS
PRETTY SMART ABOUT IT.
12 IT REALLY LIKES OVALS AND I'M NOT VERY GOOD AT OVALS
BUT IF YOU GET CLOSE, IT'LL GIVE YOU A NICE OVAL, AND
13 THE ONLY ONE I'M NOT GREAT AT IS TRIANGLE, BUT IT
WILL MAKE A NICE TRIANGLE IF YOU GET CLOSE ENOUGH.
14 SOME OF YOU MAY BE SAYING DO I REALLY NEED THAT?
WELL, YES AND NO.
15 MY FAVORITE WAY OF CREATING THESE SHAPES -- REMEMBER,
WE'RE WORKING IN SHAPES RIGHT NOW, MY FAVORITE WAY OF
16 WORKING WITH SHAPES IS TO DO IT THIS WAY.
AS LONG AS I GET FAIRLY CLOSE BY USING, SAY, MY
17 CIRCLE TOOL, MY RECTANGLE TOOL, WHATEVER, FLASH WILL
FIGURE THAT OUT TOO.
18 FOR INSTANCE, WATCH THIS.
NOTICE MY CURSOR?
19 IT'S JUST A PLUG SIGN.
BUT IF I DRAG, YOU SEE THE CURSOR?
20 IT HAS A TIEN I LITTLE CIRCLE ASSOCIATED WITH IT, BUT
IF I GET NEAR A NICE SQUARE, IT JUMPS TO IT AND I LET
21 GO AND I HAVE IT.
SAME WITH CIRCLES.
22 IF I GET NEAR THAT CIRCLE, IT'LL JUST JUMP AND THERE
WE GO.
23 THAT'S YET ANOTHER WAY TO DESIGN A NICE, CLEAN, SHARP
VECTOR GRAPHIC.
24 SLUCHLTHS THE QUESTION WAS COULD I USE THIS TO MAKE
BUTTONS.
25 IN FACT, FLASH WILL MAKE SOME OF THE MOST
SOPHISTICATED VECTOR GRAPHICS BUTTONS I'M TRYING TO

1 SAY WITHIN 30 SECONDS.
YOU DO NOT HAVE TO DO ANOTHER PROGRAM.
2 THE QUESTION WAS DO YOU HAVE TO?
ABSOLUTELY NOT.
3 AND IF WE HAVE THE TIME I'M GOING TO SHOW YOU THAT.
FOR OUR WEB VIEWERS OUT IS THERE TODAY, WE HAVE THE
4 BOOKS ARE GOING FAST, AND YES, YOU MAY.
YOU GET THE WONDERFUL WEB DESIGN BOOK.
5 OKAY.
ALL RIGHT.
6 #HEER WE G. DID ANYBODY NOTICE SOMETHING THAT
HAPPENED WHILE I WAS MAKING THAT SHAPE?
7 YOU HAVE TO BE KIND OF OBSERVANT BUT SOMETHING
HAPPENED.
8 AUDIENCE: THERE'S A CIRCLE --
RICHARD: THERE YOU GO! NOTICE, SHE SAW
9 THIS UP THERE.
IS THAT WHAT YOU SNENT NO?
10 CAN I HAVE THAT T-SHIRT BACK?
I'M KIDDING.
11 AUDIENCE: IT STARTS OUT WITH THE CIRCLE
AROUND THE CENTER OF THE CROSS AND THEN WHEN YOU GET
12 TO THE POINT THAT CIRCLE POPS OUT.
RICHARD: AND IT SAYS RICHARD LET GO RIGHT
13 THERE.
NOW, I GAVE IT AWAY BUT WHAT I WAS REALLY LOOKING FOR
14 WAS THIS.
THAT CIRCLE.
15 THAT CIRCLE RIGHT THERE.
BECAUSE YOU KNOW WHAT THAT IS?
16 THAT'S A KEY FRAME.
WE'RE GOING TO TALK ABOUT WALT DISNEY NOW.
17 REMEMBER, I GREW UP IN HOLLYWOOD, I KNOW THIS STUFF.
I'M A BIG FAN OF EARLY DISNEY.
18 I'M GOING TO TELL YOU ALL ABOUT THIS WHOLE WORLD OF
KEY FRAME ANIMATION THAT REALLY MAKES SENSE.
19 HERE'S WHAT WE'RE GOING TO DO.
WE'RE STARTING WITH THAT FLASH MOVIE RIGHT THERE.
20 EMPTY.
NOTHING'S THERE, BUT WATCH.
21 LET'S GO AHEAD AND WE'LL GO BACK.
IN FACT, I'M NOT GOING TO USE THE CIRCLE.
22 THERE'S ACTUALLY SOME REALLY COOL BUILT-IN STUFF.
IN FLASH WE HAVE COMMON LIBRARYS AND BECAUSE WE'RE
23 TALKING ABOUT WALT A LITTLE BIT, WE'RE GOING TO COME
IN HERE AND WILL GO INTO SOME GRAPHICS THAT ACTUALLY
24 SHIP WITH THE PRODUCT, AND MY FAVORITE IS THE MOUSE.
AND YOU KNOW WHY.
25 SO WATCH THIS.
I COULD CREATE SOME GRAPHICS HERE, SHAPES, OR I COULD

1 IN FACT BRING SOMETHING IN LIKE THAT.
CAUSE FLASH HAS THESE LIBRARIES AND I CAN NOW ANIMATE
2 THAT NOUS.
MOUSE.
3 BUT I'M ONE STEP AHEAD OF THE PROCESS.
I JUST WANT TO SHARE WITH YOU HOW THIS LITTLE KEY
4 FRAME IS GOING TO BE ESTABLISHED FROM THE LIBRARY ARE
OVER HERE.
5 SO WATCH THIS; THIS IS INTERESTING.
LET'S GO BACK TO THE CIRCLE BECAUSE THIS IS WHAT
6 EVERY ANIMATION TEACHER LIKES TO DO IS START WITH THE
LITTLE BOUNCING BALL.
7 SO AS I CREATE THIS SHAPE OR RAW OBJECT RIGHT ON
FLASH, IT PUTS A KEY FRAME UP THERE.
8 THIS IS PART 1.
BUT TO CREATE WHAT WE CALL A MOTION TWING, AND I'LL
9 GET TO THAT IN A MINUTE, WE NEED TO DO SOMETHING TO
THIS RAW SHAPE THAT CAME RIGHT OUT OUT FLASH'S TOOL
10 BAR.
HERE'S HOW WE DO IT.
11 BY DOUBLE CLICKING ON THERE I'VE ACTUALLY GRABBED THE
FILL, I'VE ACTUALLY GRAPPED THE STROKE.
12 I NOW NEED TO DO SOMETHING A LOT OF YOU ARE GOING TO
GO WHOA, WHAT'S THAT ALL ABOUT, WE NEED TO CONVERT
13 THAT.
AND IT'S UNDER INSERT CONVERT UNDER SOMETHING CALLED
14 A SYMBOL.
DON'T GET SCARED BECAUSE THIS IS NOT A BIG DEAL; IT'S
15 ACTUALLY EXTREMELY EASY.
SFLASH, THE OBJECTS OR THE SHAPES HAVE PROPERTYS AND
16 THERE'S ONLY THREE AND EVERYBODY CAN REMEMBER THIS.
THREE, THAT'S IT.
17 THESE THINGS THAT YOU PUT IN THE MOVIE CAN BE
GRAPHICS, BUTTONS WHICH WE SAW EARLIER, RIGHT?
18 WE ROLLED OVER CIRCLES AND WE ROLLED OVER SCIENCE
FICTION, THAT COULD BE BUTTONS OR THAT COULD BE MOVIE
19 CLIPS.
NOW, THE ONLY THING I NEVER TOLD YOU ABOUT WAS THE
20 MOVIE CLIP.
A MOVIE CLIP IN FLASH IS A PARTICULAR ITEM WHICH HAS
21 AN INDEPENDENT TIME LINE FROM THE MAIN MOVIE OR
SCENE.
22 OKAY?
I'LL SAY THAT AGAIN BECAUSE IT'S A LITTLE WACKY.
23 WHOA, WHAT'S THAT MEAN?
REMEMBER THE RADAR IN EYE 4 U?
24 WHEN I ROLLOVER THE BUTTON, INSIDE OF THE BUTTON HAD
AN INDEPENDENT MOVIE CLIP TIME FRAME THAT MADE THAT
25 RADAGO AROUND AND AROUND THAT HAD NOTHING TO DO WITH
THIS MAIN MOVIE'S TIME LINE.

1 IN THIS CASE, WE'RE GOING TO CALL IT A BALL, AND
WE'RE GOING TO KEEP IT SIMPLE BECAUSE WE'RE NEW
2 USERS.
AND WE'RE GOING TO GO GRAPHIC, AND WE'RE GOING TO SAY
3 OKAY.
NOW, SOMETHING JUST HAPPENED.
4 WHAT HAPPENED ON MY STAGE?
ANYBODY SEE IT?
5 IT TURNED INTO A SYMBOL, HE'S RIGHT. AND THERE'S A
VISUAL CLUE.
6 WHAT IS IT?
THERE'S -- RIGHT, EXACTLY.
7 THERE'S A BOUNDING BOX AROUND IT, A BLUE, AND THERE
IS A REGISTRATION POINT.
8 THAT'S THE KEY.
I KNOW THIS SOUNDS VERY BASIC, BUT BELIEVE ME, IF YOU
9 JUST REMEMBER THAT ONE LITTLE THING, YOUR ENTIRE
FLASH MOVIE MAKING AND FOR ME NEW USERS OUT HERE
10 TODAY, YOU'RE GOING TO GET FLASH A THOUSAND TIMES
EASIER.
11 THERE'S A VISUAL CLUE THE MOMENT YOU GO FROM A RAW
SHAPE WHICH IS THIS AND WITH HASH MARKS, SEE IT?
12 TO WHAT IS NOW CALLED A SYMBOL.
THEY'RE VERY DIFFERENT ANIMALS HERE.
13 THIS CAN ACTUALLY BE ANIMATED TOO IN A SPECIAL WAY
CALLED SHAPE BETWEENING, BUT THIS ONE BECAUSE IT'S A
14 SYMBOL IS VERY SPECIAL.
WE CAN MOTION TWEEN, LOOK FOLKS, FROM CONVERTING THAT
15 INTO A SYMBOL, IT NOW LIVES IN OUR LIBRARY.
REMEMBER THE EYE 4 U?
16 WATCH.
FLASH DOES NOT CARE HOW MANY OF THESE BALLS I BRING
17 INTO THIS MOVIE.
IT DOESN'T CARE HOW MANY TIMES I CHANGE ITS COLOR, IT
18 DOES NOT CARE HOW MANY TIMES I CHANGE ITS SHAPE.
EVERY SINGLE ONE OF THESE POINTS TO THIS ONE IN THE
19 LIBRARY AND THIS IS TINY IT'S A MINUSCULE LITTLE HIT
ON THE BROWSEER.
20 AUDIENCE: I THOUGHT WHEN YOU CHANGED THE
COLOR ON THE INSTANCE IT CHANGES ALL OTHER INSTANCES.
21 DO YOU HAVE TO CHANGE --
RICHARD: QUESTION IS IF YOU CHANGE THE
22 COLOR ON AN INSTANCE WILL IT CHANGE ALL THE OTHERS?
NO.
23 WHAT YOU'RE REALLY REFERRING TO IF I GO INSIDE THE
LIBRARY ITEM OF THAT BALL AND CHANGE THE COLOR OF THE
24 BALL, IT WILL IN FACT CHANGE ALL INSTANCES OF THE
BALL.
25 BUT WHAT'S INTERESTING, AND REMEMBER I SAID -- I
SHOWED YOU EYE 4 U, THERE'S MANY WAYS TO ADD MORE

1 BUTTONS.
FICLICK ON THE BALL, I CAN ACTUALLY GO DOWN HERE AND
2 DUPLICATE THIS ONE.
I CAN ACTUALLY CALL IT SYMBOL THREE.
3 THERE'S ANOTHER ONE IN HERE THAT IS ACTUALLY A MOVIE
CLIP.
4 BUT I CAN MAKE THAT BALL DO SOMETHING REMARKABLY
DIFFERENT IN MY MOVIE CLIP YET IT'S BASED ON THAT
5 GRAPHIC.
I DON'T WANT TO GET TOO ADVANCED FOR YOU ON THAT ONE.
6 BUT LET'S GO AHEAD AND DELETE THAT ONE.
LET'S GO TO ANIMATION NOW.
7 SO BY DRAGGING THIS BALL WHICH IS NOW CALLED A
SYMBOL, IT'S NO LONGER A SHAPE, BY NOW DRAGGING THIS
8 BALL OUT RIGHT HERE, WE HAVE ACTUALLY ESTABLISHED IT
AS A KEY FRAME, AND NOW THIS IS WHERE THE WALT DISNEY
9 STUFF COMES IN.
AND I'M GOING TO DO THIS VERY SIMPLY BECAUSE IT
10 REALLY MAKES SENSE, PEOPLE GET IT.
IT'S NO MORE DIFFICULT THAN THIS.
11 WHEN WALT DISNEY IN THE EARLY DAYS OF AMERICAN
ANIMATION WOULD CREATE, SAY, A MICKEY MOUSE CARTOON,
12 WHAT WALT WOULD DO IS HE WOULD SET UP SOMETHING
CALLED A KEY FRAME ANIMATION AND WALT WOULD CREATE
13 THESE WONDERFUL PIECES OF CELL ACETATE, OR ONION
SKINING IN THE EARLY DAYS OF SAY MICKEY WAVING AT
14 MINI.
SO WALT WOULD START MICKEY STARTING A WAVE.
15 THAT WOULD BE KEY FRAME ONE.
WE JUST ESTABLISHED OUR FIRST KEY FRAME LIKE WALT DID
16 AUTOMATICALLY IN THAT FRAME ONE OF OUR TIME LINE.
WHAT WALT WOULD DO, HE WOULD CREATE A SECOND PIECE OF
17 ART HERE WHERE THE ARM IS STARTING TO CHANGE BECAUSE
KEY FRAMES ARE ALL ABOUT CHANGE.
18 SO THAT'S THE SECOND STATE OF THE ARM ABOUT TO WAVE
AT MINIMOUSE.
19 KEY FRAME 2.
LAST BUT NOT LEAST, HE WOULD DO ONE MORE UP HERE
20 COMPLETING THE WAVE OR 3, 2, AND 1.
WHAT WE'RE GOING TO DO IS WE'RE GOING TO CREATE THE
21 OTHER THREE KEY FRAMES LIKE THIS.
WATCH THIS.
22 WHAT COULD BE MORE EASY?
THERE'S KEY FRAME ONE.
23 WE GO LATER IN OUR TIME LINE AND WE SIMPLY CLICK.
I CAN GO UP HERE AND INSERT BECAUSE I'M AN ADVANCED
24 USER ON THIS I CAN JUST RIGHT CLICK OR I CAN DO APPLE
KEY ON THE MAC AND I'LL JUST DO IT LIKE THIS.
25 INSERT KEY FRAME.
SOMETHING CALL REALLY JUST HAPPENED.

1 FLASH PUT IN THIS KIND OF GRAY AREA RIGHT HERE, AND
FLASH BASICALLY IS SAYING TO ME, OH, RICHARD, I GET
2 IT, YOU WANT TO GO FROM A BALL IN THIS FRAME 1 OF
THIS TIME LINE ACROSS TIME.
3 AND YOU WANT ME TO PUT THAT BALL ACROSS TIME FOR 15
FRAMES, 12 FRAMES PER SECOND IN FLASH, AND YOU CAN
4 CHANGE IT, TO THIS POINT HERE.
BUT WHAT'S GOING ON?
5 NOTHING'S CHANGED.
NOW IT'S UP TO ME TO MAKE SOMETHING HAPPEN, SO WHAT
6 I'M GOING TO DO IS I'M GOING TO GRAB THE BALL AND
MAKE IT JUMP TO THE TOP OF THE MOVIE.
7 SO LET'S SEE WHAT FLASH NOW SEES.
IT SAYS, RICHARD, I GET IT.
8 YOU WANT THE BALL TO BE HERE, HERE, AND HERE, BUT YOU
MOVED IT IN THAT SECOND KEY FRAME, SO JUMP IT TO THE
9 TOP OF YOUR MOVIE.
REMEMBER THE CONTROLLER FROM EYE 4 U.COM?
10 EXACTLY THE SAME THING.
EXACTLY.
11 NOW, IT'S MY JOB TO FINISH THE BOUNCING BALL.
THIS BALL IS ACTUALLY KIND OF REVERSED.
12 I REALLY SHOULD DO THIS RIGHT AND START THE BALL
RIGHT HERE, RIGHT?
13 AND WHEN WE GET THERE, IT BOUNCES DOWN.
ALL RIGHT.
14 LAST THING WE NEED TO DO WHAT?
ADD A KEY FRAME.
15 WE'LL GO OVER TO FRAME 30, WE'LL CLICK.
THIS TIME I'LL SHOW YOU ANOTHER WAY TO DO IT, INSERT.
16 WE'LL GO KEY FRAME AND I'LL MOVE THE BALL.
ALL RIGHT.
17 WE'RE BASICALLY DONE.
KEY FRAME 3, 2, 1.
18 WE'RE ON 3.
HERE'S 2, AND THERE'S THE 1.
19 NOW THIS IS WHAT WALT WOULD DO.
HE WOULD AT HIS STRUDIO OUT IN HOLLYWOOD, HE WOULD
20 TAKE THOSE THREE PIECES OF ART, LEELD DISTRIBUTE IT
IN A ROOM LIKE THIS TO ALL KINDS OF PEOPLE THAT WERE
21 CALLED THE TWEENS.
THE IN BETWEENERS, WHAT THEY DID WAS THEY DREW THE
22 INCREMENTAL POSITIONS OF THE ARM BETWEEN KEY FRAMES
TO CREATE THE ILLUSION OF A SMOOTH ANIMATION IN AN
23 AMERICAN CARTOON.
GUESS WHAT?
24 FLASH DOES THAT WITHOUT A ROOMFUL OF AN MAIRTS.
WATCH.
25 AS LONG AS I CLICK ANYWHERE BETWEEN TWO KEY FRAMES,
RIGHT CLICK, I CREATE A MOTION TWEEN, AND VOIL AFLASH

1 PUTS A LITTLE VISUAL ARROW TO TELL YOU I'VE DONE IT.
AS LONG AS I CLICK BETWEEN TWO KEY FRAMES AND CREATE
2 MOTION TWOH, EN, I HAVE MADE THE SCENES.
NOW IT'S NICE AND SMOOTH AND THE BALL BOUNCES.
3 WHAT DO YOU THINK?
IS IT EASY?
4 RICHARD: ABSOLUTELY.
THE QUESTION WAS CAN THE BALL FOLLOW AIL PATH.
5 IT GETS BETTER.
YOU'RE ONLY SEEING THE BEGINNING.
6 NOW, HOLD THAT THOUGHT BECAUSE I WANT TO SHARE WITH
YOU SOMETHING KIND OF FUN.
7 I'M GOING TO TURN OFF THE BALL.
SEE THAT?
8 I'M GOING TO ADD A LAYER AND I'M GOING TO GO GET
WHAT?
9 OUR LITTLE MOUSE.
LET'S GET THE MOUSE BECAUSE IT'S KIND OF FUN TO SHOW
10 THE MOUSE BECAUSE WE'RE TALKING ABOUT WALT.
NOTICE WHAT I DID?
11 BY DRAGGING THE MOUSE, FLASH ACTUALLY HAS A DEFAULT
AND THE DEFAULT IS I GET TYOU HAD THE BALL ENDING WAY
12 OVER THERE, SEE IT?
SO YOU JUST DRAG SOMETHING ELSE INTO A NEW LAYER.
13 SO I'LL GO AHEAD AND FILL IT ALL IN TO THE VERY END
FOR YOU AUTOMATICALLY.
14 WHAT'S MISSING?
OUR KEY FRAME. THE FLASH HAS TO HAVE THESE KEY
15 FRAMES TO WORK PROPERLY.
SO I'LL JUST GO AHEAD AND RIGHT CLICK AND INSERT THAT
16 KEY FRAME AND WE'LL MOVE THE MOUSE.
WHAT I WANT TO DO IS I WANT TO IMPROVE UPON THIS.
17 SO LET'S GO AHEAD AND DO WHAT WE JUST DID, I'M JUST
SHOWING YOU YET ANOTHER WAY OF DOING IT.
18 INSERT KEY FRAME THIS TIME WHICH IS -- I'M SORRY,
INSERT THE MOTION BETWEEN HERE.
19 SO NOW WE'VE ESTABLISHED THIS COOL ANIMATION, BUT I
WANT TO SHOW YOU HOW WE CAN NOW MAIPTD IT A LITTLE
20 BIT BETTER.
FIRST OF ALL, IF I TAKE THE MOUSE HERE, I TAKE IT OFF
21 SCREEN, THAT MOUSE NOW ENTERS THE BROWSER FROM THE
EDGE OF THE BROWSER.
22 SNEAKS ON IN THERE.
BUT I WANT TO GO FROM MICKEY MOUSE HERE TO CLICK HERE
23 GRABBING THE SCALE HERE, MICKEY, RAT.
BECAUSE THIS VERY LARGE RODENT NOW HAS BEEN SIZED
24 AUTOMATICALLY IN FLASH.
NOTICE, THAT FLASH ALREADY UNDERSTANDS THAT BECAUSE I
25 CHANGED THE SIZE IT'S GOING TO JUST GO AHEAD AND
SCALE IT FOR ME AUTOMATICALLY JUST LIKE THAT.

1 GOT IT?
NOW, THERE'S MORE.
2 NOT ONLY CAN WE DO THAT.
I MIGHT WANT TO SAY, LIF I CLICK RIGHT HERE AND MOVE
3 THE MOUSE, FLASH AUTOMATICALLY JUST PUT THAT KEY
FRAME IN FOR ME, EASY.
4 BUT WHAT I WANT TO DO IS NOT ONLY DO I WANT TO SCALE
IT AND MOVE IT A LITTLE BIT LIKE THIS RIGHT THERE, I
5 I THINK I MIGHT ACTUALLY WANT TO PUT THIS MOUSE IN
SPACE.
6 SO I'LL GO OVER TO OUR REALLY EASY TO USE ROTATE TOOL
AND BY JUST ROTATING THE MOUSE UPSIDE DOWN, WE HAVE
7 KIND OF A FREE-FALLING MOUSE NOW.
AND HE ANIMATES LIKE THIS.
8 ALL RIGHT.
THERE'S MORE.
9 ONE OF MY FAVORITE THINGS IS IF WE CLICK OVER HERE,
I'M GOING TO INTRODUCE YET ANOTHER NEW PALETTE FOR
10 YOU.
LET'S CLOSE THIS ONE OUT.
11 IT'S CALLED EFFECT.
AND UNDER OUR PANELS AND PALETTES AND WHAT HAVE YOU,
12 THERE'S A REAL NEAT ONE HERE.
AND THIS ONE CAN GET PRETTY CRAZY BECAUSE WHAT I
13 COULD DO IS AS LONG AS I'M ON A KEY FRAME AND HAVE IT
SELECTED RIGHT HERE, I'M GOING TO PUT SOMETHING ON
14 HIM AND THERE'S SOME REALLY COOL THINGS GOING ON
HERE.
15 LET'S GO AHEAD AND SAY, OH, LET'S TRY TINT.
AND I CAN PICK A COLOR.
16 SEE, I CAN DO ALL KINDS OF CRAZY THINGS TO THAT
MOUSE.
17 OR I MIGHT WANT TO GO ADVANCED AND I CAN PUT IN
DIFFERENT KINDS OF SLIDERS HERE OF COLOR AND CHANGE
18 ALL KINDS OF INTERESTING ATTRIBUTES OF THE MOUSE JUST
LIKE THAT SO NOW FLASH WILL CHANGE THE COLOR FROM
19 BLUE TO KIND OF GREEN AND THEN GO BACK.
NOW, YOU CAN'T SEE IT BUT THERE'S A LITTLE MOUSE HOLE
20 HERE.
THIS IS A MOUSE IN SNOW IN SPACE, FOR INSTANCE, AND
21 WHAT I'LL DO IS CLICK ON THAT LAST ONE AND UNDER
EFFECT, THERE'S YET ONE MORE AND THAT'S CALLED ALPHA
22 OR IN OTHER WORDS, TRANSPARENCY.
ALL RIGHT.
23 AND THIS HERE, OUR MOUSE SUDDENLY DISAPPEARS DOWN THE
MOUSE HOLE.
24 WE REMIND AND NOW FLASH MAKES HIM DISAPPEAR JUST BY
PULLING OUT THE SLIDER.
25 OKAY, COOL?
AUDIENCE: YEAH.

1 RICHARD: YOU LIKE IT.
AUDIENCE: YEAH.
2 RICHARD: NOW, HANG ONTO YOUR QUESTION
FOR JUST A MINUTE.
3 THAT'S THE BASIC ASPECT OF GETTING STARTED IN FLASH.
IT'S NO MORE THAN DIFFICULT THAN THAT TO START.
4 I WANT TO SHOW YOU SOMETHING BECAUSE I THINK YOU'RE
GOING TO LIKE THIS A LOT.
5 LET'S GO BACK TO THE EDUCATION SEMNAR FOLDER AND
LET'S LOOK AT A MOVIE THAT YOU GUYS ARE SOMEWHAT
6 FAMILIAR WITH.
AND WE'RE GOING TO GO INTO -- IF WE CAN FIND IT, OH,
7 THAT'S INTERESTING.
OKAY.
8 WE'RE GOING TO SEE HOW THEY DID THAT.
IN FACT, WE USE A TERRIFIC GRAPHIC ARTIST NAMED ANNE
9 WHO WORKED WITH US ON THIS ONE.
WE'RE GOING TO DECONSTRUCT IT TO SHOW YOU HOW IT WAS
10 BUILT.
NOW, REMEMBER, THE KEY HERE IS THIS: WHATEVER GETS
11 PUT IN THOSE CELLS IS WHAT FLASH SEES OR MANIPULATES
IN YOUR MOVIE WHETHER THEY'RE SOUNDS OR ANIMATIONS OR
12 WHAT HAVE YOU.
I WANT YOU TO PAY CLOSE ATTENTION PLEASE TO WHERE THE
13 PLAYBACK HEAD IS SITTING BECAUSE IT'S ACTIVELY DOING
IT'S JOB RIGHT NOW.
14 IT'S GOING RICHARD, I DON'T NOTICE ANYTHING IN THIS
LAYER CALLED ACTION IN HERE OR HERE, BUT OH, WAIT A
15 MINUTE, IT APPEARS IN THAT VERY FIRST FRAME OF
FLASH'S TIME LINE THERE IS IN FACT A KEY FRAME
16 SITTING THERE.
AUDIENCE: RICHARD, COULD YOU REMOVE THE
17 TOOL BAR, PLEASE?
RICHARD: ABSOLUTELY.
18 GOOD POINT.
NOTICE IF I UNLOCK IT AND TURN IT ON AND OFF FOR YOU
19 IT'S ACTUALLY SEEING THIS OBJECT HERE OR CORRECT
TERMINOLOGY IS A SYMBOL OF A PALM TREE IN A LITTLE
20 ISLAND AND WHERE IS IT GETTING IT?
AUDIENCE: LIBRARY.
21 RICHARD: OKAY.
COME ON UP AND GET A T-SHIRT.
22 NOTICE IF I GO UP TO LIBRARY HERE -- WHAT AM I DOING?
I'M CLICKOTH MIDDLE BUTTON TODAY.
23 THERE WE GO.
IF WE COME IN HERE, WE'RE GOING TO ACTUALLY FIND THAT
24 PALM RIGHT THERE.
AND THERE'S THIS RELATIONSHIP BETWEEN WHAT'S SITTING
25 IN THE LIBRARY AND WHAT'S GOING ON THERE.
SO THERE WE GO.

1 SEE, THERE IT IS.
NOW, NOTICE THE PLAYBACK HEAD.
2 IT'S ALSO LOOKING DOWN HERE AND SUDDENLY IT SEES YET
ONE MORE THING AND IF I TURN IT EVERON AND OFF, IT'S
3 THE LINE.
SEE HOW THAT WORKS? IT'S VERY SIMPLE.
4 I'M GOING TO LOCK THESE.
NOW, WATCH WHAT HAPPENS THE MOMENT THE PLAYBACK HEAD
5 ADVANCES A SINGLE FRAME IN THE TIME LINE.
DID YOU GUYS SEE IT?
6 WHAT IS IT?
IT'S THE WAVE.
7 AND THE WAVE WAS STARTED BY ANNE OUR GRAPHIC ARTIST
OFFSCREEN OR OFF THE FLASH MOVIE SO IT HAS THE
8 ILLUSION IT'S COMING ACROSS HERE.
IT KIND OF APPEARS WHEN WE DO THE COAST SITE.
9 NOW WATCH HOW IT BUILDS BECAUSE IT'S REALLY COOL.
THE WAVE ITSELF IS A GRAPHIC THAT LOOKS LIKE THIS.
10 LET'S GO FIND IT.
THERE IT IS.
11 THAT'S WHAT WE ACTUALLY BUILT.
BUT AS THE WAVE MOVES ACROSS THE OCEAN HERE OR THE
12 ISLAND OR THE SCENE, WE SQUISHED IT AND EXPANDED IT
ACROSS THE FRAMES.
13 SO IT GIVES THE ILLUSION LIKE THE RISING AND FALLING
OF A WAVE.
14 SO HERE WE GO.
IT MOVES AND THEN SUDDENLY RIGHT HERE, LOOK WHAT WE
15 INTRODUCE.
RIGHT IN THAT FRAME WE INTRODUCE THE BEGINNING OF THE
16 LETTERS COAST COLLEGE.
THERE ARE INDEPENDENT VECTOR GRAPHICS THAT WE CHOPPED
17 UP BASED ON THIS ONE FROM FREEHAND.
AS WE MOVE, WE KEEP SPELLING IT SIMULTANEOUSLY HAVING
18 THE WAVE EXPAND, CONTRACT, AND MOVE ACROSS THE
SCREEN.
19 AT ONE POINT WE ACTUALLY STOP COAST AND WE LEAVE THE
FULL-BLOWN COAST AND IT JUST SITS THERE, IT'S
20 STATISTIC.
BUT NOW WE START INTRODUCING SEVERAL THINGS ALMOST AT
21 THE SAME TIME.
AT THIS POINT YOU'RE GOING TO NOTICE THE SUN RISING
22 BEHIND THE ISLANDS AND WE'RE USING SOMETHING CALLED A
MASK LAYER TO ACTUALLY ACHIEVE THIS.
23 VERY EASY TO DO.
IT'S LIKE A COOKIE CUTTER.
24 YOU PUT UP A MASK AND WHATEVER YOU CUT OUT SHOWS
BEHIND IT.
25 SO NOW THE SUN RISES AND RIGHT HERE GUESS WHAT THAT'S
INTRODUCING, WE'RE ACTUALLY INTRODUCING THAT

1 TRANSPARENCY THAT'S BEEN APPLIED TO COLLEGE OF ART
SCIENCE AND TECHNOLOGY BUT THE TRANSPARENCY IS
2 ACTUALLY A ZERO.
IS IT GOES UP.
3 THE SUN RISES AND THEN WHAT WE DO IS WE USE THAT TINT
TECHNIQUE IN OUR EFFECTS AND THE SUN STARTS
4 SCINTILLATING BACK AND FORTH AND THE OCEAN WAVES KIND
OF GO BACK AND FORTH LIKE THE TIDE IS COMING IN.
5 THAT'S IT.
EASY.
6 NO BIG DEAL.
EVERYTHING WAS CREATEED IN FREEHAND, OR IMPORTED,
7 DROPPED INTO FLASH'S LIBRARY, THEY COULD HAVE BEEN
GRAPHICS, AND WE MADE IT HAPPEN.
8 THERE IS A WAY TO TEST THIS RIGHT INSIDE OF FLASH BY
GOING TO CONTROL AND TEST THE MOVIE JUST LIKE THAT.
9 GREAT.
WHAT DO YOU THINK?
10 (APPLAUSE).
RICHARD: THE QUESTION IS HOW DO YOU MAKE
11 IT LOOP EASY.
AND I SEE YOUR QUESTION HERE, AND LET ME JUST CHECK
12 OUR TIME.
I WANT TO MAKE SURE I END ON TIME.
13 WE'RE DOING FINE.
THE QUESTION IS HOW DO YOU MAKE IT LOOP.
14 I'M GOING TO GIVE THIS TO YOU IN A ROUND-ABOUT WAY.
WHAT I WANT TO INTRODUCE YOU TO IS THAT TINY LITTLE A
15 SITTING RIGHT THERE.
BECAUSE ONCE YOU LEARN THE BASICS OF FLASH ANIMATION
16 AND ALL THIS WAS ACHIEVED WITH NO CODING WHATSOEVER,
ACTUALLY I FIBBED SLIGHTLY, WITH THE EXCEPTION OF
17 THAT LITTLE LETTER, AND THAT LITTLE LETTER THERE
STANDS FOR SOMETHING CALLED ACTION SCRIPT.
18 AND THAT LETTER IN THIS MOVIE HAS A SINGLE LITTLE
ACTION THAT'S BEEN APPLIED IN THIS MOVIE AND THE
19 ACTION IS STOP.
NOW, IF I DOUBLE CLICK ON THAT, YOU WILL NOTICE AS I
20 OPEN THIS WINDOW UP SO YOU CAN SEE IT MUCH BETTER, IT
IS HERE THAT OUR ADVANCED USERS CAN REALLY GO CRAZY
21 WITH FLASH BECAUSE WHAT YOU'VE GOT OVER HERE IS THIS
THING, IT'S LIKE A LITTLE BOOK.
22 AND INSIDE OF IT IS THIS JAVASCRIPT LIKE CODE THAT
WILL ALLOW ME TO CLICK ON THINGS, DRAG THEM ASK DROP
23 THEM IN HERE, AND APPLY THEM TO DIFFERENT THINGS IN
THE MOVIE.
24 FOR INSTANCE, THIS IS A FRAME ACTION AND IT JUST
SIMPLY MEANS WHEN THE PLAYBACK HEAD GETS TO THAT
25 ENDING FRAME, STOP THE MOVIE.
NOW, IF YOU GUYS HOLD YOUR QUESTIONS, I'LL SHOW YOU

1 SOMETHING REALLY COOL.
I'M GOING TO MAKE A BUTTON FOR YOU REALLY FAST.
2 THAT WILL GIVE YOU AN IDEA OF HOW A FRAME ACTION CAN
ACTUALLY BE PROGRAMMED TO JUMP AMONGST SCENES OR WHAT
3 HAVE YOU.
SO JUST WHAT.
4 WE STILL HAVE A LITTLE BIT OF TIME LEFT.
I'M GOING TO ACTUALLY DO THIS CLEAN SO YOU CAN SEE
5 IT.
I'M GOING TO GO UP HERE AND MAKE A NEW MOVIE.
6 WE'LL GO BACK AND WE WILL OPEN UP OUR LITTLE TOOL
BAR.
7 LET'S GO BACK AND OPEN TOOLS.
HERE WE GO.
8 AND WE'LL KEEP THIS VERY SIMPLE.
WE'LL TAKE A RECTANGLE AND I CAN USE THE DEFAULTS
9 BECAUSE IT DOESN'T MATTER AND LET'S JUST MAKE A VERY
TYPICAL KIND OF BUTTON LIKE THAT.
10 NOW, WHAT IS THIS?
AUDIENCE: GRAPHICS.
11 RICHARD: THIS IS IT A SHAPE.
REMEMBER THAT, IT'S REALLY IMPORTANT.
12 IT'S A SHAPE.
IF IT COMES OUT OF THE TOOL BAR AND IT'S KIND OF A
13 RAW VECTOR, IT'S A SHAPE.
BECAUSE IF WE CLICK IT HAS HASH MARKS ON IT.
14 THAT'S A SHAPE.
NOW, I'M GOING TO DOUBLE CLICK IT TO ALSO GET THE
15 BORDER STROKE, BUT NOW THIS IS WHERE FLASH STARTING
GOING TO THE NEXT COOL LEVEL.
16 NOW WATCH.
WE CAN OF COURSE CONVERT IT TO A SYMBOL LIKE WE DID
17 BEFORE, BUT I'M GOING TO TAKE IT TO ANOTHER LEVEL.
WE'RE NOT GOING TO MAKE IT A GRAPHIC THIS TIME; WE'RE
18 GOING TO MAKE IT A BUTTON. AND WE'RE GOING TO CALL
THIS WHAT?
19 AUDIENCE: COOL BUTTON.
THAT'S RIGHT.
20 IT'S A COOL BUTTON.
SO LET'S GO AHEAD AND DO THAT.
21 GIVE IT A NAME.
AND LET'S SAY, OKAY, BECAUSE SOMETHING REMARKABLE IS
22 GOING TO HAPPEN.
WATCH.
23 WHERE IS IT?
WHAT'S REMARKABLE?
24 LOOKS THE SAME, RIGHT?
NO.
25 THERE'S SOMETHING VERY DIFFERENT.
LET'S GO OVER TO OUR LIBRARY BECAUSE LOOK AT THIS.

1 THE ICON ASSOCIATED WITH THIS VECTOR NOW HAS A LITTLE
POINTY FINGER BECAUSE IT'S SAYING, RICHARD, YOU JUST
2 MADE THE BEGINNING OF A COOL BUTTON.
NOW HERE'S WHERE IT GETS VERY EXCITING.
3 WATCH.
WE'VE BEEN WORKING IN WHAT'S CALLED AIR SCENE THE
4 WHOLE TIME.
BUT WE CAN TAKE THIS TO THE NEXT LEVEL BY INTRODUCING
5 ADDITIONAL SCENES IF WE WANT AND INTERACTING MOVIE
CLIPS AND /*.
6 IF I WANT YOU TO PUT YOUR ATTENTION THERE AS I DOUBLE
CLICK HERE, LOOK WHAT HAPPENED.
7 YOU GUYS SEE WHERE I AM?
THINK OF LIKE POPPING THE CORK OF THE SHAP PAGE AND
8 GETTING OUT THE GOOD STUFF.
I'M NOW INSIDE OF THE BOTTLE OF CHAMPAGNE OR I'M
9 INSIDE THE BUTTON.
I'M INSIDE.
10 AND I CAN GET OUT OF IT BY GOING BACK TO THE SCENE
BECAUSE THE BUTTON SITS THERE.
11 SEE THAT?
BECAUSE A QUICK DOUBLE CLICK, I'M NOW INSIDE OF THE
12 BUTTON AND IT'S HERE THAT I CAN MAKE SOME VERY, VERY
EXCITING THINGS FOR MY WEB SITE WATCH.
13 I'M GOING TO KEEP SIMPLE BECAUSE WE'RE GETTING CLOSE
HERE ON OUR TIME.
14 I'M GOING TO SIMPLY INSERT A KEY FRAME, INSERT A KEY
FRAME, AND THIS ONE'S A LITTLE BIT MORE INTERESTING.
15 THIS IS CALLED THE HIT STATE.
THIS IS WHERE THE CURSOR ACTUALLY INTERACTS WITH
16 THIS.
I'LL EXPLAIN MORE IN A MINUTE.
17 INSERT A KEY FRAME.
NOW, THIS IS A VERY BORING BUTTON, BECAUSE IF I WERE
18 TO PUT THIS ON MY WEB SITE, IT WOULD LOOK BLUE WHEN I
SEE IT, IT WOULD LOOK BLUE WHETHER I ROLLED OVER IT
19 LIKE THAT, IT WOULD LOOK BLUE WHETHER I PUT MY MOUSE
DOWN ON IT.
20 AND WHAT IS THIS?
THE HIT STATE MEANS THIS IS THE PHYSICAL AREA THAT
21 SURRROUNDS THE BUTTON AND THIS IS WHERE THE ACTUAL
CODE IS FIRING, MEANING IT IS HERE THAT THE BUTTON
22 WILL BE TRIGGERED.
A GOOD EXAMPLE IS IF I HAD SOME TEXT UP HERE, LIKE
23 LET'S JUST USE THE WORD NEON, NEON.
AND IF I ACCIDENTALLY DID NOT PUT A BOX AROUND THE
24 WORD NEON OR THE TEXT, AND I PUT MY CURSOR RIGHT IN
THE O, THE BUTTON WON'T WORK.
25 BECAUSE THERE'S NO PHYSICAL GRAPHIC THERE, THERE'S NO
VECTOR.

1 BY PUTTING A BOX AROUND THE TEXT, THIS ENTIRE AREA
COVERING THE TEXT IS NOW HOT.
2 IT'S THE HOT SPOT.
GOT IT?
3 THAT'S WHAT A HIT STATE IS.
ALL RIGHT.
4 LET'S GO AHEAD AND DO THAT.
AUDIENCE: IT GIVES YOU THE FINGER.
5 RICHARD: THAT'S THE SPOT THAT GIVES YOU
THE IF ANYTHINGER, THAT'S RIGHT.
6 SO LET'S GO AHEAD AND CHANGE THE OVERSTATE BY
COLORING IT DIFFERENTLY.
7 WE'RE GOING TO GIVE THIS THE COLOR GREEN, AND WHEN I
CLICK DOWN ON IT, LET'S AGAIN CHANGE ITS COLOR TO
8 SOMETHING LIKE, I DON'T KNOW, LET'S GO WITH A KIND OF
ORGY COLOR.
9 LET'S GO INTO OUR LINE TOOL OR LET'S USE THE BRUSH.
AND WE CAN GO IN AND DO SOME REAL FUN STUFF WITH THAT
10 AND WE'LL CHANGE ITS COLOR TO MAYBE BACK TO RED, AND
WE'LL PUT SOME FUN LINES ON IT LIKE THAT.
11 ACTUALLY THIS BUTTON IS KIND OF A FUNNY LITTLE FACE.
IT'S HALLOWEEN, RIGHT?
12 SO HE'S GOT A LITTLE MASK ON HERE.
THERE'S OUR MASKED HALLOWEEN CHARACTER.
13 ACTUALLY THE BUTTON IS DONE.
HOWEVER, I WANT TO SHOW YOU SOMETHING THAT'S A LITTLE
14 HARD IN FLASH, I MUST ADMIT.
LET'S GO UP TO WINDOW AND LET'S GO INTO COMMON
15 LIBRARIES BECAUSE FLASH SHIPS WITH A BUNCH OF FUN
SOUNDS AND NOTICE IF I CLICK ON ONE LIKE BOOK DROPS,
16 YOU'RE GOING TO HEAR IT DROP.
OR IF YOU'RE FAMILIAR WITH A MOTOR DRIVE ON A CAMERA,
17 THERE'S SOME STOCK SOUNDS.
BUT WATCH CAREFULLY BECAUSE THIS IS A BIT
18 COMPLICATED.
IF I LIKE TO PUT A SOUND WHEN THE USER ROLLS OVER
19 THAT BUTTON RIGHT THERE, YOU BASICALLY HAVE TO DO
THIS.
20 GRAB IT, DRAG IT, AND DROP IT.
AUDIENCE: THAT'S SO HARD.
21 RICHARD: THAT'S HARD.
MAN, THAT'S TOUGH.
22 IN FACT, IF WE NEED TO PUT IT ON THE DOWN STAGE,
LET'S GET THE CAMERA SHUTTER AND DRAG AND DROP OR
23 WE'RE DONE.
AUDIENCE: HOW WOULD YOU DELETE THOSE?
24 RICHARD: YOU CAN CLICK ON HERE, WHAT WILL
HAPPEN IS THE SOUND WINDOW WILL COME UP AND YOU TURN
25 IT TO NONE, AND THAT WAVE FORM WILL DISAPPEAR.
SO NOW LET'S GET OUT OF THE BUTTON.

1 LET'S GO BACK TO SCENE.
AND LET'S TRY IT.
2 OOPS.
SOMETHING ISN'T WORKING.
3 WHY?
WELL, LET ME TELL YOU, BECAUSE FLASH IS AN AUTHORING
4 TOOL FOR THE WEB, IF THIS BUTTON WORKED RIGHT NOW AND
WE HAD CODE ON IT THAT SAID GO PLAY ANOTHER SCENE, GO
5 OUT TO THE WEB TO YOUR SCHOOL, IT MIGHT DRIVE YOU
CRAZY BECAUSE IT'S ALWAYS WORKING AND IT'S ALWAYS
6 DOING ITS JOB PERFECTLY AND EVEN THE SOUNDS MIGHT
DRIVE YOU CRAZY.
7 SO THERE'S ONLY TWO SOUNDS.
ON AND OFF FLASH.
8 THERE'S A WAY TO TURN ON OR ENABLE ANY SCRIPTS THAT
YOU PUT IN THESE FRAMES SO YOU JUST TURN THEM ON IF
9 YOU WANT.
AND ONLY ONE MORE, SIMPLE.
10 ENABLE THE SIMPLE BUTTON.
BY TURNING IT ON, I HAVE TOLD FLASH TO MAKE ALL THAT
11 UP, DOWN, OVER SOUND WORK IN THE AUTHORING
ENVIRONMENT.
12 WATCH.
THE BUTTON CHANGES COLOR AS I ROLLOVER IT AND WHAT'S
13 GOING TO HAPPEN IF I CLICK DOWN?
AND I GET THE SOUND.
14 THAT'S IT.
THAT'S HOW HARD IT IS TO MAKE A BUTTON INSIDE FLASH.
15 LAST BUT NOT LEAST, LET'S GO BACK AND LET ME SHOW YOU
JUST SIMPLY, YOU GOTTA DISABLE IT, OH, YOU DIDN'T
16 LIKE THAT SOUND?
NOTICE IF I CLICK ON THE BUTTON, I CAN NOW RIGHT
17 CLICK ON IT.
AND THERE'S SOMETHING CALLED ACTIONS AND IT'S HERE
18 THAT WE CAN GET REALLY REALLY CREATIVE WITH OUR CODE
AND MAKE THIS MUCH MORE INTERESTING FOR OUR
19 INTERACTIVITY.
FOR INSTANCE, I MIGHT SAY, WELL, ON A MOUSE EVENT --
20 WHAT DOES THAT MEAN?
REMEMBER I'M NOT A CODER BUT I KNOW ENOUGH OF THIS TO
21 SHARE IT WITH YOU GUYS.
ON A MOUSE EVENT, IF RICHARD CLICKS DOWN ON THE
22 MOUSE, DOUBLE CLICK, IT PUTS IT IN THE CODE, WINDOW,.
IN FACT, IT GETS EVEN MORE DETAILED.
23 IF RICHARD RELEASES THE MOUSE, IF RICHARD PRESSES THE
MOUSE, IF RICHARD DRAGS OR ROLLS OVER THE MOUSE, DO
24 SOMETHING.
SO IF I RELEASE THE MOUSE, I CAN THEN GO TO AND PLAY
25 SOMETHING IN THIS MOVIE.
AND MOST CASES WHAT WE'D TYPE IN HERE IS A SCENE OR

1 WE MIGHT ACTUALLY PUT GO GET A URL.
IN OTHER WORDS, THEY CLICK ON THE FLASH BUTTON IN THE
2 ADMISSIONS DEPARTMENT AND GO TO AND PLAY A SCENE
SOMEWHERE ELSE ON THE DOT EDU SERVER ELSEWHERE, PUT
3 IN A RELATIVE LINK.
AUDIENCE: IS THIS WHERE YOU PUT THE SKIP
4 INTRODUCTION THING?
RICHARD: YES, YOU COULD DO THAT.
5 YOU COULD SKIP THE INTRODUCTION RIGHT THERE.
ABSOLUTELY, IF YOU DON'T WANT TO DO THAT.
6 OKAY.
SO LET'S SEE, HOW ARE WE DOING?
7 WE'RE DOING GREAT ON TIME.
WHAT DID YOU THINK ABOUT THAT?
8 PRETTY EASY? YOU WANT TO SEE ONE MORE THING IN FLASH
AND WE'RE ACTUALLY GOING TO TAKE A QUICK LOOK AT TWO
9 MORE THINGS AND THEN WE'LL HAVE KIRSTI AND MYSELF UP
HERE FOR QUESTION AND ANSWER, STUFF LIKE THAT.
10 QUICK LITTLE LAST TECHNIQUE IN FLASH?
AND THEN WE'LL WRAP IT UP.
11 WHAT I'LL DO QUICKLY HERE IS I'M GOING TO ADD WHAT IS
CALLED A SHAPE TWEAK.
12 THIS IS INTERESTING BECAUSE WE'LL LEAVE THE BUTTON
SITTING THERE, BUT NOW I'M GOING TO CONFUSE YOU JUST
13 A LITTLE BIT.
I'M GOING TO TAKE A CIRCLE RIGHT HERE AND WE'RE GOING
14 TO JUST DRAG SOME OF THEM ONTO THE MOVIE.
IN FACT, I'M GOING TO PUT FOUR ON HERE.
15 LIKE THAT.
ALL RIGHT?
16 LATER IN TIME WE'RE GOING TO INSERT A KEY FRAME AND
IF I WANT THE BUTTON TO BE THERE TOO, DO YOU NOTICE
17 IT DISAPPEARED, RIGHT WHY?
BECAUSE THE BUTTON ACTUALLY SITS WAY OVER HERE, BUT
18 IN ORDER FOR IT TO BE SCENE LATER IN TIME OVER HERE I
HAVE TO INSTALL SOMETHING HERE.
19 WHAT DO YOU THINK?
KEY FRAME.
20 THAT'S IT, THAT'S ALL THERE IS TO IT.
AND NOW WE HAVE BOTH THINGS IN THE MOVIE.
21 BY THE WAY, WHAT'S THAT LITTLE WHITE HANDLED?
THAT'S A COOL THING BECAUSE IT'S HERE SO WE CAN DRAG
22 IT BACK AND TELL FLASH WHEN THINGS ARE NOT
NECESSARILY IN THE MOVIE.
23 SEE THAT?
THIS IS HOW YOU TIME THINGS IN FLASH.
24 WE SEE BOTH, BUT BY GRABBING THAT LITTLE HANDLE AND
PUTTING EMPTY SPACE IN THERE, THE BUTTON DISAPPEARS
25 FOR A MOMENT AND APPEARS AGAIN.
EASY.

1 NOW, WHAT I WANT TO DO IS SHARE WITH YOU A
SHAPE TWEEN.
2 THEY'RE VERY UNIQUE BECAUSE THESE ARE WHAT?
SHAPES.
3 WE KNOW THEY ARE BECAUSE THEY HAVE THE HASH MARKS ON
THEM, RIGHT?
4 AND WHAT WE'RE GOING TO DO IS WE'RE GOING TO DO
SOMETHING VERY UNIQUE.
5 THEY START HERE, BUT AT THE END OF THE MOVIE THERE,
WE'RE GOING TO DO SOMETHING WEIRD; WE'RE GOING TO
6 DELETE THEM.
BECAUSE WE'RE GOING TO TAKE YOUR NAME, AND YOUR NAME
7 IS?
AUDIENCE: TARRAN.
8 RICHARD: TARRAN, WE'RE GOING TO USE OUR
TEXT EDITOR RIGHT HERE AND WE'RE GOING TO ACTUALLY GO
9 UP HERE TO OUR WINDOW PANELS, AND WE'RE GOING TO GO
AHEAD AND GET OUR CHARACTER PANEL HERE AND WE'LL
10 STICK IT OVER HERE SO IT'S NICE AND TIDY AND WE'LL GO
AHEAD AND BUMP THIS TEXT UP TO MAYBE 38, 40, SO YOU
11 CAN SEE IT, AND I'M GOING TO CLICK.
AND PLEASE SPELL YOUR NAME FOR ME.
12 AUDIENCE: TARYN.
RICHARD: ALL RIGHT.
13 SO NOW WE'VE GOT HER NAME IN THIS MOVIE.
AND LET'S MAKE IT EVEN BIGGER.
14 THERE'S TARYN'S NAME.
AND WE'RE GOING TO PUT IT RIGHT UNDER THE BUTTON,
15 RIGHT ABOUT THERE NOW, THIS FOLKS, IS BASED ON SYSTEM
TEXT THIS . IS WHAT'S IN MY COMPUTER.
16 BUT I MIGHT WANT 390 PLUS AND growING MILLION PEOPLE
WHO HAVE FLASH PLAYER TO SEE ANY KIND OF TEXT I WANT.
17 IN FACT, I COULD MAKE EVEN MAYBE MY OWN TEXT, BUT I
WANT TO ENSURE THAT PEOPLE GET TO SEE IT.
18 SO WHAT I'M GOING TO DO IS TAKE TARYN'S NAME AND I'M
GOING TO MODIFY AND BREAK IT APART.
19 I JUST INCREASED THE POSSIBILITY OF THE WORLD SEEING
MY TEXT BECAUSE NOW THAT TEXT IS VECTOR TEXT.
20 LOOK.
IF I DESELECT IT, WATCH.
21 I COULD NOW ACTUALLY COME IN HERE AND I CAN
MANIPULATE THAT TEXT ANY WAY I WANT BECAUSE IT'S JUST
22 A VECTOR, IT'S FLASH VECTOR TEXT.
AND I CAN COME IN AND COLOR IT IF I WANT LIKE THAT.
23 AND WHAT HAVE YOU.
YOU GUYS GET THE IDEA.
24 BUT NOW I WANT TO SHARE WITH YOU SOMETHING
INTERESTING.
25 WE'RE GOING TO GO FROM A BUNCH OF RED BALLS RIGHT
HERE ON THE OUTSIDE OF THAT FLASH MOVIE TO TARYN'S

1 NAME.
WE'RE GOING TO DO IT IN A AI NEEK FASHION.
2 I'M GOING TO DO THE EXACT SAME TECHNIQUE BY CLICKING
IN BETWEEN THE TWO FRAMES, BUT BEFORE THAT I'M GOING
3 TO CLICK IN ANOTHER INTERESTING PANEL THAT I LIKE A
LOT, IT'S CALLED THE FRAME PANEL.
4 AND BY DOING SO YOU'RE YOU'RE GOING TO NOTICE I COULD
HAVE SIMPLY PUT THAT MOTION TWEEN IN THERE.
5 I COULD HAVE DONE IT HERE, BUT I'M GOING TO USE THIS
SHAPE RIGHT NOW.
6 WE'RE GOING TO TAKE TARYN'S NAME AND WE'RE ACTUALLY
GOING TO MOFRP MORPH IT FROM THOSE TWO BALLS INTO HER
7 NAME.
JUST LIKE THAT.
8 THAT'S CALLED A SHAPE TWEEN AND I DID THAT BY USING
FRAME RIGHT THERE.
9 ALL RIGHT.
WE HAVE ONE LAST THING TO SHOW YOU AND THEN WE'RE
10 GOING TO HAVE KIRSTI AND ME BE UP HERE FOR QUESTIONS
AND ANSWERS AND ALL AND THAT'S THIS.
11 AUDIENCE: DOES TARYN GET SOMETHING?
RICHARD: TARYN GETS A BOOK.
12 COME ON UP, TARYN.
ABSOLUTELY.
13 DON'T RUN AWAY, WE VIDEO HAVE A COOL THING TO SHARE
WITH YOU.
14 AND THEN WE'LL HAVE A CLOSING REMARK.
I WANT TO SHARE WITH YOU SOMETHING WE DID CALLED MMU.
15 WE LISTENED TO OUR TEACHERS AND WE LISTEN TO OUR
CUSTOMERS VERY CAREFULLY AND A LOT OF THEM WHEN I GO
16 OUT IN THE FIELD IN SEMINARS A LOT OF THEM WILL COME
UP TO ME AND SAY I REALLY LOVE YOU DID BUT I NEED A
17 KICK AND INEXPENSIVE WAY TO KEEP LEARNING.
SOME OF THESE BOOKS ARE VERY XIVENS, SOME OF THESE
18 WEEKEND INTENSIVES ARE VERY LONG.
SO WE CREATED A REALLY THING CALLED MMU OR MACROMEDIA
19 UNIVERSITY.
KIRSTI, YOU WANT TO COME UP AND JOIN ME ON THIS?
20 KIRSTI IS REALLY GOOD AT THIS.
WHAT I'M GOING TO DO IS USE NETSCAPE TO OPEN IT.
21 AND LET'S GO AHEAD AND OPEN THAT PAGE RIGHT THERE.
AND WE'LL JUMP UP TO MY DESKTOP AND WE'LL GO INTO OUR
22 EDUCATION SEMINAR AND LET'S GO INTO MMU.
SO WHAT WE DID IS WE CREATED A FANTASTIC, VERY, VERY
23 INEXPENSIVE ON-LINE TRAINING FOR PEOPLE AND THIS IS
WHAT IT LOOKS LIKE.
24 IT'S ALL CREATED WITH OUR TOOLS.
IN FACT, WE PARTNERED WITH ELEMENT K AND YOU GET A
25 LOGIN NAME AND USER NAME AND YOU CAN CHOOSE FROM
SUBSCRIPTIONS.

1 THERE'S BASIC, COMPLETE, AND PROFESSIONAL.
WE ADD CLASSS TO THIS EVERY MONTH OR TWO.
2 LET'S JUST EXPERIMENT.
WE HAVE A DEMO HERE TO SHOW YOU.
3 THIS IS AN OLD LIST, I'LL BE FRANK, IT HAS GROWN
SINCE I DID THIS.
4 THESE ARE SAMPLES BUT WHAT'S INSIDE HAS GROWN
REMARKABLY.
5 AND I WANT TO JUMP OVER AND LEARN SOMETHING ABOUT
FLASH.
6 SO LET'S CLICK THERE AND YOU'RE GOING TO HAVE A
SERIES OF COURSES.
7 THERE'S A LOT OF THEM IN THERE NOW, AND IF YOU
NOTICE, THERE'S GOING TO BE AN OVERVIEW OF THE
8 COURSE, IT'LL TELL YOU WHAT YOU'RE GOING TO LEARN ON
THESE LESSONS. AND IF WE WERE LIEB ON THE WEB RIGHT
9 NOW, EVERY ONE OF THESE WOULD HAVE HYPER TEXTS TO
THEM.
10 I'M GOING TO CLICK HERE, SO WE'RE GOING TO GO OVER
FOT TO THE TUTORIAL.
11 IT'S LEVEL 1.
THIS IS WHERE IT GETS EXCITING BECAUSE WHAT THE
12 ENTIRE WEB SITE IS CREATED WITH IS MACROMEDIA
DIRECTOR SHOCKWAVE MOVIES AND AND MACROMEDIA FLASH TO
13 TEACH YOU OUR TOOLS.
SO HERE'S A TYPICAL LESSON ON LEARNING MACROMEDIA
14 FLASH 5 BY ELEMENT K, OUR PARTNER.
"WHEN PEOPLE THINK OF FLASH, OFTEN THE FIRST THING
15 THEY THINK OF IS ANIMATION.
FLASH HAS BEEN USED TO CREATE SOME OF THE MOST
16 EXCITING DYNAMIC CONTENT ON THE INTERNET."
.
17 RICHARD: SO WHAT'S HAPPENING HERE IS YOU
HAVE AN INSTRUCTOR WHO ACTUALLY GIVES YOU A
18 NARRATION.
SHE'S GOING TO TELL YOU WHAT'S GOING ON.
19 KIRSTI: I JUST SHUT HER UP TOO.
RICHARD: YOU CAN SHUT HER UP, AND YOU CAN
20 COME TO THE LESSONS AND READ ALONG, PLAY THE AUDIO,
IT'S UP TO YOU, BUT AS YOU PROGRESS, SUDDENLY Y GOING
21 TO SEE SOMETHING.
A CURSOR IS GOING TO COME UP AND IT'S GOING TO
22 DYNAMICALLY MOVE THROUGH THE PROGRAM ASKING YOU TO
INTERACT WITH YOUR TRAINER SO BASICALLY SHE'S SAYING
23 PLEASE CLICK ON FILE, PLEASE GO AHEAD AND IMPORT THE
MOVIE AND GO AHEAD AND OPEN THE ANIMATION AND GET
24 DRINKING ONE GIFT AND OPEN IT.
AND SHE'S GOING TO SAY YES AND THERE YOU GH.
25 SO THE TRAINING IS COMPLETELY INTERACTIVE BY USING
FLASH OR SHOCKWAVE MOVIES TO ACTUALLY TEACH YOU OUR

1 PRODUCTS.
WE ALSO HAVE CLASSES THAT ARE INSTRUCTOR LED BECAUSE
2 YOU'RE DEALING WITH A LIVE INSTRUCTOR AND A LOT OF
PEOPLE THAT ARE IN THE CLASS AND YOU HAVE CHAT AND
3 E-MAIL AND LESSONS AND BOOK ASSIGNMENTS AND ALL OF
THAT.
4 KIRSTI: I YOU CAN SEE THAT THE SIMULATES
THE WHOLE ENVIRONMENT SO YOU DON'T HAVE TO BE AFRAID
5 OF GOING INTO FLASH THE FIRST TIME AND TRYING TO
FIGURE OUT WHAT TO DO.
6 THE OTHER NICE THING ABOUT IT IS BECAUSE YOU'RE
SUBSCRIBING FOR A AI, FOR $75 YOU GET LEVEL 1 AND 2
7 COURSES, THERE'S NO TIME LIMIT ON WHEN YOU CAN GO OUT
OF IT.
8 A LOT OF PEOPLE USE THIS AS A REFERENCE.
I LOOK LEARNED HOW TO DO AN ANIMATION IN GENERAL, BUT
9 NOW I WANT TO DO IT IN MARCH.
YOU CAN USE IT AS A WAY TO LEARN IN THE FIRST PLACE,
10 BUT YOU CAN ALSO USE IT AS A REFERENCE.
AUDIENCE: $75 COVERS ALL THE COURSES?
11 KIRSTI: IT'S $75 IN THE BASIC LIBRARY.
THAT'S ALL LEVEL 1 AND 2 COURSES.
12 IF YOU WERE AN ADVANCED USER IN THE PRODUCT, YOU
WOULD PROBABLY THE WANT TO GO TO THE MACROMEDIA
13 COMPLETE LIBRARY WHICH IS I THINK $187.
SO YOU HAVE ACCESS TO ALL OF THOSE COURSES DURING
14 THAT ANNUAL SUBSCRIPTION PERIOD OF TIME.
RICHARD: THEY'RE UPDATED CONTINUOUSLY.
15 LAST THING I WANT TO SHOW YOU AND THEN WE'RE GOING TO
OPEN IT UP TO Q&A, I WANTED TO SHARE WITH YOU FOLKS
16 LEARNING AND EDUCATION ON A PDA, PERSONAL DIGITAL
ASSISTANT.
17 WHAT I'M HOLDING IN MY HAND HERE IS THE WONDERFUL
COMPAQ IPAC.
18 THINK OF IT AS THE PALM.
KIRSTI: EXCEPT IT USES THE WINDOWS CE
19 PLATFORM.
RICHARD: RIGHT.
20 SO WHAT'S NICE ABOUT THIS, IF YOU LOOK UP ON THE
SCREENS, WHAT IS ON HERE IS A WAY TO LEARN OR TEACH
21 SEVEN DAYS A WEEK, 24 HOURS A DAY ANYTIME, ANYWHERE.
THE ONLY THING I DON'T HAVE HOOKED UP ON THIS RIGHT
22 NOW IS A LITTLE CARD WITH AN ANTENNA.
THAT'S IT. AND IF I DID, I COULD BE WALKING AROUND
23 ANYWHERE AND I COULD BE ACCESSING THE WEB OR YOUR
COURSES ON MY IPAC.
24 BUT FOR THIS DEMO, I'VE WIRED IT DIRECTLY IN.
I WILL NOT KID YOU, THERE IS A SLIDE LAG BETWEEN
25 THESE TWO THINGS TODAY FOR PROJECTION, BUT I WANT TO
SHARE YOU ONE XICHL OF HOW CISCO SYSTEMS IS ACTUALLY

1 USING FLASH AND THIS PDA TYPE OF TECHNOLOGY TO TEACH
THEIR FIELD REPS ABOUT THEIR ROUTERS AND SUCH THINGS
2 OUT IN THE FIELD.
SO WHAT I'M GOING TO DO IS I'M GOING TO COME DOWN
3 HERE AND JUST OPEN THIS UP.
AGAIN, THERE'S GOING TO BE A SLIGHT LAG HERE ON THE
4 PROJECTOR.
KIRSTI: SO EVERYTHING THAT RICHARD IS
5 RUNNING, BY THE WAY, IS ON THE IPAC.
ALL HE'S USING THE COMPUTER FOR IS TO DISPLAY IT.
6 RICHARD: EXACTLY.
SO THE FIELD REPS WHO MAY HAVE NEEDED A REFERENCE
7 GUIDE IN THE PAST, THIS IS ACTUALLY WHAT THEY DID AT
CISCO, WOULD CARRY THIS MASSIVE MANUAL AROUND WHICH
8 IS ALWAYS OUTDATED, ALWAYS GETTING LOST OR BEAT UP,
AND THEY PUT EVERYTHING RIGHT HERE. AND THEY CAN
9 UPDATE THIS RIGHT ON THE WEB.
SO IF YOU LOOK UP HERE, I'M GOING TO GO AHEAD AND
10 VIEW OR OPEN UP MY REFERENCE MANUAL AND THERE'S A FUN
LITTLE FLASH ANIMATION OF A GUY OR A GAL ROBOT
11 TOUCHING THE DEVICE, AND NOW WE HAVE TWO SECTIONS TO
ACTUALLY GO OUT IN THE FIELD AND GET INFORMATION
12 ABOUT CISCO'S ROUTERS.
FOR INSTANCE, LET'S SAY I'M A NEW TRAINEE AND I NEED
13 TO GO OUT ON IN THE FIELD AND LEARN A LITTLE BIT
ABOUT THE INSTALLATION PROCEDURES.
14 I CAN GO OUT AND CLICK VIEW.
THERE IT IS.
15 PLAYS AN ANIMATION IN EXACTLY HOW THAT PART GOES IN
THE ROUTER.
16 IF I NEED TO GO BACK, I CAN CLICK THERE AND I'LL GO
BACK TO THAT MAIN PAGE AND MAYBE I NEED TO KNOW A
17 LITTLE BIT OF INFORMATION ABOUT A PARTICULAR PART FOR
THE ROUTER, I'LL GO AHEAD AND CLICK ON THIS PORT
18 PART.
LOADS A SEPARATE FLASH MOVIE AND I EX-GET INFORMATION
19 ON THAT TECHNOLOGY RIGHT THERE.
SO THIS IS ANOTHER WEIGH WAY YOU CAN USE FLASH OR
20 MACROMEDIA PRODUCTS TO GET YOUR LEARNING OUT THERE TO
YOUR STUDENTS.
21 AUDIENCE: WILL IT WORK ON A PALM?
RICHARD: NOT YET, AND THAT'S ALL I CAN
22 SAY ABOUT IT.
KIRSTI: WE SPECIFICALLY CHOSE THE
23 PRODUCTS LIKE THE IPAC AND THE HW BECAUSE THEY USE
WINDOW WOIND HC BECAUSE THEY HAVE MORE RESOLUTION AND
24 MORE FEATURES.
AS THE PALM FEATURES GET MORE RICHER, WE'LL BE ABLE
25 TO RUN FLASH ON IT.
IT'S NOT WORKING WITH THE PALM OPERATING SYSTEM; IT'S

1 WORKING ON BASICALLY POCKET PC TECHNOLOGY BECAUSE
RIGHT NOW IT'S A RICHER PLATFORM.
2 RICHARD: I JUST WANT TO SAY IT IS
EXACTLY 12 TWEFL TIME 30 ACCORDING TO MY COMPUTER.
3 WE ARE GOING TO TAKE SOME Q&A BUT FOR OUR FOLKS WHO
HAVE CHECKED IN BY WAY OF THE WEB CAST, THANK YOU
4 VERY MUCH FOR JOINING US TODAY.
I WANT TO THANK KIRSTI FOR TALKING AND I WANT TO
5 THANK ALL OF YOU FOR ATTENDING.
WE'LL GO AHEAD AND OPEN THE Q&A.
6 AUDIENCE: I WORK FOR A NOT FOR PROFIT, SO
WOULD WE FALL UNDER COMMERCIAL?
7 KIRSTI: YES.
AUDIENCE: MY SECOND QUESTION IS ARE YOU
8 IN NEED OF A CREATIVE INSTRUCTIONAL TECHNOLOGIST?
KIRSTI: ALWAYS.
9 SO TALK TO ME AS WE CLOSE UP SHOP AND I'LL GIVE YOU
MY CARD.
10 AUDIENCE: I HAVE TWO QUESTIONS AS WELL.
ONE OF THEM IS THE BUTTONS OF THE INTERFACE IS REALLY
11 INTERESTING TO ME.
CAN YOU EXPORT THOSE BUTTONS TO BECOME A MOUSE OVER
12 BUTTON ON A PAGE?
I HAVE MOUSE BUTTONS THAT REQUIRE SOUND.
13 KIRSTI: IN FACT, BECAUSE -- THIS WILL BE
FUN FOR YOU TO WATCH RICHARD AND I TRY TO ANSWER
14 THIS.
BECAUSE IT'S A FLASH BUTTON, THE AUDIO IS #EM BEDDED
15 IN FLASH.
THAT'S ONE OF THE REALLY NICE THINGS ABOUT FLASH IS
16 YOU DON'T HAVE TO POP UP ANOTHER MEDIA PLAYER.
AUDIENCE: THE OTHER QUESTION IS ON THE
17 BROWSERS THEMSELVES.
I DON'T KNOW IF IT'S CHANGED SINCE I FIRST STARTED
18 DEVELOPING SOME OF THE PLATFORMS, BUT IN SOME OF THE
OTHER BROWSERS, EITHER WOULD DISPLAY A GRAY BOX SO IT
19 DIDN'T SHOW THE FLASH PLAYING, OR IT KEEPS PROMPTING
THEM TO DOWNLOAD AND SOME PEOPLE ARE DOWNLOADING
20 PLAYERS.
IS THAT SOMETHING THAT'S BEEN CHANGED?
21 KIRSTI: DO YOU WANT TO ANSWER THAT?
RICHARD: I WAS NOT PAYING ATTENTION
22 ACTUALLY.
I'M GOING TO SHOW YOU SOMETHING.
23 KIRSTI: SO WHAT YOU'RE ASKING ABOUT IS
YOU HAVE CREATED WEB PAGES, HTML PAGES THAT HAVE
24 FLASH ELEMENTS IN IT AND SOME OF THE BROWSERS DON'T
SHOW THAT.
25 THAT WOULD BE BECAUSE THAT PARTICULAR BROWSER DIDN'T
HAVE THE PARTICULAR VERSION OF FLASH YOU WERE USING

1 FOR THE MOVIE.
THAT HAS CHANGED QUITE SUBSTANTIALLY.
2 IT USED TO BE THAT IT WAS LESS THAN HALF THE PEOPLE
IN THE WORLD HAD THE FLASH PLAYER IN THEIR BROWSERS.
3 FOR THE FLASH 4 BROWSER I THINK WE'RE UP OVER 90
PERCENT EVER THE USERS HAVE AT LEAST FLASH 4 AND THE
4 MAJORITY CH THEM HAVE FLASH 5.
AND I THINK THAT SHOULD BE LESS AND LESS OF A
5 PROBLEM.
BECAUSE IF YOU BUY A COMPUTER THAT HAS IE OR NETSCAPE
6 OR AOL OR YOU'RE DOWNLOADING ANY OF THOSE THINGS, ALL
OF THOSE THINGS HAVE THE FLASH PLAYER EMBEDDED IN THE
7 BROWSERS.
IT SHOULDN'T BE A PROBLEM.
8 AUDIENCE: THAT'S ONE THE REASONS WHY00.
..
9 KIRSTI: RIGHT.
AND SINCE THE TIME YOU DID THAT AND NOW, THE FLASH
10 PLAYER HAS REALLY BECOME PROLIFIC ACROSS ALL OF THE
MAJOR BROWSERS.
11 RICHARD: NOW, JUST TO SHOW YOU, NOTICE UP
HERE ON THE SCREEN I'M GRABBING AN SWF FILE CALLED
12 LOGO, I'M GOING TO SELECT IT, IMPORT IT INTO
DREAMWEAVER.
13 AND WHAT KIRSTI WAS SAYING IS THERE IS ACTUALLY A
SOUND FILE INSIDE THIS SWF THAT WAS PUT IN THE TIME
14 LINE LIKE YOU SAW EARLIER WITH BUTTONS.
SO WATCH THIS.
15 IF I GO OUT TO THE WEB AND IS OUR AUDIO DOWN?
OH, OF COURSE.
16 KIRSTI: YOU PLUGGED INTO YOUR PDA.
RICHARD: YOU HEAR THAT?
17 CAN YOU GUYS BRING THAT UP A LITTLE LOUDER?
THAT'S INSIDE THE FLASH MOVIE.
18 SO THAT HAS NOTHING TO DO WITH THE BROWSER HAVING TO
DEAL WITH MEDIA PLAYER OR QUICK TIME OR WHATEVER.
19 IT'S RIGHT THERE.
AUDIENCE: BUT IF I USE -- MOUSE OVER,
20 IT'LL POP UP.
KIRSTI: IT'LL POP UP A MEDIA PLAYER.
21 SO WHAT YOU'LL WANT TO DO IS HAVE THE PLAY BE IN A
FLASH MOVIE.
22 SNIE HAVE A QUESTION.
YOU HAVE LIKE 15 OF FLASH, YOU GET A DISCOUNT, BUT
23 WITH THE PRODUCT YOU ALSO GET THE SUPPORT MATERIALS?
KIRSTI: SO IF YOU'RE TALKING
24 SPECIFICALLY ABOUT THE BOOKS, THE BOOKS ARE SEPARATE.
SO YOU WOULD BUY -- SO SAY YOU BOUGHT 15 COPIES OF
25 FLASH FOR YOUR CLASSROOM AND YOU WANTED TO USE
PROJECT-BASED MULTIMEDIA BECAUSE THERE'S FLASH LESS

1 OFTENS IN THERE, YOU WOULD ONLY HAVE TO BUY ONE
PROJECT OF MULTIBASED MEDIA AND YOU COULD REPRODUCE
2 IT FOR YOUR STUDENTS.
TODAY CAN YOU?
3 YES, BUT WE HAVE TO GIVE THINGS TO THESE GUYS IN THE
BACK TOO. SO YES I'LL GIVE YOU.
4 AUDIENCE: CAN I CHANGE THIS WONDERFUL
MOUSE PAD FOR A BOOK?
5 (LAUGHTER).
KIRSTI: OKAY.
6 I'M GOING TO TAKE TWO MORE OF THOSE.
DO THOSE TWO RIGHT NOW AND THEN WE'LL GO ON WITH
7 EVERYBODY ELSE.
BUT I'D LIKE00 ALTHOUGH OKAY.
8 SOMEBODY RIGHT HERE.
AUDIENCE: CAN YOU PROTECT THE FLASH COPY
9 FROM BEING COPIED?
KIRSTI: IN THE SENSE OF SOMEONE DRAGGING
10 IT DOWN TO THEIR SITE?
RICHARD: ABSOLUTELY.
11 QUESTION IS CAN YOU PROTECT YOUR FLASH MOVIES FROM
SOMEONE STEALING THEM ON THE WEB.
12 YES, IN FACT, IT'S RIGHT HERE.
I'LL JUST SHOW YOU.
13 WHEN YOU ACTUALLY ARE USING FLASH, BEFORE YOU SEND
YOUR MOVIE OUT TO THE WEB, YOU HAVE A TERRIFIC LITTLE
14 AREA CALLED PUBLISHED SETTINGS.
NOW OBVIOUSLY IN A SEMINAR I CANNOT SHOW YOU
15 EVERYTHING, BUT THIS IS FANTASTIC BECAUSE NOTICE
PLEASE THAT NOT ONLY CAN WE SEND OUT AN SWF, WE CAN
16 SEND OUT GIF'S, JPEGS, QUICK-TIME MOVIES WHICH HAS
FLASH EMBEDDED AND REAL TECHNOLOGY.
17 THEY ALL PLAY.
IN FACT, IF I WERE TO CLICK A BUNCH OF THESE AND GO
18 EXPORT, THEY ALL SHOW UP ON THE DESKTOP
SIMULTANEOUSLY.
19 IT'S GREAT.
NOW, IF YOU GO OVER TO FLASH, THERE'S A LITTLE THING
20 HERE CALLED PROTECT FROM IMPORT AND THEY CANNOT RIGHT
CLICK ON THE WEB AND PULL IT OUT OF THERE.
21 NOW, A SAVVY PERSON CAN IN FACT GET PARTS OF THE
FLASH MOVIE OUT OF THE CACHE FILE OF A BROIRZ BUT ALL
22 YOUR BEST PEOPLE WHO DEVELOP IN FLASH CREATE LITTLE
PIECES OF THE OVERALL MOVIE.
23 THERE'S NEVER JUST ONE MASSIVE MOVIE.
SO THERE'S NEVER A WHOLE MOVIE IN KCH FILE IN ONE
24 TIME.
THERE'S A LONG WINDED WAY OF SAYING YOU CANNOT HACK
25 INTO THE ACTUAL TIME LINE, THERE'S NO WAY IN THERE.
KIRSTI: AND MAKE IT YOUR OWN.

1 RICHARD: RIGHT.
AUDIENCE: IF YOU WANT TO ADD A POWERPOINT
2 PRESENTATION, DO YOU DO THAT STRAIGHT INTO THE
DREAMWEAVER OR DO YOU GO INTO FLASH?
3 KIRSTI: YOU CAN SAVE YOUR POWERPOINT
PRESENTATION AS AN HTML FILE AND INCLUDE IT AS PART
4 OF YOUR DREAMWEAVER SITE.
AUDIENCE: AND WHERE DO YOU DO THAT --
5 KIRSTI: YOU DO A SAVE AS INSIDE
POWERPOINT, SAVE AS HTML.
6 AUDIENCE: YOU CAN SAVE IT AS A QUICK TIME
MOVIE TOO, RIGHT?
7 KIRSTI: YES.
AUDIENCE: I HAD TROUBLE PUTTING A WORD
8 DOCUMENT.
DOESN'T CLEAN UP REAL NICELY.
9 YOU LOSE A LOT OF YOUR FORMATTING AND STUFF LIKE WE
HAD A NEWSLETTER DONE IN WORD AND I WANTED TO DO IT
10 ON WEB SITE I HAD TO DO A LOT OF --
RICHARD: DID THE FORMATING GO CRAZY?
11 AUDIENCE: YEAH.
RICHARD: DID YOU GO IMPORT IT.
12 AUDIENCE: YES.
RICHARD: THERE IS GOING TO SOUND SO
13 SIMPLISTIC, BUT YOU DO A COMMAND A AND CONTROL ALL
AND YOU SIMPLY PASTE IT DIRECTLY ONTO THE PAGE AND
14 THE FORMATTING SHOULD BE RETAINED DIRECTLY OUT OF
WORD.
15 KIRSTI: THE OTHER THING YOU CAN DO IS
SAVE THE WORD FILE AS AN HTML FILE AND IMPORT -- SO
16 IT'S NOT -- AMOUNT OF THE FORMATING WILL NOT COME
OVER IT, THAT'S TRUE.
17 THERE'S NOT --
AUDIENCE: CUT AND PASTE.
18 SOME THINGS ARE --
KIRSTI: WE'VE DONE AS MUCH AS WE CAN BUT
19 BECAUSE IT'S MICROSOFT TECHNOLOGY AND MACROMEDIA
TECHNOLOGY, THEY'RE DIFFERENT ENOUGH SO THAT WE CAN
20 BRING OVER ONLY SOME OF THEM.
AUDIENCE: THEY WON'T GIVE YOU THEIR CODE?
21 KIRSTI: NO, THEY WON'T.
I'M SURE WE'VE ASKED.
22 AUDIENCE: IS THERE AN EXTENSION FOR
DREAMWEAVER FOR SOMEONE WHO DOESN'T HAVE A FLASH PLUG
23 IN?
KIRSTI: THERE'S A CHECKER AND IT WILL --
24 RICHARD: I'LL SHOW IT TO YOU.
IF WE OPEN DREAMWEAVER, THERE IS A BEHAVIOR, AND MOST
25 OF OUR TOOLS HAVE THESE BEHAVIORS.
AND UNDER THIS ONE IF YOU GO UNDER WINDOW -- I'M IN

1 THE WRONG AREA.
YOU NEED TO BE ON A PAGE.
2 AND IF YOU GO UNDER WINDOW AND YOU ACCESS BEHAVIORS,
THESE ARE VERY, VERY POWERFUL.
3 AND ONE OF MY ALL-TIME FAVORITES IS THIS ONE HERE
CALLED CHECK BROWSEER OR CHECK PLUG IN.
4 AND WHAT THAT WILL DO IF I DID IT RIGHT, I'M NOT SURE
BECAUSE IF I'M IN A TEMPLATE OR WHAT,.
5 KIRSTI: YOU'RE ON A NEW PAGE.
RICHARD: YEAH, THAT'S TRUE.
6 OKAY.
LET'S DO IT THIS WAY.
7 IF I CAN ENABLE HERE FOR IN A SECOND, OH, SORRY.
HERE WE GO.
8 SO YOUR QUESTION WAS HOW DO YOU CHECK FOR PLUG IN.
SO NOT ONLY DO YOU CHECK TO SEE IF THEY HAVE THE PLUG
9 IN, BUT THERE'S ALSO VERY POPULAR WEB TECHNOLOGIES
AVAILABLE HERE, BUT IN CASE THEY DIDN'T, YOU CAN SAY,
10 OKAY, THEY DON'T HAVE FLARXS THEREFORE GO TO A URL TO
GET IT OR IF THEY DO, SEND THEM DIRECTLY TO THE FLASH
11 PAGE OR TO WITH THE HTML IF THEY DON'T.
THAT'S ONE MORE THING THAT YOU DIDN'T ASK WHICH YOU
12 MAY HAVE NOTICED RIGHT NEXT DOOR IS CHECK BROWSER
WHICH IS GREAT BECAUSE IN EDUCATION WE HAVE A LOT OF
13 FOLKS THAT HAVE AN EARLIER BROWSER AND SO THIS IS
NICE BECAUSE YOU COULD SAY IF THEY'RE ENTERING YOUR
14 SITE AND THEY HAVE A 4.0 OR ABOVE BROWSER, YOU WANT
TO USE LAYERS OR SOME ADVANCED TECHNOLOGY, GO HERE.
15 IF NOT, IT MAY BE THE HTML THAT SUPPORTLESS AN
EARLIER BROWSER.
16 THIS IS GREAT.
VERY HELPFUL.
17 OVER HERE, QUESTION?
AUDIENCE: YES.
18 FOR THE INTERNET, THEY HAVE A QUESTION ABOUT WHERE IS
A LIST OF THE SAMPLE WEB SITES POSTED?
19 RICHARD: THAT WAS SHOWN TODAY.
KIRSTI: GO LIST OF SAMPLE WEB SITES ARE
20 AT WWW.MACROMEDIA/EDUCATION AND YOU LOOK ON THE MENU
WHERE IT SAYS SHOWCASE, THERE'S A SECTION THAT SAYS
21 EDUCATION AND TRAINING AND ALL OF THOSE SITES ARE
CONNECTED FROM THERE.
22 AUDIENCE: WHAT ABOUT LIKE THE GERMAN --
RICHARD: EYE 4 U, WE HAVE A LARGE SHO
23 CASE FOR ALL OF MACROMEDIA AND IT'S ACTUALLY
AVAILABLE IF OUR HOME PAGE, SO CAN YOU /* YOU CAN DW
24 INTO THE HOME PAGE AND LOOK FOR FLASH AND THERE ARE
ACTUALLY HUNDREDS OF WONDERFUL FLASH SITES, ALL
25 DIFFERENT KINDS.
AUDIENCE: I THINK YOU MAY HAVE TOUCHED ON

1 THIS, BUT I'M NOT SURE I WROTE IT DOWN.
WHAT'S THE BEST WAY TO HANDLE DIFFERENT PEOPLE IN AN
2 ORGANIZATION HAVE ACCESS TO DIFFERENT FRAMES OF YOUR
WEB SITE FOR CHANGING THE TEXT?
3 KIRSTI: HOW DO YOU MANAGE YOUR SITE.
RICHARD: WELL, THERE'S SEVERAL WAYS,
4 THERE'S ALSO SOME OTHER APPLICATIONS.
OKAY, LET ME SEE FIGET THIS WRITE.
5 RIGHT.
THE DWE QUESTION IS HOW DO YOU ALLOW SALES TO PAGES
6 AND NOT FOR OTHER STUDENTS, MAYBE STUDENTS.
WE HAVE A TECHNIQUE IN HERE CALLED CHECK IN AND CHECK
7 OUT, BUT THAT'S MORE ON THE ACTUAL CREATION OF THE
PAGES AND FOLLOW WHO HAS CHECKED THE PAGES OUT AND
8 WHO HASN'T.
THERE IS A COUPLE OF BEHAVIORS FOR SECURITY LIKE
9 DISABLE RIGHT CLICK, THINGS LIKE THAT. OUR SOFTWARE
DOESN'T HAVE PER SE BUILT-IN SECURITY, BUT YOU CAN
10 USE A THIRD PARTY APPLICATION, NOTHING COMES OUT OF
MY HEAD RIGHT THIS MINUTE.
11 LIKE SOURCE SAVE, THERE ARE OTHER APPS THAT WILL DO
THAT.
12 I WOULD DO A CHECK ON YAHOO.
KIRSTI: YOU CAN ALSO IN YOUR DEVELOPMENT
13 SITE GIVE ACCESS TO PARTICULAR FOLDERS TO DIFFERENT
PEECHLT AND HOW WE SHOWED TEMPLATES TODAY, WHEN WE
14 WERE SHOWING THE COURSE WEB SITE, THERE COULD BE
PARTS OF WEB PAGES THAT YOU LOCK AND OTHERS THAT YOU
15 CAN EDIT SO YOU'RE KEEPING THE BASIC FRAMEWORK OF THE
PAGE AND THEY'RE ONLY TOUCHING THE TEXT.
16 AUDIENCE: IT SEEMS MOST OF THE ON-LINE
COURSE VS NARRATIONS AS WELL.
17 CAN YOU EMBED THAT ON FLASH?
IFRNLTS ABSOLUTELY.
18 THAT'S ONE OF THE REASONS PEOPLE CHOOSE FLASH BECAUSE
IT HAS ALL OF THE MULTIMEDIA ALREADY INTEGRATED INTO
19 IT.
YOU'RE CONTROLLING THE WAY THE SCREEN LOOKS.
20 BECAUSE YOU NOTICE ON SOME HTML PAGES, THINGS MOVE
AROUND ON T. SO WHEN YOU USE FLASH ACCIDENT YOU'RE
21 CONTROLLING THE WHOLE WORK SPACE THAT THE STUDENTS
ARE WORKING IN?
22 RICHARD: IN FACT, HERE'S A WONDERFUL
EXAMPLE OF HOW A COMPANY -- OOPS, OF COURSE I WOULD
23 DO THAT, THE WRONG BROWSER, THAT WAS NOT CORRECT.
THAT'S WHY WE HAVE TROUBLE TODAY.
24 BUT LET'S GO BACK UP HERE AND I'LL SHOW YOU
SOMETHING.
25 AND THIS IS CREATED BY A COMPANY CALLED SECOND
STORY.COM, AND THEY HAVE A VERY INTERESTING LITTLE

1 THING OUT THERE CALLED DISCOVERING MUMMIES.
AND IT'S ALL DONE IN FLASH, AND YOU'RE ABOUT TO HEAR
2 THE NARRATION.
"THESE ARE MYSTERIOUS TIME TRAVELERS.
3 THEY'RE PEOPLE SUSPENDed IN TIME.
.."
4 KIRSTI: YOU'LL NOTICE WE HAVEN'T
LAUNCHED ANY MEDIA PLAYER; IT'S ALL BUILT IN.
5 RICHARD: THAT'S SCARY, BUT IT'S ONE OF
THE BEST SITES I THINK MADE.
6 I'LL JUST GO IN -- IN YOU CLICK OVER IN E GIFT,
WHAT'S HAPPENING IS A SEPARATE FLASH MOVIE IS LOADED
7 AND WHAT THEY'VE DONE HERE IS TURNED YOUR CURSOR INTO
A FLASHLIGHT IN THE VALLEY OF THE KINGS.
8 SO I CAN CLICK INTO THIS TOMB AND I CAN ACTUALLY GO
IN HERE AND LOOK AROUND AND TRY TO FIND OBJECTS AND
9 STUFF, AND WHAT YOU -- THIS IS ALL FLASH.
I'M VERY HAPPY THAT YOU GUYS LIKE THIS BECAUSE I WANT
10 TO START SHOWING IT, BUT AS YOU NAVIGATE THROUGH
HERE, YOU HAVE TO FIND SECRET PASSAGEWAYS, AND AS YOU
11 GO DEEPER, FOR INSTANCE, YOU CAN ACTUALLY FIND, SAY,
THE SARCOV . Carcoph
12 AND I'LL GIVE IT TO KIRSTI.
IF I CLICK ON HERE, THEY'VE INVOKED ANOTHER FLASH
13 MOVIE WHICH ACTUALLY TEACHES YOU HOW THE ANCIENT
EGYPTIANS DID THIS PROCESS AND THIS IS ALL FLASH
14 USING FREEHAND TO CREATE THESE LAYERS OF A MUMMY.
WONDERFUL EXAMPLE OF FLASH.
15 KIRSTI: UNWRAP THE MYSTERIOUS WORLD OF
MUMMIES.
16 IT'S FROM THE LEARNING CHANNEL.
IT WAS BUILT BY A COMPANY CALLED SECOND STORY.
17 I THINK YOU SHOULD BE ABLE TO FIND IT ON LEARNING
CHANNEL WEB SITE.
18 RICHARD: THE EASIEST WAY TO GET THERE IS
GO TO SECOND STORY.COM.
19 KIRSTI: IT'S ONE OF THEIR SAMPLE SITES.
THERE'S A COUPLE OF PLACE WHERE IS THEY SPUN, BUT IF
20 YOU THINK OF HOW RICHARD WAS USING THE WORK SPACE,
YOU CAN IMAGINE THERE ARE THINGS YOU CAN DO.
21 THEY WERE ALSO, WHERE THEY WERE SHOWING THE
FLASHLIGHT, WHAT THEY WERE BASICALLY DOING AND
22 RICHARD WAS CHANGING THE ALPHA, THEY WERE JUST
CHANGING THE LIGHT AND DARK ON IT.
23 SO THEY WERE JUST MOVING THAT LIGHT AND DARK THING
OVER.
24 IT'S JUST A GRAVE GRAPHIC DESIGNER THINKING ABOUT HOW
THEY COULD CREATE AN EFFECT AND THEY WERE ABLE TO DO
25 IT ALL IN FLASH.
SO -- YOU'RE JUST MOVING STUFF AROUND.

1 RICHARD: IN OUR GALLERY I WOULD ASSUME.
KIRSTI: IN TERMS OF PRACTICING?
2 I BELIEVE THERE USED TO BE A SITE YOU COULD USE FOR
THE FIRST 30 DAYS OF USING ULTRADEV.
3 IS THERE A FREE SITE OF USING ULTRADEV DATA BASE
THINGS.
4 I WOULD GO TO THE ULTRADEV MACROMEDIA.COM AND THERE
SHOULD BE A PLACE THAT ALLOWS YOU TO DO THAT.
5 RICHARD: FRANKLY, I DON'T KNOW IF IT'S
STILL UP, BUT WE GAVE THE ULTRADEV FOLKS I RECALL IT
6 WAS ON THE TRIAL CD, WE GAVE THEM AN ACTUAL DATA BASE
ON A SERVER WITH A PASSWORD WHERE THEY COULD WORK IN
7 ULTRADEV AND USE ALL THAT INFORMATION TO CREATE AND
TEST THOSE PAGES WITH THAT SERVER.
8 IS IT OUT THERE TODAY?
I'M NOT SURE.
9 KIRSTI: YOU CAN ALSO CREATE A SERVER ON
YOUR OWN WORK STATION.
10 AUDIENCE: IF YOU HAVE PROBLEMS WITH THE
COMPASS TUTORIAL.
11 KIRSTI: ULTRADEV COMES WITH A BUILT-IN
TUTORIAL THAT HAS ITS OWN DATA BASE THAT YOU CAN USE
12 ON YOUR OWN WORK STATION, SO FOR LEARNING HOW TO USE
ULTRADEV, THAT WOULD BE THE PLACE TO DO IT.
13 ANY OTHER QUESTIONS?
AUDIENCE: CAN YOU EXPLAIN THIS JUMP START
14 PROGRAM?
KIRSTI: AH, SO IT'S THE JUMP START FLASH
15 AND SO WHAT IT IS IS FOR PEOPLE WHO ARE BUYING FLASH
BETWEEN NOW AND OCTOBER 31, YOU GET A FREE CD THAT
16 HAS ON IT A SERIES OF FLASH TEMPLATES, AND TUTORIALS,
AND PIECES OF BOOKS ABOUT FLASH AND SO IT'S ALL --
17 REMADE MOVIES OR PREMADE MOVIES I SHOULD SAY ALL OF
WHICH ARE COPY RIGHT RELEASE SO YOU CAN USE THEM ON
18 YOUR STUFF.
SO ANYBODY THAT BUYS FLASH I BELIEVE FROM THE
19 BEGINNING OF AUGUST AND OCTOBER 31 WILL GET THAT FREE
CD.
20 AUDIENCE: WILL THE PEOPLE WHO BOUGHT IT
BEFORE THAT WON'T GET IT?
21 RICHARD: IT WAS A PROMOTION FOR THIS
PERIOD OF TIME.
22 WE ARE CONTEMPLATING SELLING IT SEPARATELY, SO I
WOULD JUST POP OVER TO THE WEB SITE IN A COUPLE OF
23 WEEKS AND SEE ABOUT IT.
IT'S BETWEEN NOW AND OCTOBER 31 IF YOU BUY A COPY OF
24 FLASH.
THE JUMP START FLASH CD.
25 QUESTIONS IN THE BACK?
GUYS IN THE BACK, YOU'RE AWFULLY QUIET.

1 AUDIENCE: WE'RE IN AWE.
RICHARD: THE GUYS IN THE BACK ARE IN AWE.
2 RICHARD: THAT GETS A T-SHIRT! CAN I GIVE
THESE OUT TO THESE FOLKS?
3 KIRSTI: IT TURNS OUT WE HAVE SOME EXTRA
T-SHIRTS AND THINGS UP HERE.
4 WE THANK YOU ALL FOR YOUR TIME AND ENTHUSIASM AND
KEEP BEING INTERESTED IN MACROMEDIA FOR EDUCATION.
5 RICHARD: TWEEN.

VERY COOL.
2 CAN EVERYBODY HEAR ME OUT THERE OKAY?
MY NAME IS TOM PEARSON WITH MACRO MEDIA I WANT TO SAY
3 THANK YOU FOR COMING OUT THIS AFTERNOON FOR THE
SEMINAR WHERE HOPEFULLY YOU'LL LEARN A WHOLE BUNCH OF
4 STUFF REGARDING ACCESSIBILITY ON THE WEB.
BEST PRACTICES, TIPS, TRICKS, PROCEDURES THINGS YOU
5 NEED TO BE AWARE OF, ALL THAT GOOD STUFF.
A COUPLE OF THINGS I NEED TO ASK, HOW MANY PEOPLE
6 HERE ARE FROM CORPORATIONS OR THOSE FOR-PROFIT KINDS
OF THINGS?
7 OKAY.
HOW MANY FOLKS LIKE FROM A NON-PROFIT GROUP?
8 OKAY.
STATE, FEDERAL, COUNTY GOVERNMENTAL TYPE EMPLOYEE
9 FOLKS? ANYBODY WHO CAME OUT JUST FOR REFRESHMENTS?
(LAUGHTER) OKAY.
10 ALWAYS A FEW IN THE CROWD.
MAC USERS?
11 OKAY.
WINDOWS USERS?
12 THAT'S OKAY TOO.
OTHER PLATFORMS? ATTARY?
13 COMMODORE?
ALL RIGHT.
14 NOT A PROBLEM.
NEAT.
15 HOW MANY PEOPLE HAVE HEARD OF SECTION 508?
HOW MANY PEOPLE UNDERSTAND WHAT SECTION 508 IS ALL
16 ABOUT?
MUCH SMALLER GROUP OF HANDS WENT UP THAT TIME
17 >> HOW MANY OF YOU ARE LAWYERS?
(LAUGHTER)
18 >> ANYBODY HERE AN ATTORNEY?
GOOD.
19 NOT THAT WE HAVE ANYTHING AGAINST THAT PROFESSION AT
ALL; JUST MAKES THE SEMINAR GO A LOT QUICKER.
20 BECAUSE A LOT OF THINGS WE'RE GOING TO TALK ABOUT
REGARDING 508 HAVE TO DEAL WITH LEGISLATION AND THE
21 AMERICANS WITH DISABILITIES ACT AND THERE'S SOME
LEGAL SOUNDING TERMS BUT BOB RIO GRANDE AN WILL TALK
22 REGAN WILL TALK ABOUT THAT NAY MOMENT.
WE HAVE A RUNNING SLIDE SHOW UP HERE ABOUT THE REASON
23 TO BUY DREAMWEAVER BUT THERE'S ANOTHER SLIDE COMING
UP.
24 IF YOU NEED A VISIT FROM MACROMEDIA FOR US TO COME
TALK TO YOU A LITTLE MORE ABOUT THE ACCESSIBILITY
25 STUFF, WE CAN DO THAT.
OR IF YOU WOULD LIKE TO KNOW MORE ABOUT GO OF OUR

1 OTHER MACROMEDIA PRODUCTS, LET US OTHER THAN KNOW.
FROM THE FOLKS AT USABLENET, THEY GAVE IT THE BEST
2 BANG FOR THE BUCK AND THE VIEWERS CHOICE BECAUSE WHAT
THIS TOOL DOES IS SO INCREDIBLE AND THE FACT THAT
3 IT'S FREE IS JUST INSPIRING AND GREAT.
AND WE'RE VERY HAPPY ABOUT THAT BECAUSE THERE ARE A
4 LOT OF OTHER THINGS OUT THERE THAT DO A LOT OF OTHER
THINGS IN REGARDS TO CHECKING AND TRYING TO VALIDATE
5 PAGES, BUT THEY COST MORE.
MORE THAN FREE.
6 WHICH IS --
>> A LOT MORE THAN FREE.
7
>> YEAH.
8 SO WITH THAT, I WANT TO TURN IT OVER QUICKLY TO A
MACROMEDIA PARTNER, WE LIKE TO CONSIDER THEM FRIENDS.
9 JEFF CRAM FROM EYESIGHT DESIGNS, SO JEFF, TAKE IT
AWAY.
10 JEFF: MY NAME IS JEFF FROM ISITE DESIGN.
ONE OF THE REASONS WE WANTED TO GET INVOLVED WITH THE
11 SEMINAR OBVIOUSLY IS ITS ACCESSIBILITY HAS BEEN NEAR
AND DEER TO OUR CONSULTING FIRM'S GOAL FROM DAY 1.
12 WE WERE FOUNDED IN 1987.
WHAT WE DO IS CONSULT WITH UNIVERSITIES, GOVERNMENT
13 ORGANIZATIONS, CORPORATIONS, ON WEB SITE CONSULTING
AND DEVELOPMENT, BUT A LARGE PIECE OF OUR SERVICES
14 HAS BEEN ON THE ACCESSIBILITY SIDE EVEN BEFORE
SECTION 508 SHED SOME MORE IMPORTANCE ON T. WE'VE
15 BEEN IN COMPLIANCE CONSULTING THEM WITH BEST
PRACTICES TO MAKE SURE THEIR SITES ARE ACCESSIBLE.
16 WE WERE FOUNDED IN 1997.
DEVELOPED SOLUTIONS FOR A LOT OF COMPANIES, A LOT OF
17 FORTUNE 100 COMPANIES, BUT A LOT OF REGIONAL,
UNIVERSITY CLIENTS.
18 THAT'S INITIALLY HOW WE GOT INVOLVED WITH A LOT OF
THE UNIVERSITIES AND SOME OF THE GUIDELINES THEY HAD
19 IN '97.
THIS DOES FALL INTO THE COAL REGION FUSION SIDE OF
20 IT, AND WE DO LEVERAGE THOSE TOOLS, SOME OF WHAT
THEY'RE GOING TO TALK ABOUT TODAY IN OUR WORK.
21 SO BASICALLY ANY QUESTIONS YOU HAVE OR IF YOU NEED A
CONSULTING PARTNER TO KIND OF HELP WRAP YOUR ARMS
22 AROUND THE ACCESSIBILITY CHALLENGES, THAT'S REALLY
WHAT WE'RE HERE FOR.
23 AND REALLY ACCESSIBILITY IS NOT JUST ABOUT CATERING
TO THE PEOPLE WITH DISABILITIES OR THE SECTION 508
24 BUT BEYOND THAT FROM THE GET-GO IN NS OF WHAT WE'RE
DOING, IT'S ABOUT FACILITATING THAT LOGICAL
25 EXPERIENCE FOR YOUR WEB SITE AND THERE'S SO MANY
AREAS ACCESSIBILITY TOUCHES.

1 AND THE NAVIGATION, THE FEDERAL COMPLIANCE C, HEARING
IMPAIRMENTS, DOWNLOAD SPEED, SEARCH ENGINE
2 COMPATIBILITY, AND JUST RAGENERAL CO-COMPLIANCY.
THAT'S REALLY WHAT WE HELP PEOPLE WRAP THEIR ARMS
3 AROUND, WHICH AREAS ARE IMPORTANT TO THE END USERS,
WHICH AREAS ARE IMPORTANT FOR THE ORGANIZATION AND
4 WHAT SYSTEMS THEY HAVE TO PUT IN PLACE.
SOME OF THE CLIENTS WE'VE WORKED FOR IN THE PAST
5 REALLY RUN THE GAMUT.
A LOT OF CORPORATIONS AS WELL, BECAUSE IT'S IMPORTANT
6 FOR BASICALLY ANYBODY THAT HAS A WEB SITE TO PAY
ATTENTION TO THESE THINGS.
7 SO WITH THAT, THAT'S REALLY ALL I V. WE HAVE A TABLE
UP FRONT, MYSELF AND JOHN CUEVA, IF YOU WANT TO TALK
8 TO US OUTFRONT, WE'RE MORE THAN HAPPY.
CHECK OUT OUR WEB SITE, ISITE.COM OR DROP US AN
9 E-MAIL.
IF WE CAN HELP WITH ANYTHING, THAT'S GREAT.
10
>> THANKS JEFF.
11 I LOVE ALL OUR PARTNERS OUT THERE BECAUSE I THINK
THEY'RE -- WELL, IT'S A BIG WIN/WIN.
12 THEY ARE GREAT EXAMPLES OF PEOPLE USING OUR
TECHNOLOGY AND TOOLS TO MAKE GREAT STUFF, MAKE GREAT
13 WEB CONTENT.
BEFORE I GET STARTED HERE I HAVE TO POINT OUT A
14 COUPLE OF THINGS.
I LOVE TO GIVE AWAY FREE SOFTWARE.
15 SOFTWARABLE KIND.
ANYBODY OUT THERE WANT SOME FREE SOFTWEAR?
16 THIS LADY APPEARS, ALL, THESE SHIRTS ARE BLIND BUT
THEY'RE NOT DEAF.
17 SO THIS WON'T WORK.
BUT IF YOU'RE LIKE THE LOUDER PEOPLE IN THE CORNER, I
18 WAS GOING TO SAY THAT'S BETTER.
WE'LL GET IT GOING BY THE END OF THE GIG, MAYBE WE'LL
19 HAVE SOME ENTHUSIASM UP HERE.
WE ALSO HAVE SOME SOFTWARE TO GIVE AWAY.
20 YOU SHOULD HAVE A NEON PINK EVALUATION FORM.
BY THE END OF THE SEMINAR, WE'LL PICK THAT UP
21 OUTSIDE.
WE HAVE FOR YOU THE MACROMEDIA ACCESSIBILITY STARTER
22 KIT.
THIS CD-ROM HAS JUST ABOUT EVERYTHING YOU NEED TO GET
23 STARTED, TEMPLATES, GUIDELINES, AND OTHER THINGS, AND
BOB REAGAN IS GOING TO TELL YOU MORE ABOUT THAT.
24 BUT YOU FILL THAT OUT AND WE'LL COLLECT THEM.
WE HAVE BOOKS ON ULTRADEV AND FLASH AND SOME MORE
25 FREE SOFTWEAR.
OH, THERE YOU GO.

1 THAT'S TRUE, SMILES ARE GREAT.
SO BOB, YOU WANT TO TAKE IT AWAY?
2 BOB: HI.
I'M BOB REGAN.
3 A COUPLE OF THINGS THE PRODUCT MANAGER FOR
MACROMEDIA.
4 I'M NEW.
I STARTED ABOUT A MONTH AGO.
5 THERE ARE A COUPLE THINGS YOU PROBABLY NEED TO KNOW
ABOUT ME.
6 FIRST OF ALL, I USED TO BE A CLASSROOM TEACHER IN NEW
YORK CITY FOR ABOUT SIX WAYS.
7 SO I'M GOING TO RECERT BACK TO MY CLASS ROOM WAYS A
FEW TIMES LIKE RAISE YOUR HAND, SO LET'S KEEP IT AN
8 ORDERLY CLASS AND WE'LL GET ALONG FINE.
UNTIL RECENTLY, MY BACKGROUND WAS AT THE UNIVERSITY
9 OF WISCONSIN WHERE I'M DOING A DOCTORATE ON
ACCESSIBILITY.
10 AT THE UNIVERSITY OF WISCONSIN THEY ADOPTED A POLICY
ON ACCESSIBILITY THAT'S EVEN MORE RIGOROUS THAN 508.
11 A LOT OF MY THINKING ABOUT POLICY IS BASED ON MY
EXPERIENCE IS THERE.
12 SO I'M GOING TO BE MENTIONING THAT A LOT.
FIRST OF ALL, WHERE DO I START HERE?
13 OAKY DOKY.
LET ME GIVE YOU A BRIEF OVERVIEW OF WHAT WE'RE GOING
14 TO BE DOING.
I'M GOING TO BE ANYTHING THROUGH MACROMEDIA'S TOOLS
15 AND RESOURCES FOR ACCESSIBILITY JUST TO GIVE YOU A
SENSE FOR WHAT WE HAVE TO HELP YOU.
16 SECOND I'M GOING TO GIVE YOU A BRIEF OVERVIEW OF
SECTION 508 AND ACCESSIBILITY.
17 WE'RE NOT GOING TO.
Q. INTO TREMENDOUS DETAIL.
18 IT MIGHT SEEM LIKE IT, BUT BELIEVE IT OR NOT IT'S A
REALLY BRIEF TOUR OF SECTION 508 AND ACCESSIBILITY
19 ISSUES.
AT THAT POINT I'M GOING TO TURN IT BACK OVER TO TOM
20 AND WE'RE GOING TO ACTUALLY BUILD AN ACCESSIBLE WEB
SITE WE'RE GOING TO HELP YOU PUT TOGETHER A SITE
21 THAT'S COMPLIANT, EXCITING AND COOL.
WE DON'T WANT TO LOSE SIGHT OF THE FACT THAT THIS IS
22 REALLY FUN AND COOL.
A COUPLE OF E-MAIL ADDRESSES I WANT TO
23 POINT TO BEFORE WE GO ANY FURTHER, BECAUSE WE'RE
GOING TO POINT TO THIS ALL THE TIME.
24 WISH-ACCESSIBILITY AT MACROMEDIA.COM.
THAT MAY AS WELL SAY BOB AT ACCESSIBILITY.COM.
25
>> WILL WOE HAVE ANY HANDOUTS?

1
>> ALL OF THESE MATERIALS HERE WILL BE AVAILABLE ON
2 THE WEB.
WE'RE GOING TO BE POINTING YOU TO THE ACCESSIBILITY
3 RESOURCE CENTER.
SO WISH-ACCESSIBILITY AT MACROMEDIA.COM WHERE YOU CAN
4 TELL US WHAT YOU WANT.
WHAT DO YOU NEED FROM MACROMEDIA TO HELP YOU CREATE
5 MORE ACCESSIBLE WEB PAGES AND ACCESSIBLE MEDIA.
LET US KNOW.
6 AND I WILL STAND ON TOP OF THE MOUNTAIN AND SCREAM
THIS IS WHAT WE NEED, THIS IS WHAT THE CUSTOMERS ARE
7 TELLING US.
SAME THING.
8 WISH-DREAMWEAVER AT MACROMEDIA.COM.
IF THERE'S SOMETHING YOU WANT TO SEE IN DREAMWEAVER,
9 LET US KNOW.
THE MORE CUSTOMER COMMENTS WE HAVE, THE EASIER IT IS
10 TO INCLUDE THAT IN OUR PRODUCTS.
BEFORE WE GO FURTHER, I WANT TO RECOGNIZE OUR
11 PARTNERS.
ONE OF THE THINGS WE REALLY TRY TO DO HERE AT
12 MAROMEDIA IS IT IS RELY ON THE EXPERTS, THE PEOPLE
THAT KNOW THE ACCESSIBILITY AND DO THE RESEARCH AND
13 WORK CLOSELY DAY-TO-DAY WITH THESE ISSUES.
FIRST OF ALL, USABLENET WHICH DEVELOPED THE SECTION
14 508 EXTENSION, THIS HAS BEEN A TREMENDOUS PRODUCT,
IT'S A TREMENDOUS EXTENSION, IT'S VERY, VERY HELPFUL
15 FOR USERS TRYING TO GET A SENSE OF WHERE TO START AND
WHERE THEY'RE AT CURRENTLY WITH RESPECT TO
16 ACCESSIBILITY POLICY.
NEXT, WEB ABLE, AND MIKE PACI ELLO'S GROUP HAVE BEEN
17 A TREMENDOUS RESOURCE FOR US IN GIVING US GUIDANCE ON
WHAT IS IMPORTANT AND WHAT WE NEED TO BE DOING BETTER
18 AT MACROMEDIA.
NEXT, THE UNIVERSITY WISCONSIN MADISON WHICH I
19 CONSIDER PROBABLY THE GREATEST INSTITUTION ON THE
face OF THE EARTH.
20 THERE'S ALWAYS SOMEBODY, I MET A COUPLE OF MADISON
PEOPLE YESTERDAY THAT WE HAD WORKING HERE, I DIDN'T
21 EVEN KNOW THEY WERE THERE.
SO THE UNIVERSITY OF WISCONSIN BECAUSE WE STARTED OUR
22 ACCESSIBILITY POLICY A WHILE AGO, WE ENDED UPTAKING
-- CREATING A LOT OF SUPPORT MATERIALS SPECIFICALLY
23 DESIGNED AROUND DREAMWEAVER AND IT BECAME A VERY EASY
PARTNERSHIP WITH THEM TO TAKE THOSE MATERIALS NOW AND
24 START DISTRIBUTING IT TO USERS WHO ARE FALLING UNDER
OTHER ACCESSIBILITY GUIDELINES.
25 FINALLY NCAM OUT OF BOSTON WHICH HAS BEEN A
TREMENDOUSLY IMPORTANT PARTNER IN PROVIDING

1 INDEPENDENT EVALUATIONS OF ALL OF OUR PRODUCTS TO
GIVE US A REALLY FIRM UNDERSTANDING OF WHAT THE
2 ISSUES ARE RELATED TO EACH OF OUR TOOLS SO THAT WE
CAN HELP THEM MAKE THEM BETTER TOOLS IN THE NEAR
3 FUTURE.
NEAR FUTURE,.
4 THE TWO QUESTIONS WE ALWAYS HAVE TO ANSWER RIGHT AWAY
AT THE BEGINNING: WHO WANTS TO KNOW WHEN THE NEXT
5 VERSION OF DREAMWEAVER IS COMING OUT?

6 >> OR FLASH?
A LOT OF PEOPLE.
7 A LOT OF PEOPLE WANT TO KNOW
>> WHEN IS IT COMING OUT?
8
>> WHEN IT'S READY>> ALL RIGHT.
9 WHAT'S GOING TO BE IN IT?

10 >> A LOT OF NEW STUFF
>> COOL
11 >> AND FOLKS, THE THINGS YOU SEE IN THERE, THEY'RE
NOT BUGS, THEY'RE UNDOCUMENTED FEATURES WE HAVEN'T
12 FIGURED OUT TO USE.
THEY DON'T TELL US.
13 WE'RE IN PUBLIC AND WE'RE IN FRONT OF GREAT CUSTOMERS
ALL THE TIME, AND IF THEY TOLD US, YOU KNOW WE'D SLIP
14 IT OUT.
SO THEY PURPOSELY DON'T TELL US.
15 BUT WE'RE ALWAYS WORKING ON THE NEXT VERSION OF ALL
OF OUR PRODUCTS.
16 ALL THAT STUFF.
WHEN IT'S READY AND WE'VE TESTED IT THOROUGHLY AND WE
17 CAN, WE GET IT OUT TO YOU GUYS SO YOU CAN USE IT.
BUT USE THE WISH LIST, WISH-flash, IF YOU WANT TO USE
18 THE FEATURE, WISH-ACCESSIBILITY WHICH AGAIN GOES BACK
TO BOB
19 >> AND ANY OF OUR AMBITIOUS USERS THAT WANT TO WRITE
EXTENSIONS, LET US KNOW AND WE'LL HELP YOU DO THAT.
20 QUESTION OVER HERE.
ANY DAY NOW?
21
>> ANY WEEK NOW, ANY DAY NOW.
22 WHEN THEY READY THEY'LL COME OUT.
IT'S KIND OF LIKE THAT FINE LINE METAPHOR.
23
>> HE'S GOT TO EAT A LOT MORE IF HE'S GOING TO GET
24 TO THAT ORISON WELLS SIZE, BUT WE'RE GETTING THERE.
NOW, I WANT TO POINT TO YOU, THE ONE URL I
25 WANT EVERYONE TO LEAVE HERE MEMORIZING IS
MACROMEDIA.COM/ACCESSIBILITY.

1 WE'RE TRYING TO GET AS MUCH MATERIAL AS WE CAN THERE
TO HELP YOU CREATE ACCESSIBLE SITES INCLUDING
2 EXAMPLES, YOU CAN DOWNLOAD THE ACCESSIBILITY STARTER
KIT FROM HERE AND WE'LL TALK ABOUT THAT IN JUST A
3 SECOND.
WE'RE GOING TO BE UPDATING THIS FREQUENTLY.
4 KEEP COMING BACK, GIVE US YOUR FEEDBACK ON THE
ACCESSIBILITY RESOURCE CENTER I WANT THIS TO BE A 468
5 TOOL FOR PEOPLE WHO ARE TRYING TO NAVIGATE THEIR WAY
THROUGH THIS.
6 IT IS A DAUNTING TASK AT FIRST.
BUT THE EASIER WE CAN MAKE THAT PROCESS, THE MORE
7 LIKELY WE ARE TO SUCCEED IN THIS ENDEAVOR AND IT'S A
VERY IMPORTANT ENDEAVOR.
8 OKAY.
LET'S TALK A LITTLE BIT ABOUT SOME OF THE TOOLS.
9 I'VE ALREADY MENTIONED THE ACCESSIBILITY STARTER KIT
WHICH IS AVAILABLE FOR FREE FOR DOWNLOAD FROM OUR
10 ACCESSIBILITY RESOURCE CENTER.
IN ADDITION, EVERYONE HERE IS GOING TO LEAVE WITH A
11 COPY ON CD.
THIS IS INTENDED TO BE A BUNDLE OF TOOLS AND SUPPORT
12 MATERIALS TO HELP MAKE THE PROCESS OF ACCESSIBLE
DESIGN EASIER FOR YOU.
13 NOW, WITHIN THAT YOU'RE GOING TO FIND THINGS LIKE --
LA COUPLE OF THINGS FURTHER DOWN THE LIST.
14 SO WHY DON'T I JUMP AROUND A BIT.
FIRST OF ALL, YOU'RE GOING TO FIND THE 508
15 DEVELOPMENT GUIDELINES.
THIS IS A DOCUMENT INTENDED TO PUT THE SECTION 508
16 STANDARD IN PLAIN ENGLISH.
SECTION 508 GUIDELINES ARE A TECHNICAL LEGALESE
17 DOCUMENT THAT'S GOING TO BE HARD FOR DESIGNERS TO
UNDERSTAND.
18 SO WHAT A COUPLE OF MY FRIENDS AND I DID AT THE
UNIVERSITY OF WISCONSIN OF WISCONSIN WAS WRITE IT IN
19 PLAIN ENGLISH WITH EXAMPLES AND EXPLANATIONS OF THE
STANDARD?
20 Q. HAS SOMEBODY WITH LEGAL KNOWLEDGE
REVIEWED YOUR PROVISION?
21 A. THE QUESTION IS, HAS SOMEONE WITH LEGAL
KNOWLEDGE REVIEWED MY INTERPRETATION OF SECTION 508.
22 I THINK THE BEST EXPLANATION WHENEVER -- WELL, HOW
DO I WANT TO PHRASE THIS?
23 Q. NO?
A. MY EXPLANATION IS NOT THE EXPLANATION; IT
24 NEVER SHOULD BE.
IT'S VERY HARD FOR US TO ANTICIPATE HOW SECTION 508
25 IS GOING TO BE ENFORCED IN EACH OF THE FEDERAL
AGENCIES AND THEN BEYOND THE FEDERAL AGENCIES INTO

1 OTHER INSTITUTIONS WHICH ARE USING 508 AS A MODEL FOR
THEIR ACCESSIBILITY POLICY.
2 IN EACH INDIVIDUAL INSTITUTION IT'S VERY, VERY
PROPERTY THAT YOU GET IN TOUCH WITH THE ENFORCING
3 AGENCY AND MAKE SURE YOU'RE IN COMPLIANCE WITH THAT
PARTICULAR INTERPRETATION.
4 BECAUSE THE STANDARDS WILL VARY FROM PLACE TO PLACE.
WE'LL WALK THROUGH AN EXAMPLE IN A BIT SO YOU CAN SEE
5 THOSE GRAY AREAS.
IT'S NOT, YOU KNOW, A LITTLE GRAY AREA; IT'S A BIG
6 OLD GRAY AREA.
MOST TELEVISION IS GRAY IN A LOT OF CASES
7 >> THERE'S A BIG DISCLAIMER ON THERE, BUT IT'S ALSO
THESE ARE TIPS AND TECHNIQUES THAT WE SEE PEOPLE
8 PRACTICING.
AND IF YOU HAVE YOUR OWN TIPS AND TECHNIQUES,
9 WISH-LIST ACCESSIBILITY SO WE CAN INCORPORATE THEM
>> ALSO IN THERE YOU'RE GOING TO FIND 508
10 DREAMWEAVER TEMPLATES.
THESE ARE TEMPLATES DESIGNED TO GIVE YOU A STARTING
11 POINT.
WE'RE GOING TO TALK ABOUT THOSE IN A MOMENT.
12 ON OUR WEB SITE YOU'RE GOING TOO FIND GETTINGING
STARTED, AND RETROFITTING.
13 THESE ARE TWO DISCUSSIONS ON HOW TO CREATE AND
RETROFIT SITES.
14 WE'RE LEARNING A LOT, AS MUCH AS WE'RE TRYING TO
EXPLAIN TO CUSTOMERS WHAT WE ARE DOING AND HOW TO
15 CREATE ACCESSIBLE MEDIA, WE'RE ALSO LEARNING A LOT
FROM YOU FOLKS IN THE ROOM.
16 SO YOUR COMMENTS ARE TREMENDOUSLY IMPORTANT IN
SHAPING THE FUTURE OF HOW OUR PRODUCTS ARE MADE AND
17 WHAT TYPES OF SUPPORT MATERIALS ARE BEING CREATED TO
MAKE THE PROCESS EASIER FOR YOU.
18 WE'RE DEVELOPING CASE STUDIES, AND ANYONE
HERE -- THIS IS A QUESTION WE FORGOT TO ASK.
19 .
HOW MANY PEOPLE HERE HAVE SECTION 508 COMPLIANT WEB
20 SITES?

21 >> NOBODY OVER HERE YET.
WE'VE GOT A COUPLE FOLKS TO THE SIDE HERE
22 >> GREAT! FANTASTIC! WE WANT TO HEAR ABOUT IT.
PART OF SUCCESSFULLY IMPLEMENTING AN ACCESSIBILITY
23 POLICY IS CREATING A COMMUNITY OF DESIGNERS WHO ARE
THINKING AND WORKING THROUGH THE SAME ISSUES AND THEN
24 TAKING THOSE TECHNIQUES THAT ARE DEVELOPED IN THAT
PROCESS AND SHARING IT WITH OTHER DEVELOPERS.
25 THAT'S A VERY, VERY IMPORTANT PART OF THIS PROCESS.
SO IF YOU'RE INTERESTED, COME TALK TO US.

1 WE WANT TO PUT YOUR EXAMPLES UP.
WE WANT YOU TO SUBMIT CASE STUDIES SO YOU CAN EXPLAIN
2 THAT YOU FACE AND AT THE SAME TIME THE TECHNICAL
SOLUTIONS THAT YOU USE.
3 AGAIN, CREATING THE COMMUNITY OF DEVELOPERS AND THE
PEOPLE HERE IN THIS ROOM CAN BECOME AN IMPORTANT PART
4 OF ACCESSIBILITY SOLUTION.
Q. DO YOU HAVE LIKE A DISCUSSION LIST OR
5 SOMETHING LIKE THAT?
A. DO WE HAVE A DISCUSSION LIST.
6 AT THIS POINT NO.
BUT WE HAVE RECEIVED A COUPLE OF REQUESTS FOR THAT.
7 IT HASN'T BEEN SO LOUD AT THIS POINT, BUT I WOULD
CERTAINLY TURN THAT INTO WISH-ACCESSIBILITY AT
8 MACROMEDIA.COM BECAUSE THE MORE REQUESTS I GET, THE
MORE LIKELY IT'LL BE TO HAPPEN.
9 AT THIS POINT, UNTIL WE HAVE ENOUGH CONFIDENCE THAT
THERE WILL BE A LOT OF CONVERSATION ON THAT LIST, WE
10 HAVEN'T STARTED THINKING ABOUT IT SERIOUSLY.
BECAUSE IT WOULD BE BAD FOR EVERYBODY IF IT WAS JUST
11 ONE PERSON GOING, HEY, ANYBODY USING ALL TEXT?
SO ANOTHER THING WE'RE TRYING TO DO IS PROVIDE LINK
12 SOURCES.
WE WANT TO MAKE SURE YOU HAVE DIRECT ACCESS TO
13 KNOWLEDGE GENERATED BY EXPERTS IN ACCESSIBILITY.
OKAY.
14 NOW, A QUICK LOOK AT HOW WE THINK ABOUT OUR
DEVELOPMENT COMMUNITY WITHIN MACROMEDIA.
15 WE TEND TO THINK OF THE GROUP, THREE DIFFERENT GROUPS
WHEN IT COMES TO THE PROCESS OF ACCESSIBLE DESIGN.
16 NOW, FOR EACH OF THE GROUP, FROM PROFESSIONAL
DEVELOPERS, INFORMATION TECHNOLOGY MANAGERS, TO
17 CASUAL WEB DESIGNERS, WE HAVE A RANGE OF TOOLS
AVAILABLE, INCLUDING DREAMWEAVER, ULTRADEV, BUT WHAT
18 I WOULD LIKE TO POINT TO IN THIS SLIDE IN PARTICULAR
IS THE REAL CHALLENGE OF ACCESSIBILITY FOR ME IS
19 WORKING IN A COMMUNITY WHERE YOU HAVE ALL THREE OF
THESE PEOPLE WORKING AT THE SAME TIME.
20 MACROMEDIA PRODUCTS ARE DESIGNED TO HELP THESE GROUPS
WORK TOGETHER WELL.
21 AND TO HELP STREAM LINE THE WORK FLOW PROCESS.
I THINK TOM ASKED THIS QUESTION EARLIER; THIS IS HIS
22 JOKE BUT I'M GOING TO GIVE HIM CREDIT.
HOW MANY PEOPLE HERE WORK WITH PEOPLE WITH NOT QUITE
23 THE SAME SKILL STAT AS YOU'RE OWN?
(LAUGHTER)
24 >> COUPLE PEOPLE.
COUPLE DOZEN
25 >> SO ONE OF THE REAL CHALLENGES OF ACCESSIBILITY IS
MAKING THE PROCESS EASY FOR THE PEOPLE WHO ARE MOST

1 LIKELY TO STUMBLE UPON THE GUIDELINES.
WE WANT TO MAKE SURE THAT AT EACH STEP ALONG THE WAY,
2 IT'S EASY AND EASY TO UNDERSTAND.
SO USING TOOLS LIKE COLD FUSION, DREAMWEAVER AND
3 FLASH, YOU CAN REALLY MAKE THAT PROCESS EASY AND EASY
TO MAINTAIN.
4 OKAY.
NEXT OUR TEMPLATES.
5 AGAIN, WE'RE TRYING TO GIVE YOU STARTING POINTS TO
HELP CREATE ACCESSIBLE SITES.
6 ALSO AT THE SAME TIME WE UNDERSTAND THAT THERE ARE A
LOT OF DIFFERENT ACCESSIBILITY GUIDELINES OUT THERE.
7 SECTION 508 IS BUT ONE ACCESSIBILITY STANDARD.
RIGHT NOW, THAT IS THE BASE OF THE U.S. GOVERNMENT'S
8 POLICY.
BUT WE ALSO HAVE WC3 POLICY WHICH SERVES AS THE BASIS
9 OF THE CANADIAN GOVERNMENT STUDY, THE ENGLAND, AND
THE UNIVERSITY OFWISCONSIN.
10 WE ALSO UNDERSTAND THAT WE HAVE A VARIETY OF MARKETS
THAT HAVE TO MEET ACCESSIBILITY.
11 I THINK WE SAW A GOOD SPREAD AMONG INDIVIDUALS IN
THIS ROOM: EDUCATION, GOVERNMENT, CORPORATE, ALL
12 HAVE DIFFERENT STYLES AND STANDARDS OF DESIGN, SO WE
WANT TO MAKE SURE WE REFLECT THAT.
13 I WANT TO POINT TO A COUPLE OF THINGS HERE AT THE
BOTTOM.
14 IN THE NEAR FUTURE WE'RE GOING TO BE RELEASING TWO
OTHER TEMPLATES.
15 ONE BASED ON RICH MEDIA.
AND I THINK THAT'S VERY, VERY IMPORTANT THAT PEOPLE
16 UNDERSTAND THAT ACCESSIBLE DESIGN NEED NOT BE BORING.
NOW, NO OFFENSE TO MY FRIENDS AT W3; THEIR SITE IS
17 VERY, VERY CLEAN AND IT'S VERY WELL CODED, BUT I
WOULDN'T CONSIDER IT HIP.
18 AND ACCESSIBLE DESIGN CAN BE COOL, IT CAN BE HIP, IT
CAN BE FUN TO DESIGN.
19 AND WE WANT TO GET PEOPLE BACK IN TOUCH WITH THAT.
WE WANT TO EXPLODE THAT MYTH THAT YOU CAN'T DO COOL
20 ASK ACCESSIBLE STUFF ON THE SAME SITE.
WE WANT ALSO WANT TO DO TEMPLATE BASED ON DATA
21 DESIGN.
AND THE IDEA THERE IS THAT WE CAN CREATE SITES HELP
22 STREAM LINE THE SO THEY DON'T HAVE TO WORRY ABOUT
KEEPING THEIR SITES WELL FORMED AND SO ON.
23 AND THEN WE CAN ALSO ALLOW THE USERS THE OPTION TO
EXPRESS A CHOICE OR A PREFERENCE ON HOW THEY WANT TO
24 RECEIVE THE CONTENT.
SO IT CAN BE TAILORED TO THEIR INDIVIDUAL NEEDS.
25 NOW, ENOUGH ABOUT MACROMEDIA.
LET'S TALK ABOUT ACCESSIBILITY.

1 AND WE'VE GOT A QUIZ HERE.
AND AGAIN, -- NOW I'M MORE OF A DIAN TYPE OF
2 INSTRUCTOR00 IA WHAT?

3 >> I DON'T LIKE MULTIPLE CHOICE TESTS BUT WE'RE
GOING TO DO ONE ANYWAY.
4 BEFORE WE GET STARTED, WE HAVE SOME LOVE TO GIVE OUT
HERE
5 >> LET'S GIVE OUT THE BIG BOOK OF LOVE
>> ALL RIGHT.
6 HOW MANY PEOPLE -- AGAIN, RAISE YOUR HANDS AND
REMEMBER WE CAN'T SEE EVERYONE.
7 IN FACT, I'LL GET OFF THE STAGE SO THAT THE PEOPLE IN
THE BACK HAVE A CHANCE.
8 HOW MANY PEOPLE LIVE IN THE UNITED STATES?
I MUST BE MAKING THE WEB PEOPLE CRAZY.
9 ALL RIGHT.
WAY IN THE BACK THERE IN THE BLUISH PURPLE SHIRT.
10 HOW MANY PEOPLE LIVE IN THE UNITED STATES?

11 >> MORE THAN 4.
HOW MANY PEOPLE?
12
>> 281 MILLION, THAT'S RIGHT! SHE GETS A BOOK.
13 I KNOW THAT SIDE STORIES ARE DISTRACTING, BUT THIS IS
ALWAYS FUN.
14 WHEN I WAS A THIRD GRADE TEACHER, I WOULD GIVE THE
KIDS A MAGIC NUMBER AND SAY THE NUMBER WAS 9.
15 SO I WOULD GIVE A CALCULUS PROBLEM TO THE THIRD
GRADERS AND WHEN THE PRINCIPAL CAME BY, THEY'D ALL
16 SAY NINE! SO I WOULD LOOK LIKE A GENIUS.
SO HOW MANY PEOPLE IN THE UNITED STATES
17 HAVE A DISABILITY BASED ON 1990 CENSUS FIGURES? NOW,
DON'T SHOUT OUT PEOPLE.
18 WE WANT TO GIVE AWAY SOFTWARE, WE WANT TO BE FAIR
>> WHO THINKS A?
19
>> THE LADY IN THE BACK WHO IS OVERCAFFEINATED IN THE
20 YELLOW SHIRT.
SHE SAYS A.
21 WHICH THERE'S 300,000 AND THEN THERE'S?

22 >> B?
OKAY.
23 C?
OKAY.
24 HOW MANY PEOPLE ARE STARTING TO SUSPECT IT'S A TRICK
QUESTION?
25 D?
ANYBODY PICK D?

1 OKAY.
ALL RIGHT.
2 YOU KNOW WHAT?
JUST FOR BEING BRAVE, LET'S CHECK THE ANSWER HERE.
3 I'M GOING TO GO WITH D AND I'LL CHECK MY ANSWER?
EVENTUALLY WE'LL ALL HAVE A DISABILITY.
4 NOW, THESE ARE 1990 CENSUS FIGURES.
ACCORDING TO THE 2000 CENSUS, WE'RE TALKING ABOUT 48
5 MILLION PEOPLE IN THE UNITED STATES WHO ARE
CLASSIFIED AS HAVING A DISABILITY.
6 BUT EVENTUALLY WE'LL ALL HAVE A DISABILITY.
WE'RE ALL GOING TO HAVE TROUBLE WITH OUR EYES, WE'RE
7 ALL GOING TO HAVE TROUBLE WITH OUR HANDS, ARTHRITIS,
YOU KNOW, OUR HEARING'S GOING TO GO, WE'RE GOING TO
8 BE A MESS; WE'RE GOING TO FALL APART! SO WE REALLY
NEED TO KEEP THAT IN MIND THAT THAT'S ONE OF THE
9 MYTHS.
HOW MANY PEOPLE ACTUALLY -- WE GET THIS QUESTION AT
10 THE UNIVERSITY OF WISCONSIN.
HOW MANY PEOPLE ARE WE TALKING ABOUT?
11 ALL OF THEM EVENTUALLY ESPECIALLY THE FACULTY.
(LAUGHTER) SO THE OTHER THING I LIKE TO
12 THINK ABOUT WHEN WE'RE TALKING ABOUT INDIVIDUALS WITH
DISABILITIES AND WHEN PEOPLE ASK HOW MANY PEOPLE ARE
13 WE ACTUALLY TALKING ABOUT?
THE ANSWER TO THAT QUESTION IS HOW MANY MORE WOULD WE
14 HAVE HERE IF WE WERE ABLE TO DO THIS SUCCESSFULLY?
AND THAT I THINK IS THE REAL POWER OF ACCESSIBILITY
15 POLICIES.
NOW, LET ME TALK A LITTLE BIT ABOUT WHAT IS
16 ACCESSIBILITY.
WHAT ARE WE ACTUALLY TALKING ABOUT?
17 IT'S NOT ACCESS TO NET SCAPE.
THAT'S GENERALLY -- I THOUGHT THEY WERE NOT MAKING
18 BROWSERS ANYMORE.
NOT WHAT WE'RE TALKING ABOUT.
19 WE'RE TALKING ABOUT INDIVIDUALS WITH DISABILITIES.
AND WITHIN THAT GROUP WE HAVE A WHOLE RANGE OF ISSUES
20 THAT WE NEED TO BE AWARE OF.
WE GENERALLY THINK ABOUT FIRST ABOUT PEOPLE WITH
21 VISUAL DISABILITIES, BLIND USERS.
BUT EVEN WITHIN THAT GROUP THERE'S A VERY COMPLEX SET
22 OF ISSUES.
YOU HAVE PEOPLE WITH MACKULAR DEGENERATION, YOU HAVE
23 CATARACTS, YOU HAVE COLOR BLINDNESS.
10 PERCENT OF ALL MEN ARE COLOR BLIND.
24 TOM HERE SOMETIMES COMES TO WORK WEARING -- WELL, --
>> NO, THAT'S JUST BAD TASTE
25 >> YEAH.
AND THEN FROM THERE YOU HAVE ISSUES OF HEARING LOSS,

1 HEARING IMPAIRMENTS WHICH INCLUDE LIMITED HEARING TO
DEAFNESS.
2 YOU HAVE A HUGE GROUP UNDER ISSUES OF MOBILITY THAT
CAN'T USE THEIR MOUSE.
3 FROM NEUROLOGICAL PROBLEMS LIKE PARKINSONS OR MS TO
ARTHRITIS TO TEMPORARY DISABILITIES, PEOPLE THAT
4 CAN'T USE THEIR HANDS.
THEY BREAK THEIR WRIST OR SOMETHING LIKE THAT. MY
5 BROTHER DID A REALLY DUMB THING YESTERDAY.
HE WAS CANOING AND HAS TO HAVE SURGERY.
6 IT'S LIKE, HEY, BUDDY, GUESS WHAT?
YOU'RE PART OF MY GROUP NOW.
7 HE HAD A SARCASTIC REMARK THAT I CAN'T REPEAT ON
CAMERA.
8 BUT I THINK THE OTHER GROUP I LIKE TO TALK ABOUT HERE
ARE PEOPLE LIKE MY DAD WHO DOESN'T FALL UNDER ANY OF
9 THESE CATEGORIES; HE'S JUST A BIT CRANKY.
AND ANYTIME WE MAKE AN IMPROVEMENT TO A WEB SITE THAT
10 WOULD BE CLASSIFIED AS AN ACCESSIBILITY FEATURE, IT
GENERALLY HELPS PEOPLE WHO DON'T HAVE DISABILITIES.
11 PEOPLE THAT DON'T NECESSARILY INTERACT WELL WITH THE
WEB OR WITH THE COMPUTER IN GENERAL.
12 SO IF I CAN THINK OF THE NUMBER OF TIMES I'VE HAD TO
PULL MY DAD'S COMPUTER OUT OF THE DUMPSTER, THE MORE
13 USABLE, THE MORE USER FRIENDLY I MAKE THAT SITE, THE
MORE SUCCESSFUL, THE MORE LIKELY HE IS NOT TO THROW
14 THE COMPUTER OUT EVERY TIME I MAKE A CHANGE.
NOW, THERE IS NO MAGIC FIX.
15 DON'T BE DECEIVED.
DON'T LET ANYONE TELL YOU YOU CAN BUY ONE PRODUCT AND
16 IT WILL SOLVE ALL YOUR ACCESSIBILITY PROBLEMS.
IT'S NOT TRUE.
17 THERE ARE TOO MANY CIRCUMSTANCES AND THE SITUATIONS
CAN BE TOO COMPLEX -- THERE YOU GO.
18 IT'S TOO COMPLEX TO JUST DO ONE THING.
AS MUCH AS I WOULD LIKE TO HAVE ONE TOOL TO DO THAT,
19 IT'S NOT GOING TO HAPPEN.
SO WHAT WE WANT TO DO IS BE HAVE HAVE THOUGHTFUL
20 ABOUT HOW USERS WITH DISABILITIES ARE GOING TO
INTERACT WITH OUR CONTENT AND MAKE SURE THAT AT ALL
21 TIMES WE'RE ANTICIPATING SITUATIONS OTHER THAN
SOMEONE USING INTERNET EXPLORER AND NETSCAPE
22 NAVIGATOR.
NOW, I WANT TO JUST GET ON MY SOAP BOX FOR A MOMENT,
23 BECAUSE MADISON, WISCONSIN IS ONE OF THE LAST BASTION
MARXIST STATES IN THE UNITED STATES.
24 THIS IS MORE THAN JUST A LAW; THIS IS A REAL MOMENT
OF CIVIL RIGHTS AND TRIUMPH.
25 AND I THINK IT'S VERY IMPORTANT THAT WE UNDERSTAND
THE GRAVITY OF THIS POLICY.

1 IT OPENS DOORS FOR INDIVIDUALS THAT WOULD NOT HAVE
ACCESS TO COB CONTENT OTHERWISE.
2 A FRIEND AT THE UNIVERSITY CALLED NIEL WHO IS BLIND
AND HE LIKES TO TALK ABOUT THE FACT THAT TO READ AN
3 ARTICLE FROM THE LATEST JOURNAL, FROM A NEWSPAPER, HE
DOESN'T HAVE TO HAVE ANYONE READ IT TO HIM.
4 NO ONE HAS TO TRANSLATE IT INTO BRAILLE.
HE CAN GO DIRECTLY TO THE WEB AND AS WELL THAT READ
5 TO HIM.
THERE'S NO INDEPENDENCE ON OTHERS, THERE'S NO
6 RELIANCE ON OTHERS, AND THAT'S TREMENDOUS.
NOW, THAT'S A REALLY IMPORTANT THING THAT THE WEB
7 PROVIDES THAT WASN'T THERE BEFORE.
AT THE SAME TIME, I ALSO LIKE TO THINK ABOUT THE FACT
8 THAT THIS POLICY KEEPS DOORS OPEN FOR PEOPLE WHO
HAVEN'T HAD PROBLEMS IN THE PAST.
9 I THINK OF MY ADVISOR.
NOW, HE DOESN'T KNOW I TALK WITH HIM ON THESE THINGS,
10 BUT FOR THAT MATTER NEITHER DOES MY DAD, BUT HE'S GOT
SERIOUS PROBLEMS WITH ARTHRITIS.
11 AND USING THE MOUSE AFTER A WHILE CAN BE VERY, VERY
UNCOMFORTABLE.
12 HE DOESN'T REALIZE THAT HE WOULD FALL UNDER WHAT WE
WOULD CONSIDER TO BE A DISABILITY BECAUSE HE RELIES
13 ON HIS KEYBOARD FOR THE MOST PART AND THE MORE WE CAN
CREATE SITES THAT FACILITATE THAT PROCESS, THE LONGER
14 YOU CAN KEEP RELYING ON THE COMPUTER TO DO WHAT HE'S
DONE FOR 50 YEARS: WRITE BOOKS ON EDUCATION.
15 THE OTHER THING I WANT TO TALK ABOUT IS SECTION 508
IS A HIGHLY INFLUENTIAL STANDARD.
16 IT RIGHT NOW AFFECTS FEDERAL AGENCIES WITHIN THE U.S.
GOVERNMENT.
17 BUT IT HAS A REACH FAR BEYOND THE U.S. GOVERNMENT.
IT'S AROUND THE WORLD, COUNTRIES ARE PAYING ATTENTION
18 TO SECTION 508 TO SEE HOW FAR THE ACCESSIBILITY
POLICY SHOULD EXTEND.
19 AT THE SAME TIME, WITHIN THE BORDERS OF THE U.S.,
UNIVERSITIES, STATE, AND LOCAL GOVERNMENTS ARE ALL
20 CAREFULLY WATCHING TO MAKE DECISION BUSY HATYPE OF
ACCESSIBILITY POLICY WILL BE IMPLEMENTED THERE.
21 NOW, RIGHT NOW THIS REACH IS FAIRLY LIMITED, BUT I
THINK ALL IT TAKES IS A GLANCE AT THE NUMBER OF
22 HANDICAPPED PARKING PLACES AROUND THE COUNTRY TO SEE
HOW FAR THIS REACH WILL EVENTUALLY EXTEND.
23 SO IF YOU ARE NOT UNDER A LEGISLATIVE MANDATE RIGHT
NOW TO HAVE AN ACCESSIBLE WEB SITE, YOU'RE WISE TO
24 START EARLY.
THIS IS A LOT MORE FUN TO DO WHEN YOU'RE NOT FACING A
25 SIX-WEEK DEADLINE.
SO START THINKING ABOUT THESE ISSUES EVEN IF YOU

1 DON'T HAVE TO, BECAUSE EVENTUALLY IT'S GOING TO
BECOME -- WELL, AND AGAIN I DON'T HAVE A CRYSTAL BALL
2 FOR PREDICTING LEGISLATION, BUT IT IS GOING TO BECOME
AN IMPORTANT STANDARD
3 >> JUST CURIOUS, HOW MANY PEOPLE -- WHAT WAS THE
DATE?
4 FOUND OUT ABOUT 508 IN JUNE?

5 >> HOW MANY PEOPLE KNEW BEFORE THE POLICY WENT INTO
EFFECT WHAT SECTION 508 WAS?
6
>> HOW MANY PEOPLE JUST FOUND OUT ABOUT IT VERY
7 RECENTLY?
YEAH.
8 A LOT OF FOLKS.

9 >> HOW MANY OF YOU JUST FOUND OUT THAT PRESIDENT
KENNEDY WAS ASSASSINATED?
10 YEAH.
(LAUGHTER).
11 SO NOW WHAT I WANT TO DO IS WALK YOU
THROUGH A COUPLE OF PARAGRAPHS OF SECTION 508.
12 HOW AM I DOING ON TIME?

13 >> YOU'RE GREAT.
IT'S JUST AFTER 2.
14
>> GROOVY.
15 WHAT WE'RE GOING TO DO NOW IS WE'RE GOING TO WALK
THROUGH A COUPLE OF THE PARAGRAPHS NOT SO MUCH
16 BECAUSE I WANT YOU TO MEMORIZE THE PARAGRAPHS BUT
BECAUSE I WANT TO MODEL SOME OF THE THINKING THAT
17 GOES IN TO INTERPRETING THE GUIDES LINES AND I ALSO
WANT TO GIVE YOU A DEMONSTRATION ABOUT HOW BROAD SOME
18 OF THE GRAY AREAS WITHIN THE STANDARD CAN BE.
SO LET'S TAKE A LOOK AT THE FIRST ONE HERE.
19 A TEXT EQUIVALENT FOR EVERY NON-TEXT ELEMENT SHALL BE
PROVIDED: FOR EXAMPLE, VIA ALT, LONG DESK, OR IN
20 ELEMENT CONTENT.
OKAY.
21 WHAT DOES THAT MEAN?
WELL, LET ME BRING UP SOMETHING HERE.
22 WE'LL TALK ABOUT WHAT ALT-TEXT IS.
FIRST OF ALL, LET'S SEE IF WE CAN GET SOMEONE FROM
23 THE AUDIENCE.
SOMEONE HERE SHOULD BE ABLE TO TELL ME WHAT AN ALT
24 TAG IS.

25 >> RIGHT HERE IN THE AISLE.
YES.

1 AUDIENCE: IT'S A TAG THAT HAS TEXTS THAT
DESCRIBES WHAT THE INPUT IS.
2
>> OKAY.
3 SOME FREE SOFTWARE FOR HER.
SO IF I WERE TO USE A SCREEN READER WHICH IS A DEVICE
4 THAT READS THIS PAGE OUT LOUD INSTEAD OF INTERACTING
WITH THIS PAGE VISUALLY, I WOULDN'T BE ABLE TO SEE
5 THE PERSON THERE ON THE FAR RIGHT LOOKING AT THE
CALL, THE SCUBA DIVER THERE.
6 SO INSTEAD I'D HAVE TO HAVE SOME TEXT THERE THAT
WOULD BE READ TO ME OUT LOUD.
7 FOR THOSE OF US THAT DON'T USE SCREEN READERS, WE
WOULD KNOW THOSE ALT TAGS AS THE LITTLE YELLOW TAGS
8 THAT POP UP AND GET IN OUR WAY SOMETIMES WHEN WE'RE
TRYING TO GET THROUGH INTERNET EXPLORER.
9 NOW, ADDING ALT TEXT TO AN IMPACKNOWLEDGES NO
PROBLEM.
10 IN DREAMWEAVER IT'S JUST A BOX AND YOU FILL IT IN.
THE HARD PART IS FIGURING OUT WHAT GOES IN THERE.
11 SO LET'S TALK ABOUT THAT, BECAUSE THAT REALLY
ILLUSTRATES SOME OF THE DIFFICULTIES IN ESTABLISHING
12 A FIRM STANDARD FOR ACCESSIBILITY POLICY.
FIRST OF ALL, LET'S JUST TAKE A LOOK AT THIS IMAGE.
13 NOW WE HAVE A PRETTY SIMPLE IMAGE HERE AND THE ALT
TEXT READS: SCUBA DIVER EXAMINING CORAL REEF.
14 THAT'S PRETTY GOOD.
IT DEPENDS ON THE CONTEXT.
15 IN THIS CASE THE IMAGE IS LARGELY DECORATIVE.
IT'S NOT MEANT TO CONVEY A LOT OF CONTENT.
16 LET'S SAY FOR EXAMPLE THIS IS AN IMAGE THAT'S BEING
USED IN A SCUBA DIVING TRAINING MANUAL, TALKING ABOUT
17 HOW TO APPROACH A CORAL REEF, KEEPING YOURSELF JUST A
COUPLE OF INCHES OFF THE FLOOR, WHAT TYPES OF DANGERS
18 TO LOOK FOR, ALL THAT TYPE OF STUFF.
WELL, NOW YOU'VE GOT A MUCH MORE SUBSTANTIAL PIECE OF
19 CONTENT YOU'RE TRYING TO CONVEY USING THIS ALT TEXT
>> BECAUSE YOU JUST FILL IT IN AND MAKE IT REALLY
20 LONG
>> YEAH.
21 YOU COULD FILL IN -- NOW, THEORETICALLY YOU CAN FILL
IN ALT TEXT UNTIL THE COWS COME HOME WHICH SOMETIMES
22 HAPPENS IN WISCONSIN, BUT GENERALLY HERE, WE DON'T
WANT YELLOW TAGS THAT ARE THE SIZE OF THE WEB PAGE
23 FILLING UP THE PAGE N. NAVIGATOR, YOU'LL SEE THE
YELLOW TAG WILL EXTEND OFF THE SCREEN.
24 SO WE NEED TO BE AWARE OF THAT AND KEEP OUR ALT TEXT
LIMITED TO ABOUT 50 CHARACTERS.
25 SO WHAT HAPPENS IF YOU HAVE LONGER DESCRIPTIONS THAT
YOU NEED TO USE?

1 THERE ARE A COUPLE OF DIFFERENT THINGS WE CAN DO.
FIRST OF ALL, WE CAN USE ANOTHER ATTRIBUTE CALLED A
2 LONG DESCRIPTION ATTRIBUTE WHICH IS A LINK TO A
SEPARATE PAGE THAT CONTAINS THE LONGER DESCRIPTION.
3 THE BAD NEWS ABOUT THE LONG DESK ATTRIBUTE IS IT'S
NOT SUPPORTED BY A LOT OF SCREEN READERS.
4 SO IF YOU'RE BEING VERY THOUGHTFUL AND USING IT,
GREAT.
5 BUT YOU MAY HAVE SOMEONE WITH AN OLDER SCREEN READER
THAT CAN'T GET TO THE LONG DESCRIPTION ATTRIBUTE.
6 SO THAT'S WHY SOME DESIGNERS ARE STARTING TO USE
SOMETHING CALL KAUL THE D LINK.
7 NOW, THE D LINK, AND YOU CAN SEE AN EXAMPLE OF IT
HERE JUST TO THE RIGHT OF THIS IMAGE, IT'S LITERALLY
8 A LETTER D LINKED TO THE SAME LONG DESCRIPTION PAGE.
NOW, IF I CLICK ON THIS, LET'S JUST GO AHEAD AND TAKE
9 A LOOK AT THE LONG DESCRIPTION.
CLICK.
10 AND I HAVE A REALLY BORING PAGE WITH JUST A LITTLE
BIT LONGER TEXT DESCRIPTION.
11 THIS IS NOT MEANT TO BE AN EXAMPLE OF GREAT DESIGN;
JUST AN EXAMPLE OF A LONG DESCRIPTION ATTRIBUTE.
12 THE YOUNG FEMALE SCUBA DIVER IS EXAMINING THE CORAL
REEF IN THE CLEAR BLUE WATER OF THE FLORIDA KEYS.
13 WONDERFUL.
NOW, THE BAD NEWS IS I PERSONALLY THINK THAT THE D
14 LINK IS UGLY.
SO YOU HAVE TO THINK ABOUT THE CIRCUMSTANCES IN WHICH
15 YOU'RE USING IT.
NOW, AT MOMENTS IT'S NOT TOO INTRUSIVE.
16 WITH A DECORATIVE ELEMENT IT'S A LITTLE BIT
INTRUSIVE.
17 SO IF WE NEED TO USE IT, SOMETIMES IT'S APPROPRIATE
TO EMBED THE LINK TO A LONGER DESCRIPTION IN A
18 CAPTION.
YOU MIGHT SAY ILLUSTRATION H AND REFER TO THAT
19 ILLUSTRATION H IN THE CONTEXT.
NOW, THAT'S SOMETHING IN PRINT THAT WE'RE VERY
20 FAMILIAR WITH.
THAT WOULD IMPLY TO US THAT THERE'S MORE INFORMATION
21 THAT'S REFERRED TO ABOUT THIS IMAGE.
YOU CAN USE CAPTIONS THAT ARE, YOU KNOW, PLAIN
22 ENGLISH.
YOU DON'T HAVE TO HAVE A TECHNICAL SOUNDING CAPTION
23 UNDERNEATH T. THE MAIN IDEA HERE IS WE NEED TO BE
THOUGHTFUL ABOUT HOW WE USE ALT TEXT.
24 A COUPLE OF THINGS ABOUT ALT TEXT.
LET'S GO ABOUT AND TALK ABOUT THIS LITTLE SEAL HERE
25 -- THAT WOULD BE THE -- LEFT, RIGHT -- RIGHT HAND
SIDE OF THE PAGE.

1 WHAT WOULD BE AN INAPPROPRIATE ALT TEXT FOR THIS
SEAL?
2
>> RAISE YOUR HAND.
3 YOUNG LADY UP FRONT.
AUDIENCE:
4 >> THAT'S BAD.
THAT'S BAD.
5
>> LOGO.
6
>> LOGO.
7 VERY BAD.
AND WE HAVE TWO EXTREMES.
8 I THINK THAT'S GOOD.
WE GOT THE TWO EXTREMES WE WERE LOOKING FOR.
9 YOU DON'T WANT TO PROVIDE ALT TEXT THAT'S NOT
INFORMATIVE AT ALL.
10 BAD ALT TEXT WOULD BE IMAGE OR LOGO.
DOESN'T TELL US ANYTHING.
11
>> PICTURE
12 >> YEAH.
PICTURE.
13 BAD.
ALSO YOU DON'T WANT YOUR ALT TEXT AUTOMATICALLY
14 GENERATED.
SOMETIMES PEOPLE GET CLEVER AND THEY SAY I'LL JUST
15 ADD THE ALTSPAISZ TEXT AND THAT WILL MAKE IT MORE
ACCESSIBLE, BUT THE ALT-TEXT IMAGE IS "IMAGE." ON
16 THE OTHER HAND, YOU DON'T WANT TO OVERWHELM THE
SCREEN READER USERS RER WITH GOOD INTENTIONSES.
17 SO GETTING TOWARDS YOURS, YOU MIGHT NOT WANT TO USE
SOMETHING CALLED COUNTY OCEAN AND ATMOSPHEREIC CENTER
18 WITH SOME KIND OF SMOG HOVERING OVER THE ISLAND.
TOO MUCH INFORMATION.
19 NOW, AS ANOTHER EXAMPLE, A VERY COMMON DESIGN
TECHNIQUE IS THE USE OF SPACER IMAGES WHICH IS JUST
20 SIMPLY A TRANSPARENT GIFT USED TO HOLD PLACES OPEN ON
OUR WEB PAGE.
21 ONE OF THE THINGS WE USED TO SEE A LOT AT THE
UNIVERSITY OF WISCONSIN WAS A SPACER IMAGE.
22 THAT WAS VERY THOUGHTFUL EXCEPT AT THAT POINT
SOMEPLACE USING A SCREEN READER, ESPECIALLY IF THEY
23 HAD SOMETHING THAT HAD A LOT OF SPACE IMAGERS IN A
ROW, THAT'S A LOT.
24 OVER SPACER, IMAGE, SPACER
>> /*, IMAGE OVER EVERYTHING ON THE TOP WITH THE
25 NAVIGATION BAR DOESN'T MAKE A USABLE EXPERIENCE.
SO INSTEAD THE ALT-TEXT FOR A SPACER IMAGE SHOULD BE

1 ALT EQUALS QUOTE, SPACE, QUOTE.
OR IF YOU'RE USING THE DREAM WEAVER, JUST PUT THE
2 TEXT IN THE AND HIT THE SPACE BAR.
TOM IS GOING TO SHOW YOU THAT LATER.
3 BUT AGAIN YOU WANT TO THINK ABOUT HOW SOMEONE USING A
SCREEN READER IS GOING TO BE INTERACTING WITH THE
4 CONTENT.
THINK ABOUT THE PURPOSE OF YOUR IMAGES AND WHAT TYPE
5 OF MESSAGE YOU'RE TRYING TO CONVEY WITH THAT IMAGE.

6 >> SO IF WE KEEP THE ALT TAG WHEN YOU SAY UNDER 50
CHARACTERS, IS THAT THE LAW?
7
>> THERE'S NO LAW.
8 IT'S A CONVENTION.
IF YOU HAVE 150 CHARACTERS, NO ONE'S COMING AFTER
9 YOU.
I BELIEVE 256 IS MORE OF A STANDARD, BUT YOU CAN PUT
10 AS MANY STANDARDS AS YOU WANT.
YOU JUST HAVE TO ASK WHY.
11
>> AND THE LONG DESCRIPTION, CAN YOU CLICK THE D,
12 THE D LINK ON THAT ONE?
THAT ONE'S OKAY.
13 WE CAN DO A COUPLE PARAGRAPHS MAYBE?

14 >> YOU COULD DO A LONG DESCRIPTION FOR AS LONG AS
YOU WANT.
15 YOU COULD WRITE THE ILYAD.
AGAIN, WHY?
16 YOU END UP WITH A LOT OF USABILITY ISSUES WHICH IS
DIFFERENT THAN ACCESSIBILITY.
17 YOU CAN WRITE A VERY ACCESSIBLE HARD TO USE SITE.
SO YOU NEED TO MAKE SURE YOU'RE THINKING THROUGH BOTH
18 ISSUES ONE AT THE SAME TIME.
Q. HOW DOES THE SCREEN READER WORK, WITH THIS
19 D LINK, FOR EXAMPLE?
WILL IT AUTOMATICALLY READ THE INFORMATION WITH ALL
20 THE ALT-TEXT AND THEN SAY DEALING?
OR WILL IT AUTOMATICALLY READ THE T TENT OF THE D
21 LINK?

22 >> THE QUESTION WAS HOW DOES A SCREEN READER
INTERACT WITH THE D LINK?
23 AND WHAT WE'RE GOING TO DO IS DEFER THE QUESTION
UNTIL WE ACTUALLY DEMO A SPEECH BROWSER AND WE CAN
24 ANSWER THAT QUESTION BY SHOWING YOU RATHER THAN ME
TELLING YOU.
25 NOW, LET ME GO BACK.
I WANT TO GO BACK TO THE PRESENTATION.

1 OKAY.
SO THAT GIVES YOU AN OVERVIEW OF JUST ONE OF THE 16
2 PARAGRAPHS.
NOW, WE'VE ONLY TALKED IN THIS ONE PARAGRAPH ABOUT
3 IMAGES, BUT IT READS "A TEXT EQUIVALENT FOR EVERY
NON-TEXT ELEMENT." SO WE ALSO HAVE TO THINK ABOUT
4 THINGS LIKE SCRIPTS, OTHER PLUG-INS AND NOT TO
MENTION FLASH.
5 SO WE NEED TO MAKE SURE THAT WHEN WE'RE USING FLASH
ON A WEB PAGE, AND YES, YOU CAN USE FLASH ON A WEB
6 PAGE AND IT CAN BE ACCESSIBLE, YOU JUST NEED TO BE
THOUGHTFUL ABOUT YOUR USE OF FLASH.
7 AND PART OF THAT MEANS CREATING TEXT ALTERNATIVES FOR
THE FLASH THAT YOU'RE PLACING ON A WEB PAGE.
8 SO TOM IS GOING TO DEMONSTRATE ONE TECHNIQUE FOR
ADDING A TEXT EQUIVALENT TO FLASH WHEN HE GOES
9 THROUGH HIS CONTENT A LITTLE BIT LATER TODAY.
NOW, LET ME MOVE ON AND WE'RE GOING TO TALK ABOUT ONE
10 OF THE OTHER PARAGRAPHS HERE.
AND THIS IS THE OTHER ONE, THE FIRST ONE IS MEANT TO
11 BE KIND OF A BASIC BASIC PARAGRAPH THAT ALLOWS ME TO
INTRODUCE SOME OF THE PRIMARY RULES OF ACCESSIBILITY.
12 THIS IS SORT OF LIKE A BASIC ADVANCED ONE.
IT'S A LITTLE BIT MORE COMPLICATED AND WE CAN REALLY
13 GET INTO SOME OF THE MEAT WITH THIS GUIDELINE.
WE'RE GOING TO HINT TO A LOT OF THE MEAT, WAVE HELLO,
14 AND WALK RIGHT ON BY IT.
WHEN A WEB PAGE REQUIRES THAT AN APPLET PLUG-IN OR
15 OTHER APPLICATION BE PRESENT ON THE SYSTEM TO
DETERMINE PAGE TENT, THE PAGE MUST PROVIDE A LINK TO
16 A PLUG-IN OR APPLET THAT COMPLIES WITH... OKAY.
LET'S PUT THAT IN PLAIN ENGLISH.
17 FIRST OF ALL, WE NEED TO PROVIDE A LINK TO THE
PLUG-IN.
18 WHO CAN TELL ME FOR SOME SOFTWARE WHAT IS THE URL FOR
THE DOWNLOAD PAGE FOR THE FLASH PLAYER?
19
>> OR FOR THE SHOCKWAVE OR THE AUTHORWARE
20 >> YOU'RE GIVING IT AWAY, TOM
>> I'M NOT GIVING AWAY THE URL.
21 I'M JUST SAYING THAT MIGHT KNOW.
WE'VE GOT A COUPLE OF DIFFERENT PLUG-INS THAT ARE
22 VERY POPULAR.
ANYBODY KNOW?
23 THERE'S A GENTLEMAN WITH THE BASEBALL CAP.
YES.
24 I THINK IT'S MACROMEDIA.COM SLASH SLASH
>> HE'S REALLY CLOSE.
25 WHO ELSE?

1 >> I WAS GOING TO SAY WEB LINK WOULD BE THE SAME
THING
2 >> WWW.MAMACROMEDIA.COM SLASH SLASH.

3 >> NO.
YOU'RE CLOERS.
4 THE ONLY WEIRD THING IS I BET NOBODY HERE EVER HAD TO
WRITE IT BECAUSE IF YOU'RE USING DREAM WEAVER IT --
5 Q. ISN'T IT PLUG IN PLUG IN SLASH SLASH?

6 >> I DON'T KNOW.
WE'RE KIND OF HOVERING.
7 OKAY.
LAST TRY
8 >> SLASH DOWNLOAD SLASH SHOCKWAVE?

9 >> OOH.
THE ACTUAL URL.
10 CLOSE ENOUGH.
HE'S THE ONLY PERSON TO SAY SHOCKWAVE.
11 MACROMEDIA.COM/SHOCKWAVE.
IF YOU'RE USING DREAM WEAVER TO EMBED THIS IN YOUR
12 WEB PAGE, THE URL IS THERE FOR YOU.
IF YOU'RE GOING TO USE SOME OTHER TYPE OF TECHNOLOGY
13 ON YOUR WEB PAGE LIKE A QUICK TIME MOVIE OR SOMETHING
ELSE, YOU NEED TO PROVIDE THE LINK FOR THE USER.
14 AND I THINK THAT'S A VERY SMART RULE THEY ADDED TO
SECTION 508.
15 NOW, THE OTHER PART OF PARAGRAPH M THAT IS REALLY
IMPORTANT, THE REFERENCE TO 1194.21.
16 SECTION 508 IS NOT ONE STANDARD; IT'S SIX STANDARDS
ON TECHNOLOGY AND INFORMATION AND -- ELECTRONIC AND
17 INFORMATION TECHNOLOGY.
SO 1194.21 RELATES TO SOFTWARE.
18 22 RELATES TO WEB CONTENT.
23 RELATES TO SOMETHING ELSE.
19 I THINK IT'S TELECOMMUNICATIONS.
THERE'S ANOTHER ONE FOR KIOSKS, THERE'S ANOTHER ONE
20 FOR COMPUTERS.
THERE ARE A LOT OF STANDARDS THAT MAKE UP SECTION
21 508.
1194.21 IS THE GUIDELINES FOR SOFTWARE.
22 ANYTIME YOU USE A PLUG IN OR ACHLET, IT HAS TO MEET
THE STANDARDS FOR THE SOFTWARES.
23 MOST OF THE SOFTWARES ARE SIMILAR TO THE WEB PAGE.
YOU'RE GOING TO HAVE THINGS LIKE ALT-TEXT IN THERE.
24 ONE OF THE KEY DIFFERENCES IS IS THE IDEA OF DEVICE
INDEPENDENCE.
25 AND THIS IS A VERY IMPORTANT PRINCIPLE WITHIN
ACCESSIBLE DESIGN.

1 YOU NEED TO MAKE SURE YOUR PAGE IS GOING TO WORK
WITHOUT A MOUSE.
2 SO IF I GO BACK TO -- IF I GO BACK TO INTERNET
EXPLORER, WE'LL SEE THIS A LOT OF TIMES.
3 IF WE -- LET ME BRING THIS UP HERE.
IF I JUST HIT TAB ON MY KEYBOARD, I WILL MOVE BETWEEN
4 LINKS, AND I WANT TO TRY AND FIND IT NOW BECAUSE IT'S
GOING TO BE HARD.
5 BUT YOU'RE GOING TO SEE IF I LOOK ON THE BOTTOM WHERE
IT SAYS WEATHER, I'M GOING TO HAVE A LITTLE DOTTED
6 LINE AROUND THE OUTSIDE OF THE LINK.
THAT TELLS ME WHERE THE BROWSER IS FOCUSING.
7 AND I WANT TO MAKE SURE THAT PEOPLE LIKE MY ADVISOR
CAN GET AROUND THIS PAGE WITHOUT HAVING TO USE THE
8 MOUSE.
THAT'S THE IDEA OF DEVICE INDEPENDENCE.
9 SO YOU WANT TO MAKE SURE THAT YOUR USE OF FLASH IS
DEVICE INDEPENDENT.
10 OKAY.
QUESTION?
11 Q. YEAH.
JUST LIKE YOU DID WITH THE -- WHICH IS REALLY EASY.
12 YOU JUST USE THE FORWARD AND BACK ARROW.
SO I WAS JUST WONDERING, WOULD THAT BE REALLY USED
13 FOR WINDOWS TO --
>> THE QUESTION WAS WHERE WE'RE USING OUR D LINK AND
14 WE HAVE A LONG DESCRIPT, WE WENT TO THE LONG DESCRIPT
BY CLICKING THE D LINK BUT THEN WE WENT UP AND HIT
15 THE BACK BUTTON ON THE BROWSER.
WE ALSO HAVE TO TAKE INTO ACCOUNT THE NAVIGATION
16 ELEMENT TO GET SOMEONE BACK TO THE ORIGINAL PAGE.
AND A LOT OF TIME THE ASSISTIVE DEVICES HAVE BACK
17 BUTTON, BUT PART OF THE DESIGN --
>> IF I HAD TO BOIL DOWN ACCESSIBILITY TO THREE
18 THINGS, I WOULD SAY YOU WANT TO TRY AND GET AROUND
YOUR PAGE WITHOUT LOOKING.
19 NOW, IF YOU CAN GET A SCREEN READER OR IF YOU CAN GET
A SPEECH BROWSEER, THAT CAN BE HELPFUL.
20 TURN OFF YOUR MONITOR, BUT IF YOU DON'T HAVE ANYTHING
READING IT TO TO, THAT CAN BE HARD.
21 SECOND, THIS IS A MUCH EASIER THING TO DO: UNPLUG
YOUR MOUSE AND SEE IF YOU CAN GET AROUND YOUR PAGE.
22 THAT'S A REALLY IMPORTANT TEST.
THIRD, AND THIS IS A REALLY IMPORTANT THING TO DO,
23 TEST YOUR BACK BUTTON.
THINGS LIKE REDIRECTS, FRAMES, WHAT ELSE IS GOING TO
24 DO THIS?
SO TEST YOUR BACK BUTTON.
25 IN A SCREEN READER YOU'RE GOING TO HAVE A AI BUTTON
AS WELL.

1 SO YOU ALWAYS WANT TO BE AWARE OF YOUR BACK BUTTON,
HOW IT'S WORK, WHERE IT'S GOING TO TAKE YOU.
2 THERE ARE A NUMBER OF SITUATIONS THAT WE TEND TO TAKE
FOR GRANTD THAT CAUSE PROBLEMS WITH BACK BUTTON?
3 Q. MY QUESTION WAS I CAN NAVIGATE MY PAGE
WITHOUT THE MOUSE.
4 THAT DOESN'T MEAN THAT THE USER WILL BE ABLE TO
NAVIGATE IT WITHOUT THE MOUSE.
5
>> THEY MAY NOT KNOW ABOUT THE BACK BUTTON.
6 Q. HOW DO YOU MAKE USERS KNOW HOW TO
NAVIGATE?
7 Q. /*
>> I THINK WHAT I WOULD LIKE TO DO IS TAKE THE
8 QUESTION OFF LINE AND I CAN'T REALLY HERE, SO I WANT
TO MAKE SURE I CAN UNDERSTAND THE QUESTION
9 >> WE JUST TAKE OUR MOUSE OUT AND SOMEONE HAS A D
LINK IN THERE, HOW DOES SOMEBODY USING JAWS, HOW DO
10 THEY KNOW, OKAY, YOU'VE GOT THE LONG DESCRIPT, HOW DO
YOU GET BACK?
11
>> BACK.
12
>> EXACTLY.
13 ALL THE DEVICES HAVE DIFFERENT MECHANISMS AND WAYS TO
MAKE THE EXPERIENCE ON THE WEB ACCESSIBLE TO THAT
14 INDIVIDUAL.
SOME OF THEM YOU'LL SEE WITH THE IBM PAGE READER THAT
15 WE'LL USE CHANGE TONE AND INFLECTION.
IN THAT EXAMPLE, IF FOR SOME REASON IF YOU OPENED A
16 BROWSER WINDOW THAT HAD NO NAVIGATION ELEMENTS ON
TYOU WOULD HAVE TO PUT A MECHANISM INSIDE THE TEXT
17 THAT WOULD ACTUALLY BE A LINK BACK TO THE PAGE YOU
STARTED FROM.
18 AND THAT'S AGAIN PART OF DESIGNING ACCESSIBLE
CONTENT.
19 IT'S NOT JUST ACCESSIBLE CONTENT; IT'S THE CONTENT
YOU'RE MAKING FOR EVERYTHING.
20 ACCESSIBILITY IS JUST AS PROPERTY AS GOOD BALANCE IN
THE DESIGN THAT THE SITE WORKS EFFECTIVELY BUT LOOKS
21 GOOD AND IS ALSO ACCESSIBLE AND AGAIN DEPLOYABLE AND
EASILY UPDATEABLE.
22 IT'S A CONSIDERATION YOU HAVE TO MAKE AND HOPEFULLY
AS WE SHOW YOU ONE ASSISTIVE DEVICE, TELL BE MORE
23 OBVIOUS.
Q. ON THE MACROMEDIA WEB PAGES WHERE THE
24 DOUFRN LOAD LINK AND PLUG-INS LOCATED CURRENTLY
ACCESSIBLE?
25
>> LET'S MAKE THAT A BIGGER QUESTION.

1 IS THE MACROMEDIA WEB SITE ACCESSIBLE?

2 >> NO.
THERE YOU GO.
3 ARE YOU'VE WE AWARE OF THE PROBLEM?
ABSOLUTELY.
4 ARE WE WORKING ON IT?
I HAD A BIG LONG MEET MEET TODAY ABOUT IT.
5 IT'S A HUGE PRIORITY.
IT'S ALSO A HUGE UNDERTAKING SO WE'RE WORKING ON IT
6 AND UNFORTUNATELY I HAVE TO GIVE YOU THE SAME ANSWER
THERE AS I GAVE YOU ABOUT THE NEXT VERSION OF DREAM
7 WEAVER.
I CAN'T MAKE ANY PROXSS ABOUT WHEN OR WHAT KIND KIEND
8 OF CHANGES WE MADE.
BUT I CAN TELL YOU I CAN PROMISE YOU I'M AWARE OF IT,
9 IT'S A HUGE PROBLEM FOR ME, AND I'M WORKING ON IT?
Q. ONE MORE QUESTION TO THAT THEN.
10 WHEN YOU'RE PLANNING THE ROLL-OUT OF THIS, 508 SEEMS
TO REQUIRE LINKS TO WHERE YOU HAVE DOWNLOADS TO
11 PLUG-INS BE ACCESSIBLE, THAT MAYBE YOU DO THOSE FIRST
>> YEAH.
12 THE QUESTION WAS WHY DON'T WE TAKE THE PAGES OF
MACROMEDIA.COM THAT SEEM TO GET THE MOST VISITS AND
13 MAKE THEM THE MOST ACCESSIBLE.
WE PROBABLY WILL DO THAT. ALL THE DOWNLOADS, THE
14 PLAYERS, ACCESSIBILITY.COM I IMAGINE WOULD BE THE
FIRST PAGE SINCE THAT'S YOURS
15 >> YEAH.
THE ACCESSIBILITY PAGE.
16 AGAIN, ALL I CAN DO IS TELL YOU WE'RE AWARE OF IT,
IT'S A HUGE PRIORITY, AND AGAIN, SEND US YOUR
17 FEEDBACK.
THE FEEDBACK IS IMPORTANT AND IT CREATES AN
18 ENVIRONMENT THAT DEMONSTRATES THAT IT'S NOT ONLY A
PRIORITY TO ME, THE RAVING LUNATIC TO THE CROWD, BUT
19 IT'S A PRIORITY TO OUR CUSTOMERS.

20 >> QUESTION UP FRONT?
Q. CAN YOU PLEASE TURN OFF THE AIR
21 CONDITIONERS?

22 >> YEAH.
WE'LL HAVE SOMEBODY DO THAT.
23 Q. ARE WE GOING TO GO OVER ASSOCIATIONS OF
CONTENT, HOW TO ESTABLISH THOSE?
24 FOR EXAMPLE -- ASSOCIATIONS OF CONTENT.
SO FOR EXAMPLE, I HAVE AN IMAGE, I WANT TO ASSOCIATE
25 IT WITH THE SUBTITLE IN THE PARAGRAPH.
HOW DO I TELL THE USER THIS IMAGE GOES WITH THIS

1 PARTICULAR BLOCK OF TEXT?
IS THERE A METHODOLOGY?
2
>> THE QUESTION WAS LIKE FOR EXAMPLE HOW TO ASSOCIATE
3 IMAGES WITH A PIECE OF TEXT.
THERE ARE NO TECHNIQUES WE'RE GOING TO DISCUSS TODAY
4 RELATED TO THAT PARTICULAR ISSUE.
WE ARE GOING TO GO OVER RELATIONSHIPS BETWEEN TABULAR
5 DATA AND FORMS, FOR EXAMPLE.
TO GIVE YOU TWO TECHNIQUES TO RELATE WEB PAGE
6 ELEMENTS WITH WEB TEXT ON THE PAGE.
Q. ONE FOLLOW-UP WAS HIERARCHIES OF
7 INFORMATION.
FOR EXAMPLE, I'VE GOT THE SUBTITLES, A MAIN MENU AS
8 OPPOSED TO THE SUBMENU.
ARE THERE ANY SECTIONS THAT ARE AVAILABLE --
9 >> THE QUESTION RELATES TO WEB SITE HIERARCHIES AND
HOW TO CONSTRUCT WEB SITE HIERARCHY.
10 I THINK YOU'RE PROBABLY HINTING AT NAVIGATIONAL
ISSUES.
11 WHY DON'T WE TALK DURING ONE OF THE BREAKS.
I WANT TO MAKE SURE I UNDERSTAND THE QUESTION AND HOW
12 IT RELATES TO ACCESSIBILITY SO THAT WE CAN TALK ABOUT
THAT
13 >> WE DO HAVE A Q AND A PERIOD AT THE END.
HOW MANY OF YOU CAME HERE WITH SPECIFIC QUESTIONS
14 THAT THEY'RE NOT LEAVING UNTIL THEY HAVE ANSWERED?
OKAY.
15 I'M NOT LEAVING UNTIL YOUR QUESTIONS ARE ANSWERED
BECAUSE I'M HERE, YOU KNOW, I'M NOT HERE IN SAN
16 FRANCISCO VERY OFTEN, I ACTUALLY LIVE IN MADISON,
WISCONSIN, SO I DON'T HAVE ANYWHERE ELSE TO GO.
17 SO I WON'T LEAVE UNTIL I GET YOUR QUESTIONS ANSWERED,
I PROMISE.
18 OKAY.
HOW ARE WE DOING ON TIME?
19
>> YOU HAVE ABOUT FIVE FIEFS
20 >> I'M JUST ABOUT DONE.
I THINK THIS GROUP IS PRETTY GOOD?
21 Q. I HAVE A QUESTION RELATE ABOUT WHAT YOU
WERE TALKING ABOUT BEFORE, WHICH IS THE DOTTED LINES
22 AROUND THE WORD WEATHER.
CAN YOU EXPLAIN THAT AGAIN ABOUT WHAT IT IS AND HOW
23 IT GOT THERE?

24 >> THE QUESTION IS WHAT ARE THE DOTTED LINES AROUND
THE WORD WEATHER.
25 GENERALLY THAT'S A CUE TO THE USER WHERE THE FOCUS
OFF THE BROWSER IS.

1 IF I WANT TO USE INTERNET SPLOERER OUT TOUCHING A
MOUSE, I CAN HIT MY TAB KEY TO MOVE FROM ONE LINK TO
2 THE NEXT, I CAN HOLD DOWN SHIFT AND TAB TO MOVE TO
THE PREVIOUS LINK, AND IF I WANT TO ACTIVATE THIS
3 LINK, NOW THIS IS A DEAD LINK BECAUSE IT'S A TRAINING
SITE, I'M GOING TO PRESS ENTER AND IT WILL ACTIVATE
4 THAT LINK.
I DON'T HAVE THE KEY STROKE MEMORIZED FOR BACK, BUT
5 THERE IS A KEY STROKE FOR BACK.
SO YOU CAN MAFIGATE THROUGH INTERNET EXPLORER WITHOUT
6 USING THE MOUSE.
Q. DOES INTERNET EXPLORER --
7 Q. /*
>> YES.
8 IT'S AN INTERNET EXPLORER THING.
NETSCAPE NAVIGATOR DOESN'T DO THIS.
9
>> THE NEWEST VERSION OF THE BROWSER MIGHT DO THAT.
10 WE HAVEN'T BEEN ABLE TO TEST AND EVALUATE THAT.
AOL, ALL THE OTHER ASSISTIVE DEVICES THAT ARE OUT
11 THERE AS WELL MAY OR MAY NOT BECAUSE THEY ALL
IMPLEMENT AND HAVE DIFFERENT STANDARDS WHEN IT COMES
12 TO THE HTML, THE JAVA SCRIPT, AND ALL THE OTHER
FEATURES THAT THEY BUILD INTO THOSE.
13 WHAT WE'D RATHER DO HERE IS ASK, WE SHOULD BE
SUBSCRIBING TO THE STANDARD.
14 WE SHOULDN'T BE MAKING CONTENT, WE SHOULDN'T BE
MAKING AN EXPERIENCE FOR ONE BROWSER, ONE DEVICE.
15 BECAUSE THAT'S NOT GOING TO DO YOU A WHOLE LOT OF
GOOD, BECAUSE THE WORLD IS FULL OF A WHOLE LOT MORE
16 DIVERSITY THAN THAT.
SO WE REALLY WANT TO BE WRITING TO THE STANDARD
17 >> YEAH.
AND THAT'S THE IDEA.
18 WITHIN THE DESIGN WORLD THEY WAS RAISED IN, I HAD TWO
BROWSERS I HAD TO TEST: NETSCAPE AND INTERNET
19 EXPLORER.
I CAN SPEAK AT LENGTH BETWEEN THE DIFFERENTS OF
20 NETSCAPE 4.1, INTERNET 5.5.
I KNOW THOSE DIFFERENCES.
21 THERE ARE 13 MAJOR SCREEN READERS, EACH WITH THEIR
OWN VERSIONS, SIMILAR ISSUES THAT WE'VE SEEN FROM OUR
22 EXPERIENCE WITH INTERNET EXPLORER AND NETSCAPE
NAVIGATOR.
23 THAT'S JUST ONE TYPE OF ASSISTIVE TECHNOLOGY.
THERE ARE MANY OTHER TYPES OF THINGS THAT PEOPLE USE
24 TO INTERACT WITH WEB CONTENT.
THERE ARE REFRESHABLE BRAILLE DISPLAYS.
25 YOU DON'T WANT TO TRY AND GET INTO THE BUSINESS OF
LEARNING HOW EVERY SINGLE ASSISTIVE TECHNOLOGY WORKS.

1 THERE'S NO USE.
THAT'S WHY WE HAVE STANDARDS.
2 IT'S UP TO THE DESIGNERS TO MAKE SURE THAT THEIR
CONTENT IS COMPLIANT.
3 IT'S UP TO THE USER AGENT MANUFACTURERS, THE
NETSCAPES AND THE MICROSOFTS OF THE WORLD TO MAKE
4 SURE THAT THEIR TOOLS MEET THEIR STANDARDS AND IT'S
UP UP MACROMEDIA TO MAKE SURE OUR TOOLS MEET THE
5 STANDARDS DEFINED FOR THE AUTHORING TOOLS.
IT'S MUCH EASIER TO FOCUS ON THE STANDARDS THAN IT IS
6 TO TRY TO FIGURE OUT WHAT SCREEN READER SUPPORTS
WHICH FEATURES.
7
>> LAST QUESTION.
8 Q. THE TAB THROUGH THING, YOU'RE TABBING TO
HYPER TEXT LINKS.
9 IF A LINK IS ATTACHED TO AN IMAGE, DOES THE TAB GO
THERE AS WELL?
10
>> THE QUESTION IS I'M TABBING BETWEEN TEXT LINKS.
11 WILL TABBING IN INTERNET EXPLORER TAB TO IMAGES THAT
ARE LINKS AS WELL?
12 ABSOLUTELY.
AND THEY'LL ALSO TAB TO FORM ELEMENTS, AND I BELIEVE
13 THAT'S T. SOMEONE ELSE IS GOING TO CORRECT ME ON THAT
I KNOW.
14 RIGHT HERE
>> YOU CAN FORCE IT TO TAB TO OTHER ELEMENTS BY
15 ADDING A TAB, BY USING THE TAB INDEX ATTRIBUTE.
LIKE I DO IT ON OUR SITE ON MAIN BANK AS WELL
16 >> SO THE COMMENT THERE IS AS A DESIGNER YOU CAN
CREATE OTHER POINTS WITHIN YOUR PAGE THAT WOULD BE
17 TABBED TO AS WELL BY INSERTING THE TAB INDEX ELEMENTS
AND THAT'S AN IMPORTANT TOOL ONCE WE GET INTO REALLY
18 THINKING ABOUT DEVICE INDEPENDENCE.
OKAY.
19 WITH THAT I'M GOING TO TURN IT BACK OVER TO MY FRIEND
TOM, AND AGAIN, WE WANT TO ENCOURAGE YOU TO KEEP
20 ASKING QUESTIONS, BECAUSE I KNOW A LOT OF YOU CAME
HERE WITH YOUR SPECIFIC QUESTIONS IN MIND.
21 SO --
>> OH, YEAH, IF YOU HAVE A QUESTION AND YOU KEEP
22 YOUR HAND UP FOR A LONG TIME AND NEITHER BOB OR I
DON'T STOP -- PUT YOUR HAND DOWN.
23 WE HAVE A LOT OF TIME FOR Q AND AN AT THE END OF THE
SESSION.
24 OKAY.
NEXT THING WE'RE GOING TO GET INTO IS ALL THE OTHER
25 STUFF WE'RE GOING TO COVER TODAY.
THIS IS MY NAME AND MY E-MAIL ADDRESS AND YOU CAN

1 E-MAIL ME WITH QUESTIONS AND CONCERNS AND THINGS AND
BOB AS WELL. I WANT TO GIVE A BIG THANKS FOR ALL THE
2 PEOPLE AT THE UNIVERSITY -WISCONSIN FOR LETTING US
USE BOB.
3 THEY DO A LOT OF GREAT WORK UP THERE, SO WE LIKE TO
GIVE THEM CREDIT.
4 WE HAVE GONE OVER WHAT IS ACCESSIBILITY ON THE NET.
WHAT WE'RE GOING TO TALK ABOUT TODAY, DESIGNING
5 ACCESSIBLE CONTENT AND A LOT OF SUCCESSFUL PRACTICES
WHILE USING DREAMWEAVER.
6 WHEN I TALK ABOUT DREAM WEAVER, I'M ALSO SPEAKING TO
ULTRADEV 4.0 BECAUSE BOTH OF THOSE PRODUCTS SPAN AN
7 ENTIRE PLATFORM THAT IS VERY EXTENSIBLE, HELPS
EVERYONE MAKE THINGS MORE ACCESSIBLE AND IS A VERY,
8 VERY GREAT PRODUCT BECAUSE OF THE EXTENSIONS ON THE
EXCHANGE THAT YOU CAN DOWNLOAD LIKE THE 5.0
9 ACCESSIBILITY STWEEP.
WE'RE GOING TO TALK A LOT ABOUT BEST PRACTICES AND
10 WE'RE GOING TO TALK ABOUT RETROFITTING WITH TIPS AND
TRICKS AND WE'RE ALSO GOING TO TALK ABOUT A LOT OF
11 USABLE EXTENSION FOR DREAM WEAVER BECAUSE IT WILL
MAKE YOUR LIFE A LOT EASIER WHEN YOU'RE GOING TOWARD
12 COMPLIANCE
>> CONFORMANCE
13 >> WE SHOULD MENTION THE DIFFERENCE BETWEEN
COMPLIANCE AND COMFORMANCE
14 >> I DON'T KNOW THE DIFFERENCE, BUT THE LAWYERS SAID
WE NEED TO SAY CONFORMANCE. THERE ARE A LOT OF FOLKS
15 OUT THERE THAT ARE STRUGGLING NOW TO MAKE THEIR SITES
MORE ACCESSIBLE.
16 WE'RE ALSO GOING TO TALK A LITTLE BIT ABOUT THE 508
TEMPLATES.
17 THEN WE'RE GOING TO JUMP INTO DREAM WEAVER/ULTRADEV.
AND SOME OF THE ADVANTAGES WE CAN HAVE YOU USING
18 DYNAMIC CONTENT.
I WOULD MUCH RATHER HAVE A DATA SITE THAT DRIVES MY
19 CONTENT AND BE ABLE TO MAKE CHANGES THAT IS DRIVEN BY
THE ADMINISTRATOR OR THE CLIENT BECAUSE IT'S SO MUCH
20 EASIER TO MAINTAIN.
THE BIG RETROFIT, QUICK QUESTION: HOW MANY OF YOU
21 ARE USING FRONT PAGE OR FRONT PAGE SERVER TO FOR
THEIR WEB CONTENT?
22 YOU JUST CONVERTED TO DREAM WEAVER.
WELCOME.
23 THERE'S A LOT OF DIFFERENT PROGRAMS OUT THERE HOW
MANY FOLKS OUT THERE HAND CODE?
24 COOL.
HOW MANY PEOPLE USE ONE OF THOSE OTHER PAIG AN
25 TECHNOLOGIES FROM ANOTHER SOFTWARE COMPANY?
YOU KNOW WHO THEY ARE.

1 THERE ARE A COUPLE OUT THERE IT'S REALLY COOL.
IT DOESN'T MATTER WHICH TOOL YOU WANT BECAUSE I CAN
2 USE DREAM WEAVER AND ADDRESS ALL THAT LANGUAGE FROM
THE OTHERS BECAUSE DREAM WEAVER IS SO WELL WRITTEN.
3 I LIKE FRONT PAGE SERVER A LOT MORE THAN FRONT PAGE.
A LOT OF FOLKS ARE USING FRONT PAGE, BUT IT DOESN'T
4 MAKE THE MOST ACCESSIBLE CONTENT.
WELL HOW CAN WE GET THAT INTO DREAM WEAVER AND SXHAND
5 A LOT OF THINGS TO CLEAN UP THE TERMINOLOGY AND
CODES.
6 THEY'RE NOT WRITTEN AS WELL AS THE DREAM WEAVER
CONTENT IS WRITTEN.
7 AND FLASH CONTENT.
IT CAN BE COOL, IT CAN BE ACCESSIBLE, IT CAN BE
8 USEFUL.
AND WE'RE GOING TO TALK A LITTLE BIT ABOUT FLASH
9 CONTENT.
SO LET ME BREAK OUT OF HERE AND WE'LL CLOSE THIS DOWN
10 JUST A LITTLE BIT.
WE'LL TAKE ONE LAST PAGE OF OUR COAST PAGE HERE
11 INSIDE OF OUR BROWSER.
THIS IS OUR SITE FOR THE COUNTY OCEAN GRAPHIC
12 ATMOSPHEREIC SCIENCE AND TECHNOLOGY CENTER.
WE'VE SEEN IT IN A BROWSER.
13 WHAT I WANT TO INTRODUCE YOU TO IS SOMETHING YOU MAY
NOT HAVE SEEN BEFORE WHICH IS THE IBM PAGE READER.
14 "ACTION COUNSEL.
INTERNET EXPLORER WAS UNABLE TO LINK --"
15 Q. CAN YOU SPLOE THAT DOWN?

16 >> THAT'S VERY SLOW.
BECAUSE SOMEONE WHO USES THIS ON A REGULAR BASIS --
17 ACTUALLY LET'S TAKE A LOOK AT THE PAGE REAL QUICK.
"CONNECTING.
18 WELCOME TO THE COUNTY OCEAN GRAPHIC..."
"
19 >> WE STOPPED IT FOR A MOMENT.
IT ACTUALLY LOADS THE PAGE AND IT TAKES A LOOK AT THE
20 CODE FROM THE VERY FIRST LINE IN LINE ONE TO THE VERY
BOTTOM ONE AND IT STARTS GOING THROUGH THERE AND IT'S
21 LOOKING FOR SPECIFIC MARK-UPS ON THE CODE LEVEL, THE
HTML, AND READING IT BACK TO YOU.
22 YOU'LL NOTICE IT WENT TO SOMETHING WITH A HYPER TEXT
LINK.
23 IT CHANGED THE TONE.
SOMETIMES IT'S A MALE VOICE, SOMETIMES IT'S A FEMALE
24 VOICE.
AND SOMEONE COMMENTED, CAN YOU SLOW IT DOWN?
25 THAT IS A PRETTY REASONABLE SLOW RATE.
WHO IS IT, IT'S NOT NIEL

1 >> NIEL
>> LET'S TURN IT UP TO WHAT NIEL DOES WHEN HE READS
2 THIS.
SO WE'RE GOING TO TURN THIS UP AGAIN.
3 LET'S READ THIS AS NIEL WOULD ACTUALLY USE THIS IN
HIS DAY TO DAY.
4
>> SOMEWHERE OUT THERE SAID, NO, THAT'S NOT TRUE.
5 THEY DON'T BELIEVE IT.
IT'S VERY TRUE.
6 HOW DO YOU LEARN TO DISCERN -- HOW MANY PEOPLE IN
HERE HAVE KIDS? HOW CAN YOU TELL WHICH ONE'S
7 SCREAMING?
YOU DISCERN BETWEEN THEIR VOICES.
8 IT'S I THINK IT'S SAID THAT WHEN ONE SENSE IS LOST,
THE OTHERS PICK PIK.
9 USING THIS PARTICULAR BROWSER IS NO MORE DIFFERENT
THAN USING ANY OTHER TECHNOLOGY OR ANY OTHER DEVICE
10 OR ANYTHING.
YOU LEARN IT, AND NIEL LIKES IT COURAGED UP CRANKED
11 UP REALLY QUICKLY.
HE DOESN'T WANT TO TAKE A TIME HEARING OBJECT, THIS,
12 THIS, HE'S TRAINED HIMSELF TO DO IT VERY QUICKLY.
I LIKE IT BECAUSE IT JUST SOUNDS COOL.
13 I'LL TURN THIS DOWN JUST A LITTLE BIT.
"340 WORDS PER MINUTE".
14 "240 WORDS PER MINUTE." LET'S TAKE A
LOOK HERE.
15 WELCOME TO THE COUNTY OCEANIC ATMOSPHEREIC CENTER.
THE YOUNG FEMALE SCUBA DIVER IS LOOKING... BACK,
16 FORWARD, BACK.
WELCOME TO THE COUNTY OCEANIC --
17 >> A COUPLE OF THINGS I WANT TO POINT TO.
IF A SCREEN READER USER IS INTERACTING WITH THIS
18 CONTENT, WHAT'S GOING TO HAPPEN IS THEY'RE PROBABLY
NOT GOING TO USE THEIR MOUSE TO CLICK ON THINGS;
19 THEY'RE GOING TO USE THE KEYBOARD.
THE ALT-TEXT OF THE IMAGE WOULD BE READ AND THEN YOU
20 HEAR THE VOICE CHANGE AND IT WOULD BE A FEMALE VOICE,
AND IT WOULD SAY D.
21 AND IN CONTEXT WE'D KNOW THAT THAT'S PROBABLY A LONG
DESCRIPTION FOR THE IMAGE.
22 HOW MANY PEOPLE HERE BEFORE TODAY HAVE EVER SEEN THE
D LINK?
23
>> WE HAVE ONE ON OUR SITE
24 >> GOOD.
THAT'S A FEW.
25 IT'S NOT VERY COMMON YET.
IT'S BECOMING MORE COMMENT AS AWARENESS OF

1 ACCESSIBILITY IS GROWING.
IT'S MORE COMMON WHEN WE SPEAK TO INDIVIDUALS WITH
2 DISABILITIES THAT THEY WOULD BE MORE FAMILIAR WITH T.
BUT STILL, IT'S A CONVENTION, IT'S A TRICK, A
3 TECHNIQUE, A WAY OF OVERCOMING A PROBLEM WITH
IMPLEMENTATION OF A LONG DESCRIPTION ATTRIBUTE IN
4 USER AGES.
SO I JUST WANT TO MAKE SURE I POINTED TO THAT BECAUSE
5 I KNOW YOU HAD A QUESTION ABOUT THAT EARLIER.
IN ADDITION, I WANT TO ALSO POINT TO SOMETHING ELSE.
6 WE'RE TALKING ABOUT DESIGNING FOR INDIVIDUALS WITH
DISABILITIES, IT'S REALLY NOT FAIR TO USE HOME PAGE
7 READER.
WHAT THAT DOES IS IT PRIVILEGES INDIVIDUALS WITH
8 VISUAL DISABILITIES OVER OTHER GROUPS.
AND REALLY THAT'S NOT THE POINT WHEN WE'RE DESIGNING
9 FOR ACCESSIBILITY.
SO -- BUT AT THE SAME TIME FOR THOSE OF US THAT WERE
10 BROUGHT UP IN A DESIGN WORLD FOCUSED ON INTERNET
EXPLORER, NETSCAPE NAVIGATOR, IT'S A CONVENIENT WAY
11 TO BREAK OUT OF THAT MINDSET.
THE OTHER THING, FOR THOSE OF US THAT CAN SEE WHAT'S
12 HAPPENING IN HOME PAGE READER, WE CAN SEE THIS LITTLE
PANEL HERE IN BETWEEN THAT REPRESENTS A LINEARIZED
13 VERSION OF THE PAGE THAT WE CAN REALLY SEE WHAT ORDER
THE CONTENT IS BEING READ.
14 THAT'S A VERY, VERY HELPFUL TOOL FOR THOSE OF US THAT
CAN SEE IT.
15 SO I LIKE HOME PAGE READER FOR THAT REASON.

16 >> THE PRICE WAS GOOD TOO
>> THE PRICE IS GOOD TOO.
17 IT'S A LOT CHEAPER.
SCREEN READERS ARE EXPENSIVE.
18 NOW, ONE OF THE THINGS I WANT TO POINT TO IS THAT
WHEN WE UPGRADE FROM NETSCAPE 4 TO 4.1, LIT REALLY
19 WASN'T THAT -- IT DIDN'T COST ANYTHING.
MAYBE OUR HARDWARE WAS MORE TEXT SO IT BECAME A
20 HARDWARE EXPENSE.
THE SAME ISSUES ARE TRUE WITH SCREEN READER EXCEPT AN
21 UPGRADE FROM ONE SCREEN READER TO ANOTHER IS NOT
FREE.
22 IT'S EXPENSIVE.
SO AS WE STARTED MAKING DECISIONS AS TO WHAT SCREEN
23 READERS WE WOULD MAKE TO SUPPORT SUCH THINGS, WE HAD
TO BE AWARE OF THE FACT THAT AN UPGRADE FROM AN OLDER
24 SCREEN READER TO A NEWER SCREEN READER WAS A VERY,
VERY EXPENSIVE PROSPECT ESPECIALLY AT A UNIVERSITY
25 WHERE YOU HAVE STUDENTS WHO ARE ALREADY SPENDING A
LOT OF MONEY JUST TO BE THERE --

1 >> THEIR PARENTS' MONEY
>> WELL, IN SOME CASES -- YOU KNOW, THIS IS
2 WISCONSIN WE'RE TALKING ABOUT.
THERE'S NOT AN ESTABLISHED -- I MEAN, WE DON'T HAVE A
3 LOT OF PEOPLE LIVING OFF THEIR PARENTS.
A LOT OF KIDS ARE WORKING TO BE THERE.
4 SO WE HAVE TO BE SENSITIVE TO THIS
>> AND SO DO YOU.
5 WE'RE NOT ENDORSING ONE OR THE OTHER.
WE JUST WANT TO WAKE PEOPLE UP, REALIZING THAT
6 THERE'S A WHOLE OTHER WORLD OF BROWSERS AND ASSISTIVE
DEVICES.
7 SOME OF THEM DO HAVE FREE DOWNLOADS.
YOU CAN DOWNLOAD AN EVALUATION.
8 WE CAME ACROSS AN ORGANIZATION IN D.C. THAT DOES
NOTHING ELSE, IT'S A NONE-PROFIT GROUP, BUT IT HAS
9 PURCHASED EVERY ASSISTIVE DEVICE OUT THERE AND IT
ALLOWS PEOPLE TO COME IN FOR A FEE AND LOAD YOUR WEB
10 SITE UP AND RUN THROUGH THESE DIFFERENT ONES SO YOU
CAN GET THE EXPERIENCE.
11 WE'RE LOOKING AT COAST READER INSIDE THE WEB PAGE.
JUST SAYS NAVIGATION BAR WHICH IS NOT PARTICULARLY
12 GOOD, NOT VERY USEFUL, NOT VERY ACCESSIBLE.
SO I'M GOING TO GO AHEAD AND CLOSE OUT OF IBM PAGE
13 READER HERE.
I JUST LOVE THAT SOUND.
14 OKAY.
THAT'S KIND OF NEAT BUT I SEE I HAVE SOME PROBLEMS
15 HERE.
NAVIGATION BAR IS NOT USEFUL, SO AGAIN, MY TEAM LET
16 ME DOWN JUST A LITTLE BIT BUT THAT'S OKAY BECAUSE WE
HAVE TO HAVE A COUPLE OF CHALLENGES, PROBLEMS,
17 CONCERNS, THINGS WE NEED TO FIX SO I CAN SHOW YOU HOW
TO USE DREAM WEAVER AND FIRE WORKS AS WELL SO WHEN
18 YOU'RE MAKING SOMETHING THAT IS ACCESSIBLE.
SO I'M GOING TO LAUNCH DREAM WEAVER
19 ULTRADEV.
I ONLY HAVE ULTRADEV ON MY MACHINE BECAUSE ULTRADEV
20 GIVES ME EVERYTHING THAT DREAM WEAVER DOES PLUS MORE,
I CAN ALSO USE.
21 WE WILL BE TAKING A BREAK IN ABOUT 15 MINUTES OR SO.
I'VE GONE AHEAD AND LAUNCHED ULTRADEV HERE.
22 THE FIRST THING THAT COMES UP IS THE MOST PERFECT WEB
PAGE YOU WILL EVER SEE.
23 (LAUGHER).
I CAN ALSO LOOK AT IT IN THE CODE VIEW BY DOING THE
24 SPLIT WINDOW.
THE BARE AMOUNT OF CODE WINDOW WE NEED TO PUT ON A
25 PAGE IS DISPLAYED THERE.
LET'S OPEN UP THE TEXT PAGE AND WE'LL LOOK AT THAT

1 DREAM WEAVER ULTRADEV INTERFACE.
SO IT LOOKS PRETTY GOOD.
2 YOU CAN SEE OBVIOUSLY THERE'S SOME FLASH CONTENT AT
THE TOP AND THERE'S MY NAVIGATIONAL BAR.
3 AND I SEE THE MISTAKE.
ONE OF MY TEAM MATES OR THE FOLKS WE WERE DEVELOPING
4 WITH.
HE STOLE MY JOKE EARLYER.
5 ANYBODY HERE WORK ALONE COMPLETELY?
IF YOU DO, GET OUT OF THE PARENTS' BASEMENT.
6 I'M KIDDING.
MOST OF US HAVE A SYNERGY AND WORK FLOW AND ALL
7 MACROMEDIA PRODUCTS HAVE A WORK FLOW THAT WORKS THE
WAY YOU DO.
8 IF THERE'S ONE SHORTCOMING, IT'S THAT THERE'S SO MANY
WAYS TO DO THE SAME THING LIKE HYPER TEXT LINKS
9 INSIDE DREAM WEAVER.
THERE'S SIX OR SEVEN WAYS TO DO THAT BECAUSE YOU'RE
10 GOING TO FIND THE ONE THAT WORKS BEST FOR YOU.
SO WE'RE NOT TELLING YOU HOW POWORK; WE'RE JUST
11 GIVING YOU A VERY EXTENSIVE USABLE APPLICATION.
I WANT TO POINT OUT FIRE WORKS.
12 HOW MANY FIREWORKS USERS DO WE HAVE OUT THERE?
COOL.
13 FOLKS ON THE WEB, DON'T BOTHER RAISING YOUR HAND.
IT'S OKAY.
14 HOW MANY FOLKS USING SOME OTHER GRAPHIC PAGAN
TECHNOLOGY?
15 OKAY.
THERE'S ALL SORTS OF OTHER APPLICATIONS OUT THERE
16 THAT ARE GREAT.
I LOVE USING FIREWORKS BECAUSE IT'S THE GREATEST
17 APPLICATION MADE FOR GRAPHICS FOR THE WEB.
I CAN MAKE DISJOINTED ROLL-OVERS, SIMPLE ROLL-OVERS,
18 AND I CAN DO THAT IN JAVA SCRIPT AS WELL.
LET'S GO AHEAD AND TAKE A LOOK HERE.
19 WELL, IT IS THE ORIGINAL HOME BUTTON.
BUT I WANT TO GO AHEAD AND OPEN UP THE ACTUAL
20 GRAPHICS I WANT HERE.
IT'S GOING TO JUMP AROUND A LITTLE BIT AND GO AHEAD
21 AND OPEN UP.
WHERE I'M STARTING ON MY FILES.
22 BACK HERE.
THERE WE GO.
23 OPEN UP MY FIREWORKS FOLDER.
THERE WE GO.
24 THERE WE GO.
THERE'S MY NAVIGATION BARS.
25 AT LEAST MY FRIENDS THAT I WAS WORKING WITH, AGAIN,
WORKING WITH A GROUP WITH A GOOD WORK FLOW HERE GAVE

1 ME ALL THE ASSETS.
I CAN TAKE A LOOK AT THIS FILE AND I SEE I HAVE A
2 BUNCH OF DIFFERENT ELEMENTS.
I CAN WORK WITH BIT MAPS AND VECTORS ON ONE
3 APPLICATION AND I'VE GOT SOME VECTOR DRAWN BUTTONS
HERE, BUT ONE OF THE PROBLEMS I HAVE HERE, NOT ONLY
4 WAS THE NAVIGATION ULTRADEV IMPRACTICAL, I NEED THE
NAVIGATION BAR.
5 I NEED TO MAKE THEM OVER EACH AND INDIVIDUAL BUTTON
SO THEY NEED TO BE VERY SQUARE.
6 BUT THERE'S ALSO WHAT IS IT, 11 -- IS IT C?

7 >> COLOR?

8 >> YEAH.
THAT'S THE COLOR ONE FOR THE 10 PERCENT OF US THAT
9 DON'T LIKE THE BLUE -- SORRY, THEY'RE REALLY GRAY.
BUT COLOR.
10 THINGS NEED TO BE HIGH CONTRAST.
I WANT TO GO THROUGH HERE AND QUICKLY DO A CHANGE.
11 AND ONE OF THE THINGS YOU CAN DO A LOT OF AND WE'RE
GOING TO POINT THIS OUT IN DREAM WEAVERS IS DO A FIND
12 AND REPLACE.
I CAN DO A QUICK FIND AND REPLACE BY SELECTING THE
13 COLOR I WANT.
BOOM.
14 I'VE GOT MY GRAY COLOR SELECTED.
I CAN CHANGE IT TO BLACK, TO RED.
15 WITHIN THE ENTIRE DOCUMENT VISUALLY THEY HAVE LAID
OUT HERE.
16 OR ACTUALLY IT CAN SELECT A FRAME AND DO SOME BATCH
PROCESSING.
17 SO I'M GOING TO GO AHEAD AND JUST DO THAT ON MY
CURRENT DOCUMENT I HAVE OPEN.
18 BOOM.
CHANGED ALL THE COLORS.
19 OKAY.
THAT'S A LITTLE BIT BETTER THERE.
20 I'D LIKE TO POINT OUT HERE THAT IN MY FRAMES PANEL,
THIS IS THE UPDATE, THE FIRST THING THAT'S GOING TO
21 GET ON THE PAGE WHEN THEY DO THE ROLL-OVER.
THEY'RE GOING TO ENCOUNTER THE BLUE.
22 I CAN ALSO HIT THE PREVIEW TAB TO MAKE SURE THEY'LL
WORK.
23 BUT FIRST WE NEED TO PUT SLICES ON THERE.
ONE OF THE BEST WAYS TO DO THAT IS SELECT ALL THE
24 CONTENT HERE ON MY NAVIGATION BAR AND ASK FIREWORKS
TO INSERT SLICES.
25 FIREWORKS IS SMART.
IT KNOWS THERE ARE FOUR SEPARATE ELEMENTS THERE AND

1 EACH ONE NEEDS IT'S OWN YELLOW TAG.
SO I CAN DO IT FOR EACH INDIVIDUAL SLICE ACROSS EACH
2 ATTRIBUTE.
SO EACH BUTTON NOW WILL HAVE ITS OWN SLICE AND I CAN
3 MAKE THIS ROLL-OVER.
ANY JAVA SCRIPT PROGRAMMERS IN HERE?
4 GOT A COUPLE.
THIS IS THE WAY I LIKE TO DO SOME JAVA SCRIPT
5 PROGRAMMING.
I'M GOING TO MAKE MY ROLL OVER BY SELECTING THAT HOT
6 SPOT AND ROLLING IT BACK.
BOOM.
7 THERE'S MY JAVA SCRIPT ROLL OVER FOR THE HOME BUTTON,
THERE'S THE SITE MAP.
8 HERE'S CONTEXT.
I'M GOING TO LEAVE SEARCH BLANK FOR ONE SECOND.
9 ACTUALLY I'M GOING TO GO AHEAD AND SELECT IT AND MAKE
IT.
10 BOOM.
OKAY, NOW I JUST PUT THE JAVA SCRIPT ON NEAR THE ROLL
11 OVER.
I CAN NOW GO AHEAD AND USE ONE OF THE COMMANDS.
12 IF YOU GO TO THE EXCHANGE, MACROMEDIA/EXCHANGE.COM IF
YOU JUMP TO THE DREAM WEAVER ULTRANET CHANGE, YOU'LL
13 COME UP WITH THE USABLE EXTENSION AND THE JAVA SCRIPT
COMMANDS YOU CAN INSTALL INSTEAD OF JAVA CRYPT.
14 ONE OF THEM IS SECT ALL BLANK ALT-TAGS.
BOOM.
15 VERY USEFUL.
THIS IS A VERY SIMPLE EXAMPLE, ISSUE OF BUT IMAGINE
16 AN ENTIRE PAGE LAYOUT.
YOU CAN SIT THERE ALL DAY GOING CLICK CLICK CLICK AND
17 HOPING YOU'VE GOT THE RIGHT ONE OR USE ONE COMMAND TO
HIGHLIGHT THOSE THAT ARE BLANK.
18 WELL WITH THIS SELECTED, I'LL SELECT THAT SLICE SO
I'LL GO DOWN TO MY OBJECTS PALETTE AND SELECT AN
19 APPROPRIATE ALT-TAG FOR THAT PARTICULAR ONE.
HOME.
20 SITE MAP.
AND BECAUSE I KNOW I'M USING IBM PAGE READER I'M
21 GOING TO MAKE IT TWO WORDS BECAUSE I KNOW IT'S GOING
TO SAY SITE MAP.
22 CONTEXT.
SO I COULD SAY LIST OF CONTEXT, BUT I'M JUST GOING TO
23 SAY CONTEXT.
AND BOB, HOW ABOUT THIS?
24 IF UNDER SEARCH I WERE TO DO LIKE SITE, SEARCH, PAGE.
IS THAT A GOOD THING OR A BAD THING?
25
>> /* DO YOU REALLY NEED TO SAY PAGE OVER AND OVER

1 AGAIN?

2 >> YEAH.
I THINK SOME BAD THINGS TO SAY -- LET'S DO THE EASY
3 THING.
WHAT ARE -- SOME SOME ALT-TEXTS WE WOULD NOT WANT TO
4 USE WHEN WE WERE ADDING ALT-TEXT TO BUTTONS?

5 >> BUTTON
>> YEAH.
6 THAT'S BAD
>> CLICK HERE
7 >> YEAH.
CLICK HERE, VERY BAD.
8
>> LINK, THAT'S A GOOD ONE.
9
>> LET'S GO TO THE OTHER EXTREME.
10 WHAT'S TOO MUCH INFORMATION TO PROVIDE IN AN ALT-TEXT
FOR THIS BUTTON?
11
>> CLICK HERE IF YOU WANT TO SEARCH THE PAGE FUR FOR
12 SOME PARTICULAR ITEM YOU'RE LOOKING FOR
>> RIGHT.
13 TOO LONG! YOU WOULDN'T WANT TO SAY LINK BUTTON OR
LINK TO HOME PAGE.
14 REMEMBER, IN HOME PAGE READER, THE VOICE CHANGES.
WE KNOW IT'S A LINK.
15 YOU DON'T NEED TO SAY LINK FOHOME PAGE.
SIMILARLY YOU DON'T NEED TO SAY HOME BUTTON.
16 IT'S A LINK.
IT'S GOING TO BE CLEAR THAT IT'S A LINK, IT'S GOING
17 TO TAKE YOU SOMEWHERE ELSE.
THE IDEA OF A BUTTON IS A VISUAL CUE TO A SIGHTED
18 USER THAT LETS THE USER KNOW THAT THAT THIS IS GOING
TO BE A LINK OF SOME KIND.
19 BUT FOR SOMEONE USING A HOME PAGE READER OR OTHER
TYPES OF SCREEN READERS, ALL THEY NEED TO KNOW IS
20 THAT IT'S A LINK, IT'S GOING TO TAKE THEM SOMEWHERE.
SO HOME, SITE MAP, CONTACTS, SEARCH OR SITE SEARCH,
21 YOU MIGHT PROVIDE SOME CLARIFICATION THERE.
THAT MIGHT BE IMPORTANT CHANGES BUT IT'S ENOUGH.
22 IT DOESN'T HAVE TO BE TOO MUCH INFORMATION
>> LET'S NOT OVERWHELM FOLKS WITH KINDNESS.
23 TOO MUCH INFORMATION.
ROLL OVER, THESE ARE TO SEE THAT THE JAVA SCRIPTS ARE
24 WORKING FROM OUR ROLL OVERS.
THE LAST THING I DO NOW IS SAVE MY WORK, AND I'M
25 GOING TO EXPORT OUT SOME OF MY CODE AND MY JAVA
SCRIPT HERE, SO I'LL GO AHEAD AND OUTPUT THIS.

1 LET'S BACK UP JUST ONE SECOND THERE. I'LL ALSO LIKE
TO POINT OUT HERE BECAUSE FIREWORKS IS A GREAT
2 APPLICATION AND WE REALIZE FOLKS USE A LOT OF
DIFFERENT TECHNOLOGIES OUT THERE TODAY WHEN IT COMES
3 TO SOFTWARE, EVEN THOUGH YOU SHOULD BE USING DREAM
WEAVERS WHEN IT COMES TO THE HTML, WE REALIZE THAT
4 AND WE USE OUTPUT CODE.
SUPPOSE YOU'RE USING A DIFFERENT TECHNOLOGY, WE'RE
5 GOING TO MAKE SURE THAT THE JAVA SCRIPTS FIREWORKS
MADE ARE JUST GOING TO BE BLOWN UP A LITTLE MORE TO
6 MATCH THE CODE.
AND THAT'S NOT A BAD THING.
7 AND THEY DON'T WRITE DREAM WEAVER THE WAY -- THEY
DON'T WRITE A PRODUCT THE WAY WE DO.
8 THEY USE A PROGRAMMING LANGUAGE LIKE CCPLUS PLUS AND
THEY HAVE TO USE EIGHT OF IT AND USE A LOT OF
9 LANGUAGE.
WE ACTUALLY USE HTML TO MAKE HTML.
10 BUT I'M GOING TO USE THE BEST CODE OUT THERE FOR
DREAM WEAVER AND I'M GOING TO EXPORT THIS OUT.
11 SO I'LL PUSH OUT THE HFML AND THE ALL THE PIECES FOR
THE SLICE THERE.
12 AND I'LL GET OUT OF FIREWORKS AND I'LL GO BACK IN
HERE AND THEN IN MY OBJECTS PALETTE HERE, I'LL GO
13 INTO INSERT FIREWORKS HTML.
I'LL BROWSE AND FIND MY NAVIGATIONAL ELEMENTS HERE.
14 THERE WE GO.
I'M GOING TO OPEN THAT UP, CLICK OKAY TO INSERT IT,
15 SAVE MY WORK, AND NOW I CAN ACTUALLY JUST GO IN HERE
AND INDIVIDUALLY CLICK ON EACH INDIVIDUAL ELEMENT
16 THAT MAKES UP MY NAVIGATION BAR.
TAKE A LOOK HERE AT MY PROPERTIES INSPECTOR.
17 NOTICE WHEN I CLICK ON CONTEXT THE COLOR IS CHANGED
AND THE ALT-TAG THE TAG IS CHANGED.
18 IT'S GOT EVERYTHING FROM JAVA SCRIPT AND FIREWORKS
SEAMLESSLY INTO THE DREAMWEAVER PLATFORM.
19 LET'S SAVE THIS AND JUST TEST IT IN THE BROWSER REAL
QUICK BY HITTING THE F12 BUTTON.
20 YEP, IT'S ROLLING OVER, SITE MAP, ALT-TAG, THAT LOOKS
PRETTY GOOD.
21 I'M GOING TO GO AHEAD AND CLOSE OUT OF THIS, COME
BACK HERE AND TAKE A LOOK HERE, GOT SOME FLASH
22 CONTENT UP ON THE SCREEN.
I'M JUST GOING TO GO AHEAD AND CLICK ON IT FOR A
23 MOMENT.
YOU CAN USE LOTS OF FLASH CONTENT WHETHER IT'S A MAIN
24 MANNER HERE OR DECORATIVE ITEM HERE.
WE'RE GOING TO SPEND A LOT OF TIME AFTER THE BREAK
25 TALKING ABOUT OUR FLASH TIPS AND TECHNIQUES BUT FOR
NOW WE'RE GOING TO LET IT GO.

1 ONE OF THE BEST WAYS TO MAKE A SITE MORE DYNAMIC IS
TO MAKE SOMETHING LIKE A TEMPLATE OR LIBRARY ITEM.
2 I'VE GONE UNDER HERE UNDER WINDOW, DOWN TO MY ASSETS
PANEL TO OPEN UP MY ASSETS PANEL AND TO TAKE A LOOK
3 HERE.
I'VE GOT A COUPLE OF TEMPLATES AND LIBRARY ITEMS
4 ALREADY MADE.
LET'S TAKE A LOOKA THE OUR TEMPLATES THAT ARE GOING
5 ON.
I'VE GOT A TEMPLATE I'VE ALREADY CREATED.
6 I'M JUST GOING TO OPEN THIS UP QUICKLY AND TAKE A
LOOK AT IT.
7 AND I'VE EVEN GOT SOME BROKEN LINKS.
VERY COOL.
8 LIKE THAT.
AND ACTUALLY I DO LIKE THAT BECAUSE IT GIVES US A
9 CHANCE TO SHOW HOW EASY IT IS TO MAKE SOME MORE
CONTENT.
10 BUT A TEMPLATE IS A GREAT THING TO USE WHEN CREATING
A WEB SITE, EVEN A STATIC WEB SITE OR DYNAMIC WEB
11 SITE BECAUSE BY USING DREAM WEAVER TEMPLATES OR
LIBRARY ITEMS, WE CAN USE TEMPLATES TO MAKE OUR LIVES
12 EASIER.
WHAT DO TEMPLATES DO?
13 THEY GIVE US A FOUNDATION FOR THINGS ON WORK
CORRECTLY AND MAKE THINGS LOOK GOOD NOT ONLY ON THE
14 INTERFACE AND THE DESIGN BUT IN THE PERFORMANCE.
GENERALLY WE FOUND OUT THERE ON THE WEB TODAY WE'VE
15 GOT TWO BIG GROUPS OF USERS: DESIGNERS AND ARTISTS.
HOW MANY OF YOU FOLKS ARE DESIGNERS OR ARTISTS?
16 HOW MANY PEOPLE ARE DEVELOPERS OR CODERS?
OKAY.
17 BIG DIFFERENCE -- LTHERE'S A COUPLE OF DIFFERENCES IN
THERE.
18 ARTIVES REALLY WANT TO MAKE SURE THAT THINGS LOOK
RIGHT.
19 THEY WANT TO TO WORK, BUT THEY'RE NOT AS CONCERNED
ABOUT IT WORKING.
20 THE CODERS WANT TO MAKE SURE IT WORKS.
BUT YOU WANT TO FIEBLD A NICE HAPPY MEDIUM AND YOU
21 WANT TO MAKE SURE EVERYBODY CAN DO THIS EASILY.
I'VE GOT A TEMPLATE HERE AND THE REASON I USE A
22 TEMPLATE?
CONSISTENCY, EASE OF USE.
23 I'M GOING TO CLOSE THIS TEMPLATE OUT FOR A MOMENT AND
GO AHEAD AND CREATE A NEW ONE.
24 BUT I'M LOOKING AT MY WATCH AND FINDING OUT WE'RE
COMING UP ON A BREAK.
25 SO WE'LL TAKE OUR BREAK NOW BECAUSE WE'VE GONE GOING
FOR JUST ABOUT AN HOUR AND A HALF.

1 I'VE GOT ALMOST THREE O'CLOCK.
SO WE'LL COME BACK IN HERE AT 3:10.
2 WHEN WE COME BACK WE'RE GOING TO GO INTO TEMPLATES
AND LIBRARY ITEMS.
3 DYNAMICALLY DRIVEN CONTENT.

4 >> OKAY, FOLKS.
I HOPE EVERYONE IS REFRESHED.
5 A COUPLE OF QUICK THINGS I WANT TO MAKE AN
ANNOUNCEMENT FOR.
6 MACROMEDIA FOLKS HERE, THAT WOULD BE OUR USABILITY
GROUP, ARE LOOKING FOR SOME BEGINNING FLASH 5 USERS
7 WHO HAVE BEEN USING THE PRODUCT FOR ABOUT SIX MONTHS
OR LESS WITH LITTLE OR NO ACTION SCRIPT EXPERIENCE,
8 THAT WOULD BE BOB -- JUST KIDDING.
BUT WE'RE LOOKING FOR FOLKS TO TEST SOME USABILITY
9 THINGS AND WE REWARD THEM WITH SOFTWARE, RIGHT?
ALSO WE'RE LOOKING FOR SOME FIREWORKS FOR USERS WHO
10 HAVE SIX MONTHS OR MORE EXPERIENCE.
AND WE REWARD YOU WITH EVEN.
11 .
.
12
>> I WILL CREATE A TEMPLATE QUICKLY HERE INSIDE OF
13 DREAM WAVER.
SO I'VE OPENED UP MY DREAM WEAVER.
14 I'M GOING TO GIVE THE TEMP PLATE A NAME LIKE TEMPLATE
2.
15 BUT YOU WANT TO GIVE IT A NAME THAT'S A LITTLE MORE
CONTNGS RAL TO HOW YOU USE IT.
16 WITH THAT I'LL OPEN UP THE TEMPLATE AND ASK A
QUESTION: HOW MANY PEOPLE HERE DRAW HTML?
17 I LOVE THAT.
DRAW?
18 YOU CAN DRAW HTML?
YOU HAVE TO HAND CODE IT.
19 00 AND I'M NOT JUST TALKING ABOUT USING A STYLIST.
I'M GOING TO DRAW MY HTML ON THE SCREEN.
20 YOU'RE GOING DOWN THERE TO THE BOTTOM OF THE OBJECTS
PANEL AND YOU'RE JUST GOING TO GO AHEAD AND DRAG A
21 TABLE OUT ONTO THE SCREEN.
AND I'M GOING TO DRAW MY TABLE.
22 I JUST DRAW HTML CODE.
DON'T BELIEVE ME?
23 THERE YOU G. ALL THE TDR TAG I EVER WANTED.
AND WITHIN THAT I WANT TO DRAW A CELL AND I'M DRAWING
24 HTML CODE.
THERE'S THE OLD CODE.
25 THAT'S THE WAY TO GO.
FOR ME THAT'S A LOT QUICKER BECAUSE IT GIVES ME A LOT

1 MORE CONTROL OVER THE INTERFACING ELEMENTS AND IF I
DON'T LIKE WHAT I'VE DRAWN VISUALLY, I CAN SHRINK IT
2 UP.
IF I DON'T LIKE MY TABLE HERE, I CAN MOVE IT UP AND
3 DOWN A LITTLE MORE.
AGAIN, I WANT TO MAKE A TEMPLATE, I WANT TO DO IT
4 QUICKLY, I DRAW HTML USING DREAM WEAVER OR ULTRADEV
4.0.
5 I'M GOING TO ALSO GO AHEAD AND INSERT SOME FLASH
CONTENT SO I'M GOING TO GO AHEAD AND GRAB ONTO MY
6 FLASH CONTENT HERE AND INSERT MY FLASH BANNER, MAKE
SURE IT PLAYS, YES, THERE'S MY FLASH BANNER.
7 I CAN GO IN HERE AND INSERT MY HTML FIREWORKS FOR MY
NAVIGATION BAR.
8 OKAY.
NOW TO MAKE A TEMPLATE EFFECTIVE, THERE'S GOT TO BE
9 AN EDITABLE REGION AND AN UNEDDETITABLE REGION SO I'M
GOING TO DRAW ANOTHER TABLE ON THE SCREEN HERE.
10 TABLE LAYOUT, I'LL DRAW ANOTHER TABLE ON THE BOTTOM.
IF I WANTED, I COULD PUT 3 CELLS, OR I COULD JUST
11 MAKE ONE HUGE CELL IN THE CENTER FOR MY CONTENT TO BE
PLACED INTO.
12 NOW, THE ONLY TRICK HERE OF MAKING A TEMPLATE HERE IS
IDENTIFYING ONE OF THOSE AREAS AS BEING EDITABLE AND
13 THAT'S WHAT I'M GOING TO DO.
I'M GOING TO GO TO THE BOTTOM AND SELECT THAT TABLE.
14 I'LL TAKE NOTE IN THE LOWER LEFT-HAND CORNER.
IT SAYS DREAM WEAVER, AND I'LL SIMPLY CHOOSE MODIFY,
15 TEMPLATE, NEW EDITABLE REGION.
IN OTHER WORDS, THE VERY BOTTOM HERE THE TABLE WITH
16 THAT REALLY BIG CELL IS WHAT I'M GOING TO CALL A BODY
CONTENT AREA.
17 ANYTHING I WANT TO APPLY HERE, I CAN DO SO.
AGAIN FOLKS, GIVE THEM NAMES THAT MAKE SENSE TO YOU.
18 REMEMBER MOST OF US DON'T WORK ALONE, SO YOU MAY WANT
TO MAKE EDILITIABLEREGIONS IN IDENTIFIABLE NAMES SO
19 THAT WHEN YOU'RE NOT AT WORK YOU'RE NOT TOO WORRIED
THAT THE FOLKS IN THE OFFICE CAN'T WORK WITHOUT YOU.
20 I KNOW THIS IS A TEMPLATE BECAUSE I SAID NEW
TEMPLATE.
21 AND IF I TAKE A LOOK IN THE UPPER LEFT-HAND CORNER, I
PUT TEMPLATE.
22 ANYTIME YOU MAKE A TEMPLATE OR A LIBRARY ITEM, IT
ALREADY AND WILL AUTOMATICALLY MAKE A TEMPLATES
23 DIRECTORY FOLDER AND PUT YOUR TEMPLATES IN THERE.
WITH MY TEMPLATE, MAYBE I CAN GO AHEAD AND CLOSE
24 THAT.
BOOM.
25 OH, I MUST BE USING IT SOMEWHERE ALREADY.
I'M GETTING AHEAD OF MYSELF.

1 LOVING THAT.
HERE'S MY TERK LATE.
2 WHAT I WOULD NORMALLY DO IS A TEMPLATE. THERE'S MY
BIG BLANK PAGE AND NO MATTER HOW HARD I TROO TRY TO
3 MODIFY THAT, I CAN'T DO IT.
HOWEVER, I CAN PUT NEW CONTENT DOWN HERE LIKE SIMPLE
4 TEXT, IMAGES, WHATEVER I MIGHT WANT.
ONE OF THE THINGS I MIGHT WANT TO DO, LET ME JUMP
5 BACK INTO FIREWORKS REAM QUICK AND POSE YOU FOLKS
SOME EASY QUESTIONS FOR SOFTWARE, BECAUSE BOB, WE
6 HAVEN'T GIVEN AWAY ANY SOFTWARE FOR A WHILE.
WE'RE BACK INSIDE FIREWORKS.
7 I HAVE AN IMAGE IN THE UPPER LEFT-HAND CORNER CALLED
COAST, SO I WILL CALL THIS COAST SEAL.
8 BUT LET'S TAKE A LOOK AT THIS PAGE BECAUSE THIS IS
GOING TO TEST OUR TRAIN OF THOUGHT HERE.
9 I'M GOING TO GO AHEAD AND GRAB THE VISUAL ELEMENTS ON
THE SCREEN.
10 I WILL ASK 5 WORKS TO INSERT SOME MULTIPLE SLICES
HERE.
11 AND I WANT TO GIVE IT APPROPRIATE NAMES BUT IT WOULD
APPEAR ON THE PAGE HERE IN MY TEXT THAT THE COAST
12 FOUNDATION HERE IS SPONSORING A GET TO KNOW YOUR WILD
KELP CONTEST.
13 SELECT AN IMAGE THAT IS WILD KELP AND YOU WILL WIN A
LIFETIME SUPPLY OF VEGAMITE.
14 I WANT TO GIVE SOME SOFTWARE HERE TO THE PEOPLE WHO
GIVE ME THE BEST ANSWER.
15 WHAT WOULD BE THE MOST APPROPRIATE WAY OR LABEL FOR
THE ALT-TECH HERE, IT'S A -- WHAT SHOULD I SAY FOR
16 THE SEA LION?

17 >> SEAL ON ROCK.

18 >> THAT'S NOT BAD.
I COULD PUT THAT ON THERE I GUESS.
19 SEAL ON ROCK.
THEN THE YOUNG LADY SINCE YOU'RE GOING TO BE MY
20 GUINEA -- VOLUNTEER, THE NEXT ONE?

21 >> SEA HORSE AND KELP?

22 >> OKAY.
SEA HORSE -- WELL LET'S JUST SAY SEA HORSE IN
23 SEAWEED.
THERE YOU GO.
24 AND THE LAST ONE?
I THINK IT'S KELP BECAUSE I THINK THE OTHER TWO ARE
25 MAMMALS I THINK.
KELP OR WILD KELP?

1 SEA KELP.
NOW, BEFORE I AWARD YOU THE T SHIRT FOR YOUR GREAT
2 PARTICIPATION, ANYBODY THINK THAT THOSE ARE
INAPPROPRIATE?
3
>> YOU'VE GIVEN AWAY THE ANSWER
4 >> I'M SORRY.
SOMEBODY SHOT IT OUT.
5
>> TO FIGURE OUT THE ONE THAT IS THE SEA KELP, YOU
6 DON'T WANT TO TELL PEOPLE WHAT IT IS ALREADY WHEN
YOU'RE GOING OVER IT
7 >> GIVING AWAY IN THE ALT-TAG THAT THIS IS A SEA
HORSE, THAT'S GIVING IT AWAY FOR SOMEONE USING AN
8 ASSISTIVE DEVICE OR TECHNOLOGY.
AND YOU'RE SAYING THAT'S WHAT, UNFAIR?
9
>> JUST GIVING THEM AN ADVANTAGE.
10
>> WHAT'S THE ADVANTAGE THAT THEY HAVE THAT YOU
11 DON'T HAVE?

12 >> BECAUSE I THEY CAN READ THAT IT'S KELP AS OPPOSED
TO WE'RE SITTING HERE, IS THAT A FLOWER OR IS THAT
13 KELP?

14 >> SO THEY CAN READ IT OR THEY CAN HEAR IT BECAUSE
OF THE ALT-TAG DESCRIPTION AND THAT'S AN UNFAIR
15 ADVANTAGE BECAUSE YOU CAN SEE THIS AND IDENTIFY THEM
VISUALLY?
16
>> HOW MANY OF US ANYHOW THAT WAS KELP AS OPPOSED TO
17 A FLOWER?

18 >> SO MAYBE IF I JUST SAID MAMMAL, MAMMAL PLANT,
THAT WOULD BE GIVING IT AWAY?
19
>> WHY NOT LEAVE YOUR MOUSE OVER IT AND SEE THE
20 ALT-TAGS.

21 >> I WOULD QUESTION THE USE OF THE WORD SEA.
SEA, BECAUSE IT COULD BE CONFUSED WITH S-E-E.
22 REPLACE IT WITH OCEAN.
IE, OCEAN, WILD, KELP.
23 I SEE KELP.
WE CAN DO ANOTHER ONE.
24 BUT YOU'RE BRINGING UP SOME REALLY GOOD POINTS.
I DON'T KNOW WHAT TO DO.
25 BOB, WHAT DO YOU THINK IS THE MOST APPROPRIATE WAY TO
DO THIS?

1 BOB: I THINK FORCING A AI'S SUPPLY OF
VEGAMITE ON SOMEONE IS INHERENTLY BAD.
2 BUT I THINK THE SOLUTION WOULD BE TO CHANGE THE
QUESTION.
3 WHAT YOU MIGHT NEED TO DO IS TAKE OUT THE DEPENDENCE
ON THE VISUAL TO PARTICIPATE IN THIS CONTEST.
4 I MIGHT SAY WHICH OF THE FOLLOWING DOES NOT LIVE IN
WATER?
5 ASK THAT WAY YOU CAN CONVEY THE SAME INFORMATION BOTH
IN TEXT AND IN IMAGES.
6 I MIGHT SAY SOMETHING LIKE, WHICH OF THE FOLLOWING
DEPENDS ON HIGH CONCENTRATIONS OF WHATEVER, LIKE WE
7 CAN GET CHEMICAL, BUT I DON'T KNOW.
NITROGEN?
8
>> BUT THE ALT-TAGS WHETHER THEY SAY MAMMAL, MAMMAL
9 PLANT, OR PICTURE PICTURE PICTURE.
PICTURE PICTURE PICTURE IS NOT GOOD.
10 IT'S NOT TELLING THEM ANYTHING.
BUT IS THIS AN UNFAIR ADVANTAGE FOR SOMEONE USING
11 ANOTHER DEVICE RATHER THAN JUST ANOTHER BROWSER?
NOT REALLY.
12 THEY'RE JUST USING THE TECHNOLOGY THEY HAVE ACCESS
TO.
13 WE JUST HAVE TO THINK ABOUT HOW WE'RE PRESENTING IT,
THE CONTEXT, AND WHAT'S THE MOST APPROPRIATE.
14 I DON'T THING WE'RE REALLY GIVING AWAY BY SAYING WILD
KELP IN THE ALT-TAG.
15 SO WE WANT YOU TO THINK ABOUT THAT.
WE HAD A COUPLE OF QUESTIONS OUT THERE.
16 Q. I WAS GOING TO SAY ON THAT THING, IT
DOESN'T SAY YOU WANT IT; IT JUST SAYS YOU'RE ENTERED
17 TO POSSIBLY WIN.
SO WHAT'S THE DIFFERENCE IF YOU GIVE IT AWAY?
18
>> OKAY.
19 THE QUESTION IS WHAT DOES IT MATTER IF WE GIVE IT
AWAY IF YOU'RE JUST ENTERING TO WIN ANYWAY.
20 TRUE, AND AGAIN, THE PRIZE IS NOTHING TO BE SOUGHT
AFTER, SO WHAT'S THE DIFFERENCE?
21 ALL RIGHT.
ANOTHER QUESTION.
22 IN THE BACK.
THAT'S ACTUALLY A VERY GOOD QUESTION.
23 LET ME RESTATE IT.
THE QUESTION IS: WHEN TOM WAS TAKING THE IN THE
24 LAYOUT MODE AND DRAWING THE TABLE CELLS REALLY REALLY
QUICKLY AND CREATING A VERY COMPLEX LAYOUT FOR HIS
25 PAGES, AT WHAT POINT DOES DRAWING THE TABLE CELLS ON
A PAGE START TO CREATE ACCESSIBILITY OR USABILITY

1 ISSUES?
AND THE IMPORTANT CONCEPT THAT WE NEED TO THINK ABOUT
2 WHEN WE'RE DESIGNING PAGES WITH ACCESSIBILITY IN
MIND, THAT'S THE IDEA OF LINEARIZATION.
3 WE HINTED AT THAT WHEN WE WERE LOOK AT A HOME PAGE
READER WHEN WE SAW THE CONTENTS JUST SORT OF
4 FLATTENED OUT, JUST SHOWING THE ORDER THE PAGE IS
GOING TO BE READ IN.
5 WE WANT TO MAKE SURE THAT THE ORDER THE PAGE IS GOING
TO BE READ IN MAKES SENSE.
6 YOU DON'T WANT THE FIRST THING THAT SOMEBODY HEAR
WHEN'S THEY COME TO YOUR PAGE IS THE NAVIGATION, A
7 LONG LIST OF LINKS.
SO FOR EXAMPLE, IF ON THIS PAGE WE HAVE OUR LEFT-HAND
8 NAVIGATION BAR THAT EXTENDS ALL THE WAY UP THE PAGE,
YOU MIGHT HEAR 50 OR 60 LINKS BEFORE YOU REALLY EVEN
9 KNOW WHERE YOU'RE AT.
THAT CAN BE VERY CONFUSING.
10 SO THINKING ABOUT THE ORDER IN WHICH A SCREEN READER
IS GOING TO READ YOUR PAGE LAYOUT IS VERY IMPORTANT.
11 NOW, THE LAYOUT MODE IN DREAM WEAVER IS A FAN FANIC
TOOL TO HELP THIS PROCESS.
12 THE GENERAL GUIDELINE I WOULD GIVE MY STUDENTS WHEN I
WAS TEACHING DESIGN AT THE UNIVERSITY OF WISCONSIN
13 WAS KEEP THE NUMBER OF WHITE LINES ON THE LAYOUT MODE
AS FEW AS POSSIBLE.
14 KEEP THE PAGES SIMPLE.
AND YOU COULD STILL HAVE GUTTERS, YOU CAN STILL USE
15 WHITE SPACE, BUT YOU JUST NEED TO MAKE SURE THAT
YOU'RE USING AS FEW WHITE LINES, AND THAT MEANS
16 YOU'RE KEEPING YOUR TABLES SIMPLE AND AT THE SAME
TIME YOU'RE PAYING ATTENTION AS YOU MOVE FROM LEFT TO
17 RIGHT FROM ROW TO ROW MAKING SURE THAT THE CONTENT IS
GOING TO MAKE SENSE.
18 SO THAT'S GENERALLY HOW YOU APPROACH THAT.
NOW, TO EXPAND ON THAT, THE -- PROBABLY THE BEST
19 THING ABOUT THE LAYOUT MODE AT THE UNIVERSITY OF
WISCONSIN AND IT'S NOT GOING TO BE SUCH A BENEFIT TO
20 FOLKS UNDER 508 BUT CANADIANS AND BRITS ARE GOING TO
LOVE THIS, IN LAYOUT MODE IT'S VOOR EASY TO SWITCH
21 FROM ABSOLUTE POSITIONS IN YOUR TABLES TO RELATIVE
POSITIONING IN YOUR TABLES.
22 THAT'S PART OF THE COMPLIANCE WITH THE -- ACCORDING
TO THE WC3.
23 AND IT'S ALSO VERY ORGANIZED.
SO RATHER THAN REFERENCES IN CELL BY CELL, ALL OF THE
24 TABLE SIZE REFERENCES ARE MADE IN THE FIRST ROW, ALL
OF THE SPACER IMAGES IF YOU CHOOSE TO USE SPACER
25 IMAGES ARE ON THE BOTTOM ROW SO IT BECOMES VERY EASY
TO MODIFY TABLES USING RELATIVE REFERENCES.

1 NOW AGAIN, THAT WAS HELPFUL FOR US AT THE UNIVERSITY
OF WISCONSIN.
2 SO THE LAYOUT MODE, LET ME JUST SUMMARIZE.
THE LAYOUT MODE WHILE IT CAN BE EASY TO USE TO
3 COMPLEX, INACCESSIBLE TABLES, CAN ALSO BE VERY EASILY
USED TO CREATE VERY SIMPLE, GRACEFULLY TRANSFORMING
4 WELL-LINEARIZING TABLES THAT ARE GOING TO WORK WELL
ON A SCREEN READER
5 >> THAT'S A LOT TO SAY
>> THAT'S A LOT OF WORDS
6 >> THAT'S A LOT OF STUFF
>> I CAN SEE I HAVE MY TEMPLATE OPEN AND IT LOOKS
7 VERY GOOD.
I CAN GO BACK AND INSERT THE FIREWORKS HTML.
8 THAT'S GOING TO SLOW ME DOWN HERE BECAUSE I'VE
ALREADY GOT THE HTML CREATED.
9 SO I'LL OPEN IT UP AND IT'S SIMPLE FOR ME TO OPEN UP
AN EXISTING PAGE THAT I HAVE AND IN THIS CASE CLICK
10 THE TEMPLATE AND APPLY.
THEREFORE, I CAN APPLY THE CONTENT TO MY NEW PAGE.
11 IN THIS PAGE I'LL SIMPLY HAVE THE BODY CONTENT AND
I'LL THROW IT INTO THE BODY AREA CONTENT OF THE
12 TEMPLATE TOO. I DON'T WANT TO SAY THIS IS AN
OVERSIMPLIFIED EXAMPLE, BUT IT'S PRETTY
13 STRAIGHTFORWARD.
YOU'RE GOING TO HAVE TO THINK ABOUT THE PROCESS
14 YOU'RE GOING ABOUT A LITTLE BIT WHEN IT COMES TO
NAVIGATION ELEMENTS, THE WAY YOU LAY OUT YOUR
15 CONTENT, EACH CELL CAN BE AN EDITABLE REGION AND YOU
CAN MAKE THAT SURE THAT THE INFORMATION AND EXISTING
16 PAGE GO EXACTLY WHERE YOU WANT IT.
BUT NOW I'VE GOT A PERFECTLY GREAT PAGE HERE.
17 I CAN GO AHEAD AND SAVE THIS PAGE.
LOOKS GREAT.
18 BUT WHAT IF I WANT TO MAKE ANOTHER TYPE OF CONTENT
LIKE I TAKE A LOOK HERE INSIDE OF MY INDEX PAGE, I
19 HAVE MY HEADER.
THAT'S NICE FOR A BASIC IMAGE, BUT IF I WANT TO MAKE
20 IT A LITTLE MORE DENAMIC AND EASIER TO MAINTAIN, I
MIGHT WANT TO GO AHEAD AND CREATE A LIBRARY ITEM.
21 I HAVE A COUPLE OF DIFFERENT LIBRARY ITEMS LIKE MY
COAST SEAL WHICH IS SOMETHING WE'RE OBVIOUSLY USING A
22 LOT OF IN OUR PAGES BECAUSE IT'S A DECORATIVE ITEM
THAT DESCRIBES AND SHOWS THE SEAL FOR THE COUNTY
23 OCEANIC GRAPHIC CENTER.
THIS ONE IS CORRECTLY CREATED.
24 IT'S A SMALL IMAGE, I CAN SEE THAT IN THE PROPERTIES
INSPECTOR, I CAN ALSO SEE THAT THE APPROPRIATE
25 ALT-TAG IS APPLIED HERE.
OFFICIAL SEAL OF THE COUNTY OCEANIC GRAPHIC.

1 THE ADVANTAGE HERE IS THAT IF AT ANY TIME WE WANT TO
GO IN HERE AND DECIDE IT'S A LITTLE TOO LONG, I CAN
2 GO IN HERE AND CHANGE THE ALT-TAG TO -- ANY CURRENT
PAGE USING THAT AND THIS CAN BE IN 10S, THOUSANDS,
3 MILLIONS OF WEB PAGES, IT'S AUTOMATICALLY GOING TO BE
UPDPAETED AND REFERENCES ON ALL THOSE WEB PAGES.
4 AGAIN IT ON TO MAKE A LIBRARY I'M GOING TO
DO THE SAME THING, ASSETS, LIBRARY ITEMS, PANEL,
5 CLICK NEW LIBRARY ITEM, GIVE IT A NAME LIKE HEADER,.
THIS WILL BE THE COAST HEADER.
6 AND I'LL GO AHEAD AND OPEN THAUP.
JUST LIKE MAKING ANY OTHER WEB PAGE ONLY IT'S AN LBI.
7 I CAN GO AHEAD AND INSERT AN IMAGE AND THIS GIVES ME
AN OPPORTUNITY TO POINT OUT ANOTHER EXTENSION THAT
8 YOU CAN GET FROM MACROMEDIA, INSERT AN ACCESSIBLE
IMAGE.
9 A SLIGHT CHANGE, INSERT ACCESSIBLE IMPAGEALLOWS ME TO
GO IN HERE AND SELECT AN IMAGE SOURCE SO GO AHEAD AND
10 FIND A PICTURE THAT I LIKE TO USE.
THERE WE GO.
11 COAST FEATURES, THAT WOULD BE A GOOD ONE.
I CAN AUTOMATICALLY GO IN HERE AND PUT IN A SHORT
12 TEXT DESCRIPTION.
COAST FEATURES, HEADER.
13 I COULD ALSO GO AHEAD AND MAKE A LINK OR RNKS TO A
LONG DESCRIPTION PAGE IF I HAVE ONE ALREADY IN
14 EXISTENCE, I CAN MAKE ONE.
THIS IS NOT GOING TO COME AUTOMATICALLY INSIDE OF
15 ULTRADEV, YOU NEED TO GO AHEAD AND CHANGE THE
EXTENSION.
16 IT JUST CHANGES THAT IMAGE.
COAST FEATURES, THE GRAPHICS INSERTED IN THE ALT-TAG
17 S HAS ALREADY BEEN MADE FOR ME.
NOW I'VE GOT A PERFECTLY GREAT LBI, LOOKING PRETTY
18 GOOD.
OKAY.
19 GO AHEAD AND SAVE THAT. NOW I CAN REUSE THAT AS
OFTEN AS I WANT BECAUSE IT'S NOW PART OF THE ASSETS
20 INSIDE OF MY ASSETS MANAGER.
NOW THE NEXT THING I WANT TO DO IS POINT OUT THE
21 COMMAND WE'VE BEEN TALKING ABOUT QUITE A BIT.
I'M GOING TO RUN IT ON OUR INDEX PAGE AND SEE HOW
22 WE'RE DOING.
I WANT TO GIVE AWAY SOME SOFTWARE.
23 ANYBODY DOWNLOADED THIS YET?
ANYBODY VERY RECENTLY?
24 ANYBODY JUST LYING FOR THE T-SHIRT?
OKAY.
25 GENTLEMAN IN THE MIDDLE.
WHEN DID YOU DOWNLOAD IT?

1
>> THREE WEEKS AGO?
2 Q. DO YOU REMEMBER THE DOWNLOADS THREE WEEKS
AGO?
3 OKAY.
NO T-SHIRT FOR YOU.
4 WE COULD DO THE MATH.
WE GET ABOUT 200 DOWNLOADS A DAY.
5 IT'S NEW ABOUT 330 THIRT,AND IT'S ONLY BEEN OUT SINCE
MAY.
6 WHEN YOU GO AHEAD AND DOWNLOAD IT, LET ME GO AHEAD
AND POINT YOU OVER FIRST TO THE EXTENSIONS MANAGER.
7 IF YOU'RE GOING TO USE ANY OF OUR WONDERFUL
EXTENSIONS FOR DREAM WEAVER, YOU NEED THE EXTENSION
8 MANAGER AND OF COURSE IT DOES COME WITH THE
APPLICATIONS SO THERE'S AN EXCHANGE FOR BOTH FLASH
9 AND ULTRADEV.
508 ACCESSIBILITY SUITE IS AVAILABLE TO YOU AND IT
10 WAS CREATED BY THE FOLKS AT USABLENET.
WHEN YOU INSTALL IT CORRECTLY YOU WILL NOTICE IT DOWN
11 HERE AND IT WILL TELL YOU HOW YOU CAN ACCESS IT AND
USE IT.
12 WHAT I CAN DO IS TAKE A LOOK DOWN HERE AND UNDER THE
MENU SYSTEM HERE ON MY MENU BAR WHERE IT SAYS
13 ACCESSIBILITY, THERE'S A DROP-DOWN MENU, EVALUATE,
AND FIX.
14 THIS IS WHAT THE USABLENET EXTENSION IS INSTALLING
INTO YOUR COPY OF DREAM WEAVER.
15 WE'RE GOING TO SELECT EVALUATE AND FIX.
THIS IS THE FIRST STEP.
16 THE FOLKS AT USABLENET, THERE WE GO, THE 508
ACCESSIBILITY SUITE, THERE WE GO.
17 I'M GOING TO GO AHEAD AND CLICK ON THE REPORT
SETTINGS.
18 THE FOLKS AT USABLENET HAVE MADE ONE REVISION TO IT
BUT THEY MIGHT MAKE ANOTHER ONE, THEY MIGHT MAKE AN
19 UPDATE BECAUSE THEY'RE GOING TO GET FEEDBACK FROM
YOU.
20 LET US KNOW YOUR FEE BACK.
VERY PROGRAMMABLE.
21 I CAN NOW GO BACK TO THE USABLENET EXTENSION HERE
WHERE IT SAYS EXPLAIN AND FIX.
22 I SELECTED THE REPORT SETTINGS.
SO I GO IN HERE AND SAY I CAN TURN ALL OF THESE ON,
23 AND LET'S GO AHEAD AND I'LL DO THAT, ENABLE ALL OF
THEM.
24 BUT MAYBE YOU'RE IN A GROUP OR AN ORGANIZATION OR AN
INSTITUTION WHERE 508 ACCESSIBILITY IS A BIG CONCERN
25 BUT UNDER THE CC3 SOME OF THESE AREN'T A BIG CONCERN
BECAUSE MAYBE YOU'RE NOT USING AUDIO VISUAL OBJECTS

1 SO YOU CAN GO AHEAD AND DISABLE THAT. I CAN ALSO DO
AUDIO VISUAL WITH EQUIVALENT CONTENT, I'LL DISABLE
2 THAT.
THE NICE THING ABOUT THIS IS YOU CAN TURN ON AND TURN
3 OFF WHETHER OR NOT YOU'RE GOING TO CHECK FOR VERY
PARTICULAR ITEMS WITHIN THE 508 ACCESSIBILITY SWEEP
4 AND THAT SUBSEQUENT GUIDELINE.
AND THE NICE PART IS YOU CAN SAVE THESE SETTINGS, SO
5 IF YOU'RE GOING TO RUN YOUR PAGES OR ENTIRE SITE
THROUGH HERE, YOU CAN TAKE WHAT YOU'VE DONE FOR YOUR
6 DEPARTMENT, HAND IT OFF TO SOMEONE ELSE AND THEY CAN
USE IT SO THEY KNOW THE SAME SETTINGS AS WELL.
7 ANYTHING WE CAN DO TO MAKE IT EASIER.
I'M ALSO GOING TO TURN ON DOWN HERE IN THE LOWER
8 LEFT-HAND CORNER SHOW PAST TEST.
BECAUSE THE FIRST THING YOU'VE DONE AFTER YOU'VE
9 SELECTED WHICH FESTS OR WHICH SPECIFICATIONS YOU'D
LIKE TO USE, YOU CLICK OKAY, I GO BACK HERE AND I
10 RUN, SAVE IT, ALWAYS A GOOD IDEA, ALWAYS A GOOD IDEA.
SAVE IT FIRST.
11 THERE WE GO.
I'M GOING TO GO AHEAD AND RUN MY REPORT AND WHAT IT'S
12 DONE IS A USABLENET EXTENSION HAS CREATED A SMALL
LITTLE XML FILE, MARKED UP ALL THE THINGS THAT ARE
13 RIGHT, WRONG THAT NEED TO BE CORRECTED ON YOUR PAGE.
MANUALLY, NONSPACER IMAGE OF VALID ALT.
14 1.-- CHECK FAILED.
VERY USEFUL.
15 MRAUS IT'S GIVING YOU THE LINE NUMBER.
BETTER THAN THAT, I CAN ACTUALLY GO THROUGH HERE AND
16 I'LL MOVE MY WINDOW DOWN JUST A MOMENT.
LET ME SHRINK THE WINDOW UP JUST A LITTLE BIT HERE.
17 I CAN GO AHEAD AND SAY OPEN FILE AND LOOK AT THE
DREAM WEAVER INTERFACE.
18 IT ACTUALLY OPENS UP TO THE LINE OF CODE WHERE THE
PROBLEM EXISTS.
19 THAT'S USEFUL, THAT'S HELPFUL.
WHAT I'M GOING TO DO IS SAVE THIS REPORT OUT.
20 GO AHEAD AND HIT SAVE.
CLOSE THAT PARTICULAR WINDOW.
21 I'LL GO BACK TO MY VISUAL MODE.
AND UNDER ACCESSIBILITY NOW INSTEAD OF EVALUATE AND
22 FIX I'M GOING TO RUN EXPLAIN AND FIX.
WHAT THAT DOES IS IT ACTUALLY GOES AHEAD, LOADS UP
23 THAT XML FILE WE JUST CREATED, THE REPORT ON WHAT'S
GOOD AND NOT SO GOOD ON YOUR PAGE REGARDING
24 ACCESSIBILITY.
SO I'LL LOAD IN MY PAGE PROBLEMS.
25 AND I CAN START TAKING A LOOK AT EACH ONE OF THESE.
FAILED.

1 FAILED.
FAILED.
2 MANUALLY NEEDS CORRECTION.
IF I CLICK ON EDIT OR DESCRIBE PROBLEM, LET'S HIT
3 DESCRIBE PROBLEM FIRST, IT GIVES ME A LOT MORE DETAIL
ON THAT PARTICULAR PROBLEM WITHIN THE HTML OF MY
4 PAGE.
IF I ACTUALLY HAD A LIVE INTERNET CONNECTION I COULD
5 CLICK ON MORE DETAILS AND IT WOULD ACTUALLY JUMP YOU
OVER TO THE USABLENET WEB SEPTEMBER.
6 USABLENET PUT THIS OUT FOR FREE BUT THEY HAD SOME
PLANS IN MIND.
7 IT'S A GREAT EXTENSION, IT'S GOT SOME GREAT REVIEWS,
IT BRINGS THROUGH A WIDE CHECKPOINTS ON BOTH -- IF
8 YOU HAVE A COMPLETE SITE THAT YOU WOULD LIKE TO HAVE
CHECKED ON AN UNGOING BASIS, THEY HAVE ANOTHER
9 APPLICATION AVAILABLE THAT CAN DO THAT TOO AS A
SUBSCRIPTION SERVICE.
10 FOR THE FACT THAT I THINK THAT THEY PUT SO MUCH
EFFORT INTO THIS PRODUCT GETTING OUT THERE SPEAKS OF
11 THEM VERY HIGHLY.
SO GO TO USABLENET.COM AND LOOK AT THEIR OFFERINGS.
12 IT'S A SUBSCRIPTION-BASED SERVICE THAT CAN CHECK YOUR
PAGES AND E-MAIL YOU A REPORT OF THE THINGS THAT ARE
13 GOOD AND BAD, RIGHT AND WRONG THAT NEED TO BE
EVALUATED AND CHANGED ON YOUR PAGE. IF I WANTED TO I
14 COULD ALSO CLICK ON HERE IN EDIT AND GO THROUGH HERE,
TAKE A LOOK AT THE CODE, BUT AGAIN GETTING BACK TO
15 WHAT BOB SAID, THERE'S NO MAGIC FIX.
A LOT OF THESE AS IT SAYS, MANUAL.
16 MANUAL.
I HAVE TO GO IN HERE AT THE CODE LEVEL AND MAKE THE
17 APPROPRIATE CHANGE.
STYLE SHEET SHOULD NOT BE NECESSARY, COLORS ARE
18 VISIBLE, DESCRIBE THE PROBLEM, AND THERE ARE EASY
WAYS TO TEST THE PAGE.
19 AND IT'S GIVING YOU THE CORRECTION.
PLEASE CHECK THAT THE COLORS AND THE COLORED ITEMS IN
20 THIS PAGE CAN BE CLEARLY DIFFERENTIATED IN ALL
POSSIBLE CONTEXTS.
21 SO IT'S VERY HELPFUL.
BOB, YOU'RE LOOKING LIKE YOU HAVE SOME THINGS YOU
22 WANT TO SAY
>> I THINK YOU'RE DOING GREAT, TOM
23 >> OKAY.
I JUST WANT TO CHECK.
24 YOU HAD YOUR BACK TO ME
>> IT'S A TWO-SCREEN THING.
25 I'M GETTING USED TO IT
>> DO WE HAVE A QUICK QUESTION OUT THERE?

1
>> /*?
2 Q. QUESTION ABOUT THE STYLE SHEET.
WHAT DOES IT MEAN THE STYLE SHEET SHOULD NOT BE
3 NECESSARY?

4 >> THE QUESTION WAS WHAT DOES THAT MEAN THAT STYLE
SHEET SHOULD NOT BE NECESSARY?
5 THE IDEA THERE IS IF YOU'RE COMING TO THE CONTENT
WITHOUT A USER AGENT, A BROWSER THAT CAN RENDER STYLE
6 SHEETS, FOR EXAMPLE, A SCREEN READER CAN'T RENDER THE
STYLES THAT ARE RECORDED IN A STYLE SHEET.
7 SO YOU WANT TO MAKE SURE THE CONTENT IS GOING TO MAKE
SENSE.
8 IF YOU HAVE NO STYLES AT ALL AVAILABLE TO YOU.
SO ESPECIALLY IF YOU'VE GOT -- IF YOU'RE USING LAYERS
9 A LOT, IT'S SORT OF AN EASY EXAMPLE AND YOUR CONTENT
IS ALL ORGANIZEED IN ONE WAY VISUALLY BUT IT'S
10 ORGANIZED ANOTHER WAY IN THE CODE, WELL THEN THE
STYLE SHEETS ARE ACTUALLY REALLY IMPORTANT AND YOU
11 WANT TO MAKE SURE YOUR PAGE IS GOING TO BE JUST AS
UNDERSTANDABLE WITHIN AND WITHOUT.
12 NOW MORE GENERALLY WHAT THAT GETS TO IS A BROADER
CONCEPT THAT YOU SEE ARTICULATED MORE CLEARLY IN THE
13 WC3 STANDARD THAN THE 508.
IT'S THE IDEA OF SEPARATING PRESENTATION FROM
14 STRUCTURE.
YOU WANT TO MAKE SURE THAT YOUR PAGES ARE REALLY
15 CODED VERY CLEAN CLEEN HIERARCHICALLY SO THAT FOR
EXAMPLE, SOMEONE COMING IN WITH A SCREEN READER CAN
16 SAY ALL I WANT TO HEAR ABOUT ARE THE HEADERS.
WHEN YOU GLANCE AT A WEB PAGE VISUALLY, YOU CAN JUST
17 TAKE A QUICK LOOK AND SAY, OH, BIG TITLE, IT'S
ANOTHER STORY ABOUT BRITTANY BRITS.
18 NOT INTERESTING.
MOVE ON [] IF YOU'RE USING A SCREEN READER AND YOU
19 CONE HAVE THOSE HEADERS, THEN YOU'RE HAVING TO LOOK
AT A BUNCH OF PAGES BEFORE YOU REALIZATION IT'S NOT
20 GETTING ANY BETTER.
WHEREAS IF YOU'RE JUST HEARING THE HEADERS, YOU CAN
21 FIEMD OUT PRETTY QUICKLY THAT THIS WHOLE THING IS
ABOUT BRIT SPEARS AND IT'S NOT GETTING ANY BETTER.
22 THAT'S WHAT YOU WANT TO GET WITH THAT GUIDELINE.
IN THE BROADER WC3 STANDARD, THEN YOU'LL ALSO BE
23 REQUIRED ON TO USE CASCADING STYLE SHEETS IF YOU GO
TO AN AAA CONFORMANCE STATE YOUR NAME UNDER WC3.
24
>> /*?
25 Q. ON THE ACCESSIBILITY OF THE EVALUATE AND
FIX, YOU CHOSE TO SAVE SETTINGS.

1 IS IT POSSIBLE TO GO THROUGH AND HAVE DIFFERENT
SETTINGS SET SUCH THAT PERHAPS I'M ONLY INTERESTED IN
2 508 ACCESSIBILITY AND ON THE NEXT HEADER I'M
INTERESTED IN 508 AS WELL AS AAA PRIORITY?
3 A. THAT IS ONE FEATURE I DON'T BELIEVE THEY
CURRENTLY SUPPORT IN MULTIPLE SAVE SETTINGS.
4 I THINK RIGHT NOW IT'S AN ALL OR NOTHING PROPOSITION.
SO I WOULD ASK YOU TO E-MAIL USABLENET AND
5 WEB-ACCESSIBILITY.
THIS IS THE SECOND OR THIRD ITERATION OF THE
6 EXTENSION AND THEY WANT YOUR FEEDBACK AS MUCH AS WE
DO TO MAKE THIS MORE APPROACHABLE AND MORE VALUABLE.
7 AND I THINK 33,000 DOWNLOADS SINCE MAY IS INCREDIBLE.
BUT AGAIN, I CAN PROGRAM THIS VERY EASILY AND RUN
8 THOSE SAME SETTINGS TO GREAT OR VERY LITTLE DETAIL.
ONE OF THE THINGS THAT I'D LIKE TO THINK WOULD BE
9 REALLY COOL IS TAKE THAT XML FILE AND PRINT IT OUT
BECAUSE I'M TOLD THE GOVERNMENT LOVES PAPERWORK AND
10 PEOPLE REALLY HAVE TO SAY THIS IS WHAT I'VE BEEN
DOING AND THIS IS WHY.
11 BUT GIVE US YOUR FEEDBACK, MACROMEDIA AS WELL AS YOUR
FOLKS OVER THERE AT USABLENET.
12 THAT'S GOING TO INSERT THE ACCESSIBILITY EXTENSION
INTO THE MENU AND YOU CAN PICK AND CHAZ THERE.
13 EVALUATE AND FIX FIRST, SAVE YOUR PRINTOUT, LOAD IT
IN, AND IT'LL START TELLING YOU THE PROBLEMS AND HOW
14 TO FIX IT.
AGAIN, THERE'S NO -- YOU HAVE TO DO A LOT OF MANUAL
15 FIXES.
THEY'VE DOCUMENTED THESE THINGS VERY WELL, VERY
16 USABLE DESCRIPTIVE HELP SYSTEM AS WELL AS REMINDING
PEOPLE WHEN YOU GO THROUGH THERE AND MAKE FIXES AND
17 CHANGES, YOU MIGHT WANT TO START WITH THE PROBLEM AT
THE BOTTOM OF THE PAGE AND WORK YOUR WAY UP.
18 BECAUSE WHEN YOU MAKE A CHANGE SOMEWHERE IN THE
MIDDLE AND YOU RUN THIS AGAIN, YOU MIGHT HAVE ONE
19 LINE MORE, ONE LINE LESS WITH YOUR CHANGE AND THAT'S
GOING TO RESET THE ORDER.
20 BUT THEY DOCUMENT THAT VERY L. SO JUST KEEP THAT IN
MIND.
21 LOVE THIS EXTENSION.
IT'S GREAT.
22 LET'S KEEP MOVING.
NEXT THING WE'RE GOING TO TALK A LITTLE BIT MORE
23 ABOUT IS SOME DYNAMIC CONTENT, DOING SOME STUFF WITH
ULTRADEV.
24 SO WE'LL OPEN UP SOME PAGES WE HAVE HERE.
ANYONE WANT TO TAKE A GUESS AT ONE OF MY FAVORITE
25 SERVER ENVIRONMENTS?
COME ON.

1 RECENT ACQUISITION.
WHO SAID JRUN.
2 YOU WERE CLOSE.
AND JRUN WAS FORMERLY A WHAT PRODUCT?
3 IT WAS A MACROMEDIA.
THAT'S PROBABLY A MACROMEDIA EMPLOYEE; I'M JUST GAVE
4 HIM ANOTHER T SHIRT.
I'M KIDDING.
5 OKAY.
COLD FUSION.
6 GREAT ENVIRONMENT.
I'M RUNING THAT AND I'M ALSO RUNNING IIS.
7 IT'S A GREAT ENVIRONMENT.
I LIKE COLD FUSION BECAUSE IT'S SCALABLE, EASILY
8 DEPLOYABLE.
THERE ARE HUNDREDS OF THOUSANDS OF DEVELOPERS OUT
9 THERE BUT IF I'M USING ULTRADEV, I CAN USE COLD
FUSION DEVELOPMENT, JSP DEVELOPMENT ALL IN ONE
10 APPLICATION.
WHEN IT COMES TO MAKING ACCESSIBLE CONTENT, I WANT TO
11 DO THINGS DYNAMICALLY SO THEY'RE EASY TO UPDATE AND
MAINTAIN.
12 COLD FUSION GIVES ME SCALEABILITY BECAUSE WHEN YOU
OWN THE SERVER BOX AND YOU WRITE THE RULES, YOU CAN
13 REALLY LISTEN TO USER FEEDBACK AND MAKE THE PROGRAM
EVEN MORE APPROACHABLE AND USABLE.
14 HOW MANY FOLKS OUT THERE KNOW WHAT A DATA BASE IS
BEFORE I GET STARTED?
15 COOL.
HOW MANY FOLKS DON'T KNOW OR ARE TOO EMBARRASSED?
16 OKAY, FOLKS IF YOU'RE HAVING TROUBLE HERE, THINK OF A
SPREADSHEET ONLY USEFUL.
17 IVILLE ROWS AND COLUMNS OF INFORMATION I CAN PULL AND
READ AND APPEND TO.
18 IF I TAKE A LOOK AT THIS BASIC PAGE HERE, THIS IS
KIND OF THE WEATHER PORTION OF OUR PAGE HERE.
19 I HAVE A NICE GRAPHIC.
I EVEN HAVE A D LINK ON IT.
20 WHAT I'M GOING TO DO IS OPEN UP ANOTHER PAGE THAT
WILL ACTUALLY SHOW THE WEATHER FORECAST IN A GIVEN
21 CITY.
NOT TOO BAD.
22 THAT'S A TABLE.
WE'RE GOING TO HAVE TO MAKE SURE THAT'S ACCESSIBLE.
23 AS WELL AS WE'VE GOT THE ADMINISTRATIVE PAGE HEIR.
SO I'M GOING TO GO AHEAD AND OPEN UP THAT PAGE.
24 BECAUSE WHAT I LIKE TO POINT OUT IS THAT WHAT I'M
RUNING ON THIS PARTICULAR DOCUMENT HERE IS MY COLD
25 FUSION PAGE.
THE BIG DIFFERENCE WOULD BE (DREAM WEAVER AND DREAM

1 WEAVER ULTRADEV IS THE ABILITY TO MAKE CONNECTION TO
A DATA BASE.
2 THE ONE THINGS -- I'VE APPARENTLY GOT TWO RECORD SETS
GOING ON HERE.
3 ONE FOR WEATHER, AND ONE FOR SOMETHING CALL KAUL
ANDIES.
4 WE HAVE A DATA BASE.
THE NEXT THING WE NEED TO KNOW IS WHAT'S IN OUR DATA
5 BASE, AND WE WANT TO BE ABLE TO CONNECT TO T. SO THE
FIRST THING WE DO IS OPEN UP OUR PALETTE AND MAKE A
6 QUERY OR MAKE A DW FOR THE RECORD SET.
WHEN YOU'VE DONE THAT SUCCESSFULLY, YOU OPEN UP YOUR
7 RECORD SET WINDOW AND YOU MAKE A CONNECTION TO YOUR
DATA BASE.
8 YOU GIVE IT A UNIQUE NAME.
I'M GOING TO CONNECT IT TO MY COAST, WEATHER, DATA
9 BASE FILE.
AND IT'S CURRENTLY IN ACCESS DATA BASE FILE.
10 I'M GOING TO PULL OUT ONE PARTICULAR TABLE CALLED
WEATHER IN THAT.
11 APPARENTLY THERE'S ID, THE WEATHER FORECAST, THE HIGH
AND LOW TEMPERATURE.
12 I CAN SELECT ONE OR MORE OF THESE THINGS.
I'LL JUST COLLECT A COUPLE HERE.
13 THIS IS THE SIMPLE WINDOW.
I GENERALLY SAY IF YOU'RE AN ARTIST OR SOMEONE WHO'S
14 A DESIGNER YOU'RE GOING TO LOVE THIS WINDOW BECAUSE
IT'S SIMPLE AND STRAIGHTFORWARD.
15 BUT IF YOU'RE SOMEONE WHO'S A PROGRAMMER OR DEVELOPER
AND REALLY ENJOYS STARK TREK AND THINGS LIKE THAT
16 THAT I I.
YOU'RE GOING TO KNOW WHAT SQL IS ALL B. WHO KNOWS
17 WHAT SQL IS?
OKAY.
18 EVERYBODY.
PRETTY MUCH EVERYBODY.
19 WHO DIDN'T RAISE THEIR HAND OVER HERE?
THE YOUNG LADY UP FRONT?
20 SQL STANDS FOR?

21 >> STRUCTURE QUERY LABEL.

22 >> SQL QUALIFIED AS A LANGUAGE.

23 >> THERE YOU GO.
YEAH, IF YOU'RE INTO -- IF YOU SEE THE ADVANCE
24 STATEMENT, YOU CAN GO IN HERE AND MAKE YOUR OWN SQL
STATEMENTS.
25 THE DEVELOPERS WHO MAKE GREAT WORKING PAGES THAT ARE
JUST DYNAMIC AND ROBUST, BUT LOOK HORRIBLE.

1 THIS REALLY HELPS BRING THE TWO TOGETHER BECAUSE AT
ANY TIME IN HERE IT'S ALWAYS CRUCIAL TO KNOW WHAT'S
2 IN YOUR DATA BASE.
YOU CAN HIT THE TEST BUTTON.
3 I CAN LOOK AT THE ROARS, SEE WHAT'S GOING ON HERE.
I'LL GO BACK TO SIMPLE MODE TO JUST KEEP IT SIMPLE
4 HERE AND COLLECT ALL MY COLUMNS.
BUT IF YOU HAPPEN TO HAVE, YOU WANT TO DO AN INITIAL
5 STORED, AND THINGS LIKE THAT, I YOU CAN USE THOSE AS
WELL.
6 I'M GOING TO GO AHEAD AND CLICK OKAY.
GO BACK HERE, THERE IS MY DATA SET AND APPARENTLY I
7 HAVE A COUPLE OF DIFFERENT RECORDS OUT HERE AVAILABLE
TO ME.
8 WHAT I'VE DONE OVER HERE IS THIS IS MY MAIN PAGE.
LET'S TAKE A LOOK IN THE BROWSER TO SEE WHAT THAT
9 LOOKS LIKE.
THERE'S MY WEATHER PAGE.
10 APPARENTLY THERE'S A D LINK DESCRIBING THE PICTURE;
WE KNOW ABOUT THOSE.
11 LET'S KEEP UP-TO-DATE ON THE CURRENT CONDITIONS.
LET'S TRY TO RELOAD THERE.
12 IT'S NOT A REAL WEB PAGE IF WE DON'T HAVE REAL WORLD
CONDITIONS HERE.
13 LET'S TRY IT AGAIN.
OKAY.
14 LET'S CLOSE THIS OUT, SAVE MY FILES, YOU NEVER KNOW.
THE DEMO GODS TO BE SMILING NOT IN A GOOD WAY DOWN
15 UPON ME.
Q. QUESTION.
16 .

17 >> YES, IF YOU HAVE A QUESTION
>> COULD YOU REPEAT THE QUESTION?
18 Q. HAVE ANY AUTHENTICATION FOR YOUR DATA
BASES?
19 >> YES.
COLD FUSION DOES HAVE AUTHENTICATION FEATURES AS WELL
20 AS INSIDE HERE WITH DREAM WEAVER ULTRADEV UNDER
SERVER BEHAVIORS, YOU DO HAVE THINGS YOU CAN GO IN
21 THERE FOR THINGS LIKE USER AUTHENTICATION AS WELL AS
MAKING YOUR OWN SERVER BEHAVIORS SCRIPTS AS WELL.
22 COLD FUSION, IF YOU'RE JUST WITHIN THE COLD FUSION
SUITE OF TOOLS ITSELF HAS SEVERAL, BUT YOU CAN ALSO
23 MAKE AND CUSTOMIZE YOUR OWN.
THAT'S WHY I LIKE.
24 LET'S TAKE A LOOK HERE AND WE'LL TRY THIS ONCE AGAIN.
LET'S KEEP UP-TO-DATE ON CURRENT CONDITIONS.
25 OKAY, NO PROBLEM.
I'M GOING TOGD AND -- I'M GOING TO KEEP ALL THIS.

1 HOW MANY PEOPLE HERE HAVE EVER WORK ALONG AND HAD
EVERYTHING GOING PERFECTLY TODAY.
2 YEAH.
WHAT I'M GOING TO DO HERE IS ACTUALLY START TO BIND
3 MY RECORDS INTO THE PAGE SPECIAL IT'S A REALLY EASY
PROPIZATION HERE.
4 TOMORROW'S HIGH, THAT LOOKS LIKE THAT SHOULD PROBABLY
BE THIS ONE, HIGH TEMPERATURE.
5 I'M JUST GOING TO DRAP DRAG AND DROP IT IN THERE.
LOW TEMPERATURE, SUNRISE, THAT SHOULD GO IN THERE.
6 SUNSET.
NOW FOLKS IT'S A LOT EASIER FOR ME TO USE A VISUAL
7 ENVIRONMENT THAN ULTRADEV TO GO INSIDE AND ACTUALLY
TYPE OUT ALL THIS CODE.
8 WHILE CODE IS FUN, TYPOS HAPPEN, MISTAKES HAPPEN.
USING THE VISUAL DEVELOPMENT TOOL THAT WRITES GREAT
9 -- THE OTHER THING I REALLY LIKE ABOUT ULTRADEV,
WHILE I'M DEVELOPING, IN THE PAST IF I HAD MADE A
10 PAGE IN COLD FUSION OR ASP, YOU DID YOUR WORK AND
GENERALLY IT LOOKED LIKE THIS SO IT'S ALL VERY GEEKY
11 AND CODY BUT THAT'S FINE, I'M A DEVELOPER, I KNOW
WHAT I'M DOING.
12 SAVE THE WORK, FTP IT UP TO THE SERVER MAKE SURE IT'S
IN THE RIGHT SPOT, GO BACK INTO MY BROWSER, FIND THE
13 URL FOR THE BROWSER, LOAD IT BACK IN AND MAKE SURE
IT'S WORKING.
14 TOO MANY STEPS.
I MEAN NECESSARY, BUT TOO MANY.
15 INSIDE ULTRADEV BECAUSE I ACTUALLY HAVE A CONNECTION
ALREADY MADE TO MY DATA BASE, THERE'S MY CONNECTION,
16 THAT'S PERFECTLY NORMAL.
THERE WE GO.
17 GO AHEAD AND TEST THAT.
SUCCESSFUL CONNECTION TO MY COLD FUSION SERVER.
18 I CAN ACTUALLY GO THROUGH HERE AND THERE'S A LITTLE
BUTT BUTTON UP HERE CALL KAUL SHOW LIVE DATA.
19 I CAN TURN THAT ON AND LOOK, BOOM! I CAN KEEP
DEVELOPING WITH LIVE DATA PREVIEW TURNED O. SO
20 THERE'S ANOTHER FIELD OR IF I WANT TO MAKE ANOTHER
ALTERATION, I CAN CHANGE THAT.
21 I DON'T HAVE TO MOVE IT UP TO THE SERVER, SAVE IT,
AND GO THROUGH ALL THESE STEPS.
22 VERY COOL.
I'M GOING TO TURN LIVE DATA OFF, SAVE THAT, AND LET'S
23 TAKE ANOTHER LOOK AT THIS PAGE AND SEE IF IT'S GOING
TO CONTINUE TO GIVE ME A LITTLE GRIEF HERE.
24 OKAY.
THERE'S MY PAGE.
25 I CAN TAKE A LOOK AT CURRENT CONDITIONS.
OOH.

1 ALL RIGHT, FOLKS, ONE LAST THING I'M GOING TO CHECK
ON BEFORE I HAVE BOB HERE DO A LITTLE SONG AND DANCE
2 SO I CAN STALL.
JUST CHECK MY LINK HERE.
3 YEAH, IT'S PERFECT.
BOOM, I KNOW IT IS.
4 AND VOILA.
BOOM.
5 DON'T APPLAUD THAT.
IT SHOULD HAVE WORKED! WE GOT A GOOD LOOKING TABLE
6 HERE AND THERE'S A COUPLE OF THINGS WE'LL SAY ABOUT
THE TABLE BUT WE SAID DYNAMIC DATA. I WANT TO CHANGE
7 THIS FROM MY SXIFTING DATA TO AN ADMINISTRATIVE POINT
OF VIEW, I WANT TO CHANGE.
8 HAS ANYBODY IN HERE READ THE PATIENT OF PAPER THIS
MORNING AND SEEN THE FORECAST?
9 I THINK IT WAS PRETTY WARM LAST NIGHT WHETHER I CAME
IN.
10 IT WASN'T BAD.
IT WASN'T OVERWHELMINGLY HOT, BUT LET'S TAKE A LOOK
11 OVER HERE.
YOU SEE I'VE ESTABLISHED A SINGLE FORM PAGE IN COLD
12 FUSION, I'VE GONE THROUGH HERE UNDER MY OBJECTS
PALETTE MADE A FORM PAGE AND BOUND IT UP WITH THE
13 APPROPRIATE DATA FINDINGS FROM MY PALETTE.
THE EXPECTED HIGH, EXPECTED LOW, AND DOWN HERE AT THE
14 BOTTOM I HAVE A NICE LITTLE UPDATE BUTTON INCLUDED
HERE.
15 I'M GOING TO DO SOMETHING SILLY HERE TO SEE IF THIS
IS WHY IT'S YELLING AT ME.
16 OKAY.
THE WEATHER TODAY IS HOT.
17 I DON'T KNOW WHETHER IT'S REALLY HOT.
LET'S SAY THE WEATHER IS OVER CAST TODAY.
18 THE EXPECTED HIGH, ANYBODY TAKE A GUESS?
A. 78
19 >> 65 IF IT'S OVERCAST.
EXPECTED LOW?
20 5.
THAT'S ONLY IF YOU'RE ACTUALLY LIVING IN THE BAY.
21 BUT YOU GET THE IDEA HERE.
I'VE GOT AN ADMINISTRATIVE PAGE, I CAN EVEN UPDATE A
22 DESCRIPTIVE PAGE, THE D LINK, AND THE CURRENT WEATHER
INFO AND I'LL HIT UPDATE AND SEE IF IT CHANGES IT.
23 OH, LET'S BACK UP HERE.
IT'S JUST GOING TO YELL AT ME.
24 SOME DAYS IT JUST DOESN'T PAY TO WAKE UP.
BUT LET'S GO AHEAD AND TAKE A LOOK HERE INSIDE THE
25 BROWSER.
IT IS OVERCAST.

1 IT DID TAKE IT IN THE DATA BASE; IT'S JUST GIVING ME
GRIEF ON MY ADMINISTRATIVE PAGE.
2 BUT IT DID TAKE THE CHANGE.
IT SHOULD HAVE BEEN THERE TOO MANY SERVICES RUNNING
3 ON MY PAGE.
THE ONE THING WE HAVE TO TALK ABOUT ARE TABLES.
4 THE CONTEXT OF, WELL, HEADER, THE COLUMNS, AND THE
APPROPRIATENESS AND THERE'S NO QUICK WAY TO DO THIS.
5 LET'S SLOW YOU WHAT WE'RE TALKING ABOUT HERE REAL
QUICK BY OPENING UP OUR PAGE WITH ALL THE TABLES AND
6 TAKING A LOOK AT ALL THE CODE HERE.
BOB, YOU'VE BEEN QUIET FOR A WHILE.
7
>> I HAVE BEEN QUIET FOR A WHILE.
8 OKAY.

9 >> LET'S TALK ABOUT TABLES
>> COUPLE THINGS WE NEED TO TALK ABOUT.
10 WHEN YOU'RE WORKING WITH TABLES FOR DATA -- NOW,
TABLES FOR LAYOUT WE'VE TALKED ABOUT, WE HAD A
11 QUESTION ABOUT LAYOUT VIEW AND SO ON, BUT THERE'S A
LOT MORE INVOLVED WHEN YOU'RE WORKING WITH TABLES TO
12 PRESENT INFORMATION OR COMPARE INFORMATION LIKE YOU
SEE HERE IN THIS TABLE.
13 THIS IS A PRETTY SIMPLE TABLE: TWO COLUMNS.
SO WHEN A SCREEN READER COMES ACROSS THIS, IT'S GOING
14 TO READ THIS INFORMATION BY SAYING CURRENT WEATHER
FORECAST, TOMORROW'S WEATHER, AND THEN OVERCAST.
15 AND THEN TERRIBLE'S HIGH, 72.
AND SO ON.
16 SO IT'S NOT THAT.
WE DON'T HAVE TO WORRY A LOT HERE ABOUT KEEPING THE
17 INFORMATION STRAIGHT, BUT LET'S EXPAND THIS A LITTLE
BIT.
18 LET'S SAY INSTEAD OF ONE CITY WE HAVE 10.
AND SO WHERE IT SAYS TOMORROW'S WEATHER, IT'LL SAY
19 OVERCAST, HOT, CLOUDY, SUNNY, COLD, AND YOU START
TRYING TO REMEMBER WAS THE SIX CITY ATLANTA OR WAS
20 THE SICK CITY CHICAGO?
SO WE HAVE TO HAVE THE HEADERS WITH THE DISPLAY
21 INFORMATION UNDERNEATH IT.
THERE ARE BASICALLY TWO TECHNIQUES FOR DOING THIS.
22 ONE IS EXTREMELY TIME CONSUMING AND TEDIOUS, BUT IT'S
SUPPORTED BY MORE SCREEN READERS. THE OTHER IS
23 FAIRLY QUICK AND EASY BUT IT'S NOT SUPPORTED BY MANY
SCREEN READERS AND I'M NOT GOING TO TELL YOU WHERE TO
24 LAND ON THAT CALCULUS.
THAT'LL BE YOUR DECISION.
25 I THINK THAT -- YOU KNOW, I'M HOPING THAT SCREEN
READERS WILL SUPPORT THE EASIER METHOD AS WE GO

1 FORWARD.
OKAY, WE'RE GOING TO GO THROUGH THE MORE COMPLICATED
2 METHOD BECAUSE FOR NOW I WANT TO BE MORE SUPPORTED.

3 >> PLUS WE CAN TALK ABOUT THE FIND AND REPLACE
>> SO FIRST OF ALL, LET'S TAKE A LOOK AT THE
4 HEADERS.
YOU SEE THE HEADERS HERE ON THE LEFT-HAND SIDE.
5 FOR EACH ONE OF THOSE WE WANT TO MAKE SURE THAT
THEY'RE MARKED OFF AS TABLE HEADERS.
6 THAT MEANS INSTEAD OF USING THE TD TAG TO MARK OFF
THE CELL, WE'RE GOING TO USE TH.
7 FORTUNATELY IN DREAM WEAVER IT'S A LITTLE CHECK BOX
ON THE PROPERTY INSPECTOR.
8 YOU CAN SEE WHERE IT SAYS HEADER THERE, IF WE CHECK
THAT OFF, THAT'S THE EASIEST WAY TO MARK OFF THE TH
9 TAG.
NOW, IN ADDITION, WE NEED TO IDENTIFY THAT HEADER.
10 WE WANT TO MAKE SURE IF WE LOOK HERE WHERE IT SAYS
TOMORROW'S WEATHER, IT SAYS IT, TOMORROW'S WEATHER,
11 WE WANT TO MAKE SURE THERE ARE NO SPACES IN THERE,
AND WE WANT TO MAKE SURE SO WE HAVE TO FIX THAT AND
12 IT NEEDS TO BE UNIQUE ON THE ENTIRE PAGE, NOT JUST
WITHIN THAT TABLE.
13 AND THEN FOR EVERY CELL IN THAT ROW WE WANT TO MAKE
SURE THAT IT SAYS UNDER THE TD TEXT, IF WE GO TO THE
14 CELL NEXT TO IT -- GO UP ONE THERE.
HERE WHERE IT SAYS HEADERS EQUALS TOMORROW'S WEATHER,
15 AND THAT HAS TO MATCH THE ID EXACTLY.
SO WE HAVE TO GET RAID RID OF THAT SPACE AS WELL
16 UNDER HEADERS, TOMORROW'S WEATHER.
NOW, THAT'S JUST PART OF IT.
17 IT CAN GET A LOT MORE COMPLICATED AS WE START ADDING
MORE LOGICAL LEVELS.
18 IF WE START ADDING CITIES, WE'RE GOING TO HAVE TO
START ADDING THE CITIES' ID HERE.
19 IF WE'RE GOING TO USE -- IF WE'RE GOING TO HAVE IT'S
SPREAD OUT OVER EACH CITY BY TOMORROW'S WEATHER --
20 BOY, HOW CAN WE DO THIS HERE?
IT CAN GET REALLY HAIRY FROM HERE.
21 IT'S A VERY COMPLICATED PROCESS, BUT IT'S WORTH THE
EFFORT BECAUSE IT MAKES THE TABLE A LOT EASIER FOR
22 SOMEONE USING A SCREEN READER TO UNDERSTAND THE
INFORMATION THAT THEY'RE HEARING.
23 SO THAT'S TABLES.
I ALSO REALLY QUICKLY I WANT TO TALK ABOUT TWO OTHER
24 THINGS.
I WANT TO TALK ABOUT WHY -- QUICK, I KNOW WE'RE
25 RUNNING OUT OF TIME.
WE'RE ALWAYS RUNNING OUT OF TIME.

1 ACCESSIBLE DATA DRIVEN DESIGN.
WHY ARE WE TALKING ABOUT DATA DRIVEN DESIGN WHEN IT
2 COMES TO ACCESSIBILITY?
TWO REASONS: NUMBER ONE, IF YOU LOOK AT THE
3 ADMINISTRATION PAGE THAT TOM WAS USING BEFORE, IF YOU
THINK ABOUT -- WELL, LET ME GIVE YOU THE SCENARIO:
4 THE AVERAGE PERSON, YOU GO INTO AN AVERAGE DEPARTMENT
IN THE UNIVERSITY OF WISCONSIN AND THE WAY THEY PICK
5 THE WEB MASTER FOLLOWS SOMETHING LIKE THIS.
OKAY, WHO KNOWS HOW TO TURN THIS THING ON?
6 SOME FOOL RAISES THEIR HAND, OH, WEB MASTER
>> NOT DIFFERENT FROM A LOT OF DIFFERENT
7 ORGANIZATIONS
>> SURE.
8 SO YOU WANT TO KEEP THAT PERSON FROM MAKING AMOUNT OF
MISTAKES WHEN IT COMES TO CREATING ACCESSIBLE SITES.
9 SO IF YOU'RE A WEB MASTER WHO ACTUALLY UNDERSTANDS
THIS STUFF, YOU CAN CREATE ADMINISTRATIVE PAGES WHERE
10 CONTENT LIKE EVENTS AND CLASSES AND GRADES CAN BE
ENTERED IN THROUGH AN ADMINISTRATION PAGE AND THEN
11 DELIVERED INTO AN ACCESSIBLE TEMPLATE THAT SOMEONE
WHO KNEW WHAT THEY WERE DOING CREATED.
12 THAT'S ONE THING.
NOW SECONDLY, IT ALSO ALLOWS YOU TO TAKE THE T TENT
13 OFF THE SERVER AND DELIVER IT INTO A NUMBER OF
FORMATS, TEXT ONLY, HTML, FLASH, AND THE SAME SOURCE,
14 THE SAME CONTENT CAN BE DELIVERED INTO A FORMAT THAT
MEETS THE NEEDS OF THE USER.
15 FINALLY, ONE MORE THING I WANT TO TALK ABOUT BEFORE
TOM TAKES THE PODIUM BACK: FORMS.
16 ON THAT ADMINISTRATION PAGE WE USE A LOT OF FORMS,
AND AGAIN, JUST LIKE WITH TABLES WE WANT TO FORMALLY
17 ASSOCIATE THE LABELS THAT ARE USED WITH THESE FORM
ELEMENTS WITH THE FORM ELEMENTS.
18 AND TO DO THAT THAT'S FAIRLY EASY, BUT AGAIN IT'S
HAND CODING USING A SIMILAR STRATEGY.
19 WE WANT TO MAKE SURE WE MARK OFF THE LABELS USING THE
LABEL ELEMENT AND WE WANT TO MAKE SURE THAT WE
20 IDENTIFY EACH OF THE FORM ELEMENTS WITH THE ID
ATTRIBUTE, JUST AS WE DID WITH THE TABLES.
21 THAT'S IT.
REALLY QUICK, BACK TO TOM.
22
>> THAT WAS PRETTY QUICK.
23 PRETTY COOL.
ANOTHER THING WE WANT TO DO TO MAKE SURE OUR CONTENT
24 IS WORKING RIGHT WHEN IT COMES TO THE LINEARIZATION
OF THE CODE, REMEMBER IT'S GOING TO START TOP ON
25 BOTTOM, LINE 1 ALL THE WAY TO THE BOTTOM UNTIL IT
ENDS IS TO MAKE SURE WHAT YOU'RE LAYING OUT IS

1 APPROPRIATE AND EASY AND THE BEST THING YOU CAN DO TO
MAKE SURE YOU'RE GETTING THERE IS TO MAKE SURE THAT
2 YOU TURN ON LIKE I'VE JUST DONE UNDER VIEW, VISUAL
AIDS, VISUAL ELEMENTS.
3 IT'S IMPORTANT.
LET ME OPEN UP OUR TEMPLATE.
4 LET ME OPEN UP OUR FLASH PAGE.
SHOW YOU WHAT WE'RE TALKING ABOUT, BECAUSE THIS WILL
5 GIVE US A GOOD TRANSITION INTO THE FLASH CONTENT A
LITTLE BIT UP HERE AS WELL AS OUR MAIN PAGE UP HERE.
6 YOU CAN SEE I HAVE A COUPLE OF VISUAL ELEMENTS ON MY
PAGE HERE FOR MY NAVIGATION BUTTON.
7 FOR MY FLASH CONTENT, ONE OF THE THINGS I MIGHT WANT
TO DO, AND THIS IS A SMALL TRICK THAT FOLKS ARE USING
8 OR A TECHNIQUE THAT FOLKS ARE USING NOW IS TO PUT A
LAYER ON TOP OF OUR FLASH NETWORK THAT WORKS.
9 BETTER YET, I'LL MODIFY THE TEMPLATE THAT WE MADE
EARLIER.
10 HERE'S MY TEMPLATE.
I'LL CLOSE THIS OFF.
11 HERE'S MY TEMPLATE.
AT THE TOP YOU CAN SEE THAT I HAD SOME FLASH CONTENT.
12 I'VE GOT GONE UP HERE UNDER VIEW, VISUAL AIDS, I'VE
TURNED ON VISIBLE ELEMENTS.
13 ONE OF THINGS FOLKS WILL DO IS WHEN YOU HAVE A FLASH
BANNER ON THE PAGE IS TO PUT A SMALL LAYER RIGHT
14 ACROSS THE ACTUAL FLASH CONTENT.
IN THIS CASE I'LL GO THROUGH HERE AND SIMPLY DRAW A
15 SMALL LAYER HERE AND I COULD GO AHEAD AND SELECT THAT
AND MOVE IT DOWN JUST A LITTLE BIT AND INSIDE THERE
16 PUT FLASH, BANNER FOR COAST.
IF I WANT TO BE REALLY NICE, I WOULD SAY FLASH BANNER
17 FOR THE COUNTY OF OCEANIO GRAPHIC, BLAH BLAH BLAH.
THIS IS A TECHNIQUE THAT FOLKS ARE USING AND WE'RE
18 GOING TO GO INTO MORE DETAIL ON THAT AS WE GET INTO
SOME MORE FLASH CONTENT, IT'S IMPORTANT THAT THIS
19 PARTICULAR SCRIPT AND IF I SELECT THE VISUAL ELEMENT
HERE ON THE SCREEN AS I'VE DONE AND TAKE A LOOK HERE
20 AT THE CODE THAT ORDER THAT IT COMES BEFORE THE FLASH
CONTENT IS IMPORTANT.
21 IF IT SFARTS HERE ON LINE 46 BEFORE IT ACTUALLY GETS
TO THE FLASH CONTENT DOWN HERE IN LINE 50, THAT'S
22 GREAT BECAUSE THE READEROIR THE ASSISTIVE DEVICE WILL
ENCOUNTER IT FIRST.
23 HOWEVER, IF I WERE TO MOVE IT ALL THE WAY DOWN HERE
TO AFTER THE FLASH CONTENT, IT WOULDN'T WORK; IT
24 WOULD BE INAPPROPRIATE.
IT WOULDN'T BE READ IN THE PROPER CONTEXT IN THE
25 ASSISTIVE DEVICE.
BOB, YOU'RE LOOKING LIKE YOU WANT TO SAY SOMETHING

1 AGAIN?

2 >> NO.
THAT'S THE POINT I WANT TO MAKE
3 >> OKAY.
GOOD.
4 IT'S IMPORTANT TO PUT IT IN THERE.
DOES THIS TRICK WORK FOR EVERYTHING?
5 WELL, SURE.
WHEN IT COMES TO FLASH, YOU CAN PUT THIS LITTLE
6 STRIPTIVE PIECE OF TAG ON THE FLASH CONTENT.
IT'S GOING TO TAKE PRECEDENT OVER THAT SO THAT WHEN I
7 LOAD IT HERE -- AND YOU MIGHT SEE IT FOR JUST AN
INSTANT, IT'S ALREADY THERE AND IT'S BEING USED AS A
8 LYER.
NOW, YOU COULD EVEN GO A STEP FURTHER AND SET A LAYER
9 PROPERTY ATTRIBUTE FOR IT.
IF I WANTED TO GO DOWN HERE TO THE INSPECTOR AND
10 CHANGE THE Z INDEX TO ZERO OR A NEGATIVE ONE BUT YOU
DON'T NEED TO DO THAT, BUT ANY ASSISTIVE DEVICE WILL
11 ENCOUNTER THAT LAYER AND READ THAT.
THAT'S ONE SMALL TECHNIQUE.
12 NOW, I THINK WE HAVE A COUPLE OF QUESTIONS.
WE'RE GOING TO GO INTO SOME OTHER FLASH STUFF HERE
13 QUICKLY.
OKAY.
14 IN THE AISLE.
MISS?
15 Q. YEAH.
WHAT ABOUT SITES THAT USE FLASH FOR THEIR
16 NAVIGATION?

17 >> QUESTION WAS WHAT ABOUT SITES THAT USE FLASH FOR
NAVIGATION OR WHAT IF YOUR ENTIRE SITE IS MADE IN
18 FLASH?
I MEAN EVERYTHING.
19 AND IT WAS MADE IN FLASH 3! BOB?

20 >> OH, ONE THING AT A TIME.
ALL RIGHT.
21 LET'S EX-BACK HERE AND TALK ABOUT THIS.
YOUR MAIN CONCERN WHEN YOU'RE USING TEXT EQUIVALENT
22 HERE IS YOU WANT TO MAKE SURE THAT YOU'VE GOT THE
EQUIVALENT FUNCTIONALITY IN THERE.
23 IN THIS CASE FLASH BANNER, THAT'S JUST FINE BECAUSE
THAT'S THE SAME CONTENT WE'RE CONVEYING WITHOUT FLASH
24 [].
WE ALSO WANT TO MAKE SURE THEN THAT THIS
25 IS NOT GOING TO PEAK OUT PEEK OUT FROM BEHIND THE
ELEMENT F. SOMEONE BOOSTS UP THEIR TEXT SIZE OR IF

1 THERE'S A LOT OF TEXT IN THIS LAYER, THEN A COUPLE OF
THINGS WE MIGHT WANT TO DO, WE MIGHT WANT TO HIDE
2 THAT LAYER.
AND THE BEST WAY TO DO THAT IS USING AN INTERNAL
3 CASCADING STYLE SHEET STYLE.
SO WE CAN KIND OF QUICKLY POINT TO THAT AND HOW TO DO
4 THAT.
AN INLINE STYLE FOR EXAMPLE WE COULD SET IT HERE ON
5 THE PROPERTY SECTOR WHICH IS CONFORMING BUT THE
LATEST VERSION OF JAWS STILL WON'T LOOK INSIDE THAT.
6 SO TOM'S GOING TO QUICKLY DO THAT AND I DON'T WANT TO
SPEND TOO MUCH TIME ON IT
7 >> YOU CAN SAY IN HERE AND SAY IT'S HIDDEN, BUT
THAT'S NOT THE MOST COMPLIANT
8 >> WE'RE GOING TO DO THE SAME THING IN AN INTERNAL
STYLE.
9 NEXT, AND THIS GETS TO YOUR QUESTION, IF I WANT TO
HAVE LINKS IN THIS TEXT EQUIVALENT BOX?
10 IF YOU DO THAT, FINE, BUT YOU CAN'T SET THE
VISIBILITY VALUE TO HIDDEN BECAUSE JAWS WILL THEN NOT
11 LET YOU ACTIVATE THE LINKS.
SO THEN WHAT YOU HAVE TO DO IS HIDE THIS IN A LITTLE
12 BIT DIFFERENT WAY.
AND YOU NEED TO HIDE IT BY MAKING IT SMALL.
13 IN THAT WAY YOU'RE SURE THAT IT'S GOING TO STAY
BEHIND THE FLASH ELEMENT.
14 A COUPLE OF DIFFERENT WAYS OF DOING THAT.
IF YOU'RE GOING TO HAVE NAVIGATION ELEMENT, YOU MIGHT
15 CREATE A SECOND LAYER, NOT MAKE THAT HIDDEN, AND THEN
JUST MAKE IT EITHER USING THE FONT TAG, MAKE THAT
16 VERY SMALL, SET THE SIZE TO 1, OR AGAIN, DEFINE THE
STYLE FOR IT AND SET IT FOR A RIDICULOUSLY SMALL
17 VALUE LIKE .1 MS AND YOU FINISH IT'S VISIBLE TO
SOMEONE, IT'LL LOOK LIKE ONE PIXEL LINE, JUST A FEW
18 CHARACTERS LONG.
THEN JAWS WILL ALLOW YOU TO ACTIVATE THOSE LINKS.
19 SO THOSE SORT OF LIKE ARE A RANGE OF THE ISSUES
>> DON'T GO CRAZY AND PUT 10 DIFFERENT LAYERS OVER
20 THERE ACROSS YOUR FLASH BANNER BECAUSE YOU CAN CHOKE
UP YOUR DEVICE
21 >> THE SHORTEST WAY TO DO THAT IS PUT IN A SINGLE
LETTER D, FOR DESCRIPTION, CREATE A D LINK, YOU KNOW
22 THAT'S GOING TO HIDE PRETTY WELL BEHIND ANY FLASH
ELEMENT AND THEN LINK THAT OUT TO A SEPARATE PAGE
23 WITH YOUR NAVIGATION ELEMENTS THERE AND I KNOW THERE
ARE A LOT OF QUESTIONS RELATED TO THAT.
24
>> LET'S TAKE A COUPLE OF QUICK QUESTIONS.
25
>> /*?

1 Q. BECAUSE I CREATED A LINK IN THE TOP OF
THE PAGE, A HIDDEN LINK, THAT THE FIRST THING --
2 >> WHAT?
Q. THE FIRST THING THAT GOES THROUGH A FAST
3 VERSION OF THE PAGE.
INSTEAD OF CREATING LAYERS AND LAYERS IN FLASH, YOU
4 PROVIDE ANOTHER PAGE WHICH IS TEXT ONLY
>> OKAY.
5 SO THE QUESTION IS IS IT OKAY TO DO THAT, TO CREATE A
TEXT-ONLY VERSION?
6 , A NON-FLASH VERSION OF THE SAME SITE?
YES.
7 IN FACT, THAT'S JUST FINE.
WHAT WE'RE TALKING ABOUT HERE IS CREATING ONE VERSION
8 OF A PAGE WHICH IS ACCESSIBLE TO USERS NO MATTER WHAT
DEVICE THEY'RE USING.
9 ANOTHER STRATEGY, A PERFECTLY LEGITIMATE STRATEGY IS
TO CREATE MULTIPLE VERSIONS OF THE SAME SITE, ONE
10 USING FLASH, ONE NOT USING FLASH.
NOW, I WOULD PREFER IF WE COULD GET THE CONTENT
11 COMING FROM ONE SOURCE SO THAT WE KNOW THAT
EVERYONE'S GETTING THE SAME INFORMATION BUT SOMETIMES
12 THAT'S NOT POSSIBLE.
AND THE EASIEST SOLUTION IS TO HAVE AN HTML VERSION
13 OF A SITE AND A FLASH VERSION OF A SITE.
IF YOU EVER HAVE ANY QUESTIONS ABOUT WHETHER OR NOT
14 YOU CAN USE FLASH ON THE WORLD WIDE WEB, ALL YOU NEED
TO DO IS GO TO SECTION 508.GOV.
15 THIS IS THE WEB SITE MAINTAINED BY THE ACCESS BOARD
WHO CAME UP WITH SECTION 508.
16 AND THEIR TRAINING SITE, THEY USING FLASH AND THEY'RE
USING THE STRATEGY YOU DESCRIBED THERE.
17 THEY HAVE A FLASH VERSION AND THEY HAVE A NON-FLASH
VERSION OF THE SITE
18 >> WHICH I THINK IS A PRETTY COOL ENDORSEMENT.
BUT TO GET BACK TO YOUR QUESTION, IF I HAVE AN ENTIRE
19 WEB SITE DOWN IN FLASH, WHAT DO I DO?
WELL, YOU'RE GOING TO BE A LITTLE STUCK.
20 IF YOU HAVE THE OLD FLA FILES, THE FLASH FILES, YOU
CAN GO IN THERE CAN AND ADD SOME THINGS TO IT.
21 LET'S TAKE A LOOK HERE.
I HAVE SOME TEXT AT THE TOP, I HAVE A D LINK.
22 THE IMPORTANT THING TO REMEMBER IS WHEN YOU'RE
DEVELOPING YOUR SFLASH CONTENT, I'M GOING TO ACTUALLY
23 MAKE SURE I'VE SELECTED MY FLASH CONTENT AND START
USING MY TAB KEY THAT I HAD BUILT IN BY USING ACTION
24 SCRIPTS AND CHECKING THAT WHEN THE KEY PRESS OR THE
KEY DOWN IS MY TAB KEY THAT I AM NAVIGATING BETWEEN
25 THE SIGNIFICANT NAVIGATIONAL ELEMENTS ON MY PAGE.
SO THAT IF I GO TO BONES I CAN THEN NAVIGATE DOWN AS

1 WELL.
INTO THE DIFFERENT ELEMENTS ON HERE.
2 WHAT THIS REALLY MEANS IS WE HAVE TO START
CONSIDERING ACCESSIBILITY IN OUR DEVELOPMENT AND
3 DESIGN PROCESS FROM HAD POINT FORWARD.
WHEN WE'RE TALKING ABOUT RETROFITTING A LITTLE BILT,
4 IT'S THE SAME THING.
AS LONG AS YOU HAVE THOSE OPEN FLA FILES, YOU CAN GO
5 BACK IN AND DO THAT.
IF ALL YOU HAVE IS JUST AN EXISTING FLASH FILE, WELL,
6 YOU MIGHT BE STUCK.
DOING THIS IS ANOTHER REASON TO HAVE FLASH ACTION
7 SCRIPTS THAT ALLOWS SOMEONE WHO DOESN'T HAVE A MOUSE
OR IS USING AN ASSISTIVE TECHNOLOGY OR DEVICE THE
8 SAME ABILITY TO EXPERIENCE THE FLASH CONTENT THAT
SOMEONE WITH A MOUSE OR WITH INTERNET EXPLORER HAS AS
9 WELL.
BUT YOU HAVE TO THINK ABOUT THAT.
10 YOU HAVE TO BRING IN THAT PROCESS, AND AGAIN, THAT'S
JUST USING SOME ACTION SCRIPTS INSIDE FLASH.
11 MACROMEDIA IS FIRMLY COMMITTED TO ACCESSIBILITY.
WE'VE BEEN WORKING ON THIS AMONGST MANY THINGS FOR A
12 COUPLE YEARS NOW.
IT'S ONLY WITH THE ACCELERATION OF THE DEADLINE DATE
13 WITH 508 COMING TO A PEAK THERE THAT WE'VE REALLY
GONE OUT THERE AND SAID, BOB, WHAT'S GOING ON?
14 HOW CAN WE MAKE OUR PRODUCTS BETTER?
WHEN ARE WE GOING TO SEE FLASH TOTALLY ACCESSIBLE AND
15 TOTALLY JUST GREAT?
WHEN IT'S READY.
16 BECAUSE WE'RE NOT GOING TO PUT OUT A COUPLE OF
DIFFERENT THINGS THAT KIND OF WORK HERE AND KIND OF
17 WORK THERE AND SOMETIMES WORKS HERE.
IF I LOOK BACK ON THE EXCHANGE, EXTENSIONS MANAGER,
18 THERE'S MY DREAM WEAVER SITE.
IF I GO BACK TO FLASH 5, YOU'LL SEE THERE'S AN
19 ACCESSIBILITY KIT.
IT DOES WORK.
20 WHAT HAPPENS HERE IS IF I INSTALL THE ACCESSIBILITY
KIT FROM THE EXCHANGE AND I GO INSIDE HERE AND I
21 LAUNCH FLASH, IF I HAVE SOME GREAT FLASH CONTENT THAT
I HAVE CREATED, I'M GOING TO WOULD AND LAUNCH FLASH.
22 LIKE MAYBE I WENT AHEAD AND CREATED A LEARNING
INTERACTION HERE.
23 WHAT THE ACCESSIBILITY KIT WILL GIVE ME UNDER FILE,
PUBLISH SETTINGS, HTML, THE ABILITY TO OUTPUT A
24 LITTLE BIT OF INFORMATION, SOME JAVA SCRIPTS,
REGARDING THE T TENT THAT'S GOING ON HERE.
25 DOES IT SOLVE ALL THE PROBLEMS?
NO.

1 WHY?
JAVA SCRIPTS EVOLVE INSTEAD OF ALL THE BROWSERS AND
2 THE ASSISTIVE DEVICES.
BOB, WHAT'S YOUR TAKE ON THE -- IS IT JAWS IS THE
3 CURRENT VERSION OR THE OLD ONE?
THERE'S A LOT OF DEVICES OUT THERE
4 >> JAE.
JAWS IS ONE OF THOSE?
5 Q. IS IT REALLY GOOD WITH JAVA SCRIPT ALL
THE TIME?
6
>> BETTER.
7 AND THIS IS -- FOR A LONG TIME SCREEN READERS DID NOT
SUPPORT JAVA SCRIPT.
8 AND SO THE ACCESSIBILITY KIT FOR FLASH IS BASED ON
THAT PRESUMPTION THAT IF YOU COME WITH A SCREEN
9 READER YOU'RE NOT GOING TO BE ABLE TO RENDER ANY OF
THE JAVA SCRIPT.
10 WELL, THE LATEST VERSION OF JAWS DOES SUPPORT JAVA
SCRIPT.
11 IS IT A ROBUST IMPLEMENTATION OF JAVA JIPTS?
I'M NOT A PROGRAMMER SO I'M NOT GOING TO GET INTO
12 THAT, BUT IT'S THERE.
SO ANY OF THE LITTLE TAGS LEFT PRESUMING YOU DON'T
13 HAVE JAVA SCRIPT WOULD THEN BE IGNORED.
SO WE WANT TO BE AWARE OF THAT WHEN WE'RE USING THAT
14 IMPLEMENTATION.

15 >> AND IN WASN'T BAD BUT IT WAS ONE OF THE FIRST
STEPS WE TOOK ALMOST A YEAR AGO AND OF COURSE THE
16 DESCRIPTIVE DEVICES AND LIBRARIES THEY USED OVER THE
YEARS HAVE CHANGED AND EVOLVED.
17 OTHER THAN USING SOME REALLY GOOD ACTION SCRIPTS AND
FORESTATE, THERE'S NOT MUCH ELSE IS CAN SHOW YOU IN
18 THE FLASH INTERFACE.
HOW MUCH, WHEN I'M SITTING IN MY BROWSER TAKING A
19 LOOK HERE, USING ACTION SCRIPTS, OTHER USES FOR THE
TAB KEYS IF YOU KNOW THAT THAT'S WHAT PEOPLE ARE
20 GOING TO USE IN AN IBM PAGER OR OTHERWISE, THAT'S A
GOOD THING TO DO TO MAKE THE CONTENT MORE ACCESSIBLE.
21 IS IT AN IDEAL SITUATION?
NO.
22 SEND SOME COMPLAINTS OR CONCERNS TO
WISH-ACCESSIBILITY AS WELL AS WISH-FLASH.
23 WE VAFOLKS THAT ARE DEDICATED TO FINDING A SOLUTION.
BUT WE'RE NOT GOING TO MAKE SOME THAT WORK SOME OF
24 THE TIME AND SOME NOT IN OTHERS.
BUT IF YOU HAVE EXISTING FLA FILES THAT'S GREAT.
25 YOU CAN MAKE THINGS ACCESSIBLE WITHOUT THE MOUSE.
START USING THE TAB KEY A LITTLE BIT MORE.

1 SO FLASH CAN BE ACCESSIBLE, IT CAN BE COOL.
508, THAT'S A GOOD SITE.
2 WE'RE KIND OF AT THE POINT WHERE WE START GOING INTO
A LITTLE Q&A SESSION, BUT I WANT TO POINT OUT ONE
3 MORE THING BECAUSE I HAVE FOLKS OUT THERE THAT USE
FRONT PAGE.
4 WE HAVE A NICE COMMAND IN HERE CALLED CLEAN UP FRONT
PAGE.
5 WE ACTUALLY GO AND TALK TO THESE FOLKS.
WE GET ALONG GREAT WITH THESE FOLKS.
6 THIS IS A SIMPLE COMMAND.
AGAIN YOU CAN DOWNLOAD IT FROM THE EXCHANGE.
7 WE'VE GOT A COUPLE OF THEM IN HERE THAT I WOULD LIKE
TO POINT OUT.
8 CLEAN UP FRONT PAGE SITE WIDE.
FRONT PAGE I'M NOT REAL BIG ON BECAUSE WE DECIDED WE
9 WANT TO SHOW THIS COMMAND DURING THE EASIERIBILITY
SEMINAR BECAUSE A LOT OF FOLKS USE IT.
10 THE FIRST SEMINAR IN DENVER, THE LADY FROM THE CITY
OF DENVER, SHE HAS OVER A HUNDRED THOUSAND DIFFERENT
11 WEB PAGES CREATEED IN FRONT PAGE BECAUSE THEY USE A
FRONT PAGE SERVER.
12 I UNDERSTAND.
ONLY PROBLEM IS THAT IT'S NOT REALLY ACCESSIBLE AT
13 ALL AND SHE'S GOT NO WAY TO VALIDATE IT AND TEST IT
VERY WELL SO SHE'S TAKING IT INTO DREAM WEAVER.
14 SHE LOVES THIS COMMAND BECAUSE SHE TOOK EVERY PAGE,
PUT IT ON A BRAND-NEW LAPTOP AND IS CLEANING IT UP.
15 AND SHE'S TELLING PEOPLE DON'T OPEN UP THE FRONT PAGE
OR YOU'RE GOING TO REWRITE THE CODE AND BLOW IT UP
16 AND IT WON'T BE AS ACCESSIBLE.
WE WENT OUT AND BOUGHT THE NEWEST VERSION OF FRONT
17 PAGE AND WE'VE RECREATED THE INDEX FROM IT AND IT
TOOK US HOURS.
18 IT'S A DIFFERENT INTERFACE.
WE'RE USED TO THE DREAM WEAVER OR THE HAND CODING
19 WAY, NOT THIS WAY.
WELL, WHAT THIS COMMAND DOES, PRETTY SIMPLE AND
20 STRAIGHTFORWARD.
INSTALL IT, IT DOESN'T KNOW WHAT VERSION IT IT IS IT
21 IS, BUT IT DOES WORK.
I GENERALLY TURN ALL THESE ON XAEPT ONE.
22 ONE IS WEB BOX.
THAT'S ALL THESE NICE LITTLE SCRIPTS THAT ARE GOING
23 TO PLACE INTO YOUR FRONT PAGE CODE LIKE COUNTERS,
OTHER QUICK FUNCTION SCRIPTS, THINGS THAT MAY CALL ON
24 THE FRONT PAGE SERVER ON EVALUATE AND THEN POPULATE
WITH SOME CUSTOMER INFORMATION.
25 I CAN TURN THAT OFF.
GENERALLY WEB BOXER THE THING YOU WANT TO YOU WANT TO

1 PRESERVE.
YOU WANT TO GET RID OF ALL THAT OTHER STUFF BECAUSE
2 YOU DON'T REALLY NEED THEM.
I DON'T SEE THEM KNRM INSIDE THOSE REAL BIG HTML SPEC
3 BOOKS.
THERE'S NOTHING IN THERE.
4 THESE ARE VERY PROPRIETARY.
I CAN WOULD AND SAY OKAY, IT'S GOING TO LOOK THROUGH
5 THE PAGE TOP TO BOTTOM, LOOK AT EVERYTHING AND GO
BOOM.
6 THESE ARE THE THINGS THAT NEED TO BE CLEANED UP,
THESE ARE THE THINGS I DON'T NEED, LIKE A COUPLE OF
7 TAGS, SOURCE FORMATTING.
BOOM. LIGHTENS UP THE PAGE A LITTLE BIT BRIGHTER AND
8 IT'S COMPLIANT.
AND I HAVE ALL THE SCRIPTS THAT I WANT THAT ARE
9 EMBEDDED IN THE PAGE.
IF ANYONE OUT THERE IS INTERESTED, WE'RE ALWAYS
10 LOOKING FOR FOLKS TO WRITE -- INDEPENDENT PROGRAMMERS
AND DEVELOPERS GROUPS RIGHT ALL SORTS OF EXTENSIONS.
11 I THINK IT WOULD BE REALLY COOL IF WE HAD AN
EXTENSION THAT WOULD MAKE THOSE WEB BOX AND CONVERT
12 THEM TO LIBRARY ITEMS OR SOMETHING.
THEY JUST DON'T LET ME IN THE OFFICES ANYMORE TO TALK
13 TO THEM ABOUT WHAT I THINK WOULD BE COOL.
BUT ANYTHING YOU WOULD LIKE TO SEE OUR PRODUCTS, JUST
14 LET US KNOW VIA THE WISH LIST.
YOU CAN ALSO HAVE A PRODUCT CALLED CLEAN UP SITE WIDE
15 HTML PRODUCT.
CLEAN UP THE HTML MODIFICATION DATES, DOWNLOAD TIMES.
16 THESE ARE ALL THINGS THAT GO INTO A FRONT PAGE SITE
SPECIFICALLY WHEN I'M USING FRONT PAGE AND FRONT PAGE
17 SERVER AND YOU DON'T REALLY NEED THEM.
AND YOU CAN MIGRATE INTO GREEM WEAVER WHERE YOU CAN
18 RUN ON ANOTHER OF DIFFERENT ENGS TENSIONS AND
COMMANDS.
19 AND JUST TO MAKE SURE IT'S THE BEST CODE.
BECAUSE ONE OF THE THINGS YOU'RE ALWAYS CONFRONTED
20 WITH WHEN EQUIPPING WEB PROJECTS IS YOU WANT THE BEST
LOOKING CONTENT AND YOU WANT TO DOWNLOAD IT QUICKLY.
21 HOW MANY PEOPLE HERE HAVE A T1 LINE AT HOME?
THAT'S WHAT I THOUGHT.
22 MOST OF US ARE STILL 56 K, CABLE MODEM DSL.
YOU WANT THE BEST POSSIBLE CONTENT, YOU KNOW THE BEST
23 POSSIBLE EXPERIENCE, AND AGAIN WE WANT TO TO BE
ACCESSIBLE.
24 I DON'T WANT TO MAKE CONTENT FOR THIS PAGE READER AND
THIS BROWSEER.
25 I WANT TO WRITE TO A STANDARD THAT ALLOWS ME TO SAY,
HEY, I'M COMPLYING OR CONFORMING IN THE BIG PICTURE,

1 MAYBE ONE DAY WE'LL ALL BE TOTALLY ACCESSIBLE AND
WE'LL BE ABLE TO PULL UP ALL OUR WEB CONTENTS IN ALL
2 SORTS OF THINGS LIKE PHONES AND HAND-HELDS AND ALL
SORTS OF THINGS.
3 NOW WE HAVE Q AND A.
I MUST POINT OUT THAT DURING OUR WEB CAST GOING ON
4 THE HERE, WE'VE HAD SOME QUESTIONS KNHG UP.
I'LL TAKE ONE QUESTION FROM THE GENTLEMAN IN THE
5 CROWD REAL QUICK.

6 >> MOM, IF YOU'RE WATCHING, KEEP IT CLEAN.
UP HAVE A QUICK QUESTION?
7 Q. IF YOU'RE USING THE CREATE FLASH ELEMENT,
WOULD HAVING THAT PAGE -- LET'S SAY THAT THE FLASH
8 ELEMENT THAT'S THERE IS SOMETHING THAT MAY BE USEFUL
TO A BLIND USER, THERE'S SOME AUDIO......
9 >> SO YOU'VE GOT A LOT OF QUESTIONS.
YOU'VE GOT SOME FLASH CONTENT ON YOUR PAGE, AND
10 YOU'RE ASKING ABOUT THE LAYER TRICK OR TECHNIQUE THAT
WE'VE SHOWN.
11 COULD I PUT IN A LINK TO SOME OTHER AUDIO FILE FOTELL
THEM WHAT'S GOING ON OR COULD I PUT IN MORE
12 DESCRIPTIVE INFORMATION DESCRIBING THE CONTINT?
YES, YOU COULD.
13 THE MINUTE YOU HOWEVER LINK TO ANOTHER ODDO FILE
FORMAT YOU'VE GOT ANOTHER SECTION OF 508 TO BE
14 CONCERNED ABOUT.
ONE THING YOU COULD DO IS IF YOU AGAIN HAVE THE WRJAL
15 FLA FILES OR WHILE YOU WERE CREATING YOUR FLASH
EXPERIENCE, CREATE AN AUDIO TRACK THAT'S KEYED ON THE
16 TAB PRESS OR ON HOWEVER YOU'RE GOING TO NAVIGATE THE
ELEMENT.
17 WHEN IT LOADS IN THE FLASH CONTENT IN THE PAGE, NTDZ
THE FLASH CONTENT USING AN MP3 AUDIO FILE, LOAD IN
18 THE APPROPRIATE AUDIO TO EXPLAIN WHAT'S GOING ON.
THE THINGS WE GENERALLY PUT INSIDE OF THAT THAT YOU
19 CAN PUT INSIDE OF NALAYER FIELD, AGAIN YOU DON'T WANT
TO OEFRNL ANYBODY, BUT THE LINKS AND THINGS YOU CAN
20 PUT IN THERE, YOU REQUEST TOTALLY VALID TO PUT IN RAY
REFERENCE OR LINK TO SOMEWHERE ELSE.
21 BUT YOU'D BE TAKING THEM OUTSIDE THAT FLASH
EXPERIENCE.
22 BUT THOSE ARE THINGS YOU OFTEN HAVE TO TEST IN EACH
ONE OF THOSE TESTED DEVICES TO SEE WHICH ONE WILL
23 WORK.
BUT BABY, WE DON'T WANT TO BUILD AN EXPERIENCE TO A
24 WEB DEVICE OR A PARTICULAR PLATFORM.
AND THERE WAS ANOTHER PART IN YOUR QUESTION I KNOW
25 I'VE -- OKAY.
Q. HTML HAD DIFFERENT CHOICES LIKE CREATE AN

1 ALT-TAG IN THE FLASH.
THERE WAS SOMETHING ELSE THAT WAS PART OF THAT TOO.
2 SOMETHING ABOUT CREATING --
>> IF I GO INTO HERE UNDER MY PUBLISHED SETTINGS
3 INSIDE FLASH AND I SWITCH OVER TO THE ACCESSIBILITY
OUTPUT, WHAT HAPPENS HERE IS IT GOES OUTPUT ALL THE
4 TEXT WITHIN A MOVIE INTO AN ALT-TAG AND DETECT THE
PRESENCE PRESENCE OF TAG.
5 ONE OF THE THINGS THAT PEOPLE FORGET IS THAT WHEN I'M
USING FLASH, I CAN ALSO OUTPUT OTHER CONTENT.
6 IT'S NOT GOING TO GIVE ME THE WHOLE ANIMATED
EXPERIENCE NECESSARILY IF IT'S ALL IN ONE FRAME, BUT
7 IF IT'S ACROSS SEVERAL FRAMES EXPERIENCE, I CAN MAKE
A JIF FILE TO REPRESENT THAT CONTENT.
8 IT'S ALSO POINTING OUT THAT YOU NEED TO KEEP IN MIND
WHEN YOU'RE KREETING FLASH CONTENT AND YOU'RE
9 PROVIDING AN ALTERNATIVE TO CREATE THAT JIF CONTENT
FOR YOU.
10 THAT'S A BIG QUANDARY FOLKS WHO ARE USING FLASH NOW,
THEY HAVE ALL THESE WEB SITES THAT ARE ENTIRELY
11 FLASH-BASED, THEY REALIZE YOU HAVE TO MANUALLY CREATE
SOME ALTERNATIVES.
12 BUT JUST ADDING SOME AUDIO IN THERE, USING SOME
ACTION SCRIPTS FOR THE KEY TAB IS A GREAT WAY TO GO.
13
>> WE HAVE SOME QUESTIONS OFF THE WEB.
14
>> DO YOU KNOW HOW MANY WE HAVE?
15
>> I'M GOING TO ANSWER TWO RIGHT NOW.
16 I HAVE A QUESTION FROM MC IN CANADA THAT SAYS
PRIORITY 1, CHECKPOINT 5.2 STATES THAT DATA TABLES
17 WITH MULTIPLE LEVELS OF HEADERS MUST HAVE DATA AND
HEADER CELL ASSOCIATIONS.
18 DO YOU PLAN ON INCORPORATING THE SCOPE AND HEADER'S
ATTRIBUTES IN THE NEXT VERNGZS OF DREAM WEAVER AND
19 HOME SITE?
AND I'M GOING TO GIVE THE SAME ANSWER TO THE NEXT
20 QUESTION FROM MAKE DILLON IN AUSTIN, TEXAS WHO SAYS
DOES DREAM WEAVER HAVE FEATURES FOR ACCESS KEY
21 INFORMATION OTHER THAN THE CODE VIEW?
SIMILAR QUESTIONS.
22 ARE THESE FEATURES GOING TO BE BUILT INTO THE NEXT
VERSION, TOM?
23
>> IF ENOUGH PEOPLE ASK AT WISH-DREAM WEAVER,
24 WISH-ACCESSIBILITY, YEAH, PROBABLY.
WE CAN'T GUARANTEE IT, BUT IF WE HAVE ENOUGH PEOPLE
25 ASKING, AND BOB RUNS AROUND LIKE A CRAZY PERSON
TALKING TO PRODUCT MANAGERS AND FOLKS SAYING, HEY, BE

1 AWARE OF THIS, WE NEED TO DO THIS, IT'S IMPORTANT TO
OUR MARKETS PLACE.
2 IT'S POSSIBLE.
ANYTHING'S POSSIBLE.
3 CAN'T TELL YOU ABSOLUTELY BECAUSE THEY DON'T TELL US.
BUT YEAH, ANYTHING'S POSSIBLE.
4 80 TO 90 PERCENT OF WHAT EVOLVED OR CHANGES IN OUR
PRODUCTS COME FROM OUR END USERS.
5
>> AND THAT'S BASICALLY THE QUESTIONS THAT WE HAVE
6 OVER HERE.

7 >> OKAY.
SOME OTHER QUESTIONS.
8 BOB, YOU WANT TO PICK SOMEBODY?
Q. HOW DOT READERS READ THE FIREWORKS POP-UP
9 MENUS OR ANY LIKE MOUSE OVER OR MOUSE OUT FEATURES?

10 >> GOOD QUESTION.
THE QUESTION WAS HOW DOES FIREWORKS READ JAVA SCRIPT
11 ROLL-OVERS AND THE ANSWER IS IT DOESN'T.
SO HERE'S -- WE HAVE THIS QUESTION DURING THE BREAK
12 AND I THINK IT'S A REALLY GOOD ONE.
WHAT WE WANT TO THINK ABOUT FIRST OF ALL JAVA SCRIPT
13 ROLL-OVER WE HAVE IN THIS EXAMPLE CHANGES COLORS AS
WE MOVE OVER IT.
14 IT PROVIDES A VISUAL CUE FOR SOMEONE USING A MOUSE
WHERE THEIR CURSOR IS POSITIONED ON THE SCREEN.
15 SOMEONE LIKE MY DAD THAT'S VERY HELPFUL FOR.
NO CONTENT IS BEING DISPLAYED SO THERE'S NO
16 INFORMATION THAT WOULD NEED TO BE READ BY A SCREEN
READER USER.
17 SCREEN READER WOULD KNOW WHERE THEY ARE ON O PAGE
BECAUSE IT'S BEING ALLOWED TO THEM AND THEY ARE AILS
18 GOING TO KNOW THOSE ARE LINKS BECAUSE THE VOICE IS
GOING TO CHANGE IN SOME WAY.
19 WHAT BECOMES MORE DANGEROUS WHEN YOU'RE USING JAVA
SCRIPT ROLL-OVERS IS WHEN YOU HAVE DROP-DOWN MENUS.
20 THIS IS AN IMPORTANT QUESTION AND A QUESTION THAT I
DON'T HAVE AN ANSWER TO BUT I'M LOOKING FOR A CLEVER
21 DESIGNER TO WRITE IT UP.
BAIVENLGLY THERE'S A FEW ISSUES RELATED TO THAT
22 PROCESS.
NO. 1, YOU WANT TO MAKE SURE THAT ANY INFORMATION
23 THAT TAKES PLACE ON THE ROLL OVER IS AVAILABLE TO THE
SCREEN READER USER.
24 IF SOMEONE IS USING A SCREEN REEDING DEVICE THAT
DOESN'T HAVE JAVA SCRIPT CAPABILITIES, THEN THE
25 INFORMATION THAT'S ON THE ROLL OVER WOULD NOT BE ABLE
TO THAT USER.

1 SO WE WOULD EITHER HAVE TO EMBED IT INTO LAYERS, FOR
EXAMPLE OR AS IN THE FLASH EXAMPLE THERE, SO IT
2 BECOMES A TRICKY PROCESS.
AND THEN YOU ALSO HAVE TO THINK ABOUT THE FACT THAT
3 NOW WE USE THAT TRICK TO BREAK UP LINKS, SO YOU MIGHT
HAVE A TOTAL OF 60 OR 70 LINKS TOTAL, BUT WE SORT OF
4 CHUNK IT INTO GROUPS OF 10 FOR SOMEONE WHO CAN SEE
IT.
5 SO NOW A SCREEN READER USER MIGHT HAVE TO LEARN TO 59
LINKS TO GET TO THE 60TH ONE.
6 SO HOW DO WE MAKE THAT MORE USABLE FOR SOMEONE COMING
TO THIS CONTENT WITH A SCREEN READER?
7 IT'S AN OPEN QUESTION.
I DON'T KNOW.
8
>> VERY GOOD QUESTION.
9 RAISE YOUR HANDO I CAN GIVE YOU A T-SHIRT.
THAT'S A GOOD ONE INDEED.
10 OOPS.
ONE OTHER THING I WANT TO POINT OUT INCLUDING FOR
11 FOLKS IN THE WEB CAST, FIND AND REPLACE, ONE OF THE
MOST POWERFUL FEATURES YOU CAN USE BOTH IN FIREWORKS
12 AND CELLS, TO FIND A PLACE IN THE ENTIRE DOCUMENT,
SELECTED FILES OR FOLDER OR DIRECTORY, NOT JUST TEXT,
13 SPECIFIC TEXT.
OR SPECIFIC TAGS.
14 WITH SPECIFIC ATTRIBUTES WITH AN ATTRIBUTE LIKE,
WELL, LET'S GO DOWN HERE.
15 FONT EQUAL TO.
I'M SORRY, LET ME GO FONT SIZE.
16 FONT SIZE EQUAL TO 6, SET THE ATTRIBUTE, REMOVE IT,
OR EVEN IF IT'S NESTED, IT'S A GREAT WAY TO GO IN AND
17 DO MASSIVE CHANGES AT A CODE LEVEL THAT AGAIN,
BECAUSE THERE'S NO MAGIC FIX YOU HAD TO DO THESE AT A
18 CODE LEVEL, I CAN GO IN HERE AND GET VERY
PARTICULARLY ESPECIALLY SINCE THINGS ARE NESTED.
19 MODIFY, FIND AND REPLACE THE ATTRIBUTES AT THE CODE
LEVEL THAT I WANT.
20 VERY POWERFUL FEATURE.
WHOUT ON THERE IS USING DREAMWEAVER?
21
>> YES!
22 >> OKAY MR. OVERCAFFEINATED.

23 >> I HAVE NO. 3 BUT I'M --
>> DUDE, YOU NEED TO GET 4.
24 SO AS AN INCENTIVE ITEM, I'M GOING TO GIVE YOU THE
BOOK ONULT OR RADEF.
25 BECAUSE DYNAMIC CONTENT, THAT'S WHY DATA DRIVEN BASED
CONTENT, ALL THOSE DATA BASES OUT THERE YOU CAN USE

1 ULTRADEV.
NOW, IF I'M GOING TO GIVE OUR MAC FILES OUT HERE ARE
2 USING DATA PRO, YOU WANT TO USE INTERFACE
DEVELOPMENT, AND I HEAR MAYBE WE'RE WORKING WITH SOME
3 FOLKS AT APPLE TO DO SOME MACRO PRO DATA BASE STUFF?
Q. I HAVE A QUESTION ABOUT NESTED TABLES AND
4 LINEARIZATION.
I'VE NOTICED WHEN I TAB THROUGH ON A NESTED TABLE, IT
5 GOES PAST NESTED TABLE ONTO THE NEXT SEMTO THE MAIN
TABLE.
6 IS THERE ANY WAY I CAN CODE IT TO TELL IT HOW TO TAB
THROUGH A TABLE, OR DO I HAVE TO JUST TRY ASK KEEP MY
7 TABLES AS FLAT AS POSSIBLE?

8 >> THE QUESTION WAS HE'S NOTICED THAT WHEN HE'S
INSIDE -- WE WON'T SAY ANY PARTICULAR -- ANY
9 PARTICULAR BROWSEER?

10 >> YEAH.

11 >> WE'RE ASSUMING NETSCAPE, WHEN HE'S SCROLLING
THROUGH THE TABLE HE'S NOT GETTING A PROPER
12 LINEARIZATION.
I'M SORRY.
13 NESTED TABLES
>> WHEN YOU'RE USING NESTED TABLES, YOUR TAB ORDER
14 GETS ALL MESSED UP.
THERE IS A WAY TO DO IT AND THE BAD NEWS IS IT'S NOT
15 QUICK.
YOU CAN SET THE TAB ORDER BY USING THE TAB INTEXT
16 ATTRIBUTE TO MOVE BETWEEN DIFFERENT PARTS OF YOUR
PAGE SO YOU CAN FORCE A SPECIFIC ORDER.
17 THE BAD NEWS IS ONCE YOU START THAT PROCESS YOU
PRETTY MUCH HAVE TO FINISH IT.
18 AND IT'S TIME CONSUMING AND IT'S NOT FUN.
I WOULD ALSO JUST QUICKLY NOTE ABOUT NESTED TABLES.
19 UNDER 508, NESTED TABLES ARE JUST FINE.
YOU CAN USE THEM.
20 THE CAVEAT THERE IS YOU NEED TO MAKE SURE THAT YOUR
PAGES ARE GOING TO MAKE SENSE WHEN YOU'RE READ BY A
21 SCREEN READER AND A NESTED TABLE CAN DISRUPT THE FLOW
AND IT CAN CHANGE WHAT WE WOULD EXPECT TO BE THE
22 NATURAL LINEARIZATION OF THE PAGE, IT CAN CHANGE
THAT.
23 SO YOU DO WANT TO PAY ATTENTION TO THAT AND THAT'S I
THINK AS MUCH AS I WANT TO SAY ABOUT IT
24 >> I HAVE ANOTHER THING I WANT TO GIVE AWAY HERE.
IT'S ADVANCED FLASH.
25 I LOVE THESE THINGS.
BUT I CAN'T JUST GIVE IT AWAY, YOU KNOW, JUST THROW

1 IT IN THE CROWD, BECAUSE THE LAWYERS DON'T LET US DO
THAT ANYMORE.
2 I'LL ASK YOU A QUICK QUESTION.
YOU USE AN EXTENSION, ACCESSIBILITY 508, I TOLD YOU
3 EARLIER HOW MANY FOLKS AS OF LAST NIGHTS HAD
DOWNLOADED IT, DO YOU REMEMBER THAT?
4
>> 33,000
5 >> OKAY, THAT'S GOOD SIR, BUT GENERALLY DO THAT
SIMON SAYS SCHOOL THING WHERE YOU HOLD YOUR HAND UP.
6 BUT THAT LADY OVER HERE HAD HER HAND UP.
YOU REMEMBER HOW MANY I SAID?
7 33,000?
A LITTLE HIGHER.
8 HELP HER.
HELLER.
9 SAY IT LOUDER.
33,300.
10 HERE, YOU WANT THE BOOK?
ALL RIGHT.
11 33,300 FOLKS.
ALMOST 200 FOLKS A DAY ARE DOWNLOADING THE USABLENET
12 EXTENSION ACCESSIBILITY 508 WHICH IS GREAT BECAUSE,
FOLKS, IT REALLY DOES HELP YOU SO MUCH IN GETTING
13 YOUR SITE TO BE MORE COMPLIANT AND HOPEFULLY ONE DAY
--
14 >> HOPE DMRE ONE DAY ACCESSIBILITY IS GOING TO BE A
NON-ISSUE AND IT WON'T BE DISTINCT FROM ANY OTHER
15 TYPE OF DESIGN THAT WE TALK ABOUT.
IT WILL SIMPLY BE DESIGN.
16 AND THAT'S REALLY THE GOAL HERE EVENTUALLY IS YOU
JUST MOVE INTO A WORLD WHERE WE DON'T HAVE TO THINK
17 ABOUT THESE THINGS.

18 >> YOU HAVE A QUESTION MISS?
Q. YES, TWO.
19 THE FIRST ONE IS WHERE DO YOU GET ACTION SCRIPTS FOR
FLASH?
20 DOES THAT COME IN THE KIT?

21 >> ACTION SCRIPTS ARE THE PROGRAMMING LANGUAGE, THE
SCRIPTING LANGUAGE I SHOULD SAY, FOR FLASH 5.
22 ACTION SCRIPTS ARE -- YEAH.
IT'S JUST PART OF THE FLASH PRODUCT.
23 IT'S A WAY OF USING A PROGRAM OR SCRIPTING LANGUAGE
TO DO THINGS YOU CAN'T OTHERWISE DO JUST BY DRAGGING
24 AND DROPPING ELEMENTS.
THAT VISUAL QUICK PRO GUIDE THAT I JUST HANDED TO
25 THAT YOUNG LADY, MAYBE YOU CAN SHARE WITH HER OR LOOK
AT IT, BUT THEY ZOO A CHEETAH OR RABBIT IN THE UPPER

1 CORNER.
THEY'RE GREAT BOOKS TO GET YOU STARTED.
2 AS WELL AS GOING TO MACROMEDIA.COM, YOU CAN GO TO
PRODUCTS PAGE, GO TO FLASH AND GET MORE INFORMATION
3 AND THE JUMP START KIT HAS SOME AS WELL.
Q. SECOND ONE IS YOU MENTIONED THAT LAYERS,
4 YOU CAN'T BE TOO MANY LAYERS BEFORE THE SCREEN HAS A
PROBLEM WITH IT.
5
>> NOT SO MUCH THE SCREEN READER AS IT IS NETSCAPE
6 THAT'S GOING TO CHOKE ON THE LAYERS.
SO HOW MANY LAYERS DOES IT TAKE TO GET TO THE SENTER
7 OF A THAT'SY ROLL POP?
TEST IT OUT WITH NETSCAPE.
8 I WOULD SAY 10 IS TOO MANY.

9 >> DON'T TRY TO BE OVERLY HELPFUL WITH FOLKS THAT
ARE COMING IN TO YOUR SITE.
10
>> I THINK WE PROBABLY NEED TO LET THE AV PEOPLE00
11 >> YEAH.
OUR AV FOLKS NEED TO G. BOB AND I ARE HERE TO TAKE
12 MORE QUESTIONS.
FILL OUT YOUR EVALUATION SHEET SO YOU CAN GET YOUR
13 ACCESSIBILITY STARTER KIT OUT AT THE REGISTRATION
TABLE AND THANK YOU FOR COMING.
14 IF YOU HAVE QUESTIONS, COME ON UP HERE, JUST STAFF
THE PODIUM, INSURANCE AND STUFF.
15 THANK YOU.