1. STORYBOARD
TOMMY GOBER
Instructional Multimedia
Design & Development

2. PROJECT OVERVIEW
•
•
•
•
•
Basic HTML for Teachers
Audience: Classroom, Pre-service teachers
Self guided, auto assessing tutorial
Time to completion: ~15min
Key feature a Do-It-Yourself “sandbox”

3. LESSONS
• Each lesson will consist of
• HOWTO video
– Describes the HTML tag
– Demonstrates how to use the tag
– Shows effect of tag on example text
• A DIY portion where the learner types in the tag,
then on the side of the page they can see the
immediate outcome
• Pattern matching assessment will determine if
task is complete before allowing learner to move
on

4. VIDEO FRAMEWORK/TIMELINE
•
•
•
•
Explanation of the tag and what it does
Written example of the tag
Demonstration of its effects
Each tag’s video will be very short ~1min

5. VIDEO PICTURE COMPOSITION
• Video will be an overhead camera shot
looking onto a whiteboard.
• Video editing and cut shots will make HTML
tags appear to take their desired effect as they
are written.
• Words will be re-written with the effect
applied then edited into the shot.

6. EXAMPLE LAYOUT OF VIDEO FOR <B>
<b>The quick brown fox
jumps over the lazy
dog.</b>

7. VIDEOS AND SEQUENCE
• The first tags to be included for this project
will be bold <b>, italic<i>, underline <u> and
paragraph <p>.
(perhaps strikethru <s> if everything is going
smoothly)
• Videos will be hosted on YouTube and
embedded into page.