Learning Goal #5
PART 1: DAILY DISCUSSIONRead More
TOPIC 1: A REVIEW OF HTML/CSS
As you learned in the last two lessons, online games are designed with programming languages. If those games are on a web page, then the web page must have HTML for the structure (like a skeleton) and CSS for the style (like the skin). You learned that HTML is set up like this. And you also learned that CSS is set up like this.
TOPIC 2: A SKELETON AND SKIN WITHOUT MUSCLE
Try to imagine a body with only a skeleton and some skin. If that body has a good, solid skeleton or if that body has nice looking skin, it can’t ever go anywhere or do anything. Even the guy in this picture is doing more than a person with no muscle could actually do. That’s because you need muscle in order to have action or movement.
In order for a body to move on its own and come to life, it needs a little muscle. If you stop and think about what’s inside of your body, muscles are basically just a collection of really strong fibers and tissues that keep the skeleton and the skin together. Muscles allow the body to have movement. Muscles allow the body to stay still, or stabilize posture. And muscles can be improved or strengthened so that certain parts of the body can do more than other parts. Even the brain sometimes acts like a muscle because it can be improved and strengthened over time, but it’s really just another organ like the heart or the liver. Just remember that muscles help control the behavior of the body.
TOPIC 5: ANOTHER WAY TO LOOK AT
PART 2: DAILY DESIGNRead More
STEP 1: CREATING A NEW FILE
Open a new Notepad document and save it as “lesson3_muscle.html” in your “LG5_basicjs” subfolder. You must not forget the “.html” at the end of the file name that you’re saving.
STEP 2: FINDING THE HIDDEN CODE
Somewhere on this page is a hidden code. See if you can find it. Once you do, go ahead and copy/paste it into your Notepad, save it (CTRL-S), and open it with Google Chrome.
STEP 3: CREATING A SPLIT SCREEN
When you reach this point, you have everything necessary to get started. So drag your code to the left side of your monitor and create a split screen so that you can see the design on the right. The teacher will know you are done when your screen shows the code on one side and the design on the other. Once the teacher sees that you and your partner are all set up, you will probably be asked to stand up and help someone else out.