Classroom Resources

This lesson covers the input and output aspects of computers in a context that is relevant and familiar to students: apps. The class evaluates various web applications to analyze the specific problems that they were designed to solve, the inputs that they need to work, and the outputs they provide to users. The class concludes with observations of these apps as well as a teacher-led discussion about the impact of apps on society.

Note: You will need to create a free account on code.org before you can view this resource.

This lesson introduces ordered and unordered lists and the associated <ul>, <ol>, and <li> HTML tags. The class practices using the tags then returns to the personal web page project to add a new HTML page that includes the new tags.

Note: You will need to create a free account on code.org before you can view this resource.

This lesson covers how to use media such as images, video, or music created by others on a website. In addition, students will respect the rights of the creator of that media by reviewing content permissions. After first studying Creative Commons licensing, the class learns how to add images to web pages, and how to give proper attribution when doing so.

Note: You will need to create a free account on code.org before you can view this resource.

This lesson covers common issues that arise when designing web pages in HTML to include the use of intellectual property. The class will correct errors in a sequence of increasingly complex web pages found on Code Studio and learn the importance of comments (narratives), whitespace, and indentation as tools for making web pages easier to read.

Note: You will need to create a free account on code.org before you can view this resource.

This lesson covers hyperlinks, which allow web developers to connect pages together into one website. The class will link together all the previous pages into one project and create navigation bars for each page before publishing the entire site to the Web.

Note: You will need to create a free account on code.org before you can view this resource.

This lesson introduces CSS as a way to style elements on the page. The class learns the basic syntax for CSS rule-sets and then explores properties that impact HTML text elements. Finally, everyone applies text styles to their personal websites.

Note: You will need to create a free account on code.org before you can view this resource.

This lesson continues the introduction to CSS style properties, this time focusing more on non-text elements. The class begins by investigating and modifying the new CSS styles on a "Desserts of the World" page. Afterward, everyone applies this new knowledge to their personal websites.

Note: You will need to create a free account on code.org before you can view this resource.

This lesson covers classes and custom colors. The class first learns how to specify custom colors using RGB (red, green, blue) values, then applies these colors to a new Four Seasons web page, which uses CSS classes. Using classes, the class adds more styles to the Four Seasons web page, then uses them to style their personal websites.

Note: You will need to create a free account on code.org before you can view this resource.

In the last few days of the unit, the class finalizes their personal websites, working with peers to get feedback. Then, the students will review the rubric and put the finishing touches on the site. To cap off the unit, everyone shares their projects and how they were developed.

Note: You will need to create a free account on code.org before you can view this resource.

The class is asked to consider the "problems" of boredom and self-expression and to reflect on how they approach those problems in their own lives. From there, they will explore how Computer Science in general, and programming specifically, plays a role in either a specific form of entertainment or as a vehicle for self-expression.

Note: You will need to create a free account on code.org before you can view this resource.