Applying Design To Wireframes with HTML5 & CSS3

Applying Design To Wireframes with HTML5 & CSS3, available at $34.99, has an average rating of 4.35, with 26 lectures, based on 13 reviews, and has 194 subscribers.

You will learn about You’ll learn how to turn your wireframe layouts into a visually stunning website! In just two hours, you’ll learn the design process, including determining your message, selecting fonts and typography, sourcing imagery, and building a design colour palette. This course explores a wide variety of free resources that are a must-have for making your web designs spring to life. See how to integrate custom fonts from Google Fonts API into your layout’s CSS. Discover tools and processes for testing your layouts for cross-browser and cross-platform compatibility. This course is ideal for individuals who are This course is a must for aspiring web developers. It is particularly useful for This course is a must for aspiring web developers.

Enroll now: Applying Design To Wireframes with HTML5 & CSS3

Summary

Title: Applying Design To Wireframes with HTML5 & CSS3

Price: $34.99

Average Rating: 4.35

Number of Lectures: 26

Number of Published Lectures: 25

Number of Curriculum Items: 26

Number of Published Curriculum Objects: 25

Original Price: $39.99

Quality Status: approved

Status: Live

What You Will Learn

You’ll learn how to turn your wireframe layouts into a visually stunning website!
In just two hours, you’ll learn the design process, including determining your message, selecting fonts and typography, sourcing imagery, and building a design colour palette.
This course explores a wide variety of free resources that are a must-have for making your web designs spring to life.
See how to integrate custom fonts from Google Fonts API into your layout’s CSS.
Discover tools and processes for testing your layouts for cross-browser and cross-platform compatibility.

Who Should Attend

This course is a must for aspiring web developers.

Target Audiences

This course is a must for aspiring web developers.

Building on the skills you gained in Website Wireframing with HTML5 and CSS3, this course teaches you how to apply functional and attractive design principles to your wireframe. Featuring advice on typography, graphics, and colour schemes, award-winning trainer Geoff Blake will lead you through the full process of making your site look amazing in every web browser. Lessons include how to select a colour palette, where to source free images, and what resources to use to integrate beautiful typography into your design. You’ll discover Google Fonts, and how to integrate them into your CSS. When you’re finished adding fonts and images, Geoff will walk you through the various options for testing out your site. From wireframe to fully realized design, this course is a must for aspiring web developers.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Welcome! Here's What This Course Is All About

Lecture 2: Here's What We'll Create In This Course

Chapter 2: From Wireframe To Design

Lecture 1: Determining The Design's Message

Lecture 2: Choosing Your Design's Colour Palette

Lecture 3: Tools For Selecting Typefaces

Lecture 4: Choosing Imagery And Design Elements

Chapter 3: Getting The Design Underway

Lecture 1: Getting Started By Styling The Header

Lecture 2: Formatting Call-To-Action Buttons With CSS

Lecture 3: Adding Additional Shadow Effects To The Buttons

Lecture 4: Finishing Up The Button Formatting

Lecture 5: Typographic Treatments With Google Font API

Lecture 6: Beginning The Features Section Styling

Lecture 7: Finishing The Features Section

Lecture 8: Formatting The Organize Section

Lecture 9: Wrapping Up The Layout's Design

Chapter 4: Inserting & Formatting Graphics

Lecture 1: Inserting & Adjusting The Logo

Lecture 2: Setting Up The Hero Section Graphics

Lecture 3: Getting The Feature Section Images Inserted

Lecture 4: Placing The Organize & Share Images

Lecture 5: Using A Graphic As A Button Label

Chapter 5: Cross-Browser Testing

Lecture 1: Online Testing Tools

Lecture 2: Running Virtual Operating Systems For Testing

Lecture 3: Making Minor Adjustments For Browser Compatibility

Chapter 6: Wrapping Up

Lecture 1: Where To Go From Here

Chapter 7: Bonus Material

Lecture 1: Bonus Lecture

Instructors

Stone River eLearning
Over 1,000,000 Happy Students

Rating Distribution

1 stars: 1 votes
2 stars: 0 votes
3 stars: 1 votes
4 stars: 4 votes
5 stars: 7 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