Creating a Responsive Web Design

Course

Online

£ 12 + VAT

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

This course was designed to teach you to create a web page that can adapt it’s layout to fit on any screen size, as well as on paper when printed.Web design requires the coordination of HTML, CSS, and graphics in order to construct a layout and design that can respond to the varying needs of your websites visitors.In this step-by-step course, we’ll cover every aspect of converting a design into a fully functioning web page. We’ll create navigation menus, style typography, format and position graphics, create CSS animations, import free web fonts from Google, as well adjust our layout to fit a wide range of screens and devices.And for those new to HTML, CSS, or web graphics, we have a few lessons explaining the core fundamentals of each, so you’ll be able to work through the course without missing a beat.Who is the target audience?Graphic Designers
Web Designers
UX Designers
Front-End Web Developers
Developers (looking to enhance their design sensitivities)
Content Editors (responsible for HTML and CSS)

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

Strategize the HTML needed for a web design
Create CSS rules to target specific HTML elements
Work with web graphics (in HTML and CSS)
Transform user experiences with CSS
Adapt layouts for varying screen sizes
Optimize a web page's printing capabilities

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Technology
  • Project
  • Anatomy
  • Web
  • Layout
  • Graphics
  • Design
  • HTML

Course programme

Introduction 5 lectures 08:31 Introduction Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered. About this course See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper. Terms and technology we'll be covering For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules. What you'll need to complete this course This provides a list of software you’ll need, if you want to follow along with the course. About the exercise files Learn about the project files, as well as the final project, that are provided with this course.
  • Download the files in the next lecture -- Section 2, Lecture 1
Introduction 5 lectures 08:31 Introduction Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered. About this course See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper. Terms and technology we'll be covering For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules. What you'll need to complete this course This provides a list of software you’ll need, if you want to follow along with the course. About the exercise files Learn about the project files, as well as the final project, that are provided with this course.
  • Download the files in the next lecture -- Section 2, Lecture 1
Introduction Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered. Introduction Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered. Introduction Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered. Introduction Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered. Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered. Get an overview of what’s covered in this step-by-step course, including the final project, and technologies that will be covered. About this course See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper. About this course See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper. About this course See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper. About this course See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper. See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper. See how we’ll be creating a web design that will provide an optimal reading experience across various devices, as well as paper. Terms and technology we'll be covering For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules. Terms and technology we'll be covering For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules. Terms and technology we'll be covering For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules. Terms and technology we'll be covering For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules. For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules. For those new to HTMl and CSS, we’ll briefly talk about the anatomy of HTML elements and CSS rules. What you'll need to complete this course This provides a list of software you’ll need, if you want to follow along with the course. What you'll need to complete this course This provides a list of software you’ll need, if you want to follow along with the course. What you'll need to complete this course This provides a list of software you’ll need, if you want to follow along with the course. What you'll need to complete this course This provides a list of software you’ll need, if you want to follow along with the course. This provides a list of software you’ll need, if you want to follow along with the course. This provides a list of software you’ll need, if you want to follow along with the course. About the exercise files Learn about the project files, as well as the final project, that are provided with this course.
  • Download the files in the next lecture -- Section 2, Lecture 1
About the exercise files Learn about the project files, as well as the final project, that are provided with this course.
  • Download the files in the next lecture -- Section 2, Lecture 1
About the exercise files Learn about the project files, as well as the final project, that are provided with this course.
  • Download the files in the next lecture -- Section 2, Lecture 1
About the exercise files Learn about the project files, as well as the final project, that are provided with this course.
  • Download the files in the next lecture -- Section 2, Lecture 1
Learn about the project files, as well as the final project, that are provided with this course.
  • Download the files in the next lecture -- Section 2, Lecture 1
Learn about the project files, as well as the final project, that are provided with this course.
  • Download the files in the next lecture -- Section 2, Lecture 1
