Course Overview
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 Level:
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
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
Related Courses
Course Administration Details:
Methodology
These instructor-led training sessions are delivered using a blended learning approach and include presentations, guided practical exercises, web-based tutorials, and group work. Our facilitators are seasoned industry experts with years of experience as professionals and trainers in these fields. All facilitation and course materials are offered in English. Participants should be reasonably proficient in the language.
Accreditation
Upon successful completion of this training, participants will be issued an Indepth Research Institute (IRES) certificate certified by the National Industrial Training Authority (NITA).
Training Venue
The training will be held at IRES Training Centre. The course fee covers the course tuition, training materials, two break refreshments, and lunch. All participants will additionally cater to their travel expenses, visa application, insurance, and other personal expenses.
Accommodation and Airport Transfer
Accommodation and Airport Transfer are arranged upon request. For reservations contact the Training Officer.
- Email: [email protected]
- Phone: +254715 077 817
Tailor-Made
This training can also be customized to suit the needs of your institution upon request. You can have it delivered in our IRES Training Centre or at a convenient location. For further inquiries, please contact us on:
- Email: [email protected]
- Phone: +254715 077 817
Payment
Payment should be transferred to the IRES account through a bank on or before the start of the course. Send proof of payment to [email protected]
Click here to register for this course.
Register NowCustomized Schedule is available for all courses irrespective of dates on the Calendar. Please get in touch with us for details.
Do you need more information on our courses? Talk to us.
