Web Design (Picasso)
- Level High School
- Contact Hours 140
- Timeframe Year
This is a project-based course that teaches students how to build their own web pages. Students will learn the languages HTML and CSS, and will create their own live homepages to serve as portfolios of their creations. Students will finish this course with tangible, professional, mobile responsive websites.
To view the entire syllabus, click here or click to explore the full course.
MODULES - 10
Students are provided with a high-level introduction to the Internet and how it functions, investigate how the Internet has impacted society over time and set course goals for themselves.
Students learn about the language behind all websites: HTML. Students learn about several different HTML tags as well as the basic structure of a web page. Students use HTML to develop several of their own creative web pages.
Students learn the language CSS and use it to style their web pages. Students learn about the benefits of styling with CSS and will use CSS to create several styled web pages of their own.
Students build their own websites about themselves. This site will be accessible on their own custom domain and will be continually improved by the student as they continue on in the course. It will serve as a running portfolio of each creative project they create in the course.
This module dives deeper into different things we can do with HTML and CSS. Students practice advanced topics in HTML and CSS, including visibility, image filtering, interaction, and animation, to develop more advanced websites.
Students develop an animated and interactive web page that tells a visual story and add this web page to their personal portfolio website.
This module introduces students to Bootstrap, an HTML and CSS framework for developing responsive, professional websites. Students use Bootstrap to develop several professional, mobile responsive websites.
In this project, students work in teams to create a professional, responsive website using Bootstrap.
This module introduces students to the theory and practice of user interface design. Students learn about what makes an engaging and accessible user interface and will employ an iterative design process including rapid prototyping and user testing to design and develop their own engaging web pages.
In this project, students work in teams to design, prototype, test, and develop a final website.
Explore programs that your students will build throughout this course!
Here are a few examples of teacher resources and materials to use in the Web Design (Picasso) course
The CodeHS Web Design Level 1 Certification offers high school students the opportunity to validate their mastery of Web Design, giving them a competitive advantage when entering college or the workforce.
Learn MoreIn today's world, web pages are the main medium for sharing ideas and information. Learning to design websites is an incredibly useful skill for any career path. This Professional Development course prepares teachers to teach a successful Web Design course with CodeHS.
View Units CodeHS PD Options| Standards Framework | Alignment |
|---|---|
| Certiport IT Specialist HTML and CSS | 88% View |
| ISTE | 71% View |
| CIW Site Development Associate Exam | 70% View |
Create and organize Assignments in any CodeHS course that you're teaching. You can even add custom assignments to pre-existing CodeHS courses.
Learn MoreDidn't find what you were looking for? Here are a few links that might be useful to you.
You also might like
This course is built for high school students across a full year, at about 140 contact hours. It is the most complete of the CodeHS Web Design courses and the only one with certification and standards alignment attached.
No prior experience is needed. The course is a project-based introduction to web design, starting from the fundamentals of HTML and building up from there. It assumes students have never written code before.
Students build tangible, professional, mobile responsive websites. They create live homepages that act as portfolios of their work, so what they finish with is a real site rather than a set of exercises.
There are five, and they differ by grade band and length rather than content. Picasso is high school, a full year, and the only one with certification alignment. Monet is high school, one semester. Matisse, Kahlo and Dali are the middle school versions at a year, a semester and a quarter.
No. CodeHS offers Teaching Web Design, a 40 hour professional development course that prepares teachers to run a Web Design class. It covers the content itself and how to teach it, and assumes no prior web development background.
