Current Work: 2/23–3/3

• Quiz
• Assignments
• Resources

---

Quiz

• Friday, 3/3/17
• Review is available here.
• Quiz Answer Form

Assignments:

• Assignment #1: "practice1.html" should already be in your "HTMLpractice" folder
• Assignment #2:
• check it in with me in class
• Directions:
• Create a webpage; name it "practice2.html"
• Use a correct page structure
• Include the following HTML:
• Header
• Paragraph
• Bold
• Emphasis
• Numbered List
• Bullet Point
• Images
• Link
• Include CSS to do the following:
• Change a font
• Change a background color
• Put a border around something
• Assignment #3:
• Create this using CSS:

• Use content of your own choosing.

Resources

• Slide Show
• HTML/CSS Cheat Sheet
• CSS Selectors and properties (and another one)
• CSS demos at W3 Schools

Agenda: Friday, 2/16/17

Today

• Assignment #1: "practice1.html" should already be in your "HTMLpractice" folder
• Assignment #2
• DUE MONDAY (check it in with me in class)
• Directions:
• Create a webpage; name it "practice2.html"
• Use a correct page structure
• Include the following HTML:
• Header
• Paragraph
• Bold
• Emphasis
• Numbered List
• Bullet Point
• Images
• Link
• Include CSS to do the following:
• Change a font
• Change a background color
• Put a border around something
• Workshop: CSS and positioning (take notes!!!!!!!!!)
• CSS demos at W3 Schools

Resources:

• Slide Show
• HTML/CSS Cheat Sheet
• CSS Selectors and properties (and another one)
• CSS demos at W3 Schools

Agenda: Thursday, 2/16/17

1st and 2nd Hour

• Earth Science stuff today

5th and 6th Hour

• Assignment #1: "practice1.html" should be in your "HTMLpractice" folder
• Assignment #2:
• Create a webpage; name it "practice2.html"
• Use a correct page structure
• Include the following HTML:
• Header
• Paragraph
• Bold
• Emphasis
• Numbered List
• Bullet Point
• Images
• Link
• Include CSS to do the following:
• Change a font
• Change a background color
• Put a border around something

Resources:

• Slide Show
• HTML/CSS Cheat Sheet
• CSS Selectors and properties (and another one)
• CSS demos at W3 Schools

Agenda: Wednesday,2/15/17

1st and 2nd Hour

• Heart Video
• Assignment #1: "practice1.html" should be in your "HTMLpractice" folder
• Intro to CSS
• Structure of the website
• Anatomy of a style declaration
• Assignment:
• Create a webpage; name it "practice2.html"
• Use a correct page structure
• Include the following HTML:
• Header
• Paragraph
• Bold
• Emphasis
• Numbered List
• Bullet Point
• Images
• Link
• Include CSS to do the following:
• Change a font
• Change a background color
• Put a border around something

Resources:

• Slide Show
• HTML/CSS Cheat Sheet
• CSS Selectors and properties (and another one)

5th and 6th Hour

• Refresh on CSS
• Assignment #1: "practice1.html" should be in your "HTMLpractice" folder
• Assignment #2:
• Create a webpage; name it "practice2.html"
• Use a correct page structure
• Include the following HTML:
• Header
• Paragraph
• Bold
• Emphasis
• Numbered List
• Bullet Point
• Images
• Link
• Include CSS to do the following:
• Change a font
• Change a background color
• Put a border around something

Resources:

• Slide Show
• HTML/CSS Cheat Sheet
• CSS Selectors and properties (and another one)

Agenda: Friday, 2/10/17

1st and 2nd Hour

After yesterday's HTML-athon, today we need to get caught up on some Earth Science!

5th and 6th Hour

• Intro to CSS
• Structure of the website
• Anatomy of a style declaration
• Assignment:
• Create a webpage; name it "practice2.html"
• Use a correct page structure
• Include the following HTML:
• Header
• Paragraph
• Bold
• Emphasis
• Numbered List
• Bullet Point
• Images
• Link
• Include CSS to do the following:
• Change a font
• Change a background color
• Put a border around something

Resources:

• Slide Show
• HTML/CSS Cheat Sheet
• CSS Selectors and properties (and another one)

Agenda: Thursday, 2/9/17

1st and 2nd Hour

Do you want to make a website?

Do you want to learn some code?

We'll write HTML,

And CSS as well,

And head out on this road!

Today:

• Create a new folder in your Google Drive. This is where you will store your work.
• Name it "HTMLpractice-LastName-FirstInitial" (leave out the quotation marks; include the hyphens; no spaces). 
• Right-click on it, go to "Share" and share it with me.
• Set up your text editor (note: if you have your own computer, you will need to use Chrome for this app):
• First: download this extension: HTML Editey
• Then: open it agree to everything
• Create a new document
• In that document, go to FILE>PAGE SETUP and uncheck "enable auto pairing"
• Learn a few HTML tags
• At the end of class, fill out this exit ticket 

5th and 6th Hour

• More about HTML
• Links
• Lists
• Images
• Intro to CSS
• Structure of the website
• Anatomy of a style declaration
• Assignment:
• Create a webpage; name it "practice2.html"
• Use a correct page structure
• Include the following HTML:
• Header
• Paragraph
• Bold
• Emphasis
• Numbered List
• Bullet Point
• Images
• Link
• Include CSS to do the following:
• Change a font
• Change a background color
• Put a border around something

