Hello Sun Students!

Are you excited to learn how to make a website?

Here are the major topics that we'll learn:

We'll also learn:

SEE Ms. SARAH'S EXAMPLE WEBSite

Week 7

HOUR of Code!!!

  1. Video: What Schools Don't Teach
Build Flappy Bird Collect Pirate Treasure Make a Digital Postcard More coding games

Or keep working on your website

Log in to neocities.org 😺

Questions to think about

  1. If I had a robot what would I program it to do?
  2. Do I like coding? Why?

Week 6

Log in to neocities.org 😺
  1. Click "Edit Site" then find your file.
  2. Open your file to edit the text!!!

Add some HTML: Links!

  1. Add a link tag to your website
          <a href="www.google.com">This is a link</a>
            

Questions to think about

  1. Why do we link to other websites?
  2. Why are links always blue? How can we change that?

Week 5

Log in to neocities.org
  1. Open your file to edit the text!!!

Add some HTML

ALL THE COLORS!
  1. Add a style tag so we can add CSS
  2. Change the body's background color
      <head>
        <title>Favorite Food</title>
        <style>
          body {
            background-color: red;
          }

          p {
            color: green;
          }
        </style>
      </head>
          

Questions to think about

  1. How is the CSS and HTML connected?
  2. How do different colors change the feeling of my website?

Week 4

Finish Set up!

Log in to neocities.org
  1. Create a new file. Name it with the subject of your website!
  2. Open your file and delete the text!!!

Add some HTML

CLICK HERE TO LEARN!
  1. Add text content to your website using the right tags
  2. Add images to your website using the img tag

              <img src="https://images-na.ssl-images-amazon.com/images/I/519LuexXTWL.jpg">

        

Questions to think about

  1. What do the names of the HTML tags mean?
  2. How is building a website like making a sandwich?

Week 2

Finish Set up!

Log in to neocities.org
  1. Create a new file. Name it with the subject of your website!
  2. Open your file and delete EVERYTHING!!!

Add some HTML

CLICK HERE TO LEARN!
  1. Add the <html>, <head>, and <body> tags to your file
  2. Add the <title> tag inside your <head> tag and give your website a title!
  3. Add a <h1> and a <p> tag inside your <body> tag to give your website content.

Questions to think about

  1. What do the names of the HTML tags mean?
  2. How is building a website like making a sandwich?

Week 1

Circle Discussion

  1. What's your favorite website?
  2. If you could make a website about anything - what would it be about?

Set up!

  1. Log in to neocities.org
  2. Create a new file. Name it with the subject of your website!
  3. Open your file and delete EVERYTHING!!!

Add some HTML

CLICK HERE TO LEARN!
  1. Add the <html>, <head>, and <body> tags to your file
  2. Add the <title> tag inside your <head> tag and give your website a title!

When you complete the day's lessons, you can tell Ms. Sarah what gif or picture to add to our website!