HTML Week 1 - 3 (Aug 16 - Sep 4)

CSS Week 4 -6

JavaScript Week 7 - 15

IN-CLASS EXERCISES will be graded in class.

PROJECTS are to be completed and DUE by the due date.

Aug 16

Overview, Expectations, Assessment/Participation

LESSON OBJECTIVES - HTML Intro

1. Student Learning Outcomes (SLO) - Course Introduction
2. HTML Basics

IN-CLASS Exercise: First HTML Document (first.html)

LESSON OBJECTIVES - HTML Formatting

1. REVIEW - HTML Basics

IN-CLASS Exercise: Open first.html, add the following. SAVE AS: first2.html (Click Here for Exercises)

• <br>
• <hr>
• <ul>, <ol>, <li>
• <pre>

LESSON OBJECTIVES - HTML List of Links, Image Link, Tables

1. REVIEW - HTML Tags and Attributes

IN-CLASS Exercise: Open first2.html, add the following. SAVE AS: first3.html (Click Here for Exercises)

• <table>
• <tr>, <th>,<td>

LESSON OBJECTIVES - More HTML Tags

1. REVIEW - HTML Tags List
2. HTML Quiz 1

IN-CLASS Exercise: Open first3.html, add the following. SAVE AS: first4.html (Click Here for Exercises)

• <b>, <strong>
• <i>, <em>
• <small>
• <mark>
• <del>, <ins>
• <sub>, <sup>

More HTML Tags - HTML Quotations

• <q>
• <blockquote>
• <abbr>
• <address>
• <cite>
• <bdo>

LESSON OBJECTIVES - HTML

1. REVIEW - HTML Tags List

IN-CLASS Exercise: Open first4.html, add the following. SAVE AS: first5.html (Click Here for Exercises)

More HTML Tags - HTML Forms

• <form>
• <input>
• <fieldset>
• <legend>

LESSON OBJECTIVES - CSS

1. CSS Introduction
2. CSS How To
3. CSS Syntax

IN-CLASS Exercise: SAVE AS: css1.html and mystyle.css

Go to the W3Schools CSS Tutorial website

READ and COMPLETE the following:

1. READ the section on CSS Introduction
2. READ the section on CSS How To
3. READ the section on CSS Syntax
4. Complete the CSS Syntax Exercises 1 - 4
5. Complete the CSS How To Exercises 1 - 4

LESSON OBJECTIVES - CSS

1. REVIEW: Types of Selectors
2. HTML <div> tag
3. CSS Text
4. CSS Fonts
5. CSS Box Model
6. CSS Background Image

IN-CLASS Exercise: SAVE AS: css2.html, css3.html

Go to the W3Schools CSS Tutorial website

READ and COMPLETE the following:

1. Types of CSS Selectors: (Global, Id, Class and more)
2. Use the <div> tag to break your page into divisions.
3. READ the section on CSS Text
4. READ the section on CSS Fonts
5. READ the section on CSS Box Model
• Complete Exercises 1 - 4
6. READ the section on CSS Background (Image)
• Complete Exercises 1 - 4

RECIPE WEB PAGE REQUIREMENTS: Save as Recipe.html (DUE: Tuesday, September 11, 2018 by 4:00 pm)

1. Create a web page of your favorite recipe.
2. Use **internal** CSS for styling your (Background, Images, Lists, Links, Text alignment and Fonts).
3. Use <div> tag.
4. Web page content should informative and design should be appealing.

BEFORE LEAVING EVERY CLASS

1. SIGN OUT of your Email.
2. DELETE files or folders you saved on the Desktop.
3. EMPTY Your Recycle Bin.
4. CLEAR YOUR BROWSER HISTORY.
5. CLOSE all Open Windows