Students have spent a lot of time throughout the unit working on their Personal Website. In the final couple of days students finalize their websites. They work with peers to get feedback, put the finishing touches on the websites, review the rubric and reflect on their process. To cap off the unit, they will share their projects and also a overview of the process they took to get to that final design.
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 use them to style their personal websites.
This lesson encourages students to think more critically about how web searches work and how to find relevant and trustworthy information online. After viewing and discussion a video about how search engines work, students will search for information about several unlikely animals. They'll need to analyze the sites they find for reliability in order to identify which of the animals is actually a hoax.
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. Afterwards, everyone applies this new knowledge to their personal websites.
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.
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.
Students deal with common issues that arise when designing web pages in HTML. Students will corrected errors in a sequence of increasingly complex web pages. In the process they learned the importance of comments, whitespace, and indentation as tools for making web pages easier to read. At the end of the lesson students created a list of strategies for debugging web pages and ensuring they are easy to read and maintain.
This lesson covers how to use media such as images, video, or music created by others a website while respecting the rights of the creator of that media. 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.
Here's how to add an image to your website.
This lesson introduces ordered and unordered lists and the associated <ul>, <ol>, and <li> HTML tags. The class practices using the tags, then goes back to the personal web page project to add a new HTML page that includes the new tags.
We have been exploring unit 2 in class. We have just finished lesson 5.
Below, you will find the highlights from lessons 1-5.
Lesson 1 explored the top websites used in the US. We talked about what they are used for and why they are so popular.
Lesson 2 had the students brainstorm what content they wanted to put on their own websites.
Lesson 3 introduced Tags. Tags are used in HTML to label text to make it look different on a website.
Lesson 4 introduced headings. This tag will allow you change the size of your your content on your website.
Lesson 5 was all about digital footprints. We saw how easy it was to learn private information from social media accounts.