HTML5 & CSS3 Applying Design to Wireframes

$29.00

Learn to apply typography and color to Wireframes with this HTML5 & CSS3 Applying Design to Wireframes course! Featuring advice on typography, graphics, and color schemes, you'll work through the full process of making your site look amazing in every web browser.

Length: 2 hrs

This title is available in the
Total Training All-Access library.

Subscribe Now

Description

This HTML5 & CSS3 Applying Design to Wireframes course teaches you how to apply functional and attractive design principles to your wireframe. Featuring advice on typography, graphics, and color 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 color 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.

Our HTML5 & CSS3 Website Wireframing course, makes a perfect prerequisite to this course!


Sample clip

About HTML5 and CSS3

HTML5

HTML or Hyper Text Mark-up Language is the language used for presenting websites and web content. HTML5 is the latest version, made official by the World Wide Web Consortium in 2014. Having a good grasp of HTML means you’ll be able to create, present and edit a whole variety of content on the web.

CSS3

CSS (Cascading Style Sheets) essentially ’enhances’ HTML, giving developers and users more control over how pages and content is displayed. It is responsible for creating more visually engaging web pages, applications and interfaces. CSS3 is the latest version, and has many more extended features than previous versions – although it is backwards compatible.

CHAPTER 1: INTRODUCTION
Welcome! Here’s What This Course Is All About
Here’s What We’ll Create In This Course

CHAPTER 2: FROM WIREFRAME TO DESIGN
Determining The Design’s Message
Choosing Your Design’s Colour Palette
Tools For Selecting Typefaces
Choosing Imagery And Design Elements

CHAPTER 3: GETTING THE DESIGN UNDERWAY
Getting Started By Styling The Header
Formatting Call-To-Action Buttons With CSS
Adding Additional Shadow Effects To The Buttons
Finishing Up The Button Formatting
Typographic Treatments With Google Font API
Beginning The Features Section Styling
Finishing The Features Section
Formatting The Organize Section
Wrapping Up The Layout’s Design

CHAPTER 4: INSERTING & FORMATTING GRAPHICS
Inserting & Adjusting The Logo
Setting Up The Hero Section Graphics
Getting The Feature Section Images Inserted
Placing The Organize & Share Images
Using A Graphic As A Button Label

CHAPTER 5: CROSS-BROWSER TESTING
Online Testing Tools
Running Virtual Operating Systems For Testing
Making Minor Adjustments For Browser Compatibility

CHAPTER 6: WRAPPING UP
Where To Go From Here

Geoff BlakeGeoff Blake is an award-winning instructor with nearly 20 years of experience creating online video courses. His goal is to help people gain serious web skills, helping them to expand their business, develop their projects, and yeah – make more money!

Geoff is a published author, having written ‘Ten Ton Dreamweaver’ with Peachpit Press. He also held a professorship at Seneca college, and ran graphics workshops at George Brown, and Humber colleges in Toronto.

You may also like…