×
Events
Knowledgebase
Website Design
Back To Courses
Introduction to Web Design
7 Lessons
What is Web Design and Why It Matters
How Websites Work (Frontend vs Backend)
Introduction to Web Browsers, Servers, and Hosting
Principles of UI (User Interface) and UX (User Experience) Design
Color Theory, Typography, and Layout Design Basics
Popular Web Design Tools and Frameworks
Project: Analyze and Redesign an Existing Website
HTML – The Structure of Web Pages
6 Lessons
Introduction to HTML and Its Importance
Basic Tags: Headings, Paragraphs, Links, Images
Lists, Tables, and Forms
Semantic HTML5 Elements
Embedding Videos, Audio, and Media
Project: Create a Personal Portfolio Webpage
CSS – Styling Your Website
7 Lessons
Introduction to CSS and Selectors
Inline, Internal, and External CSS
Box Model, Padding, and Margin
Fonts, Colors, and Backgrounds
CSS Flexbox and Grid Layouts
Responsive Design Using Media Queries
Project: Design a Responsive Landing Page
Introduction to JavaScript for Designers
6 Lessons
Understanding JavaScript Basics
Variables, Functions, and Events
DOM Manipulation and Interactivity
Adding Sliders, Popups, and Dynamic Content
Integrating External JS Libraries (AOS, Swiper.js, etc.)
Project: Interactive Portfolio or Photo Gallery
Responsive Web Design (RWD)
5 Lessons
Mobile-First Design Approach
Understanding Breakpoints and Viewports
Adaptive vs Responsive Design
Testing Websites Across Devices and Screen Sizes
Project: Design a Fully Responsive Business Website
Web Graphics and UI Design Tools
6 Lessons
Introduction to Figma, Adobe XD, and Canva
Creating Wireframes and Prototypes
Designing Modern Layouts and Interfaces
Working with Colors, Fonts, and Icons
Exporting Assets for Web Use
Project: Design a Modern Homepage Mockup
WordPress (Most Popular CMS)
7 Lessons
Introduction to WordPress and Its Features
Setting Up WordPress on Localhost and Hosting
Choosing, Installing, and Customizing Themes
Working with Plugins and Widgets
Building Pages with Elementor and Gutenberg
Managing Content and Media
Project: Create a Full Business Website Using WordPress
Shopify (for E-Commerce Websites)
6 Lessons
Introduction to Shopify and E-commerce Design
Setting Up a Shopify Store
Customizing Themes and Product Pages
Managing Inventory, Payments, and Shipping
Designing a User-Friendly Shopping Experience
Project: Build an E-commerce Website on Shopify
Wix (Drag-and-Drop Website Builder)
5 Lessons
Getting Started with Wix Editor
Choosing Templates and Customizing Layouts
Adding Interactive Elements and Media
SEO Settings and Mobile Optimization
Project: Create a Portfolio or Small Business Website on Wix
Hosting, Domain, and Publishing
7 Lessons
Understanding Domains and Web Hosting
How to Choose the Right Hosting Plan
Setting Up FTP and cPanel
Uploading Websites Online
Configuring SSL Certificates (HTTPS)
Managing File Structure and Backups
Project: Publish Your First Live Website
Final Capstone Projects
4 Lessons
Project 1: Personal Portfolio Website
Project 2: Business Website (Multi-Page, Responsive)
Project 3: WordPress CMS Website
roject 4: Shopify E-commerce Website
Add to cart
Category:
Subcategory:
