Lesson 3A
Reveal JS
(ver 1)
Start Adobe Dreamweaver
Check Website Settings
Click on Site>Manage Sites
Can you see the website name Reveal-JS?
If you can then click on HTML-5.
Click on Done.
Website Definition Missing
Only do the following steps if you could not see click on Reveal-JS.
Click on Import
Reveal-JS-Module-03a-ver01.doc
Page 3A-1
Lesson 3A
Reveal JS
(ver 1)
Open your Website-Definitions folder.
Open your Reveal-JS STE file.
Click on Reveal-JS.
Click on Done.
Everyone Join In
Click on File>Open.
Open Lesson02
Click on File>Save As.
Rename the file Lesson03-your name.
Reveal-JS-Module-03a-ver01.doc
Page 3A-2
Lesson 3A
Reveal JS
(ver 1)
Click on File>Open.
Open your home.html file.
Type the following heading.
Highlight or select these words.
Click on Insert>Hyperlink.
Click on Browse.
Reveal-JS-Module-03a-ver01.doc
Page 3A-3
Lesson 3A
Reveal JS
(ver 1)
Click on the Lesson03 file
Click on OK.
Click on File>Save.
Arrange your screen as seen below.
Click on the Lesson 03 link.
The Reveal JS program starts.
Click on Lesson02.
Close Lesson02.
Reveal-JS-Module-03a-ver01.doc
Page 3A-4
Lesson 3A
Reveal JS
(ver 1)
Click on Lesson03.
Click on Code.
Check that your screen matches the example below.
Find the following line.
Make the following change.
Save the changes and view the refreshed change
Reveal-JS-Module-03a-ver01.doc
Page 3A-5
Lesson 3A
Reveal JS
(ver 1)
Unordered List <ul>
An unordered list has no numbering, it uses “bullets” to indicate items.
Make the changes below.
Save the changes and view the refreshed change
Ordered List <ol>
Find the following line.
Make the following change.
An ordered list has uses numbers to indicate items.
Make the changes below.
Supply your own words to complete this task
Save the changes and view the refreshed change
Reveal-JS-Module-03a-ver01.doc
Page 3A-6