Convert MS Word Documents into Multiple File Formats: PDF and HTML (8 of 8 videos)

Be able to save MS Word documents as PDF and HTML to help ensure that learners can view your electronic documents with their respective technologies.

When viewing closed-captioning, you may press 'B' on your keyboard to change the contrast settings.

Tutorial created by Cheryl Kautz.

---

Closed Caption:

>> I HAVE APPLIED ALL
OF THE BEST PRACTICES
TO MY SYLLABUS
WORD DOCUMENT
DEMONSTRATED IN THE
PREVIOUS VIDEOS.
I HAVE CREATED WELL-STRUCTURED
CONTENT WITH HEADINGS,
DESCRIPTIVE TEXT FOR
HYPERLINKS THAT WILL OPEN
OUTSIDE OF THE
BLACKBOARD FRAME
SHOULD THE DOCUMENT BE CONVERTED
TO OTHER FILE FORMATS,
THE IMAGE CONTAINS
ALT TEXT,
AND THE TABLE IS SIMPLE AND
CONTAINS A TEXT EXPLANATION,
ALONG WITH IDENTIFICATION
OF THE HEADER ROW.
MY LAST STEP IS TO CONVERT
THE SYLLABUS DOCUMENT
TO MULTIPLE
FILE FORMATS.
MULTIPLE FILE FORMATS HELP
ENSURE THAT THE STUDENTS
WILL BE ABLE TO OPEN
YOUR COURSE CONTENT
WITH THEIR RESPECTIVE
TECHNOLOGIES.
BY DEFAULT, WORD DOCUMENTS ARE
SAVED IN A PROPRIETARY FORMAT.
FORTUNATELY, IT'S EASY
TO SAVE WORD DOCUMENTS
IN ALTERNATE FORMATS
SUCH AS PDF, ADOBE'S
PORTABLE DOCUMENT FORMAT,
HTML, HYPERTEXT MARKUP LANGUAGE,
AND RTF, RICH TEXT FORMAT.
I'LL DEMONSTRATE HOW TO CONVERT
A WORD DOCUMENT TO PDF AND HTML
FOR THIS DEMONSTRATION.
PDF IS WIDELY USED ON THE
WEB FOR COURSE CONTENT.
IT IS A GOOD FORMAT TO
CONSIDER FOR COURSE CONTENT,
AS THE SOFTWARE
TO VIEW IT
IS ALREADY INSTALLED
ON MOST SYSTEMS.
HTML IS THE MOST ACCESSIBLE
TYPE OF CONTENT,
AS IT DOES NOT REQUIRE
ADDITIONAL SOFTWARE TO VIEW
AND WORKS WELL WITH
SCREEN READERS.
AFTER WATCHING
THIS VIDEO,
YOU SHOULD BE ABLE TO SAVE YOUR
WORD DOCUMENTS AS PDF AND HTML.
TO DEMONSTRATE HOW TO CREATE
MULTIPLE FILE FORMATS,
I'LL USE THE SYLLABUS WORD
TEMPLATE THAT I DOWNLOADED
FROM THE GRCC WEBSITE
AT GRCC.EDU/SYLLABUS.
I ALREADY COMPLETED
CUSTOMIZATION OF THE SYLLABUS
FOR MY COURSE SECTION.
I'LL FIRST CONVERT THE SYLLABUS
TO PDF FORMAT, AND THEN HTML.
WHEN YOU CREATE A PDF
FROM YOUR WORD DOCUMENT,
BE SURE TO SAVE IT
AS A TAGGED PDF,
SO THAT ALL THE WORK
THAT YOU DID IN WORD
TO MAKE IT ACCESSIBLE WILL BE
EXPORTED TO THE PDF FILE, TOO.
I'M USING WORD 2013, BUT THE
PROCESS IS SIMILAR TO WORD 2010.
CREATING TAGGED ACCESSIBLE
PDFs CAN ONLY BE DONE
USING MICROSOFT WORD
ON A P.C., NOT MAC.
MAC USERS WILL
NEED TO PURCHASE
THE FULL VERSION
OF ADOBE ACROBAT
TO COMPLETE THE PROCESS
I'M ABOUT TO DEMONSTRATE.
TO GET STARTED WITH CONVERTING
THIS WORD DOCUMENT TO PDF,
I'LL CLICK THE "FILE" TAB
LOCATED ON THE UPPER LEFT
OF THE SCREEN TO
OPEN BACKSTAGE VIEW.
NEXT, CLICK "SAVE AS" LOCATED
ON THE LEFT SIDE IN THE CENTER.
I'LL CHOOSE WHERE I WANT TO
SAVE IT, I'LL CLICK "DESKTOP"
SO THAT IT'S EASY
TO FIND LATER.
AFTER YOU CHOOSE WHERE
I WANT TO SAVE THE FILE,
THE "SAVE AS"
DIALOG BOX OPENS.
FROM THE "SAVE AS"
TYPE DROP-DOWN MENU
LOCATED TOWARDS THE BOTTOM OF
THE SCREEN, I'LL CHOOSE "PDF."
NEXT, I'LL CLICK
THE "OPTIONS" BUTTON
LOCATED IN THE BOTTOM CENTER
OF THE "SAVE AS" DIALOG BOX.
THERE ARE TWO OPTIONS THAT YOU
WANT ON IN THIS DIALOG BOX.
THE FIRST ONE IS
"CREATE BOOKMARKS USING,"
AND BE SURE "HEADINGS"
IS SELECTED.
THE SECOND IS "DOCUMENT
STRUCTURE TAGS
FOR ACCESSIBILITY."
AFTER THE TWO
OPTIONS ARE ON,
CLICK "OKAY" TO CLOSE
THE OPTIONS DIALOG BOX.
FINALLY, I'LL
CLICK "SAVE,"
AND THAT CLOSES THE
"SAVE AS" DIALOG BOX.
AFTER I HAVE SAVED
THE WORD DOCUMENT AS PDF,
I HAVE IT SET UP SO THAT I CAN
IMMEDIATELY SEE THE PDF DOCUMENT
IN ADOBE READER, THE SOFTWARE
THAT IS USED TO VIEW PDFs.
EVERYTHING LOOKS GOOD, THEREFORE
I WILL CLOSE THE READER.
THE PDF FILE IS NOW
SITTING ON MY DESKTOP,
READY FOR ME TO INCLUDE
INTO MY BLACKBOARD COURSE.
I'LL COME BACK
TO THAT LATER.
I'M BACK TO MY SYLLABUS
IN MICROSOFT WORD.
I HAVE CONVERTED
MY WORD DOCUMENT
TO ONE FILE FORMAT, PDF.
NOW, I'LL LOOK AT A
SECOND FORMAT, HTML.
AS I MENTIONED EARLIER, HTML,
HYPERTEXT MARKUP LANGUAGE,
IS THE MOST ACCESSIBLE
TYPE OF CONTENT,
AS IT DOES NOT REQUIRE
ADDITIONAL SOFTWARE TO VIEW,
AND WORKS WELL WITH
SCREEN READERS.
CREATING AN HTML FILE
IN BLACKBOARD IS DONE
BY COPYING THE ENTIRE WORD
SYLLABUS TO THE CLIPBOARD,
AND THEN PASTING IT INTO A
CONTENT AREA IN BLACKBOARD.
BEFORE I CREATE THE HTML
VERSION OF THIS WORD DOCUMENT,
THERE IS ONE IMPORTANT
REVISION THAT IS NECESSARY.
WHEN I FIRST CREATED
THE DOCUMENT,
I USED THE STYLES
IN THE "STYLES" GROUP
ON THE "HOME" RIBBON
AND TO CREATE HEADINGS
THAT ARE WELL-STRUCTURED,
EASY TO UNDERSTAND
FOR ALL LEARNERS,
INCLUDING THOSE USING
A SCREEN READER.
IN THE PREVIOUS VIDEOS, I
DEMONSTRATED HOW TO SET UP
AND REVISE THE HEADINGS
FOR YOUR DOCUMENT.
PLEASE REFER TO
THE VIDEO TITLED
"CREATE WELL-STRUCTURED
MICROSOFT WORD DOCUMENTS
"WITH HEADINGS,
PARTS ONE AND TWO"
FOR A REVIEW ON
HOW TO DO THIS,
AS I WILL NOT
DEMONSTRATE THE PROCESS
IN GREAT DETAIL HERE.
I APPLIED THE "HEADING 1" STYLE
TO THIS TITLE OF MY SYLLABUS.
MY INSERTION POINT IS
CURRENTLY IN THE TITLE
AND NOTICE THE "HEADING 1"
STYLE IN THE "STYLES" GROUP
ON THE "HOME" TAB.
FOR "GENERAL INFORMATION,"
I USE THE "HEADING 2" STYLE.
FOR "INSTRUCTOR NAME,"
THE NEXT LEVEL DOWN,
I USED "HEADING 3"
AND SO ON.
THIS IS CORRECT AND HOW
YOU WANT THE STRUCTURE
SET UP FOR WORD DOCUMENTS
AND PDFs THAT OPEN
OUTSIDE OF THE
BLACKBOARD FRAME.
WHEN I CREATE THE HTML
VERSION OF THIS DOCUMENT,
IT WILL OPEN INSIDE
THE BLACKBOARD FRAME.
BECAUSE THE HTML VERSION
OF THE SYLLABUS WILL OPEN
INSIDE THE BLACKBOARD FRAME,
I NEED TO REVISE THE
HEADINGS 1, 2, AND 3
SO THAT THEY DO NOT CONFLICT
WITH WHAT BLACKBOARD
IS USING FOR THE COURSE
MANAGEMENT SYSTEM.
I SWITCHED TO A BROWSER AND
I'M LOOKING AT ONE OF MY COURSES
IN BLACKBOARD.
I'M VIEWING THE SYLLABUS
ALREADY CONVERTED TO HTML.
I'LL SHOW YOU HOW
I DID THAT SHORTLY.
THIS HTML SYLLABUS IS INSIDE
OF THE BLACKBOARD FRAME.
THE FRAME IS THE BLUE
AREA ON THE LEFT
AND AT THE TOP
OF THE SCREEN.
THE WHITE AREA IS A
CONTENT AREA IN BLACKBOARD
WHERE I HAVE MY
HTML SYLLABUS.
ALSO, NOTICE THAT I DID NOT
NEED TO OPEN THE SYLLABUS
IN ANY SPECIAL SOFTWARE.
IT IS CONVENIENTLY AND
IMMEDIATELY AVAILABLE
ON THE SCREEN
FOR THE LEARNER.
IN THE PREVIOUS VIDEO ABOUT
WORD'S ACCESSIBILITY CHECKER,
I MENTIONED A FEW FREE
ACCESSIBILITY TOOLS
THAT ARE AVAILABLE FOR
DOWNLOAD ON THE WEB.
I POINTED OUT THE W.A.V.E.
TOOLBAR THAT I HAD DOWNLOADED,
INSTALLED, AND USED WITH
THE FIREFOX BROWSER.
THE W.A.V.E. TOOLBAR IS
AT THE TOP OF MY SCREEN.
ONE OF THE FEATURES
OF THE W.A.V.E. TOOLBAR
IS THAT IT ALLOWS ME TO SEE HOW
EVERYTHING THAT IS VIEWABLE
IN THE BROWSER WINDOW
IS STRUCTURED.
I'LL USE THE W.A.V.E.
ACCESSIBILITY TOOLBAR NOW
TO SEE THE STRUCTURE OF THE
CONTENTS IN THIS WINDOW.
YOU DO NOT NEED TO
USE THIS TOOLBAR.
I'M ONLY DOING SO NOW
TO HELP YOU UNDERSTAND
HOW BLACKBOARD
STRUCTURE WORKS
IN RELATION TO THE
STRUCTURE YOU ADD
FOR FACULTY
COURSE CONTENT.
FROM THE TOP LEFT OF MY SCREEN,
I'LL CLICK "W.A.V.E.,"
AND THEN "STRUCTURE ORDER."
THERE ARE QUITE A FEW TAGS HERE
TO SHOW SOME OF THE STRUCTURE
FOR THE ELEMENTS IN
THE BLACKBOARD FRAME,
AND THE SYLLABUS THAT I
CREATED IN THE CONTENT AREA.
PAY ATTENTION TO THE H1, H2,
AND H3 TAGS I CIRCLED
IN RED AND GREEN.
THESE TAGS REPRESENT THE
"HEADING 1," "HEADING 2,"
AND "HEADING 3," THE
STRUCTURE OF THE ELEMENTS
IN THE BROWSER WINDOW.
THE HEADINGS CIRCLED IN
RED ARE THE HEADINGS
THE BLACKBOARD COURSE
MANAGEMENT SYSTEM IS USING.
YOU CAN SEE BLACKBOARD USED
"HEADING 1" FOR THE SYLLABUS,
"HEADING 3" FOR THE
LOWER-LEVEL SYLLABUS,
AND THERE'S ANOTHER
"HEADING 3" ON THE LEFT
FOR THE NAME
OF THE COURSE.
YOU CAN'T SEE ALL THE HEADINGS
HERE THAT BLACKBOARD IS USING,
BUT THIS SHOULD GIVE YOU
AN IDEA OF THE STRUCTURE
FOR THE BLACKBOARD COURSE
MANAGEMENT SYSTEM.
UNFORTUNATELY, I'M USING THE
SAME STRUCTURE FOR MY SYLLABUS.
CIRCLED IN GREEN
IS THE "HEADING 1"
FOR THE TITLE
OF MY SYLLABUS,
"HEADING 2" FOR THE NEXT LEVEL
DOWN, "GENERAL INFORMATION,"
AND "HEADING 3" FOR
ANOTHER LEVEL DOWN,
"INSTRUCTOR NAME,"
ETCETERA.
WHEN THE SYLLABUS
IS VIEWED AS HTML
INSIDE OF THE
BLACKBOARD FRAME,
THE HEADINGS 1, 2,
AND 3 I USED
CONFLICT WITH THE
HEADINGS 1, 2, AND 3
ALREADY USED BY BLACKBOARD'S
COURSE MANAGEMENT SYSTEM.
REMEMBER, SCREEN READERS
USE HEADINGS
AS A MEANS OF
NAVIGATION.
HAVING TWO SETS OF THE SAME
HEADINGS CAN BECOME CONFUSING
TO A LEARNER USING
A SCREEN READER.
I NEED TO REVISE MY
HEADINGS TO LOWER LEVELS.
I WILL USE HEADINGS
4, 5, AND 6.
THIS WAY, THE HEADINGS WILL
DRILL DOWN FROM THE TOP LEVEL
THAT BLACKBOARD
IS USING
TO THE LOWER-LEVEL HEADINGS
I'LL USE FOR MY COURSE CONTENT.
TO SUMMARIZE SO FAR, IT IS ONLY
THE FACULTY COURSE CONTENT
THAT IS WITHIN THE BLACKBOARD
FRAME THAT THE HEADING STRUCTURE
MAY CONFLICT.
IF THIS SYLLABUS IS IN
ANOTHER FILE FORMAT
AND VIEWED OUTSIDE OF
THE BLACKBOARD FRAME,
THERE IS NO HEADING
STRUCTURE CONFLICT.
BLACKBOARD USES
HEADINGS 1, 2, AND 3
FOR THE COURSE
MANAGEMENT SYSTEM.
THEREFORE, ANY COURSE CONTENT
I CREATE THAT IS VIEWED
WITHIN THE BLACKBOARD
FRAME AS YOU SEE HERE,
THAT CONTENT NEEDS TO USE
LOWER-LEVEL HEADINGS--
HEADINGS 4, 5, AND 6.
WHAT I'LL DO NEXT IS REVISE THE
HEADING STRUCTURE OF MY SYLLABUS
TO FIT WITHIN THE STRUCTURE
OF THE HEADINGS ALREADY USED
BY BLACKBOARD.
I SWITCH BACK TO
THE WORD SYLLABUS.
I'LL CHANGE THE
HEADINGS 1, 2, AND 3
TO HEADINGS 4, 5, AND 6.
I HAVE HEADINGS 4,
5, AND 6 VIEWABLE
IN THE "STYLES" GROUP
ON THE "HOME" TAB.
IF YOU CANNOT SEE THESE HEADINGS
IN YOUR MICROSOFT WORD,
YOU'LL NEED TO
TURN THEM ON.
TO TURN ON
ADDITIONAL HEADINGS,
CLICK THE DIALOG BOX LAUNCHER
LOCATED ON THE LOWER RIGHT
OF THE "STYLES" GROUP
ON THE "HOME" RIBBON.
THIS OPENS THE
STYLES TASK PANE.
IN THE PREVIOUS
VIDEO TUTORIAL TITLED
"CREATING WELL-STRUCTURED
MICROSOFT WORD DOCUMENTS,
PART TWO"
I DEMONSTRATED HOW TO USE
THE TASK PANE IN DETAIL.
AT THE BOTTOM OF
THE TASK PANE,
CLICK THE THIRD BUTTON FROM
THE LEFT FOR "MANAGE STYLES."
THIS OPENS THE MANAGE
STYLES DIALOG BOX.
NEXT, BE SURE YOU'RE
ON THE "RECOMMEND" TAB.
FOR EACH HEADING THAT YOU WANT
TO APPEAR IN THE "STYLES" GROUP
ON THE "HOME" RIBBON, CLICK
THE HEADING TO SELECT IT,
AND THEN CLICK
THE "SHOW" BUTTON.
I ALREADY HAVE ALL OF
MY HEADINGS AVAILABLE
IN THE "STYLES" GROUP AND
DO NOT NEED TO TURN THEM ON.
I'LL NEED TO CHANGE THE
HEADINGS 1, 2, AND 3
TO 4, 5, AND 6,
RESPECTIVELY.
I'LL START WITH THE TITLE
AT THE TOP OF MY DOCUMENT.
I'LL CLICK ONCE
TO SELECT IT.
THE TITLE IS CURRENTLY
A "HEADING 1."
I WANT TO CHANGE IT
TO A "HEADING 4."
SO IN THE "STYLES" GROUP
ON THE "HOME" RIBBON,
I'LL POSITION MY MOUSE POINTER
OVER "HEADING 4," RIGHT-CLICK,
AND THEN CHOOSE "UPDATE
HEADING 4 TO MATCH SELECTION."
NOTICE THE NAVIGATION
PANE ON THE LEFT.
THE TITLE OF MY
SYLLABUS INDENTED
TO INDICATE IT IS NOW A
LOWER-LEVEL HEADING--
"HEADING 4,"
IN THIS CASE.
SO FAR, I CHANGED THE
"HEADING 1" OF MY DOCUMENT
TO "HEADING 4."
NEXT, I'LL CHANGE ALL THE
"HEADING 2"s IN MY DOCUMENT
TO "HEADING 5"s.
I'LL SELECT
"GENERAL INFORMATION,"
WHICH IS A
"HEADING 2."
NEXT, I'LL RIGHT-CLICK
"HEADING 5"
IN THE "STYLES" GROUP
ON THE "HOME" RIBBON,
AND THEN CHOOSE "UPDATE
HEADING 5 TO MATCH SELECTION."
I'LL REPEAT THIS PROCESS FOR ALL
"HEADING 2"s IN MY DOCUMENTS.
THE NEXT "HEADING 2"
IS "SECTION POLICIES."
CLICK IT ONCE TO SELECT IT,
RIGHT-CLICK "HEADING 5,"
"UPDATE HEADING 5 TO
MATCH SELECTION."
NEXT IS "COLLEGE POLICIES."
CLICK IT ONCE TO SELECT IT,
RIGHT-CLICK "HEADING 5"
IN THE "STYLES" GROUP
ON THE "HOME" RIBBON,
AND AGAIN, CHOOSE "UPDATE
HEADING 5 TO MATCH SELECTION."
NEXT IS "LEARNING
RESOURCES"--
I ADDED THIS TO MY
SYLLABUS EARLIER.
CLICK IT ONCE TO SELECT IT,
RIGHT-CLICK "HEADING 5,"
"UPDATE HEADING 5 TO
MATCH SELECTION."
AND FINALLY,
"CHANGES TO THE SYLLABUS."
CLICK IT ONCE TO SELECT IT,
RIGHT-CLICK "HEADING 5,"
"UPDATE HEADING 5
TO MATCH SELECTION."
THE TITLE OF MY SYLLABUS
HAS A "HEADING 4."
THE NEXT LEVEL DOWN
IS "HEADING 5."
THE NAVIGATION PANE
REFLECTS THESE CHANGES
WITH HOW THE OUTLINE
IS NOW INDENTED.
FINALLY, I NEED TO CHANGE
ALL OF THE "HEADING 3"s
TO A "HEADING 6."
I'LL START WITH THE
"INSTRUCTOR NAME"
AT THE TOP
OF THE SYLLABUS.
I'LL CLICK IT ONCE TO SELECT IT,
RIGHT-CLICK "HEADING 6"
IN THE "STYLES" GROUP
ON THE "HOME" RIBBON,
AND CHOOSE "UPDATE HEADING 6
TO MATCH SELECTION."
NEXT, IS
"CONTACT INFORMATION."
I'LL CLICK IT ONCE TO SELECT IT,
RIGHT-CLICK "HEADING 6,"
"UPDATE HEADING 6 TO
MATCH SELECTION."
"COURSE INFORMATION"--
CURRENTLY A "HEADING 3"--
RIGHT-CLICK "HEADING 6,"
"UPDATE HEADING 6 TO
MATCH SELECTION."
I PAUSED THE VIDEO AND THEN
REVISED THE REST OF THE HEADINGS
TO SAVE TIME.
AT THIS POINT, IT
MAY BE A GOOD IDEA
TO SAVE THE REVISED SYLLABUS
WITH A NEW NAME.
I DO NOT WANT TO
OVERWRITE MY ORIGINAL,
AS I MAY WANT TO USE IT IN
THE FUTURE FOR OTHER PURPOSES,
SO I'LL CLICK "FILE,"
"SAVE AS,"
SAVE IT TO MY
DESKTOP FOR NOW,
AND I'LL JUST CALL IT
"SYLLABUS 456."
IN THE PAST, I HAVE USED WORD'S
WEBPAGE FILTERED OPTION
TO CREATE THE HTML,
AS IT HELPED TO CLEAN
UP THE HTML MARKUP
AND TRANSFERRED BETTER INTO A
CONTENT AREA IN BLACKBOARD.
SOME OF YOU MAY BE
FAMILIAR WITH THIS METHOD.
"FILE," "SAVE AS," AND THEN
FROM THE DROP-DOWN MENU,
"WEBPAGE, FILTERED."
HOWEVER, ACCORDING TO
BLACKBOARD'S DESIGN STRATEGIST,
WITH BLACKBOARD'S
SERVICE PACK 12,
WHICH IS THE MOST RECENT
VERSION OF BLACKBOARD AT GRCC
AS OF FALL 2013, I NO
LONGER NEED TO DO THIS.
INSTEAD, ALL I NEED TO DO
IS A SIMPLE COPY AND PASTE--
COPY THE SYLLABUS FROM WORD AND
PASTE IT INTO A CONTENT AREA
IN BLACKBOARD TO
CREATE THE HTML.
THE NEXT FEW STEPS ARE
THE CONVERSION PROCESS
FROM WORD TO HTML
USING COPY AND PASTE.
FIRST, I'LL SELECT
EVERYTHING IN THE SYLLABUS.
AN EASY WAY TO SELECT
EVERYTHING IS CONTROL-A,
OR COMMAND-A
ON THE MAC.
NEXT, TO COPY IT
TO THE CLIPBOARD,
I'LL USE ANOTHER KEYBOARD
SHORTCUT-- CONTROL-C,
OR COMMAND-C
ON THE MAC.
NOW THAT I HAVE MY SYLLABUS
COPIED TO THE CLIPBOARD,
I'VE SWITCHED TO MY
BLACKBOARD COURSE.
I CLICKED "COURSE INFORMATION"
FROM THE MAIN NAVIGATION
ON THE LEFT.
I ALREADY CREATED A CONTENT
FOLDER FOR MY SYLLABUS,
AS SEEN NEAR THE TOP.
TO CREATE THIS CONTENT FOLDER,
I CLICKED "BUILD CONTENT,"
AND THEN "CONTENT FOLDER,"
AND THAT'S WHAT YOU'RE
LOOKING AT RIGHT HERE.
THIS IS WHERE I WANT TO
PASTE MY WORD DOCUMENT
SO THAT IT BECOMES
AN HTML VERSION.
I'LL ADD AN ITEM INSIDE
MY CONTENT FOLDER
SO THAT I CAN PASTE MY SYLLABUS
INTO A VISUAL TEXT BOX EDITOR.
TO DO THAT, I'LL CLICK
"BUILD CONTENT,"
AND THEN "ITEM."
FOR THE NAME,
I'LL TYPE "SYLLABUS."
NEXT, I'LL CLICK TO
POSITION MY INSERTION POINT
IN THE VISUAL
TEXT BOX EDITOR.
NOW, I'LL PASTE MY SYLLABUS
INTO THIS TEXT BOX.
I'LL USE THE KEYBOARD
SHORTCUT CONTROL-V,
OR COMMAND-V
ON THE MAC.
NOW THAT I HAVE PASTED MY
SYLLABUS INTO THE TEXT BOX,
I'LL GO AHEAD
AND CLICK "SUBMIT."
I'LL AGAIN USE THE W.A.V.E.
ACCESSIBILITY TOOLBAR
TO SEE THE STRUCTURE OF ALL THE
ELEMENTS IN THE BROWSER WINDOW.
AGAIN, IT IS NOT NECESSARY
FOR YOU TO DO THIS STEP.
I'M ONLY DOING THIS NOW
TO HELP YOU UNDERSTAND
HOW BLACKBOARD'S COURSE
MANAGEMENT SYSTEM STRUCTURE
FITS WITH THE FACULTY COURSE
CONTENT THAT YOU CREATE.
FROM THE TOP LEFT OF MY SCREEN,
I'LL CLICK "W.A.V.E.,"
AND THEN AGAIN, I'LL CLICK
"STRUCTURE ORDER."
THE HEADINGS CIRCLED
IN RED ARE THE HEADINGS
THE BLACKBOARD COURSE
MANAGEMENT SYSTEM IS USING.
YOU CAN SEE BLACKBOARD USE
"HEADING 1" FOR THE SYLLABUS,
"HEADING 3" FOR THE
LOWER-LEVEL SYLLABUS,
AND THERE IS ANOTHER
"HEADING 3" ON THE LEFT
FOR THE NAME
OF THE COURSE.
YOU CAN'T SEE ALL OF
THE HEADINGS HERE
THAT BLACKBOARD
IS USING,
BUT THIS SHOULD GIVE YOU
AN IDEA OF THE STRUCTURE
FOR THE BLACKBOARD COURSE
MANAGEMENT SYSTEM.
NEXT, LOOK AT THE HEADINGS FOR
THE COURSE CONTENT I CREATED
CIRCLED IN GREEN.
THE SYLLABUS TITLE
HAS A "HEADING 4,"
THE NEXT LEVEL DOWN FOR "GENERAL
INFORMATION" IS A "HEADING 5,"
ANOTHER LEVEL DOWN
FOR "INSTRUCTOR NAME"
IS A "HEADING 6."
THE HEADING STRUCTURE FOR
THE FACULTY COURSE CONTENT
NO LONGER CONFLICTS WITH
THE HEADING STRUCTURE
USED BY THE BLACKBOARD
COURSE MANAGEMENT SYSTEM.
THIS STRUCTURE WILL MAKE MUCH
MORE SENSE FOR A LEARNER
USING A SCREEN READER.
I TURNED OFF THE W.A.V.E.
ACCESSIBILITY TOOLBAR.
WE NOW HAVE THE SYLLABUS
AVAILABLE FOR STUDENTS AS HTML,
THE MOST ACCESSIBLE
TYPE OF CONTENT
AS IT DOES NOT REQUIRE
ADDITIONAL SOFTWARE TO VIEW
AND WORKS WELL
WITH SCREEN READERS.
I STILL HAVE ONE MORE STEP
TO COMPLETE THIS SYLLABUS.
WHEN I SCROLL DOWN TO THE
"REQUIRED MATERIALS" SECTION,
I NOTICE THE IMAGE
OF MY TEXTBOOK
WITH A LINK TO
CENGAGE IS MISSING.
IMAGES DO NOT COPY
AND PASTE WITH THE TEXT
IN THE WORD DOCUMENT.
I'LL GO INTO "EDIT"
MODE FROM MY SYLLABUS
SO THAT I CAN AGAIN INSERT
THE IMAGE OF THE TEXTBOOK.
SO I'LL CLICK "SYLLABUS,"
AND THEN "EDIT."
NEXT, I'LL SCROLL DOWN TO THE
"REQUIRED MATERIALS" SECTION...
AND PLACE MY INSERTION
POINT AFTER THE PARAGRAPH.
ON THE LOWER LEFT OF THE
TEXT BOX EDITOR TOOLBAR,
I'LL CLICK THE
"INSERT/EDIT IMAGE" BUTTON.
IF YOU DON'T
SEE THIS BUTTON,
LOOK TO THE RIGHT OF
THE TEXT BOX EDITOR.
YOU'LL NEED TO USE THE
"SHOW LESS/SHOW MORE" BUTTON.
CLICK THE "INSERT/EDIT IMAGE"
BUTTON.
THIS OPENS THE
"INSERT/EDIT IMAGE" DIALOG BOX,
AND THEN I'LL CLICK THE
"BROWSE MY COMPUTER" BUTTON.
I'LL LOCATE MY TEXTBOOK IMAGE,
CLICK IT ONCE TO SELECT IT,
AND THEN CLICK "OPEN."
I NEED TO AGAIN
ADD THE ALT TEXT.
TO ADD THE ALT TEXT,
I'LL CLICK IN THE IMAGE
DESCRIPTION TEXT BOX.
THE IMAGE DESCRIPTION
IS ALT TEXT.
I ALREADY COPIED THE
ALT TEXT TO THE CLIPBOARD,
AND I'LL GO AHEAD AND PASTE
IT HERE WITH CONTROL-V,
OR COMMAND-V
ON THE MAC.
THE TITLE IS OPTIONAL AND
WILL PROVIDE A SCREEN TIP
IF YOU USE IT.
NEXT, I'LL CLICK "INSERT"
TO CLOSE THE DIALOG BOX.
I WOULD LIKE TO AGAIN INCLUDE
THE LINK TO THE CENGAGE WEBSITE
FOR THE STUDENTS TO FIND
ADDITIONAL INFORMATION
ABOUT THE BOOK
AND RESOURCES.
WITH THE IMAGE OF
THE BOOK SELECTED,
I'LL CLICK THE
"INSERT/EDIT LINK" BUTTON.
IN THE LINK PATH TEXT BOX,
I WILL ADD THE U.R.L.--
THAT IS, THE
WEBSITE ADDRESS--
THAT I ALREADY COPIED
TO THE CLIPBOARD
AND I WILL JUST PASTE IT
IN HERE NOW WITH CONTROL-V,
OR COMMAND-V
ON THE MAC.
TO PREVENT THE CENGAGE
SITE FROM OPENING
INSIDE THE BLACKBOARD FRAME,
I'LL CHOOSE
"OPEN NEW WINDOW (_BLANK)."
IN THE PREVIOUS VIDEO
TITLED "CREATE TEXT
"AND IMAGE HYPERLINKS
USING MICROSOFT WORD,"
I EXPLAINED THE USABILITY
ISSUES THAT CAN OCCUR
WHEN CONTENT IS OPENED INSIDE
OF THE BLACKBOARD FRAME,
INCLUDING REDUCED SPACE
TO VIEW THE CONTENT
AND THE INABILITY FOR
USERS TO LINK DIRECTLY TO
OR BOOKMARK THE PAGE
WITHIN THE FRAME.
FINALLY, I'LL CLICK "INSERT"
TO CLOSE THE DIALOG BOX.
AT THIS TIME, I'LL LOOK
AT ADDING ONE MORE IMAGE
FOR THE SYLLABUS.
THE IMAGE THAT I WANT TO ADD
IS PURELY PRESENTATIONAL,
AND I'LL DO SO JUST FOR
DEMONSTRATION PURPOSES.
IN THE VIDEO TITLED "ALT TEXT
FOR GRAPHICS IN MICROSOFT WORD,"
I RECOMMENDED TO NOT
INCLUDE IMAGES THAT ARE
FOR DECORATION ONLY,
SUCH AS AN IMAGE BORDER,
DECORATIVE BULLETS,
OR CLIP ART THAT IS NOT
RELEVANT TO THE CONTENT.
ONE IMPORTANT LIMITATION
OF MICROSOFT WORD
IS THAT THE SOFTWARE DOES
NOT MAKE IT POSSIBLE
TO TELL SCREEN READERS TO
IGNORE A DECORATIVE GRAPHIC.
IN THIS HTML VERSION
OF THE SYLLABUS,
HERE IN THE BLACKBOARD
TEXT BOX EDITOR,
IT IS POSSIBLE TO
ADD EMPTY ALT TEXT
SO THAT THE SCREEN READER
WILL IGNORE IT.
IN THE NEXT FEW STEPS,
I'LL DEMONSTRATE
HOW TO LET A
SCREEN READER KNOW
THAT IT CAN
IGNORE THE IMAGE.
I'LL SCROLL DOWN TO THE
"GRADING POLICIES" SECTION
OF THE SYLLABUS.
I'LL CLICK TO POSITION
MY INSERTION POINT
JUST ABOVE
"GRADING POLICY."
FROM THE TEXT BOX
EDITOR TOOLBAR,
I'LL AGAIN CLICK
"INSERT/EDIT IMAGE" BUTTON.
THIS OPENS THE
"INSERT/EDIT IMAGE" DIALOG BOX.
I'LL CLICK "BROWSE MY COMPUTER"
TO FIND THE IMAGE
THAT I WANT
TO INSERT,
AND HERE'S THE
CLIP ART I'LL USE.
CLICK IT ONCE TO SELECT,
AND THEN CLICK "OPEN."
REMEMBER, IN BLACKBOARD,
THE IMAGE DESCRIPTION
IS THE ALT TEXT.
MY INSERTION POINT
IS POSITIONED
IN THE IMAGE
DESCRIPTION TEXT BOX.
NEXT, ALL I NEED TO DO
IS PRESS THE SPACEBAR ONCE.
IN THE BACKGROUND, THIS
CREATES AN EMPTY ALT TEXT VALUE
IN THE HTML.
FINALLY, I'LL CLICK THE "INSERT"
BUTTON TO CLOSE THE DIALOG BOX.
THE DECORATIVE IMAGE IS
INCLUDED IN THE SYLLABUS.
A SIGHTED PERSON WILL
JUST SKIP OVER IT,
AND A VISUALLY
IMPAIRED PERSON
WILL NOW BE ABLE
TO SKIP OVER IT, TOO.
FOR THOSE OF YOU THAT MAY BE
INTERESTED IN LEARNING MORE,
I'LL BRIEFLY SHOW YOU WHAT
THE EMPTY ALT TEXT LOOKS LIKE
IN THE HTML.
FROM THE TEXT BOX
EDITOR TOOLBAR,
I'LL CLICK THE
"HTML CODE VIEW" BUTTON.
THIS OPENS THE
HTML CODE VIEW.
HERE IS THE ALT ATTRIBUTE
FOR THE IMAGE ELEMENT.
NOTICE IT IS EMPTY.
THERE IS NOTHING
BETWEEN THE QUOTES.
THIS WILL LET THE
SCREEN READER KNOW
THAT IT CAN
IGNORE THIS IMAGE.
I'LL CLICK "CANCEL" TO CLOSE
THE HTML CODE VIEW DIALOG BOX.
EVEN THOUGH IT IS POSSIBLE
TO ADD DECORATIVE GRAPHICS
IN THE HTML VERSION
OF THE SYLLABUS
AND HAVE A SCREEN READER
IGNORE THE GRAPHIC,
FACULTY SHOULD CONSIDER
IF IT IS NECESSARY.
GRAPHICS SHOULD BE INCLUDED WHEN
IT IS RELEVANT TO THE CONTENT,
NOT ONLY TO SERVE
AS A DISTRACTION.
I DON'T FEEL THIS PARTICULAR
GRAPHIC IS NECESSARY,
SO THEREFORE, I'LL
CLICK IT ONCE TO SELECT IT
AND PRESS THE "DELETE" KEY
ON MY KEYBOARD.
EARLIER, I MENTIONED THAT
MULTIPLE FILE FORMATS
HELP ENSURE THAT YOUR STUDENTS
WILL BE ABLE TO VIEW INFORMATION
WITH THEIR RESPECTIVE
TECHNOLOGIES.
I HAVE THE MOST ACCESSIBLE
FILE FORMAT HERE, HTML.
IT MAY BE A GOOD IDEA TO
PROVIDE ONE ADDITIONAL FORMAT.
I'LL USE THE PDF FILE
I CREATED EARLIER.
THIS FILE IS ESPECIALLY
NICE FOR STUDENTS
THAT MAY WANT TO SAVE IT
TO THEIR FLASH DRIVE
OR PRINT THE DOCUMENT.
I'LL SCROLL DOWN TO
THE NUMBER 2 SECTION
FOR ATTACHMENTS.
NEXT, I'LL CLICK "BROWSE
MY COMPUTER" BUTTON.
THIS OPENS THE FILE
UPLOAD WINDOW,
AND THEN I'LL LOCATE THE PDF
FILE THAT I CREATED EARLIER.
I CLICK THE SYLLABUS PDF
FILE I CREATED EARLIER
TO SELECT IT,
AND NOW I WILL CLICK "OPEN"
TO CLOSE THE DIALOG BOX.
NOW THAT I HAVE
ATTACHED THE FILE,
I'LL SCROLL DOWN AND CLICK
THE "SUBMIT" BUTTON.
NOTICE THE ATTACHED PDF FILE IS
AT THE TOP OF THE CONTENT AREA.
I HAVE BEEN USING THE
ADVANCED WINDOWS COURSE
THROUGHOUT THE VIDEOS
TO DEMONSTRATE SKILLS.
I'LL SHOW YOU ANOTHER
COURSE WHERE I HAVE APPLIED
ALL OF THE SAME TECHNIQUES
AND BEST PRACTICES.
THIS COURSE IS SET UP
EXACTLY THE SAME WAY,
EXCEPT I USE DIFFERENT
COORDINATING COLORS.
I'LL CLICK
"COURSE INFORMATION"
ON THE MAIN NAVIGATION
ON THE LEFT,
AND THEN GO INTO
THE SYLLABUS HERE.
THE STRUCTURE FOR THIS
SYLLABUS IS IDENTICAL
TO THE PREVIOUS EXAMPLE AND WILL
WORK WELL IN SCREEN READERS.
PLEASE SEE THE
VIDEO TITLED
"CREATE WELL-STRUCTURED
MICROSOFT WORD DOCUMENTS
WITH HEADINGS, PART TWO"
FOR A DEMONSTRATION ON HOW
TO CUSTOMIZE THE COLORS
AND FORMAT FOR YOUR
COURSE MATERIALS
AND STILL RETAIN
THE STRUCTURE.
TO SUMMARIZE,
MULTIPLE FILE FORMATS
HELP ENSURE THAT
YOUR STUDENTS
WILL BE ABLE TO VIEW YOUR
FACULTY COURSE CONTENT
WITH THEIR RESPECTIVE
TECHNOLOGIES.
BY DEFAULT, WORD DOCUMENTS ARE
SAVED IN A PROPRIETARY FORMAT,
AND SOME STUDENTS MAY
NOT BE ABLE TO VIEW IT.
PDF IS ADOBE'S PORTABLE
DOCUMENT FORMAT.
PDF IS WIDELY USED ON THE
WEB AND FOR COURSE CONTENT.
IT IS A GOOD FORMAT
TO CONSIDER,
AS THE SOFTWARE
TO VIEW IT
IS ALREADY INSTALLED
ON MOST SYSTEMS.
WHEN YOU CREATE A PDF
FROM YOUR WORD DOCUMENT,
BE SURE TO SAVE THE
FILE AS A TAGGED PDF,
SO THAT ALL THE WORK YOU
DID TO MAKE IT ACCESSIBLE
WILL BE EXPORTED
TO PDF FILE, TOO.
WE CREATED A TAGGED PDF WITH
WORD'S "SAVE AS" DIALOG BOX
AT THE BEGINNING
OF THIS VIDEO.
HTML IS THE MOST ACCESSIBLE
TYPE OF CONTENT,
AS IT DOES NOT REQUIRE
ADDITIONAL SOFTWARE TO VIEW,
AND WORKS WELL WITH
SCREEN READERS.
I COPIED THE SYLLABUS DOCUMENT
FROM WORD AND PASTED IT
INTO A CONTENT AREA
IN BLACKBOARD.
THIS COPY AND PASTE PROCESS
CREATES THE HTML VERSION.
THIS IS THE CONCLUSION OF THE
U.D.L. ACCESSIBILITY SERIES
OF EIGHT VIDEO
TUTORIALS.
UNIVERSAL DESIGN FOR
LEARNING-- U.D.L.--
IS A WAY TO HELP ALL
STUDENTS BE MORE SUCCESSFUL.
PART OF STUDENT SUCCESS IS THE
CREATION OF ELECTRONIC DOCUMENTS
THAT ARE USABLE
AND UNDERSTANDABLE
BY A WIDE RANGE
OF PEOPLE,
INCLUDING THOSE THAT
MAY HAVE A DISABILITY.
CREATING COURSE CONTENT THAT IS
WELL-STRUCTURED WITH HEADINGS,
CONTAINS DESCRIPTIVE LINKS,
ALT TEXT FOR GRAPHICS,
DATA TABLES
THAT ARE SIMPLE,
CONTAIN A TEXT EXPLANATION,
AND MARKED WITH HEADER ROWS,
CHECKING THE CONTENT WITH
AN ACCESSIBILITY CHECKER,
ALONG WITH PROVIDING CONTENT
IN MULTIPLE FILE FORMATS,
ALL HELP STUDENTS
TO SUCCEED.