Web Design

An introduction to web development for coders in upper middle or high school. Students will be introduced to web page development using HTML and CSS. Starting from building their very first web page, they progress to learn about paragraphs, lists, tables, inserting images, audio and video files and hyperlinking while they work on 14 different hands-on practical do-it-yourself projects, several hands-on programming challenges, and assessment quizzes throughout the course. Finally they build a photo gallery and their own version of Instagram to complete this course.

This course is ideal for students who are comfortable with text entry. It is recommended that students have completed at least one block or syntax coding course so that they are familiar with the basics of programming logic and computational thinking. The course will help them transition to HTML and CSS – the web development languages, and adapt to the additional challenges of text-based syntax.

Students who successfully complete this course will demonstrate a strong mastery of HTML and CSS syntax, as well as the ability to create their own web sites from scratch. They will be able to create web pages for other projects in their academic curriculum, such as book reports, presentations and STEM assignments. (This course does not cover the use of JavaScript in web development.)

Some courses might not be available at every camp – check your preferred location and dates to view course offering.

This course can welcome a maximum of 6 students. Sign up early to secure your spot!  


Sites consist of:

  • Domains
  • Hosting
  • Site tech platforms
  • The code that creates the site
  • The content in the site

We’ll go through these one at a time.

  • Recommended Age 12+
  • Recommended but not essential – Students should have completed at least one block or syntax coding course, such as Code in Python, Hacker Mode or equivalent.

• HTML page creation
• CSS Styles
• Hyperlinks, lists, and tables
• CSS pseudo-classes, selectors, and more
• Typography and page layout
• CSS Box model
• Images, audio, and video
• Modal popups and hover states
• Multi-page websites
• Responsive website design

  • Students will create their own functioning website and photo-library.

For every student sign-up we donate CHF 5 to Espoir Jeunes, to help children in Africa create a better future for themselves