Help:Style Sheet 1

Page Title 1

Page title 2

Sub head: Description

{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| colspan="1" style="width:100%; vertical-align:top; border:1px solid Sienna; background-color:Cornsilk;" |
<div style="border-bottom:1px solid Sienna; background-color:Wheat; padding:0.2em 0.5em 0.2em 0.5em; font-size:130%; font-weight:bold;">Page Title 1</div>
<div style="padding:2em 5em 0em 3em;"> <!--Note: Top, right, bottom, left -->

<!-- PICTURE ON SIDE OF HEADER SECTION ----->
[[Image:Nuvola apps korganizer.png|right]]
<!-- FOR MORE ICONS, GO TO [[Help:Icons]] -->
==Page title 2==
;Sub head
:Description
</div>
|}

Title

Subtitle: Description

{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| colspan="1" style="width:100%; vertical-align:top; border:1px solid Gold; background-color:LightYellow;" |
<div style="border-bottom:1px solid Gold; background-color:Yellow; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title</div>
<div style="padding:1em 5em 1em 3em;"> <!--Top, right, bottom, left -->

<!-- PICTURE ON ONE BOX SECTION  - optional -->
<!-- [[Image:Nuvola apps package edutainment.png|right|64px]] -->
;Subtitle
:Description
</div>
|}

Color variation #1

Green color scheme: Description

{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| colspan="1" style="width:100%; vertical-align:top; border:1px solid LightGreen; background-color:Honeydew;" |
<div style="border-bottom:1px solid LightGreen; background-color:PaleGreen; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Color variation #1</div>
<div style="padding:1em 5em 1em 3em;"> <!--Top, right, bottom, left -->

<!-- PICTURE ON ONE BOX SECTION  - optional -->
<!-- [[Image:Nuvola apps package edutainment.png|right|64px]] -->
;Green color scheme
:Description
</div>
|}

Color variation #2

Subtitle: Description


{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan;" |
<div style="border-bottom:1px solid PaleTurquoise; background-color: Cyan; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Color variation #2</div>
<div style="padding:1em 5em 1em 3em;"> <!--Top, right, bottom, left -->

<!-- PICTURE ON ONE BOX SECTION  - optional -->
<!-- [[Image:Nuvola apps package edutainment.png|right|64px]] -->
;Subtitle
:Description
</div>
|}

Title left

Heading left

Sub head left: Description left

Title right

Sub head right

Description right

{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| style="width:60%; vertical-align:top; border:1px solid Gold; background-color: LightYellow;" rowspan="1"|
<div style="border-bottom:1px solid Gold; background-color:Yellow; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title left</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON LEFT OF TWO BOX SECTION -->
[[Image:Broom icon.svg|right|96px]]
===Heading left===
;Sub head left
:Description left
</div>

| style="padding:0em 0.5em 0em 0.5em;" |

| style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan;" |
<div style="border-bottom:1px solid PaleTurquoise; background-color:Cyan; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title right</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON RIGHT OF TWO BOX SECTION -->
[[Image:Stock-brush.svg|96px|right]]
;Sub head right
Description right
</div>
|}

Title left Heading left Sub head left Description left		Title top right Sub head top right Description top right
Title left Heading left Sub head left Description left		Title bottom right Sub head bottom right Description bottom right

