User

Web Design

Course details

This Web Design course provides a complete roadmap for beginners and intermediate learners to master the creation of responsive, functional, and visually appealing websites. Students will start with foundational coding (HTML, CSS, JavaScript) and advance to building websites with WordPress — the world’s most popular CMS.

Through hands-on projects, students will gain real-world experience in designing pages, blogs, portfolios, e-commerce stores, and more, preparing them for freelancing, agency roles, or launching their own online platforms.

Module 1: Introduction to Web Design

    • What is Web Design vs. Web Development?

    • How Websites Work: Domains, Hosting, Servers

    • Design Principles: Layout, Color, Typography, UX/UI

    • Tools: Code Editors (VS Code), Browsers, and DevTools

Module 2: HTML – Structuring the Web

    • HTML Tags & Document Structure

    • Headings, Paragraphs, Lists, Links

    • Images, Videos, Tables, and Forms

    • Semantic HTML5 Elements (section, article, nav, etc.)

    • Embedding YouTube, Maps, PDFs

Module 3: CSS – Styling the Web

    • CSS Syntax & Selectors

    • Colors, Fonts, Borders, Shadows

    • Box Model, Margin, Padding

    • Positioning (Relative, Absolute, Flexbox, Grid)

    • Responsive Design with Media Queries

    • Creating Layouts & Styling Forms

Module 4: JavaScript – Interactivity & Behavior

    • Variables, Data Types, Operators

    • Functions, Loops, and Conditions

    • DOM Manipulation

    • Form Validation

    • Simple Animations and Toggle Effects

    • Mini Projects: Calculator, Slideshow, Dropdown Menu

Module 5: WordPress Website Creation

    • What is WordPress? CMS vs. Hard Coding

    • Installing WordPress on Localhost or cPanel

    • Themes & Page Builders (Elementor, Block Editor)

    • Plugins for SEO, Contact Forms, Security

    • Creating Pages: Home, About, Services, Contact

    • Blog Management: Posts, Categories, Comments

    • User Roles and Settings

Module 6: Customizing with HTML/CSS/JS in WordPress

    • Using the Code Editor in WordPress

    • Editing Themes Safely with Child Themes

    • Adding Custom HTML/CSS/JS Widgets

    • Troubleshooting Display Issues

Module 7: Hosting & Going Live

    • Choosing a Domain and Hosting Provider

    • Using cPanel, File Manager, FTP (FileZilla)

    • Uploading Websites Manually or via Softaculous

    • Backing Up & Restoring Sites

    • Speed Optimization & Security Tips

Module 8: Final Project – Portfolio Website

    • Design a Full Website (HTML/CSS or WordPress)

    • Optional Pages: Portfolio, Blog, Gallery, Services

    • Mobile-Friendly & SEO-Ready

    • Present Website to Class for Review

    • Live Hosting (optional)

? Additional Features:

    • Project-based learning with templates and starter code

    • Quizzes and Assignments

    • GitHub version control (optional)

    • Tips for Freelance Web Design

    • Certificate of Completion

Aramide Emmanuel

Aramide Emmanuel

 Web Developer
Web Design
Course Preview
  • Price N150000
  • Mode regular
  • Instructor Aramide Emmanuel
  • Duration 40 days
  • Attendance Offline (In-person) & Online (Remote)
Apply

More Courses You Might Like

Product Design & Development
regular
N150K
Oreoluwa Oladeji Oreoluwa Oladeji

Product Design & Development

  • 40 days Long
  • Available
Digital Marketing (Scholarship)
scholarship
N5K
Oreoluwa Oladeji Oreoluwa Oladeji

Digital Marketing (Scholarship)

  • 20 days Long
  • Available
Data Analysis Training
regular
N50K
Amoo Sunday Amoo Sunday

Data Analysis Training

  • 30 days Long
  • Unavailable