Introduction to Web Design
- Grade 6+
- Computer Science and Technology
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.
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.
Students enroll in a course by selecting an open class below. Students progress at their own pace following course guidelines, with guidance from instructors who strive to meet individual needs. While the course provides students with independence and flexibility, students must manage their time to complete the course before the end date.
Note: You need an active CTY Account to complete registration through MyCTY.
Testing and Prerequisites
|Required Level||CTY-Level||or CTY-Level|
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.Sign up for Testing Learn More
Course PrerequisitesIntroduction to Web Design requires:
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
- Nonrefundable Application Fee - $15 (Waived for financial aid applicants)
- Nonrefundable International Fee - $20 (outside US only)
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.
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
- Software: An Advanced Text Editor. Instructions are provided in the course.
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.
About Computer Science and Technology at CTY
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.
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!