Alternate Exercises: Web Design (Picasso)

Getting Started - What is the Web?

1.1 Welcome

Description

Objective

1.2 The Internet

Description

Objective

1.3 Browsers

Description

Objective

1.4 Viewing Websites

Description

Objective

1.5 Getting Started - What is the Web? Quiz

Description

Objective

HTML - Structuring Websites

2.1 Introduction to HTML

Description

Objective

2.2 Structure of an HTML Page

Description

Objective

2.3 Formatting Text

Description

Objective

2.4 Links

Description

Objective

2.5 Images

Description

Objective

2.6 Copyright

Description

Objective

2.7 HTML Lists

Description

Objective

2.8 HTML Tables

Description

Objective

2.9 HTML Styling

Description

Objective

2.10 HTML Colors

Description

Objective

2.11 HTML - Structuring Websites Quiz

Description

Objective

CSS - Styling Websites

3.1 Introduction to CSS

Description

Objective

3.2 CSS Select by Tag

Description

Objective

3.3 CSS Select by Class

Description

Objective

3.4 CSS Select by ID

Description

Objective

3.5 The Cascade

Description

Objective

3.6 CSS - Styling Websites Quiz

Description

Objective

Project - Create Your Homepage

4.1 Homepage: Your First Website

Description

Objective

Advanced HTML and CSS

5.1 Getting Started - Advanced HTML and CSS

Description

Objective

5.2 Multi-file Websites

Description

Objective

5.3 Embedding iframes

Description

Objective

5.4 Divs

Description

Objective

5.5 Spans

Description

Objective

5.6 Semantic Tags

Description

Objective

5.7 Combining CSS Selectors

Description

Objective

5.8 The Don't Repeat Yourself Principle

Description

Objective

5.9 Special Selectors

Description

Objective

5.10 Visibility

Description

Objective

5.11 Reading Documentation

Description

Objective

5.12 Using the Inspector

Description

Objective

5.13 The Box Model

Description

Objective

5.14 Image Manipulation

Description

Objective

5.15 Animation

Description

Objective

5.16 Interaction

Description

Objective

5.17 Advanced HTML and CSS Quiz

Description

Objective

Project - Tell a Story

6.1 Project: Tell a Story

Description

Objective

Bootstrap

7.1 What is Bootstrap?

Description

Objective

7.2 Getting Started with Bootstrap

Description

Objective

7.3 The Bootstrap Grid System

Description

Objective

7.4 Bootstrap Components

Description

Objective

7.5 More Bootstrap Components

Description

Objective

7.6 Navigation Bars

Description

Objective

7.7 Drop Down Menus

Description

Objective

7.8 Using Bootstrap Examples

Description

Objective

7.9 Bootstrap Challenges

Description

Objective

7.10 Bootstrap Quiz

Description

Objective

Bootstrap Project

8.1 Bootstrap Project

Description

Objective

Designing User Interfaces

9.1 Intro to Design Thinking

Description

Objective

9.2 Empathy

Description

Objective

9.3 Define

Description

Objective

9.4 Ideate

Description

Objective

9.5 Prototype

Description

Objective

9.6 Test

Description

Objective

9.7 Designing User Interfaces Quiz

Description

Objective

Final Project

10.1 Final Web Design Project

Midterm

11.1 Midterm

The Internet

12.1 Getting Started - The Internet

Description

Objective

12.2 Internet Hardware

Description

Objective

12.3 Internet Addresses

Description

Objective

12.4 DNS

Description

Objective

12.5 Routing

Description

Objective

12.6 Packets and Protocols

Description

Objective

12.7 The Impact of the Internet

Description

Objective

12.8 The Internet Quiz

Description

Objective

Design Research Project

13.1 Design Research Project

Web Design Pretest

14.1 Web Design Pretest

Web Design Posttest

Products

Computer Science Curriculum

Customizable K-12 Computer Science Curriculum