Computer Programming 1/2HTML ActivitySeptember 7, 2016

Objectives:Now that you have had a chance to use a template to create a webpage, you will be learning how to write the code for a website from scratch!! The activity for today should help you to:

-Better understand common HTML tags and structure

-Review the common terms and vocabulary used in HTML and CSS

-Learn a few new HTML tags you can use for your sites!

-Use inline CSS to stylize HTML directly

Directions:

READ ALL OF THE DIRECTIONS AND FOLLOW THE DIRECTIONS CAREFULLY!

  1. Go to the Code Academy course for HTML and CSS: click “Start” and when prompted, enter an e-mail, password, and username to access the course. You may want to use your Tamalpais Google account that you would use for Google classroom.
  2. The site should direct you to the online interface for Code Academy’s HTML course, and will start with Unit 1, Lesson 1. See the screen below.
  3. On the left side of this screen (shown below) are the instructions for the activities, and the information for each lesson. You need to use the scroll bar to access all of these instructions! (see tall red circle below). In the middle of the screen is where you will enter code, and on the top right (the small white box) is where you will observe the output for the code you entered.

  1. You must click the blue “Save and Submit Code” button to generate output and you must generate the correct output to receive credit for the lesson. In the bottom left of the screen you will see the lesson number for the Unit you are on (see red circle). For example, the lesson for the screen above is “1. Why Learn HTML?” You can view other lessons by clicking this region. See the next page of this document for more details on this.
  1. When you are in your workspace, you can access your progress for the Unit by clicking on the bottom left of the screen, which shows the current lesson you are working on (circled in red below as “11. Adding images”).

  1. When you click this, a menu will appear with the Lessons listed for the unit. Unit One and Two overviews are shown below. When you successfully complete a lesson, the computer will indicate that with a little green “checkmark” next to the lesson completed. See red circle below, which shows Lessons 2 and 3 as completed.

Unit One Overview:Unit Two Overview:

You should complete ALL of Unit 1 and Unit 2! I WILL BE CHECKING YOUR GREEN “CHECKMARKS” FOR EACH LESSON when I return next week!! The site should move you along to Unit 2 after completing Unit 1.