Getting Started With HTML HTML code needs an editor for a programmer to be able to use. We can use Notepad on a PC or TextEdit on a Mac. However, it is also recommended that students use an online editor to make it easier to show others what has been done such as a Google Doc or Page 1

Basic HTML Commands A section of HTML text should start and end with and Inside the should be a and After the and inside the should be a and Large text such as a title or heading should be inside The number can be from 1 to 6 and are used for paragraph text Page 1

Ordered lists start and end with and Each list item starts and ends with and An unordered list Is the same as the ordered list except use and will make a nice line across the screen to separate sections has the page display a “break” to make a new line. Use a few of them to make extra blank lines. Page 2

Bold Text Italics Text Underlined Text A command creates a division that we can format in a way we choose such as We can change the “center” to “left” or “right” or “justified” to get different placement. Show an image with Paragraph Text Page 2

Rubric – Each Item Worth One Point Begin assigned work on time Work on assigment the entire class period Write most of the notes Write all of the notes Complete planning exercise Page 3

Submit a web page with any part that is correct. Apply most of the teacher's model to create a web page on the quiz. Apply teacher's model to create an HTML web page on the quiz. Expand upon the teacher's example in a unique way that solves a non-trivial problem. Independently research additional commands that have not been presented in class to improve upon the teacher's basic format. Page 3

Quiz Answer First ordered Line Text Second ordered Line Text First Unordered Line Text Second Unordered Line Text Page 4

Bold Text Italics Text Underlined Text Heading Text Paragraph Text Page 4

Getting Started With Scratch Use the beginning part of your as your account name such as jsmith32423 if your name was John Smith. Click create to start a new project. Edit the stage, sprites and scripts to do what you want. Page 5

Planning Our Life’s Story Our life has a past a present and a future. We may focus on any part of our life that we choose. Take a plain piece of paper and fold it into fourths. Front and back, we now have 8 boxes. Draw and write out your story. Include as many details as possible. Items that appear in your program but not in the plan, may not receive credit. Page 5

Scratch Commands The When Flag Clicked event is a good way to start because it gives the user a way to begin the program. The Move command lets a sprite change its location. The Say command lets a sprite put text on the screen as if they were speaking. The Wait command has the sprite stop and wait. This is important to get timing correct. Page 6

The if on edge, bounce command lets us have a sprite bounce off the wall. The point in direction command lets us choose where the sprite should face based on the 360 degree system. The turn commands let the sprite face more to the right and more to the left The change x by and change y by let the programmer move a sprite’s position by an incremental amount The glide command will let a sprite move smoothly across the stage. Page 6

Sprite Configuration The happy little pictures that move around the screen are objects that are called sprites. We can edit how the sprite looks by changing its costume. We can even upload our own pictures to make any costume we want. A sprite can have multiple costumes to show them making different kind of gestures or any kind of image change that still represents the same sprite. Page 7

Sprite Timing It is important to have our sprites timed correctly. If a sprite does not get used at the beginning of the story, it may need a long delay using the Wait command. Getting the hang of when and how to pause is an important concept for the director/author/programmer to master. It will work out better if a careful plan has been drawn out. Page 7

Quiz Answers 1. Write a program that will have the sprite say "Hello!" when the green flag is clicked. when clicked say Hello! 2. Write a program that will enable a sprite to move the right by 40 steps every time the green flag is clicked and bounce if it hits a wall: when clicked move 40 steps if on edge, bounce 3. Write a program that has a sprite introduce its self by saying 3 things. Each statement should last two seconds AND have a two second pause with no text showing for the current sprite: when clicked say Hello! wait 2 seconds say I'm a sprite. wait 2 seconds say Lets be friends! wait 2 seconds Page 8

4. Write a program that will have a sprite glide to the four corners of the canvas/stage: when clicked glide 1 secs to x: -240, y:180 glide 1 secs to x: 240, y:180 glide 1 secs to x: 240, y:-180 glide 1 secs to x: -240, y: Write a program that will enable a sprite instantly to go to location 0,0 and then move left by 20 steps and then move right by 20 steps and then move up by 20 steps and then move down by 20 steps. Have the sprite say "jump" for two seconds at each of the 5 locations. when clicked go to x: 0, y: 0 say jump for 2 seconds change x by -20 say jump for 2 seconds change x by 20 say jump for 2 seconds change y by 20 say jump for 2 seconds change y by -20 say jump for 2 seconds Page 8