Overview

This hands-on practical specialisation starts of by developing your foundational HTML skills by building websites. Then you will learn to control website look and feel using CSS including making your websites accessible to everyone. You will finish up by learning how to drive your website with data and templates. During the specialisation you will progressively build and deploy a dynamic, fully functional web site that demonstrates your newly acquired skills.

Syllabus

Course 1: HTML: How to Build a Website
Course 2: CSS: Web Page Layout - Usability and Accessibility
Course 3: Data-driven websites: JSON, APIs and Templates

Courses

0 reviews
8 hours 1 minute
View details

In this course, you will learn how to use CSS to control the appearance, layout and responsiveness of web pages. Through interactive, guided lab activities on Coursera, you will style existing HTML pages and build responsive layouts using modern techniques such as CSS Grid, ensuring your designs work well across a range of screen sizes and devices. You will explore the principles of responsive and accessible design, learning what web accessibility means and why it matters for users, organisations and society. Using hands-on exercises, you will apply practical techniques to improve accessibility, including testing pages with assistive technologies and automated accessibility checking tools, then fixing common issues to meet recognised standards. The course also introduces advanced CSS features such as variables, selectors, transitions and animations. By applying these in guided labs, you will develop efficient, maintainable and accessible stylesheets that reflect current best practice in modern web design.
0 reviews
7 hours 31 minutes
View details

In this course, you will learn how to use JavaScript and data to turn static web pages into dynamic, interactive applications. Through interactive, guided lab activities on Coursera, you will manipulate the Document Object Model (DOM) and use structured data to generate and update content in the browser. You will work with JSON data, learning how it is structured and how JavaScript can load, parse and process it. Using practical exercises, you will convert JSON into HTML, implement loops and searches, and dynamically display data on web pages. The course also introduces the principles of REST APIs, explaining how web applications communicate using HTTP and how JavaScript can retrieve and integrate real-world data. Finally, you will explore template engines and their role in generating dynamic content. By creating and integrating templates in hands-on labs and assessments, you will develop the skills needed to build data-driven web applications using modern JavaScript techniques.
0 reviews
10 hours 56 minutes
View details

In this course, you will learn how to design and build a simple multi-page website using HTML. Through interactive, guided lab activities on Coursera, you will create web pages with clear structure and navigation, using headings, text, images and links to organise content effectively. You will explore how HTML and other markup languages shape the structure and meaning of web content, and why semantic markup is essential for accessibility and good web design. Using browser developer tools, you will examine the Document Object Model (DOM) and see how changes to HTML affect what appears in the browser. The course also introduces advanced HTML features such as forms, tables, embedded media and metadata. By applying these in hands-on labs, you will develop practical skills for creating accessible, usable and standards-compliant websites. By the end of this course you will be able to: 1. Design and implement multi-page, accessible websites using semantic HTML and forms, tables, and media. 2. Explain the evolution of markup languages and the role of hypertext in web architecture.