Skip to content

Media Arts 2-17-2017

Published on

Warm-Up:

Press "CTRL+U" to see the html code used to make this page. Look for code you recognize, and try to figure out what some of the other codes do. The main page for FouloisTech.info has simpler code if you would rather look at that.

PGCPS Gmail Login | Student SchoolMax Login

Agenda:

  1. 10 Second Challenge: Chroma Key Reactions
    1. If you don't like your grade, submit to your REVISED version for the REVISED project by Monday, February 20th.
  2. Series Video 4
    1. Due TODAY, 2/17!
  3. "Dancercize"
    1. Related project is coming soon.
  4. Film Festival Screening event
    1. March 21st (Snow Date: March 28)
    2. Cost will be $5.50 per student.
  5. Web Design
    1. This tutorial can help you if you try it.
    2. Due TODAY, 2/17!
    3.  Tags
      1. Almost EVERY tag needs a closing tag.
        1. <p> needs </p>
        2. <h1> needs </h1>
        3. If it doesn't have a / in it, it isn't a closing tag.
        4. I usually type both tags and THEN add whatever goes between them, to make sure I don't forget to add the one at the end.
      2. You can put one tag inside another.
        1. <p>This word is <b>bold</b>.</p>
        2. <p> Here is a <a href="http://fouloistech.info">link</a>.</p>
      3. You SHOULD NOT stagger tags.
        1. <p>This word is <b>bold.</p></b>
    4.  Color
      1. Use style attribute inside other tags.
      2. <body style="background-color:blue;color:white">
        1. ...will make the entire page blue with white text. (Don't do this.)
      3. <h1  style="background-color:blue;color:white">Hello</h2>
        1. ...will make JUST THAT HEADER white text on a blue background. (Don't do this.)
      4. The Color Picker will let you find any color you want.
        1. Hex codes are used instead of color names.
        2. You can use #000000 instead of black.
        3. You can use #ffffff instead of white.
        4. ALWAYS include the # or it won't work.
    5. Saving Work
      1. Select all your text with CTRL+A. Copy it with CTRL+C
      2. Find & open Notepad on your computer using the START button.
      3. Paste in your code with CTRL+V.
      4. Click on "File," then click "Save As..."
      5. Find where it says "*.txt" and delete it.
      6. Type your file's name, making sure that .html is the suffix. The default is index.html but so long as you don't use any punctuation or spaces other than the period for .html it should be fine.
      7. Find your file and upload it to Google Classroom.