Resources:

• Slide Show
• HTML/CSS Cheat Sheet
• CSS Selectors and properties (and another one)

Agenda: Wednesday, 2/8/17

1st and 2nd hour

• A short visit from Link Crew
• Make sure you turned in your website evaluation assignment
• Today: HTML Pretest (Pretest Answer Form Link)
• Introduction to the internet
• Student count day.

5th and 6th hour

Do you want to make a website?

Do you want to learn some code?

We'll write HTML,

And CSS as well,

And head out on this road!

Today:

• Create a new folder in your Google Drive. This is where you will store your work.
• Name it "HTMLpractice-LastName-FirstInitial" (leave out the quotation marks; include the hyphens; no spaces). 
• Right-click on it, go to "Share" and share it with me.
• Set up your text editor (note: if you have your own computer, you will need to use Chrome for this app):
• First: download this extension: HTML Editey
• Then: open it agree to everything
• Create a new document
• In that document, go to FILE>PAGE SETUP and uncheck "enable auto pairing"
• Learn a few HTML tags

Agenda: Tuesday, 2/7/17

1st and 2nd hour

• Course Selection Fair (short class!)
• Earth Science work today

5th and 6th hour

Pretest Link

• Make sure you turned in your website evaluation assignment
• Today: HTML Pretest
• Introduction to the internet

Agenda: Monday, 2/6/17

1st and 2nd Hour

1st and 2nd Hour

• Project Entry Document and NTKs
• Use your Website Evaluation Form, collaborate with your group to develop a list of website design guidelines. Put them in this document: Class Guidelines

Finish and Turn in Group Assignment: Mind Map

1. Create on paper a mind map of the kinds of information you will need for your website. Refer to the Entry Document.
2. Take a picture of your mind map and submit to Google Classroom.
3. Claim a project board for your group and attach your mind map to it

Today: Individual Assignment
Read this article on website design. Use the article to add any guidelines you are missing to your list of design guidelines.
Then, use your guidelines to evaluate one of your favorite websites. Create a document that:

• lists your guidelines
• describes how each one is or is not used on your website (you may want to use screenshots to make this easier)
• gives your overall evaluation of the website
• Make sure you include the URL of the website!

2 hints for your document:

• Use a table to keep your guidelines and screenshots line up (if you don't like the look of the table, you can make the borders invisible)
• Use Google Drawing to annotate your images

5th and 6th hour

• Project Entry Document and NTKs
• Class Website Guidelines

Finish and Turn in Group Assignment: Mind Map

1. Create on paper a mind map of the kinds of information you will need for your website. Refer to the Entry Document.
2. Take a picture of your mind map and submit to Google Classroom.
3. Claim a project board for your group and attach your mind map to it

Today: Individual Assignment
Read this article on website design. Use the article to add any guidelines you are missing to your list of design guidelines.
Then, use your guidelines to evaluate one of your favorite websites. Create a document that:

• lists your guidelines
• describes how each one is or is not used on your website (you may want to use screenshots to make this easier)
• gives your overall evaluation of the website
• Make sure you include the URL of the website!

2 hints for your document:

• Use a table to keep your guidelines and screenshots line up (if you don't like the look of the table, you can make the borders invisible)
• Use Google Drawing to annotate your images

Agenda: Friday, 2/3/17

1st and 2nd Hour

1st and 2nd Hour

• Project Entry Document and NTKs
• Use your Website Evaluation Form, collaborate with your group to develop a list of website design guidelines. Put them in this document: Class Guidelines

Group Assignment: Mind Map

1. Create on paper a mind map of the kinds of information you will need for your website. Refer to the Entry Document.
2. Take a picture of your mind map and submit to Google Classroom.
3. Claim a project board for your group and attach your mind map to it

5th and 6th hour

• Project Entry Document and NTKs

Use the Website Evaluation Form (in the Project Resources  or on paper) to evaluate these websites:

1. Website 1
2. Website 2
3. Website 3
4. Website 4
5. Website 5

Class Guidelines

Agenda: Thursday, 2/2/17

1st and 2nd Hour

• Project Entry Document and NTKs
• Use the Website Evaluation Form (in the Project Resources  or on paper) to evaluate these websites:
  1. Website 1
  2. Website 2
  3. Website 3
  4. Website 4
  5. Website 5

Class Guidelines

5th and 6th hour

• Project Entry Document and NTKs

Use the Website Evaluation Form (in the Project Resources  or on paper) to evaluate these websites:

1. Website 1
2. Website 2
3. Website 3
4. Website 4
5. Website 5

Class Guidelines

Agenda: Wednesday, 2/1/17

1st and 2nd Hour

• Earth Science Study Guide
• Entry Document/NTKs
• Create a Group Notes Document in Google Docs
• Write down in your own words everything you need to do to meet all the requirements
• List your Need to Knows based on your list
• Share your document with Ozias and Reason
• Create a class NTK list on this document

5th and 6th hour

Use the Website Evaluation Form in the Project Resources to evaluate these websites:

1. Website 1
2. Website 2
3. Website 3
4. Website 4
5. Website 5