Web Design for Beginners using HTML5 + CSS3 + Bootstrap Training Course

Web Design for Beginners using HTML5 + CSS3 + Bootstrap Training Course

Gain the skills you need to advance your career. This course offers hands-on learning, expert guidance, and real-world applications designed to help you grow.

Foundation
01

Course Overview

Course Summary
Course Title Web Design for Beginners using HTML5 + CSS3 + Bootstrap Training Course
Organization Tech For Development (T4D)
Venue Tech For Development (T4D) Training Center along Tala Road, Runda, Nairobi
Duration 5 Days
Target Industries
Target Job Roles
Course Fees (Face-to-Face)
Course Fees (Virtual)
Training Modes Virtual and face-to-face training
Payment Payment should be made to the Tech For Development (T4D) bank account on or before the start of the course
Accreditation Tech For Development Certificate of Course Completion

In the current age, using the Internet has become essential to communication and gaining access to information, much like the telephone and newspapers were to earlier generations. Familiarity with the Internet comes with a certain level of expectation regarding the attractiveness and ease of use of web pages. Web designers need to create effective and successful websites. If users find your website difficult to navigate, they may not visit it again. HTML5 , CSS3 and Bootstrap are some of the most integral and evolving web technologies that enable you to structure content and present it on the web. Knowledge of these languages will help you create web pages that are easy to read and appealing to users. This course lays the foundation for mastering these two popular web publishing technologies.
 This course also focuses on the new and advanced  features of HTML5, covering how to create HTML5 CSS3 and Bootstrap markup that will work well on the widest possible variety of web browsers, mobile devices, and machine readers, such as search engine web crawlers. The course also demonstrates how to use advanced HTML5 multimedia features such as video, audio, and animation.

Duration 

10 days

Target Audience

  • Coding beginners
  • Small business owners, freelancers
  • Designers, content creators
  • Tech-transitioning professionals

Organizational Impact

  • Equip employees with skills to create and manage basic websites, reducing the need for external web design services.
  • Enhance company branding with a strong online presence through responsive and visually appealing websites.
  • Improve in-house capabilities for faster updates, maintenance, and customization of web content.
  • Empower teams to work collaboratively on web projects using a shared understanding of web design principles.
  • Strengthen organizational competitiveness by building visually engaging websites that can attract more clients or customers.

Personal Impact

  • Gain foundational knowledge in HTML5, CSS3, and Bootstrap, enabling website creation from scratch.
  • Develop hands-on skills to design and style webpages with responsive layouts.
  • Increase confidence in handling personal web projects or enhancing existing sites.
  • Open pathways to more advanced web development and design studies.
  • Build a portfolio of projects that demonstrate newly acquired web design skills.

 

Course Objective

 At the end of the course, you should be able to

  • Learn HTML5, CSS3, and Bootstrap basics for web design
  • Build structured HTML layouts
  • Apply CSS3 styling to enhance webpage appearance
  • Implement responsive design with Bootstrap
  • Complete a hands-on website project
02

Course Modules

Course Outline

Module 1: Introduction to Web Design and Development

  • Basics of web design and career opportunities
  • Overview of HTML, CSS, and Bootstrap
  • Structure of web pages
  • Setting up a development environment
  • Case Study: Analyze popular websites’ structure and elements

Module 2: Getting Started with HTML5

  • HTML tags and elements
  • Structuring content with headings, paragraphs, and lists
  • Adding images, links, and multimedia
  • HTML5 semantic elements
  • Case Study: Build a simple webpage layout with HTML

Module 3: Introduction to CSS3

  • CSS syntax and selectors
  • Applying colors, fonts, and backgrounds
  • Box model: padding, margins, borders
  • Positioning elements
  • Case Study: Style a webpage using basic CSS

Module 4: Advanced CSS Styling and Layouts

  • Flexbox for responsive design
  • CSS Grid for complex layouts
  • Media queries for mobile responsiveness
  • Interactive design with pseudo-classes
  • Case Study: Create a responsive landing page layout

Module 5: Introduction to Bootstrap Framework

  • Overview of Bootstrap components and classes
  • Using the Bootstrap grid system
  • Navigation bar and footer components
  • Bootstrap typography and icons
  • Case Study: Build a responsive layout with Bootstrap

Module 6: Adding Interactivity with Bootstrap Components

  • Buttons, forms, and modals
  • Cards, alerts, and tooltips
  • Carousels for image sliders
  • Integrating social media icons
  • Case Study: Design an interactive product showcase page

Module 7: Forms and User Input

  • HTML5 input types for structuring forms
  • Styling forms with Bootstrap
  • Input validation
  • Capturing user data with form submissions
  • Case Study: Build a contact form with HTML, CSS, and Bootstrap

Module 8: Responsive Web Design Principles

  • Mobile-first design concept
  • Responsive design with Bootstrap and media queries
  • Testing across devices
  • Mobile optimization best practices
  • Case Study: Create a responsive portfolio page

Module 9: Design and Branding Essentials

  • Color schemes and typography
  • Consistent styling and themes
  • User experience (UX) design basics
  • Accessibility in web design
  • Case Study: Brand a webpage for a fictional company

Module 10: Building and Launching Your Website

  • Organizing project files
  • Using FTP and hosting services
  • Basic SEO for optimization
  • Final website testing
  • Case Study: Publish a complete personal or business website
03

Course Administration

Methodology

This instructor-led training course is delivered using a blended learning approach comprising presentations, guided practical sessions, web-based tutorials, and group work.

Accreditation

Participants will receive a Tech For Development Certificate of Course Completion.

Training Venue

Held at the Tech For Development Training Centre.

Accommodation & Airport Transfer

Arranged upon request.
Email: letstalk@techfordevelopment.com
Phone: (+254) 790 824 179

Tailor-Made

Customised training available.

Payment

Send proof of payment to letstalk@techfordevelopment.com.

2026 Schedules

Date & Location Cost

Quick Links