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.
So far, we have learned about the problem solving process and the elements of a computer. Today, we applied them to applications. We took a look at a sample application and asked:
What would be the input?
What would the application need to process?
What information would need to be stored?
What is the output?
After brainstorming, students were given the task of identifying the different functions of a computer for two different apps. Here is an example of one below.
App Store Exploration
Visit an app store like Google Play or Apple’s App Store. Find a non-gaming app and conduct the same analysis as in the activity guide (problem it solves, information it needs, output it provides to the user).
Today we focused on how computers use storage to process information.
To help us understand, we did another activity involving cards. The activity looked like this:
In the beginning, the students didn't need to use a lot of storage spaces but by the end, the students needed a lot more. The main point of the lesson is that without storage, computers cannot process information.
Pick a Card
Our main activity focused on writing algorithms. We did this through sorting cards.
Writing an algorithm is similar to writing a program. It may take a while to write an effective algorithm to solve a problem but it can save you time in the long run. The eventual goal is for the computer to do the work for you.