lasaspocket.blogg.se - A reflection paragraph in typing master pdf

#A reflection paragraph in typing master pdf how to
#A reflection paragraph in typing master pdf code

Set the understanding early that this is more a tool for them than an indication of either completeness or correctness. Green only means a student clicked Continue or Finish for a level.

Bubble Color: Bubbles may turn green but there is no validation of correctness.

#A reflection paragraph in typing master pdf code

Inspector Tool: Highlights the code corresponding to a web page element when hovered over in the Preview Area.Students should use these as a first place to check for help before talking with peers or a teacher. Level Drop-down Tips: Students can click these tips in the instruction areas of lessons.Set the expectation early that reading these instructions, not just the "Do This" section, is important. Each level features a "Do This" section explaining what students are supposed to do in that level. Level Instructions: Instructions may introduce small pieces of new content.

They are a good place to go for review after learning content or when students get stuck in levels. These are intended as helpful student resources, not class readings.

Map Levels: Contain text and diagrams explaining content.

Help and Tips Tab This tab contains all of the relevant videos and map levels for a particular level.

Videos: Watched as a class, but students can always return to them.

Repeat this process until you have recreated most of the web page.ĭiscuss: Once you have finished drawing the site, quickly create a list of all the different kinds of information they needed to account for in their instructions.

Keep track of the instructions students give and the improvements they make to the instructions somewhere visible as well.

Change students after a couple of instructions to get more students involved.

If you have not drawn it correctly, have them make their directions more specific until you can draw it correctly.

As the student gives you instructions have them tell you if you have drawn it correctly.

If they don't indicate where text goes then place text in random locations. For example, if told to "Write bigger", write the word "bigger" on the page.

Publicly “draw” the website exactly as the student's instructions say.

The teacher should act as the person on the phone trying to draw the web page.

Pick one student to verbally share one of their instructions with you.

This demonstration helps justify the creation of HTML in order to tag pieces of content to help the computer understand what they are and hence how they should look.ĭiscuss: Once students have written their instructions, have them briefly share their instructions with a neighbor.ĭemo: Run a quick demo using the instructions below. You want to highlight the challenge of differentiating the actual content on the page and instructions indicating how it should be structured.

Goal: Activities like this one are often used in CS courses to help highlight just how much precision is needed to communicate instructions to a computer. In the next lesson students will have more time to spend programming in HTML. While the understanding of HTML as a way to communicate the structure of a web page is a critical learning objective, this lesson has students do minimal programming since there are many other new ideas and tools to grasp.

#A reflection paragraph in typing master pdf how to

They are introduced to HTML, the Web Lab tool, and how to navigate lesson resources on in general. This lesson introduces many new concepts and tools to students. structure that was developed throughout the lesson. A wrap-up discussion helps to solidify the understanding of content vs. Students then look at an exemplar HTML page in Web Lab and discuss with their classmates how HTML tags help solve this problem. The lesson begins with a brief unplugged activity demonstrating the challenges of effectively communicating the structure of a web page. In this lesson students are introduced to HTML as a solution to the problem of how to communicate both the content and structure of a website to a computer. Question of the Day: How can we tell the computer both what to put on the web page, and how to organize it?