0. Come to class as there may be corrections, changes and additions.   Significant late penalty per day.

---

1. Using Notepad++, create a web page.

---

2. VALIDATE your html pages as xhtml 1.0 transitional

---

3. Follow these directions to SUBMIT a folder called "Tutor" to your class account

---

4. Comment! (guidelines)

---

Create a TUTOR of at least Two Linked Pages Using Only HTML and JavaScript

---

HTML Example 1: C++   |   HTML Example 2: C   |   HTML Example 3: JS

---

HTML: (tutor1.html,   tutor2.html)

Use internal links ( <a href="#loops">LOOPS</a> = goes to => <a name="loops"> ) to NAVIGATE   |   Example: [ Goto bottom of page ]

---

Organize using headers of different levels, paragraphs, line breaks and horizontal rules

---

Use lists to organize

---

Use bold and italics for emphasis

---

Have at least one meaningful image on each page (uploaded to server)

---

Have at least two external links to other related web sites on each page

---

Make the html validate as xhtml 1.0 transitional using either:   Web Developer   or   W3C,   but   SEE HEADER INFO

---

---

JavaScript (tutor.js)

Use JavaScript to change the behavior of the page(s).

---

All code should be in functions in tutor.js.

---

All functions should be in a single file called "tutor.js" that is linked in the head section of both html files.
  <script type="text/javascript" src="tutor.js"></script>

---

Use document.getElementById, id attributes in the html, and the innerHTML property to change your document by accesssing the DOM

---

Provide a function, Show/Hide, that will make the contents of a specified paragraph "disappear".
  ** Bonus: Make this same function work with multiple paragraphs.

---

Provide a function, Upper, to make a significant portion(s) (paragraphs) of your document UPPERCASE (see strings) upon clicking
Provide a function, Lower, to make the same significant portion(s) (paragraphs) of your document lowerCASE (see strings) upon clicking
  ** Bonus if one function, Case, does both.

---

Provide a function, Original, to make everything go back to the original loaded state.

---

Provide a function, Weird, to replace some words in significant portion(s) (paragraphs) of your document (see strings) upon clicking

---