Period 3 September 19, 2016

 Tuesday’s goals: Continue learning basic HTML (skip to HTML basics below)

 Monday’s goals: Finish up WordPress, learn how the internet works, and begin learning HTML

 Key skills you’ll practice: Basic HTML

Finishing up with WordPress

  • Questions to discuss (from your reflections last week):
    1. How do you transfer all of your website’s coding to WordPress?
    2. Do they give you free urls as long as it is under their url base (like www.wordpress.mywebsite.com)?
    3. How do we design the background graphics or design?
    4. Are you able to make your own website on it for a school project or just in general?

How the internet works

  • We began with this video about internet basics.
  • In your tables of 2, you will find answers to the following questions. Google is your friend, but you could also try to find some information on this site in the web section at the top of the page.
    1. What is the internet?
    2. What is an IP address and how does it relate to a domain name?
    3. What is a webpage? What is a website?
    4. What is a browser and can you provide examples of some?
    5. How do you create and register a domain name?
    6. What is a web host and why do you need one?
    7. What tool do you have to use to write HTML code?
  • Let’s check out this informative infographic about how to build a website

HTML basics

What is it? What do you use it for?

View HTML

  • Let’s view the code of our featured website. What do you recognize? Do you notice any patterns with HTML?
  • Let’s view and edit the code of a website at the same time with X-Ray Googles.

Create and edit HTML

  • Open Notepad++ on your computer
  • Look at your computer’s keyboard and find the pointy brackets (or greater than/less than symbols) < >. You must use the shift key to type these. Also look for the forward slash /, which we’ll be using in our closing tags. You DO NOT need the shift key to type the forward slash.
  • Let’s begin adding some HTML tags!
  • We’re going to use the basic tags to add text, images, links, and nested tags such as a bold link or a bold paragraph.

Important!

  • HTML tags are never capitalized
  • HTML tags usually come in pairs with an opening and closing tag. There are some exceptions, such as the line break tag and the image tag.
  • All webpages must be saved as filename.html