Overview

Introduction

Welcome to the Using CSS Templates Practice Lab. In this module, you will be provided with the instructions and devices needed to develop your hands-on skills.

Exam Objectives

The following exam objective is covered in this lab:

5.4 Analyze styles that implement a simple responsive layout

Lab Duration

It will take approximately 20 minutes to complete this lab.

Exercise 1 - Creating HTML Pages Using CSS Templates

As a web developer, you can develop HTML pages using the various built-in templates available in w3layouts.com and W3.CSS. These templates come with built-in HTML code and CSS. The external style sheets linked to the templates enhance the presentation of the pages.

You can download the templates from the respective web sites, customize the code to add the relevant content and create elegant and professional looking web pages.

In this exercise, you will perform two tasks. In task 1, you will download the Visual Studio Code workspace, extract, and open it. You will download and save the Notepad file onto PLABWIN10’s desktop. The Notepad file includes the template code.

In task 2, you will apply the downloaded template to index.html and view the output.

Learning Outcomes

After completing this exercise, you will be able to:

Use CSS templates to create HTML pages

Comprehensive Learning

See the full benefits of our immersive learning experience with interactive courses and guided career paths.