Skip Navigation

Introduction to Web Design

Arrow image that is used as button to enroll in courses. Enroll in this Course

Open to: Grades 6-12

Eligibility: CTY-level or Advanced CTY-level math or verbal score required

Prerequisites: Students should complete the basic computer skills placement test to identify what areas they need to review before registering for this course.

Course Format: Individually Paced

Course Length: Typically 3 months

Course Code: WEB

Course Description


This course introduces students to basic web design using HTML (Hypertext Markup Language) and CSS (Cascading Style Sheets). The course does not require any prior knowledge of HTML or web design. Throughout the course students are introduced to planning and designing effective web pages; implementing web pages by writing HTML and CSS code; enhancing web pages with the use of page layout techniques, text formatting, graphics, images, and multimedia; and producing a functional, multi-page website.

The course topical outline provides a summary of course topics that can be used as a guide when progressing through the course. Upon successful completion of this course, students will be able to:

  • Recognize and understand HTML web page elements
  • Know how to write HTML code
  • Understand and apply effective web design principles
  • Enhance web pages using text formatting, color, graphics, images, and multimedia
  • Incorporate forms into web pages
  • Understand and apply CSS to format web page elements
  • Plan, design, and publish a multi-page website

Students should have a general background in using a computer, managing files, and a basic knowledge of the Internet. Students should also be able to navigate to and within a website using a web browser such as Chrome, Firefox, Internet Explorer, or Safari. Students do not need to purchase any software for this course.

Upon successful completion of this course, students will have a good foundation in web design using HTML and CSS and will be prepared to study more advanced web design topics in the next level course, Advanced Web Design.

This course does not have any synchronous class meetings, but students may schedule one-on-one virtual meetings directly with the instructor to answer questions or concerns.

Students may be invited to interact in CTY community spaces that include students and instructors and potentially specially invited guests that are not enrolled in their course. Students may be invited (but not required) to publicly post their work on outside sites (e.g., Scratch project database , YouTube, etc.). Student contributions (e.g., projects, forum posts, etc.) may remain in the course after the student completes the course. These artifacts may be preserved to showcase student work or to continue important conversations. Students must upload the files for their website project to the web server so that their site can be viewed from the Internet.

Materials Needed

A textbook purchase is required for this course:

HTML & CSS: Design and Build Websites by Jon Duckett

Detailed Course Information

Course Details

Getting Started With Web Page Design

  • The Language of the Web
  • Building Your First Web Page

Web Planning & Design

  • Planning a Website
  • Basic Web Design Principles

Web Page Basics

  • The Structure of a Web Page
  • Working With Basic Page Elements
  • Working With Comments & Special Characters

Working with Lists

  • Unordered Lists
  • Ordered Lists
  • Definition Lists

Working with Links

  • Relative & Absolute Links
  • Opening a Web Page in a New Browser Window

Working with Images

  • Working With Images – Part 1
  • Working With Images – Part 2

Working with Tables

  • Defining Basic Tables
  • Enhancing Tables Using rowspan & colspan

Working with Forms

  • Working With Basic Form Elements
  • HTML5 Form Controls

Working with Multimedia

  • Linking to Audio & Video
  • Embedding Audio & Video

CSS – Part 1

  • Introduction to CSS
  • CSS Selectors
  • Specifying Fonts & Font Sizes
  • More CSS Text Styling Properties
  • Styling Color With CSS

CSS – Part 2

  • Styling Lists With CSS
  • Styling Forms With CSS
  • Styling Images With CSS
  • Styling Tables With CSS
  • Styling Links With CSS

Page Layout Techniques

  • Fixed Width Page Layouts
  • Liquid Page Layouts

Going Live With Your Website

  • Uploading Your Site to a Web Server


Technical Requirements

This course requires a properly maintained computer with high-speed internet access and an up-to-date web browser (such as Chrome or Firefox). The student must be able to communicate with the instructor via email. Visit the Technical Requirements and Support page for more details.

Zoom online virtual classroom
This course uses an online virtual classroom which can be used for instructor-student communication if the student has any questions about the course or curriculum. The classroom works on standard computers with the Zoom desktop client and also tablets or handhelds that support the Zoom Mobile app. Students will need a computer with the Zoom desktop client installed to watch any recorded meetings. The Zoom desktop client and Zoom Mobile App are both available for free download.

Most course lectures may be viewed on mobile devices, but in some cases assignments and quizzes must be completed on a desktop or laptop computer.

Chromebooks are not recommended due to required downloading of specialized software.

This course uses Respondus LockDown Browser proctoring software for designated assessments. LockDown Browser is a client application that is installed to a local computer. Visit the Respondus website for system requirements.

While Chromebook can be used to progress through the course, all exams must be completed on a PC or Mac.



CTY Online Programs Computer Science - Comments and Feedback from Students, Parents, and Teachers



"CTY Online Programs has put together a wonderful introduction to web design course. The instructor was very responsive and patient. The course was clear and well thought out. My son has had a whole new world opened up to him. I believe it has changed him for the better, specifically as a thinking person, especially in relationship to computers."

"My son’s instructor has a great ability to interact with kids. He was able to teach a technical subject to my son amazingly well. He kindled interest in the subject. He is very dedicated and provided good feedback."

"The instructor helped my son learn how to independently complete the course successfully. She gave helpful and timely feedback and guidance to me and my son. By the end of the course, my son was corresponding with the instructor and managing the course all on his own-- what a great skill to learn above and beyond material she helped him through, which he loved. He can't wait to take the next course."