Web Development Course 04
HTML and CSS Development
Understand how the web works and learn to build responsive, professional web pages from scratch with HTML5 and CSS3, including modern layouts with Flexbox and Grid.
Course Introduction
Understand the foundations of web development and learn to build responsive, professional websites.
What you will learn
- Understand how browsers, servers and web files work together
- Write clean, semantic HTML5
- Style pages with CSS3: colour, typography and spacing
- Build layouts with Flexbox and CSS Grid
- Make pages responsive with media queries
- Publish a finished website
Curriculum
Module by module.
6 modules
Course outlines show the topics covered. Schedules, fees and the training format are shared when you enquire.
-
Module 01 How the Web Works
Main topics
- Browsers, servers and files
- Setting up a code editor
- Browser developer tools
- Project folders and file naming
Practical exercise
Set up your editor and create your first web page.
Learning outcome
Understand what happens when a web page loads.
Skills developed
-
Module 02 HTML5 Structure
Main topics
- Semantic elements
- Text, links and images
- Lists and tables
- Forms and inputs
Practical exercise
Build the structure of a personal profile page.
Learning outcome
Write well-structured, meaningful HTML.
Skills developed
-
Module 03 CSS3 Fundamentals
Main topics
- Selectors and specificity
- The box model
- Colour, typography and units
- Backgrounds and borders
Practical exercise
Style your profile page with a consistent visual system.
Learning outcome
Control the look of a page with confidence.
Skills developed
-
Module 04 Layouts with Flexbox and Grid
Main topics
- Flexbox for components
- CSS Grid for page layouts
- Alignment and spacing
- Recreating layouts from a design
Practical exercise
Recreate a multi-column layout from a design mock-up.
Learning outcome
Build modern page layouts precisely.
Skills developed
-
Module 05 Responsive Design
Main topics
- Mobile-first CSS
- Media queries
- Fluid images and typography
- Testing on real screen sizes
Practical exercise
Make a landing page work across phones, tablets and desktops.
Learning outcome
Deliver pages that adapt to any screen.
Skills developed
-
Module 06 Professional Polish and Publishing
Main topics
- Accessibility basics
- Transitions and hover states
- Organising CSS
- Publishing a website
Practical exercise
Polish and publish a complete multi-section landing page.
Learning outcome
Finish and publish professional-quality work.
Skills developed
Practical Exercises
What you will practise
- 01Build a personal profile page
- 02Recreate a layout from a design
- 03Build a responsive landing page
- 04Publish your finished website
Skills
Skills you can develop
- HTML5
- CSS3
- Flexbox
- CSS Grid
- Responsive Design
- Accessibility Basics
Who It Is For
Who should take this course
- Beginners who want to understand web development
- Future web developers building strong foundations
- WordPress users who want more control over design
- Designers who want to turn designs into web pages
Prerequisites
- Basic computer and internet skills
Training Details
Format, schedule and enrolment
Duration, schedule, fees and the training format are shared when you enquire, so you always receive current information.
Request Course DetailsQuestions
Frequently asked questions
Where does this course start?
It starts with the foundations: how the web works, setting up a code editor and writing your first page, before moving on to layouts and responsive design.
How does it relate to the WordPress course?
HTML and CSS explain how web pages are built, while the WordPress course focuses on building and managing websites with a content management system. Together they give a well-rounded foundation.
How long is the course and how is it delivered?
Duration, schedule and training format are confirmed when you enquire, so you always receive current information. Send us a message and the MentorFold team will share the details.
Interested in HTML and CSS Development?
Send us a message and the MentorFold team will share the schedule, fees and format for this course.
Enquire About This Course