Skip Navigation

Introduction to Web Design

Open to: Grades 6-12

Prerequisites: Qualifying math or verbal score

Course Format: Individually Paced

Course Length: Typically 3 months

Course Code: WEB

Course Description

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.

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.

This course uses an online virtual classroom for discussions with the instructor. The classroom works on standard computers with the Adobe Flash plugin, and also tablets or handhelds that support the Adobe Connect Mobile app.

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.

 

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

Reviews

Quotes:

"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."