|
Date
|
Online
Reading / Videos
|
In Class Exercises / Projects
|
|
|
ONLINE
RESOURCES:
- Online
Tutorial -
w3schools.com The World's Largest Developer Site
- freeCodeCamp.org
- HTML
For Beginners YouTube channel
- Click
on Show More, scroll to portion of video you want to watch.
|
IN-CLASS
EXERCISES To Be Graded in Class
PROJECTS
Completed By Due Date
|
|
Jan 9
|
Overview,
Expectations, HTML Basics
LESSON
OBJECTIVES
-
Course Introduction
- HTML1:
Go to w3schools.com
- READ
HTML Introduction
-
READ HTML Editor - (USE Notepad)
-
READ HTML Basics -
<!DOCTYPE
html>, <html>,
</html>, <head>, </head>, <title>, </title>,
<body>, </body>
- READ
HTML Elements
- READ
HTML Headings - <h1> <h2> <h3> <h4> <h5>
<h6> / </h1> </h2> </h3> </h4> </h5>
</h6>
- READ
HTML Paragraphs, <p>, </p>, <hr>, <br>,
<pre>, </pre>
- htmlbasics1.html:
- Open
template.html, Save As: htmlbasics1.html
|
IN-CLASS
Exercise (To Be Graded In Class):
- Create
a CS211 Folder in Google Drive:
-
SHARE the folder with me (yvonne.flores@guamcc.edu)
- Inside
your CS211 folder, create the following 3 subfolders:
- Create
HTML Web Page Template with the necessary HTML tags:
- Save
As: template.html
- Save
as type: All Files
- Encoding:
UTF-8
- Create
HTML Web Pages (mission.html and isps.html) - Click on Link
- CALL
ME
for grading.
- DRAG
to your Shared CS211 / HTML folder:
- template.html,
htmlbasics1.html, mission.html, isps.html to your Shared CS211 folder.
- Check
Your Email after today's class.
- Read
the entire Syllabus carefully.
- Check
Your Email after 5:30 pm today.
- Reply
to the email before the next class.
|
Test
Your HTML Skills - HTML Exercises
- HTML
Headings
- HTML
Paragraphs
|
| Jan
14 |
LESSON
OBJECTIVES
- HTML2:
Go to w3schools.com
- READ
HTML Formatting, HTML
Quotations, HTML
Styles, HTML
Lists, HTML
Links
|
HTML
Project 1 - Letter (To Be Graded In Class)
- Download
File: Click Here to Link to Google Drive for letter.txt file
- You
must log in using your guamcc email address.
-
Download to your folder.
- OPEN
the file in NOTEPAD,
- SAVE
AS: letterfinal.html
- Save
as type: All files
- Encoding:
UTF-8
- Click
Here to view the Project Briefs and the SOLUTION
- MARKUP
the file using the <HTML> tags and attributes
you have learned so far.
- SAVE
your file periodically.
- CALL
ME
for grading.
- DRAG
letterfinal.html to your Shared CS211
/ HTML folder.
|
| Jan
16 |
REVIEW
PREVIOUS LESSON: HTML2 <tags> and Attributes
Test
Your HTML Skills - HTML Exercises
- HTML
Formatting, HTML
Quotations, HTML
Styles, HTML
Lists, HTML
Links
|
HTML
Project 2 - Recipe (To Be Graded In Class)
- Go
to your CS211 Folder in Google Drive:
-
OPEN your HTML folder,
- Create
a HTML Recipe sub folder.
- Click
Here to view the Project Briefs
- DRAG
recipe.html and image to your Shared CS211
/ HTML / HTML Recipe sub folder.
|
|
LESSON
OBJECTIVES
- HTML3:
Go to w3schools.com
- READ
HTML Colors, HTML
Images, HTML
Attributes, HTML
Comments
|
| Jan
21 |
Test
Your HTML Skills - HTML Exercises
- HTML
Images, HTML Attributes, HTML Comments
|
IN-CLASS
Exercise (To Be Graded In Class):
- Open
template.html, create HTML Web Page Table with the necessary HTML tags:
- Save
As: table.html
- Save
as type: All Files
- Encoding:
UTF-8
- Create
HTML Web Page (table.html) - Click on Link
- CALL
ME
for grading.
- DRAG
to your Shared CS211 / HTML folder:
|
|
LESSON
OBJECTIVES
- HTML4:
Go to w3schools.com
- READ
HTML Tables <table>,<tr>,<th>,<td>
- READ
HTML Blocks <div>, <span>
- READ
HTML Layout <header>, <nav>, <section>, <article>,
<aside>, <footer>, <details>, <summary>
|
| Jan
23 |
LESSON
OBJECTIVES
- HTML5:
Go to w3schools.com
|
IN-CLASS
Exercise (To Be Graded In Class):
- Open
template.html, create HTML Web Page Form with the necessary HTML tags:
- Save
As: form.html
- Save
as type: All Files
- Encoding:
UTF-8
- Create
HTML Web Page Form (form.html) - Click on Link
- CALL
ME
for grading.
- DRAG
to your Shared CS211 / HTML folder:
|
