Web Development Specialisation – Virtual Only

About Course

Are you a digital novice dreaming of crafting stunning websites? Our comprehensive Web Design and Development course is tailored to guide you from beginner to expert. Learn the art of planning, creating, and designing functional websites that captivate audiences.

This course is your ultimate introduction to web design and development! Learn how the internet works, master HTML and CSS for creating and styling web pages, and explore advanced techniques like Flexbox, Grid, and responsive design. Dive into WordPress to build and customise dynamic websites, improve accessibility, optimise performance, and implement SEO best practices. You’ll create and deploy a complete website as your portfolio project by the end.

A solid understanding of how the internet, web pages, and web applications work.
Hands-on experience designing and building web pages with HTML and CSS.
Mastery of advanced CSS techniques like Flexbox, Grid, and responsive design.
Skills to create, customise, and enhance dynamic websites using WordPress.
Knowledge of optimising websites for performance, accessibility, and SEO.
A complete, professional-grade website to showcase as your portfolio project.

Course Content

Lesson 1: Web Foundations and HTML Basics
In this lesson, you will explore the fundamentals of how the web works, including key components like clients, servers, and browsers. You’ll also get an introduction to HTML, the foundation of web development, and a brief look at CSS for styling web pages.

Web Foundations and HTML Basics

Lesson 2: Expanding HTML and CSS Skills
This course provides a comprehensive introduction to web design using HTML and CSS, covering both foundational and advanced concepts. Learners will explore HTML5 structure, semantic tags, and CSS styling techniques, progressing from basic page layouts to visually appealing, responsive designs.

Lesson 3: CSS Layout Techniques
In this lesson, you'll learn how to structure and style web layouts using CSS. You'll explore key layout techniques, including the CSS box model, Flexbox, and responsive design principles to create adaptable web pages.

Lesson 4: Get Started with WordPress
This lesson will teach you how to set up WordPress, navigate its dashboard, and build a website. By the end of this module, you will be able to create pages and posts and customise your site structure to suit your needs.

Lesson 5: Advanced HTML for Accessibility
In this lesson, you'll learn how to structure web content using semantic HTML, ensuring that your websites are more readable for users and search engines. You'll explore techniques for making forms and tables accessible, improving the user experience for all visitors, including those using assistive technologies.

Lesson 6: Enhancing WordPress Websites
Learn to customise navigation, buttons, and layouts for mobile-friendly WordPress sites. Complete a hands-on project by building a responsive, multi-page website with a contact form.

Lesson 7: Visual Design and Brand Styling
This lesson covers the role of visual design in web development and branding. You'll learn to use images effectively, optimise them for the web, and apply color theory and typography to create a strong brand identity.

Lesson 8: Multimedia and Animation
Learn to embed video and audio in WordPress, apply CSS animations, and create interactive hover effects. The lesson concludes with a project to design an animated, multimedia-rich webpage.

Lesson 9: Advanced WordPress and Layout Techniques
In this lesson, you'll learn how to build advanced layouts in WordPress using modern CSS techniques like Flexbox and Grid, along with reusable WordPress components.

Lesson 10: Web Optimisation and SEO
This lesson covers media optimisation and SEO best practices to improve site speed and search rankings. Students will use Google PageSpeed Insights to analyse performance and apply optimisations. The lesson concludes with an SEO audit and improvements on a WordPress site.

Lesson 11: Capstone Project Development
In this final project-based lesson, you are expected to apply everything you’ve learned to create a fully functional, responsive, and interactive design project. This hands-on experience will help you build a portfolio-worthy piece that showcases your skills.

Lesson 12: Project Deployment & Career Preparation
Learn to deploy projects, build a strong portfolio, and prepare for job applications with resume tips, interview strategies, and career guidance.

Add this certificate to your resume to demonstrate your skills & increase your chances of getting noticed.

Student Ratings & Reviews

No Review Yet