Webpages with HTML & CSS

In this lesson, students get a taste for what happens behind the scenes when they are viewing web pages online. They are also introduced to HTML (HyperText Markup Language), one of the two core languages used to create web pages.

In this lesson, students get an introduction to CSS (Cascading Style Sheet), a programming language that was created for web developers to describe the format and presentation of a web page. This language pairs amazingly with HTML, and is a basic building block for developing a website.

In this lesson, we take a more in-depth look at HTML, this time putting more attention on structure and tags. Students will learn about the syntax of heading, paragraph, and link tags.

In this lesson, students learn how to add information to their tags to give them more control over function and appearance. Students also learn about the anchor tag and how to utilize attributes to create their first link. 

In this lesson, students delve into different text styling tools, including ways to change the color, size, style, and font. This will help students more easily personalize and design their websites.

In this lesson, students learn all about containers and how to use them. Students will get familiar with the syntax, function, and place of containers.

In this lesson, classes expand on our previous knowledge of IDs as identifiers for HTML elements. Learning about classes gives students another identifier to operate specified tasks for elements.

In this lesson, students are introduced to the box model, the browser’s way of viewing HTML elements. Students will learn how the box model organizes and positions HTML elements on your screen.

In this lesson, students get to dive into HTML positioning and different want to move elements in relation to the page and each other. They’ll also expand their use of multimedia by learning how to use audio tags for embedding audio files.

In this lesson, students have already taken a look at embedding text, images, and audio. Now, we will talk about how to incorporate video into web pages. Students will also learn how to handle more complicated file structures by using files in a multitude of locations.

In this lesson, students will start on their final project which will combine the skills they’ve learned over the past several weeks. They will be creating a web page that simulates a fortune cookie and retrieves a random fortune when clicked.

In this final lesson, students focus on debugging and completing the fortune cookie project that was started in the last class lesson. They will build and style a web page from scratch, and get a sneak peek into writing Javascript. Students will complete a final project that showcases all the skills learned throughout class.