Tuesday, February 21, 2017

Current Work: 2/23–3/3



Quiz

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






Friday, February 17, 2017

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!!!!!!!!!)
Resources:





Thursday, February 16, 2017

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:






Wednesday, February 15, 2017

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:

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:







Friday, February 10, 2017

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:









Thursday, February 9, 2017

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:










Wednesday, February 8, 2017

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

Tuesday, February 7, 2017

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

Monday, February 6, 2017

Agenda: Monday, 2/6/17

1st and 2nd Hour

1st and 2nd Hour


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

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

Friday, February 3, 2017

Agenda: Friday, 2/3/17

1st and 2nd Hour

1st and 2nd Hour


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

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

Thursday, February 2, 2017

Agenda: Thursday, 2/2/17

1st and 2nd Hour




5th and 6th hour

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

Wednesday, February 1, 2017

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: