Web Design Classes

About This Web Coding Class

In this beginner-friendly course, you’ll learn the essential building blocks of web development: HTML and CSS. You will gain an understanding of the fundamentals of HMTL and CSS and they relate to the creation of webpages. We will be using Adobe Dreamweaver as our code editor and will work the WYSIWYG interface to do our hand coding. During this term, you’ll to use HTML to define th structure and content of webpages, followed by learning CSS to style and design your sites.

Course Overview

• Components of Web Pages/ Web Standards/ADA/ Basic Design Limitations
• Site Evaluation
• Designing for the Web/Precoding/
• Wireframing/Prototyping/Mockup
• Review HTML/CSS
• Using drop menus, sliders and galleries
• Using responsive CSS
• Working with Templates
• Creating working forms
• Working with Images – optimizing with Photoshop
• Website projects

About Web Design II

Course Overview

This course introduces students to WordPress as a professional platform for web design and development, with a focus on Full Site Editing (FSE) and the Site Editor. Students will explore how WordPress works as a Content Management System — separating content, design, and core functionality — and how to use that structure to build polished, maintainable websites.

The course follows a design-first approach. Students will design a complete portfolio website in Figma — including a design system, wireframes, and high-fidelity mockups — before building in WordPress. This mirrors professional practice and ensures every decision made in the browser is intentional.

AI tools may be introduced as professional aids throughout the course for layout planning, content writing, and debugging. When used the emphasis is always on creative ownership: students direct the work and AI assists.

By the end of the course, students will complete an individual project: the design and development of a self-promotional portfolio website, live on the web and ready to share with employers or clients.

Course Goals and Learning Outcomes

Upon successful completion of this course, students will be able to:
1. Explain how WordPress works as a CMS and how Full Site Editing differs from classic WordPress themes
2. Navigate and use the WordPress Site Editor — Templates, Template Parts, Global Styles, and Patterns
3. Design a complete website in Figma, low fi > hi fi mockup
4. Translate a Figma design into a working WordPress site using
5. Use AI tools effectively and ethically as a professional aid
6. Configure and launch a live WordPress portfolio site
7. Complete a fully realized individual portfolio website project