Creating a Responsive Web Design

Creating a Responsive Web Design, available at $49.99, has an average rating of 4.55, with 55 lectures, based on 423 reviews, and has 2775 subscribers.

You will learn about 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 This course is ideal for individuals who are Graphic Designers or Web Designers or UX Designers or Front-End Web Developers or Developers (looking to enhance their design sensitivities) or Content Editors (responsible for HTML and CSS) It is particularly useful for Graphic Designers or Web Designers or UX Designers or Front-End Web Developers or Developers (looking to enhance their design sensitivities) or Content Editors (responsible for HTML and CSS).

Enroll now: Creating a Responsive Web Design

Summary

Title: Creating a Responsive Web Design

Price: $49.99

Average Rating: 4.55

Number of Lectures: 55

Number of Published Lectures: 55

Number of Curriculum Items: 55

Number of Published Curriculum Objects: 55

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

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

Who Should Attend

Graphic Designers
Web Designers
UX Designers
Front-End Web Developers
Developers (looking to enhance their design sensitivities)
Content Editors (responsible for HTML and CSS)

Target Audiences

Graphic Designers
Web Designers
UX Designers
Front-End Web Developers
Developers (looking to enhance their design sensitivities)
Content Editors (responsible for HTML and CSS)

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.

To get a full sense of the scope of this course, watch the first chapter — it’s FREE.

Running Time: 3:47 (225 minutes)

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: About this course

Lecture 3: Terms and technology we'll be covering

Lecture 4: What you'll need to complete this course

Lecture 5: About the exercise files

Chapter 2: Preparing the HTML Content and Structure

Lecture 1: Setting up our project

Lecture 2: The HTML strategy for our layout

Lecture 3: Creating the main HTML containers

Lecture 4: Adding content into the header

Lecture 5: Add content to main section

Lecture 6: Add content to atmosphere section

Lecture 7: Add content to the How-To section

Lecture 8: Adding the navigation

Lecture 9: Adding the footer content

Chapter 3: Creating the Style and Layout with CSS

Lecture 1: Importing a Google Font

Lecture 2: Defining the basic text styles

Lecture 3: Style the heading and page container

Lecture 4: Style the logo and hero item

Lecture 5: Creating the button style

Lecture 6: Setting up three-column row

Lecture 7: Adding graphics to the main section

Lecture 8: Clearing floats with CSS pseudo-elements

Lecture 9: Styling the Atmosphere section

Lecture 10: Styling the How-To Section aside elements

Lecture 11: Styling the How-To Section blockquote element

Lecture 12: Adding content with pseudo-elements

Lecture 13: Styling the Footer

Chapter 4: Creating a Menu System with CSS

Lecture 1: Re-positioning the Nav

Lecture 2: Styling the nav list-items and links

Lecture 3: Showing and Hiding the nav sub menus

Lecture 4: Device compatibility options for nav

Lecture 5: Adding indication arrows

Chapter 5: Making Layout Adjustments for Large and Medium Screens

Lecture 1: Making minor adjustments for larger screens

Lecture 2: Making adjustments for large screens

Lecture 3: Making adjustments for medium screens

Chapter 6: Making Adjustments for Small Screens

Lecture 1: Moving the navigation for smaller screens

Lecture 2: Adjusting to the logo and hero elements

Lecture 3: Rearranging the main and atmosphere sections

Lecture 4: Rearranging the how-to section

Lecture 5: Rearranging the navigation

Lecture 6: Adjusting the spacing of the navigation and footer

Chapter 7: Making Adjustments for the Smallest Screens

Lecture 1: Adjustments for the header and hero

Lecture 2: Adjusting the How-To section

Lecture 3: Adjusting the footer

Chapter 8: Making Layout and Content Adjustments for Print

Lecture 1: Strategy for printing

Lecture 2: Linking a CSS file for print

Lecture 3: Setting up the base styles

Lecture 4: Setting up the header

Lecture 5: Displaying URLs when printing

Lecture 6: Setting up the Main section

Lecture 7: Setting up the Atmosphere section

Lecture 8: Switching our image tags with CSS

Lecture 9: Styling the footer

Lecture 10: Setting page breaks with CSS

Chapter 9: Where To Go From Here

Lecture 1: Where to go from here

Instructors

Chris Converse
Designer and Developer at Codify Design Studio

Rating Distribution

1 stars: 2 votes
2 stars: 11 votes
3 stars: 45 votes
4 stars: 144 votes
5 stars: 221 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu