off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Applying Design To Wireframes with HTML5 & CSS3

Turn your wireframes into beautiful web designs

What's Inside

Students: 2,367

Video: 2 Hours

Includes: Lifetime access
30 day money back guarantee!
Available on all mobile devices
Certificate of Completion

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

1.Introduction

Welcome! Here's What This Course Is All About - 1:55
Preview
Here's What We'll Create In This Course - 1:25
Preview

2.From Wireframe To Design

Determining The Design's Message - 5:16
Preview
Choosing Your Design's Colour Palette - 6:38
Start
Tools For Selecting Typefaces - 5:18
Start
Choosing Imagery And Design Elements - 4:45
Start

3.Getting The Design Underway

Getting Started By Styling The Header - 5:14
Start
Formatting Call-To-Action Buttons With CSS - 8:41
Start
Adding Additional Shadow Effects To The Buttons - 3:10
Start
Finishing Up The Button Formatting - 5:40
Start
Typographic Treatments With Google Font API - 7:41
Start
Beginning The Features Section Styling - 5:28
Start
Finishing The Features Section - 4:07
Start
Formatting The Organize Section - 4:47
Start
Wrapping Up The Layout's Design - 5:56
Start

4.Inserting & Formatting Graphics

Inserting & Adjusting The Logo - 2:48
Start
Setting Up The Hero Section Graphics - 4:52
Start
Getting The Feature Section Images Inserted - 3:03
Start
Placing The Organize & Share Images - 2:52
Start
Using A Graphic As A Button Label - 3:53
Start

5.Cross-Browser Testing

Online Testing Tools - 8:06
Start
Running Virtual Operating Systems For Testing - 9:16
Start
Making Minor Adjustments For Browser Compatibility - 5:24
Start

6.Wrapping Up

Where To Go From Here - 0:29
Start

off original price!

The coupon code was not applied because it has already been redeemed or expired. Please click on "My Courses" to see if the course is already on your account.

Get started now!