Preparing the HTML Content and Structure 9 lectures 30:47 Setting up our Project
  • Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder. The HTML strategy for our layout We’ll explore the HTML structure we’ll need in order to create the desired layout. Creating the main HTML containers These HTML5 elements allow us to structure the outter-most containers for our web layout. Adding content into the header Add a linked logo and promotional content into the header area. Add content to main section Adding column containers and content into the main promotional section. Add content to atmosphere section Adding an article, text and buttons to the Atmosphere section. Add content to the How-To section Adding images, text, and column containers to the How-To section. Adding the navigation Creating a bullet list to be used as the navigation. Adding the footer content Add copyright text and hyperlinks to the bottom of the page. Preparing the HTML Content and Structure. 9 lectures 30:47 Setting up our Project
  • Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder. The HTML strategy for our layout We’ll explore the HTML structure we’ll need in order to create the desired layout. Creating the main HTML containers These HTML5 elements allow us to structure the outter-most containers for our web layout. Adding content into the header Add a linked logo and promotional content into the header area. Add content to main section Adding column containers and content into the main promotional section. Add content to atmosphere section Adding an article, text and buttons to the Atmosphere section. Add content to the How-To section Adding images, text, and column containers to the How-To section. Adding the navigation Creating a bullet list to be used as the navigation. Adding the footer content Add copyright text and hyperlinks to the bottom of the page. Setting up our Project
  • Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder. Setting up our Project
  • Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder. Setting up our Project
  • Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder. Setting up our Project
  • Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder.
  • Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder.
  • Download the exercise files from this lecture
First we’ll gather files form the exercise files, then set up our main project folder. The HTML strategy for our layout We’ll explore the HTML structure we’ll need in order to create the desired layout. The HTML strategy for our layout We’ll explore the HTML structure we’ll need in order to create the desired layout. The HTML strategy for our layout We’ll explore the HTML structure we’ll need in order to create the desired layout. The HTML strategy for our layout We’ll explore the HTML structure we’ll need in order to create the desired layout. We’ll explore the HTML structure we’ll need in order to create the desired layout. We’ll explore the HTML structure we’ll need in order to create the desired layout. Creating the main HTML containers These HTML5 elements allow us to structure the outter-most containers for our web layout. Creating the main HTML containers These HTML5 elements allow us to structure the outter-most containers for our web layout. Creating the main HTML containers These HTML5 elements allow us to structure the outter-most containers for our web layout. Creating the main HTML containers These HTML5 elements allow us to structure the outter-most containers for our web layout. These HTML5 elements allow us to structure the outter-most containers for our web layout. These HTML5 elements allow us to structure the outter-most containers for our web layout. Adding content into the header Add a linked logo and promotional content into the header area. Adding content into the header Add a linked logo and promotional content into the header area. Adding content into the header Add a linked logo and promotional content into the header area. Adding content into the header Add a linked logo and promotional content into the header area. Add a linked logo and promotional content into the header area. Add a linked logo and promotional content into the header area. Add content to main section Adding column containers and content into the main promotional section. Add content to main section Adding column containers and content into the main promotional section. Add content to main section Adding column containers and content into the main promotional section. Add content to main section Adding column containers and content into the main promotional section. Adding column containers and content into the main promotional section. Adding column containers and content into the main promotional section. Add content to atmosphere section Adding an article, text and buttons to the Atmosphere section. Add content to atmosphere section Adding an article, text and buttons to the Atmosphere section. Add content to atmosphere section Adding an article, text and buttons to the Atmosphere section. Add content to atmosphere section Adding an article, text and buttons to the Atmosphere section. Adding an article, text and buttons to the Atmosphere section. Adding an article, text and buttons to the Atmosphere section he logo and hero...

Additional information

Patience : ) A text editor HTML5-enabled web browser Web-enabled phone or tablet (optional) Printer (optional)

Creating a Responsive Web Design

£ 12 + VAT