{| cellspacing="0" cellpadding="0" style="margin:0em 0em 1em 0em; width:100%"
| style="width:60%; vertical-align:top; border:1px solid Gold; background-color: LightYellow;" rowspan="2"|
<div style="border-bottom:1px solid Gold; background-color:Yellow; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title left</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON LEFT OF THREE BOX SECTION -->
[[Image:Nuvola apps knotify.png|right|96px]]
===Heading left===
;Sub head left
:Description left
</div>

| style="padding:0em 0.5em 0em 0.5em;" |

| style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan;" |
<div style="border-bottom:1px solid PaleTurquoise; background-color:Cyan; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title top right</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON TOP RIGHT OF THREE BOX SECTION -->
[[Image:Crystal Clear app starthere.png|96px|right]]
;Sub head top right
Description top right
</div>
|-
| style="padding:0em 0.5em 0em 0.5em;" |

| style="width:40%; vertical-align:top; border:1px solid PaleTurquoise; background-color:LightCyan;" |
<div style="border-bottom:1px solid PaleTurquoise; background-color:Cyan; padding:0.2em 0.5em 0.2em 0.5em; font-size:110%; font-weight:bold;">Title bottom right</div>
<div style="padding:0.4em 1em 0.3em 1em;">
<!-- PICTURE ON BOTTOM RIGHT OF THREE BOX SECTION -->
[[Image:Crystal Clear action bookmark.svg|right]]
;Sub head bottom right
Description bottom right
</div>

|}

Title

{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
| style="background-color: LightGoldenrodYellow; border: 1px solid Gray; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 60px;" colspan="1" |
{{center top}}<big><big><big>[[Image:Crystal Clear app kfm home.png|128px]] Title</big></big></big>{{center bottom}}
|}

Title left

Subhead left: Description left

Title right

Subhead right

Description right

{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
| style="width: 60%; background-color: LightYellow; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="1" |
[[Image:Crystal Clear action editcut.png|100px|right]]
== Title left==
;Subhead left
:Description left

| style="width: 40%; background-color: cornsilk; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 100px;" rowspan="1" |
{{center top}}[[Image:Crystal Clear app Login Manager.png]]{{center bottom}}
== Title right==
;Sub head right
Description right

|}

Title left

Subhead left: Description left

Title right

Subhead right

Description right

{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
| style="width: 60%; background-color: BlanchedAlmond; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" <!--rowspan="2"--> |
[[Image:Nuvola apps krfb.png|right|128px]]
==Title left==
;Subhead left
:Description left

| style="width: 40%; background-color: Lavender; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 100px;" |
[[Image:Crystal Clear app bug.png|right|96px]]
==Title right==
;Subhead right
Description right

|}

Title

Title Left

Text left

Title top right

Text top right

Title bottom right

Text bottom right

{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
| style="background-color: LightGoldenrodYellow; border: 1px solid Gray; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 60px;" colspan="2" | {{center top}}<big><big><big>[[Image:Crystal Clear app knotify.png|96px]] Title [[Image:Crystal Clear app knotify.png|96px]]</big></big></big>{{center bottom}}

|-
| style="width: 60%; background-color: LightYellow; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" rowspan="2" |
[[Image:Crystal Clear app kmid.png|96px|right]]
==Title Left==

:Text left

| style="width: 50%; background-color: Seashell; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" <!--rowspan="2"--> |
{{center top}}[[Image:Crystal Clear app bell.png]]{{center bottom}}
==Title top right==

Text top right
|-
| style="width: 40%; background-color: cornsilk; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px; height: 200px;" |
{{center top}}{{center bottom}}
==Title bottom right==
Text bottom right


|}

The Next Page

Continue this lesson on the computer software needed for recording the dialog for the animatic.

Contact your instructor

Your instructor for this filmmaking class is Robert Elliott. You can email me by clicking here.

{| cellpadding="10" cellspacing="5" style="width: 100%; background-color: inherit; margin-left: auto; margin-right: auto"
| style="width: 50%; background-color: LemonChiffon; border: 1px solid Gray; vertical-align: top; -moz-border-radius-topleft: 8px; -moz-border-radius-bottomleft: 8px; -moz-border-radius-topright: 8px; -moz-border-radius-bottomright: 8px;" <!--rowspan="2"--> |
[[Image:Crystal Clear app krec.png|right]]

==The Next Page==
:Continue this lesson on [[Filmmaking Basics/Animatic Dialog Recording/Software|the computer software]] needed for recording the dialog for the animatic. 

{{Contact your instructor: Filmmaking}}

|}