Introduction to Web Design

About the Course

Introduction to Web Design

Grade 6+
CTY-Level
Individually Paced
Computer Science and Technology

Register before December 17, 2024 to start on or before December 31, 2024. This course is not accepting enrollments starting after December 31, 2024.

Explore basic web design using HTML and CSS to plan and create effective webpages, implement them by writing code, enhance them with the use of page-layout techniques, and produce a functional, multi-page website.

While no prior experience is required for this course, you should have a background in general computer use, as you’ll cover topics such as recognizing and understanding HTML webpage elements, writing HTML code, applying effective web design principles using CSS, and incorporating forms into webpages.

By the end of this course, you’ll have a good foundation in web design using HTML and CSS and will be prepared to study more advanced topics in the next-level course, Advanced Web Design.

Recommended length of enrollment: 3 months

Time Commitment: 7-9 hours of independent work per week.

Course Overview

What we'll do

We'll complete 12 instructional units. Each unit includes lessons, videos, forum discussions with optional challenge problems, interactive activities, a quiz, and programming assignments. There is also a unit for the midterm project, and one for final project and final exam. This course does not have live classes, but you can schedule an individual meeting with your instructor as needed.

What we'll learn

How to plan and design an effective website structure using standard design tools
How to use common HTML page elements
How to implement lists in a web page
How to apply HTML code to create tables in a web page
How to apply links through navigation and hyperlinks in a web page
How to incorporate images and multimedia in a web page
How to apply HTML code to create forms with various input type
How to format web page content using Cascading Style Sheets (CSS)
How to style lists, forms, images, tables, and hyperlinks using CSS
How to implement fixed and liquid web page layouts

By the end of the course, you will be able to:

Express knowledge of basic HTML tags by writing your own websites, properly utilizing tags, and demonstrating an understanding of existing HTML code
Effectively apply basic CSS styling on websites
Plan and design an effective website structure using standard design tools such as File Structures, Sitemaps, and Design Sketches. Apply these tools when creating a larger website
Choose and apply HTML tags appropriately to format content when creating webpages with original content and structure
Follow best practices to effectively incorporate basic interactive and multimedia elements such as forms, tables, images, and videos into web pages
Effectively apply digital accessibility standards to create web pages that provide an equivalent user experience for a wide range of audiences and device
Design and publish a multi-page website

How we’ll measure learning

Instructors evaluate student work using marking guides and rubrics and provide detailed constructive feedback on programming assignments and projects. Interactive activities, quizzes and exams are automatically graded and feedback provided by the learning management system. This course is partially aligned to K-12 Computer Science Framework standards.

This course is

graded.

Apply any time and get started in 2 weeks*

*Select courses have registration deadlines. Please see individual course descriptions for details.

Classes

Enrollment and tuition are time-based—students may enroll in a course by selecting an open class below. Students will progress at their own pace, with guidance from instructors who strive to meet individual needs. Note: You will need to have an active CTY Account to complete registration through MyCTY.

This course is not open for enrollment at this time.

Testing and Prerequisites

	Math	Verbal
Required Level	CTY-Level	or CTY-Level

Check your eligibility using existing test scores If you do not have existing test scores:

Students must achieve qualifying scores on an advanced assessment to be eligible for CTY programs. If you don’t have qualifying scores, you have several different testing options. We’ll help you find the right option for your situation.

Course Prerequisites

Introduction to Web Design requires:

1 prerequisite

Students enrolling in this course should be comfortable with:

Using a computer, keyboard, email, and browser
Managing files
Attaching files
Compressing/decompressing files

Cost and Financial Aid

Tuition
- Varies
Application fee
- Nonrefundable Application Fee - $15 (Waived for financial aid applicants)
- Nonrefundable International Fee - $20 (outside US only)

Financial Aid

We have concluded our financial aid application review process for Academic Year 2023-2024 Online Programs (Courses with start dates July 1, 2023-June 30, 2024). Our application for Academic Year 2024-2025 Online Programs is expected to open in January. We encourage those who may need assistance in the future to apply for aid as early as possible.

Learn More

Course Materials

Please acquire all course materials by the course start date, unless noted as perishable. Items marked as “perishable” should not be acquired until the student needs them in the course. If you have questions about these materials or difficulty locating them, please contact [email protected].

Book Title: HTML & CSS: Design and Build Websites
Author: Jon Duckett
ISBN: 1118008189

Software: An Advanced Text Editor. Instructions are provided in the course.

Technical Requirements

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

This course uses a virtual classroom for instructor-student communication. The classroom works on standard computers with the Zoom desktop client, and on tablets or handhelds that support the Zoom Mobile app. Recorded meetings can only be viewed on a computer with the Zoom desktop client installed. The Zoom desktop client and Zoom Mobile App are both free to download.

Most course lectures may be viewed on mobile devices, but some 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.

Terms & Conditions

Courses may include videos from the web. Recommendations or links at the end of videos are provided by the video host and are not CTY recommendations. 

You may have the option to post your work on public third-party sites (e.g., YouTube). 

Virtual class meetings may be recorded for students to review.

After a you complete a course, your projects may be used to illustrate work for future students. 

You will need to create an account on a third-party site to access course resources.

Are you a student in elementary through high school who dreams of being a coder? Do you want to develop critical thinking and learn creative problem solving? And do you want to do it all on your own time and at your own speed? Our fun and lively online Computer Science and Technology courses range from Scratch programming for young scholars to advanced Java concepts and AP Computer Science. Gear up for learning real-world computer languages and practicing new programming skills in an array of projects including animation, game design, web design, and more.

Learn Java

In the newly revised Introduction to Java course, you'll develop introductory Java programs to provide technology solutions for an imaginary new company of your choosing. Think of an idea for a business, hobby, or interest you have. The programs you write in this course will support your imaginary business, and maybe someday you'll use them to start your own company!

Get started with Computer Science and Engineering

In the updated Introduction to Computer Science and Engineering course, you’ll get to use your scientific and creative abilities to design and build lots of cool projects. You'll learn how to use a MaKey MaKey board and Scratch programming to invent games and solve problems. Get ready to take a hands-on approach in this fun course!

Meet our Computer Science and Technology Instructors

Programming is all about breaking the problem into small manageable pieces. I teach students how to brainstorm, code a small piece, and test. Then add another piece into it and continue until you are done. This is like driving at night. You keep driving until you reach your destination.

Tarequl Hassan

Computer Science Instructor

Students are always curious and full of interesting ideas when starting their programming course. I have enjoyed teaching them the tools to help bring their ideas to life and seeing their interest continue to grow.

Eric Tsai

Computer Science Instructor

Online Programs