This web design course will teach you the fundamentals of web design. You will learn the technology, philosophy, and techniques to bring online creativity to life, gain practical skills for managing web projects, and build your own portfolio through hands-on projects.
Requirements:
Hardware Requirements:
- This course can be taken on either a PC or Mac. A PC is used in the demonstrations, so you'll need to make some adjustments if you do the exercises on a Mac.
Software Requirements:
- PC: Windows 10 or later.
- Mac: macOS 11.0 or later.
- Browser: The latest version of Google Chrome or Mozilla Firefox are preferred. Microsoft Edge and Safari are also compatible.
- Adobe Photoshop (not included in enrollment).
- Adobe Animate (not included in enrollment).
- Visual Studio Code (this is a free code editor; instructions for downloading and installing it are provided in the course).
- Adobe Acrobat Reader.
- Software must be installed and fully operational before the course begins.
Other:
- Email capabilities and access to a personal email account.
Instructional Material Requirements:
The instructional materials required for this course are included in enrollment. Manuals are included as downloadable PDFs throughout the course.
In an increasingly digital world, the demand for skilled web designers is higher than ever. Businesses and organizations are seeking professionals who can not only build functional websites but also deliver a compelling digital experience to users. Our Web Design Professional course is designed to equip you with the comprehensive skill set you need to excel in this dynamic field.
The web design course covers a broad spectrum of essential topics, including the core technologies that power the web: HTML, CSS, and JavaScript. You will learn how to construct, style, and validate web forms, and get hands-on experience with Bootstrap and Vue.js to help you build well-designed, highly functional websites.
But web design is not just about coding; it is also about creating visually engaging layouts and graphics. That's why our online web design training includes lessons in color theory and typography and industry-standard tools, including Adobe Animate and Photoshop, that allow you to bring your creative visions to life. We also dive into the nuances of managing web design projects to equip you with the organizational skills needed to oversee complex projects from inception to completion.
By the end of this intensive web design training course, you will have a well-rounded skill set that includes both the technical know-how and the creative flair needed to start a rewarding career in web design. Whether you are looking to work in a large tech firm, join a boutique design agency, or start your own freelance business, this course will give you the tools you need to succeed.
- Web Design Professional
- Animate
- Introduction to Animate
- Animation Basics
- Drawing Tools
- Character Design
- Advanced Techniques
- Working In the Animation Industry
- Photoshop
- Photoshop Crash Course
- Selections and Masks
- Reconstructing and Retouching
- More Layers and Selections
- Brushes and Painting
- Working in the Design Industry
- Introduction to HTML
- A Quick Overview of Web Development
- Introduction to HTML
- Paragraphs, Headings, and Text
- HTML Links
- HTML Images
- HTML Lists
- HTML Tables
- Sectioning a Web Page
- Audio and Video
- Color Theory
- Terminology
- Building an Efficient Color Theme
- Color Theory Principles
- Color Context
- Implementing Color
- Typography
- Anatomy
- Typeface vs. Font
- Rules for Typography
- Types of Typography
- Type Hierarchy
- Building an Efficient Style Guide
- Introduction to CSS Training
- Crash Course in CSS
- CSS Fonts
- Color and Opacity
- CSS Text
- Borders, Margins, and Padding
- Backgrounds
- Display and Visibility
- Pseudo-classes and Pseudo-elements
- Styling Tables with CSS
- Positioning
- Transforms and Transitions
- Layouts
- CSS Lists as Hierarchical Navigation
- Media Queries
- Introduction to JavaScript Training
- JavaScript Basics
- Variables, Arrays, and Operators
- JavaScript Functions
- Built-In JavaScript Objects
- Conditionals and Loops
- Event Handlers and Listeners
- The HTML Document Object Model
- CSS Object Model
- Errors and Exceptions
- Creating, Styling, and Validating Web Forms
- HTML Forms
- JavaScript Form Validation
- Styling Forms with CSS
- Regular Expressions
- Node.js and Server-side Form Validation
- JSON
- Introduction to Bootstrap Training
- Getting Started with Bootstrap Basics
- Bootstrap Layout
- Creating Responsive Navigation
- Bootstrap Typography
- Tables
- Bootstrap Forms
- Images
- Bootstrap Components
- Bootstrap Utilities
- Bootstrap Flex
- Advanced JavaScript Concepts
- Node.js
- Scope, var, let, and const
- Arrow Functions
- Rest Parameters
- Spread Operator
- Array Destructuring
- Template Literals
- Objects, Context, and the this Object
- Array map() Method
- Array filter() Method
- Array find() Method
- JavaScript Modules
- npm
- Introduction to Vue 3 Training
- Getting Started with Vue.js
- Basic Vue Features
- Directives
- Implementing Game Logic
- Transitions and Animations
- Vue Routing
- Managing Web Design Projects
- Design Process
- Project Scope
- Mock-ups
- Functionality Model
- Integration
- Usability and Accessibility Rules
- Roll-out
- Analysis
What you will learn
- Gain a solid understanding of foundational languages like HTML for structure, CSS for styling, and JavaScript for interactivity
- Familiarize yourself with Bootstrap and Vue.js to create responsive, user-friendly websites
- Learn to utilize Adobe Animate and Photoshop for creating visually appealing graphics and layouts
- Delve into the principles of color theory and typography to enhance the aesthetic and usability of your web designs
- Acquire essential skills for managing web design projects
- Understand how to create, style, and validate web forms to ensure a secure and user-friendly experience
How you will benefit
- Equip yourself with a diverse skill set that opens doors to a rewarding career in the rapidly growing field of web design and development
- Learn the latest trends, tools, and best practices in web development
- Enhance your professional portfolio through a series of hands-on projects, including a fully functional website as your final course project
- Gain real-world experience that prepares you for the challenges you will face in your web design career
- Develop a well-rounded skill set that encompasses both the technical and creative aspects of web design, making you a versatile professional in the field
Stephen Withrow
Stephen Withrow brings over four decades of experience in training, development, and consulting across a broad spectrum of technologies, including Python, Java, Web Development, Oracle, C, and C++. His extensive background includes the design and implementation of business-critical solutions on client/server, web, and enterprise platforms. He holds a degree in Computer Science and Physics from Florida State University.
Stephen has provided training for a wide array of organizations, including the Department of Defense, Home Depot, CVS, Bank of New York, Merrill Lynch, IBM, and UPS, delivering high-impact instruction to professionals at every level of technical proficiency.
As a trainer, Stephen is widely recognized for his deep subject matter expertise, engaging teaching style, and ability to translate complex technical topics into clear, practical instruction. Students consistently describe him as patient, approachable, and incredibly knowledgeable, often calling him the best technical instructor they've ever had. He is praised for his real-world examples, kindness, and attentiveness to students' needs.
Stephen creates a positive, encouraging learning environment where participation is welcomed and questions are thoroughly addressed. His ability to adapt to varying experience levels while maintaining a structured and effective course flow sets him apart. Whether teaching beginning HTML or advanced Oracle development, Stephen equips students with the skills, confidence, and insights to apply their knowledge immediately in the workplace.
Tracy Berry
Tracy Berry is a dynamic and seasoned instructor, consultant, and graphic designer/programmer with over 30 years of professional experience. Since launching her training career in 1993, Tracy has helped thousands of professionals grow their skills across a wide range of tools and technologies. She has delivered over 1,600 virtual classes for Webucator alone since 2007, making her one of the most experienced online instructors in the industry.
Tracy specializes in Microsoft Office applications (including SharePoint and Project), Adobe Creative Suite, desktop publishing, web design, and productivity and communication skills. She is also the co-author of numerous Webucator courses on Microsoft Office, SharePoint, and Adobe tools.
As a Certified Technical Trainer (CTT), Tracy has led training initiatives for leading organizations such as CVS, Siemens, the U.S. Department of Defense, United States Air Force, The Coca-Cola Company, JPMorgan Chase, AT&T, Library of Congress, Northrop Grumman, Basin Electric, and Merrill Lynch, among many others. Her background also includes extensive experience in graphic design and multimedia development, with hundreds of logos, websites, and marketing pieces produced for clients around the world.
Tracy is known for her engaging, upbeat, and professional teaching style. Students consistently praise her as exceptionally knowledgeable, personable, patient, and well-organized, noting how she brings even technical or dry material to life with clarity and enthusiasm. Her courses are designed to be welcoming, inclusive, and stress-free, helping learners of all backgrounds feel confident, supported, and motivated to engage with the material.
Her deep content expertise is matched by her gift for communication—students frequently cite her as the best instructor they've ever had, appreciating her real-world insights, thoughtful pacing, and readiness to go above and beyond to help each individual succeed.