1. Please let me know whether or not you have used Elluminate before by clicking the Green Check above your names for “Yes” and a Red X for “No.” Thanks! Welcome! While waiting, please feel free to use this space to practice using the whiteboard tools.

2. Basic HTML for Online Instructors By: Kevin Johnson Illinois Online Network By: Kevin Johnson Illinois Online Network

3. Introductions Raise your hand. Leave it raised. Find the box that coordinates with the number next to your name and write your name & favorite tool in your box. 1234 1098765 161514131211 222120191817 282726252423

4. Agenda  What is HTML  Why Online Instructors Need to Know HTML  HTML Syntax  Basic HTML Tags  Q & A  What is HTML  Why Online Instructors Need to Know HTML  HTML Syntax  Basic HTML Tags  Q & A

5. What is HTML  Programming Language  Hyper Text Markup Language  Text-based Interpreted by Web Browser  Portable – Used by multiple platforms  Programming Language  Hyper Text Markup Language  Text-based Interpreted by Web Browser  Portable – Used by multiple platforms

6. Why Online Instructors Need to Know HTML  Can anyone share a story of when they needed to know HTML and how it could have helped them in the given situation.

7. Why Online Instructors Need to Know HTML  Create Web Pages  Fix Web Pages  Same Time From Having to Call Tech Support  Create Portable Documents  Create Web Pages  Fix Web Pages  Same Time From Having to Call Tech Support  Create Portable Documents

8. HTML Syntax  Created in Text Editing Software  Note Pad  Word Pad  Text Edit  Uses Tags  <> = Open Tag  = Close Tag  E.g. Hi Kevin  Created in Text Editing Software  Note Pad  Word Pad  Text Edit  Uses Tags  <> = Open Tag  = Close Tag  E.g. Hi Kevin

9. HTML Syntax  Simple HTML Page Structure ION’s Web Page CONTENT  Simple HTML Page Structure ION’s Web Page CONTENT

10. HTML Syntax  What’s it look like inside a CMS?

11. Common HTML Tags  Bold  Italicize  Underline  Paragraph Break  Line Break  Heading Style 1  Horizontal Ruler  Image  Subscript  Superscript  Bold  Italicize  Underline  Paragraph Break  Line Break  Heading Style 1  Horizontal Ruler  Image  Subscript  Superscript  Bulleted List  Bullet  Center  Anchor  Name  HREF  Comment 

12. Activity Title 12 6543 78910 14131211 Joseph Maureen Michael R. LauraMaryDarral TaylorKarenColetteMichael M.

13. Syllabus Example  Let’s look at a finished Web Page and then dissect it.

14. Activity Title 12 6543 78910 14131211 Joseph Maureen Michael R. LauraMaryDarral TaylorKarenColetteMichael M.

15. Resources  Tags Document  Video Tutorial  Example Syllabus  Presentation  Tags Document  Video Tutorial  Example Syllabus  Presentation

16. Q & A / Drawing

17. Thank You! HAVE A GREAT DAY!