Level 1 · Web Introduction

This six-week level introduces the tools and decisions involved in making a website. You will build small products while you find out which parts of web work interest you.

What you will work with

HTML and CSS

Structure web pages with HTML and control their appearance with CSS.

Content and graphics

Build a simple site in a content management system (CMS). Prepare images and simple graphics for the web.

Design across devices

Apply basic design principles and make choices that work on different screen sizes and platforms.

Quality and communication

Track project versions with Git and GitHub. Test, validate, document, and present your work, and use basic search engine optimization (SEO).

What you will build and practice

You will work on small coded websites, a simple CMS site, web-ready graphics, and ways to test and present a digital product. Each task will state its required result and any optional extension work.

How you will work

You will practice following a clear brief, recording useful project checkpoints, finding information, meeting a deadline, and explaining your decisions. You will also identify your current strengths and the areas you want to develop.

Start here

Begin with Set up VS Code and your school workspace. Continue to Practice: Open a project workspace when the lesson self-check passes.

Look up the complete learning goalsOpen this section when you need the formal list.

These goals describe what you will work toward during the level. You do not need to master everything before you start.

Technical learning goals

• Build simple websites with HTML and CSS.
• Build simple websites with a content management system (CMS).
• Use basic image-editing tools to create simple graphics and prepare images for the web.
• Apply design principles to your work.
• Use tools to present a digital product.
• Use basic quality assurance, including documentation and validation of your own work.
• Make design choices for different platforms.
• Use basic search engine optimization (SEO).

Professional learning goals

• Work on an assignment as agreed and use the instructions you receive.
• Look for relevant knowledge and ask questions when you need information.
• Identify your skills and interests within web and visual design.
• Deliver work by an agreed deadline.
• Document your work and share what you know.

Assessment

You receive ongoing feedback during the level. The final result is completed or not completed, based on the technical and professional learning goals.