In this lesson, students will learn about the fundamentals of web design, and consider the ways that they already interact with web sites in their daily lives.
Students will be able to:
In this lesson, students will explore what the internet is and how it can be used for socially beneficial activities, as well as how the internet can be used in potentially harmful ways. Students will examine how computers are connected with local and global networks to create a very large web of networks we know as “the internet”.
Students will be able to:
In this lesson, students will explore the program that allows them to use the internet at all – the browser. They will explore what a browser is capable of doing, and compare several different browser programs.
Students will be able to:
In this lesson, students learn what a URL is, and what is happening when they visit a URL.
Students will be able to:
In this lesson, students complete a summative assessment of the unit?s learning objectives.
Students will be able to:
In this lesson, students will be introduced to HTML: the language for building web pages. Students will discover why HTML is important and how it works in order to start building their own web pages.
Students will be able to:
In this lesson we upgrade from simple tags to full HTML documents. We learn some new tags that let us put information in different places on the web page, and we learn about the nested tree structure of an HTML document.
Students will be able to:
In this lesson, students learn about formatting tags that let them modify the appearance of text and make their web pages look clear and aesthetically pleasing.
Students will be able to:
In this lesson, students learn how to add hyperlinks to their web pages using the <a> tag.
Students will be able to:
In this lesson, students learn how to add images to their own web pages using the <img> tag!
Students will be able to:
In this lesson, students will learn what copyright laws are and how to avoid copyright infringement. They will explore why copyright laws are important and how they protect the creators. They will practice finding and citing online images.
Students will be able to:
In this lesson, students learn how to add lists to their web pages and practice making different kinds of lists.
Students will be able to:
In this lesson, students learn how to create and add tables to their web pages!
Students will be able to:
In this lesson, students will use HTML styling to make their pages visually appealing and unique.
Students will be able to:
In this lesson, students will dissect how colors are represented on a webpage. They will learn about how red, green, and blue are mixed to create colors, and how the levels of red, green, and blue are specified using rgb values and hex values.
Students will be able to:
This lesson is a summative assessment of the unit’s learning objectives.
In this lesson, students will begin using CSS to add styling to their HTML pages.
Students will be able to:
In this lesson, students will learn CSS superpowers! CSS tag selectors can be used to select all elements of the same kind (<table>, or <h1> for example) and give them all the same style.
Students will be able to:
In this lesson, students will learn how to use CSS class selectors to apply CSS styling to all HTML elements that share a specified class. This allows for more specific styling.
Students will be able to:
Using CSS to select an element by ID helps to select a single element to format on a webpage. This is helpful when there is a need to be very specific in applying the CSS rules for the webpage.
Students will be able to:
In this lesson, students will learn how CSS rules are applied when more than one rule applies to an element.
Students will be able to:
In this lesson, students complete a summative assessment of the unit?s learning objectives.
Students will be able to:
This project is meant to be a challenge that touches multiple concepts from the course to produce a digital artifact. In this Practice PT, students will be developing their first digital artifact: their very own website! This website will start off as their own personal homepage, and as students progress through the course, they will keep adding links to their favorite projects. By the end of the course this homepage will serve as their own personal portfolio website showcasing their work!
Students will create their own website from scratch, hosted at their own custom domain.
In this lesson, students will preview some of the advanced HTML/CSS features they will be learning how to use in this module!
Students will be able to:
In this lesson, students will learn why multi-file websites are important and how they can create them.
Students will be able to:
In this lesson, students will learn how to embed content from other websites into their own websites using IFrames.
Students will be able to:
In this lesson, students will learn how to use divs to group and style multiple elements.
Students will be able to:
In this lesson, students will learn how to use spans to group and style multiple elements of inline text.
Students will be able to:
<span> tag to style multiple elements of inline textIn this lesson, students wlll learn how to combine CSS selectors so they can style multiple selectors and combinations, or specific parent/child selectors.
Students will be able to:
In this lesson, students will learn the Don’t Repeat Yourself (DRY) principle.
Students will be able to:
In this lesson, students complete a summative assessment of the unit?s learning objectives.
Students will be able to:
In this lesson, students learn the basics of Design Thinking. Design Thinking is a step by step process that helps developers and entrepreneurs develop their products while considering their end-users and testing out products before releasing them. Students will get an opportunity to practice Design Thinking in all subsequent lessons in this unit.
Students will be able to:
In this lesson, students learn in more depth about the first principle of Design Thinking: Empathy. Empathy is the ability to understand and share the feelings of another, and is the most important tenet of Design thinking. Students will practice building empathy by interviewing classmates and evaluating the accessibility of existing web pages.
Students will be able to:
In this lesson, students will take the information that they gathered in their interviews with peers to define a specific problem that needs to be solved. Students will create Point of View statements and composite characters to make a profile of the users who are in need of a fix to the problem that students define.
Students will be able to:
In this lesson, students will learn strategies to help them ideate solutions to the problems they have been exploring throughout the Design Thinking module. Students will spend class time brainstorming with classmates, and encouraging one another to come up with out of the box solutions.
Students will be able to:
In this lesson, students learn the basics of prototyping. Students will create a prototype based on ideas they came up with for their design project, and present prototypes to classmates for critiquing.
Students will be able to:
In this lesson, students will test one another’s prototypes and provide constructive feedback about its usability and aesthetic appeal. Students will also ask thoughtful questions of the testers to get a better understanding of their experience interacting with the prototype.
Students will be able to:
In this lesson, students review content with a 10 question End-of-Unit Quiz.
Students will be able to:
