Buying for a Team? Gift This Course
Wishlisted Wishlist

Please confirm that you want to add Applying Design To Wireframes with HTML5 & CSS3 to your Wishlist.

Add to Wishlist

Applying Design To Wireframes with HTML5 & CSS3

Learn how to transform your website wireframes into fully functional designs!
3.9 (8 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
116 students enrolled
Last updated 4/2016
$10 $50 80% off
2 days left at this price!
30-Day Money-Back Guarantee
  • 2 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Have a coupon?
What Will I 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.
View Curriculum
  • A basic understanding of HTML and CSS

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.

Who is the target audience?
  • This course is a must for aspiring web developers.
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 25 Lectures Collapse All 25 Lectures 01:59:49
Getting The Design Underway
9 Lectures 50:44
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
Inserting & Formatting Graphics
5 Lectures 17:28
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
Cross-Browser Testing
3 Lectures 22:46
Online Testing Tools

Running Virtual Operating Systems For Testing

Making Minor Adjustments For Browser Compatibility
Wrapping Up
2 Lectures 03:15
Where To Go From Here

Request a Course
About the Instructor
4.2 Average rating
11,190 Reviews
229,062 Students
185 Courses
220,000+ Happy Udemy Students

At Stone River eLearning, technology is all we teach. If you're interested in programming, development or design - we have it covered. 

Check out our huge catalog of courses and join the over 370,000 students currently taking Stone River eLearning courses. We currently offer 100+ different technology training courses on our Stone River eLearning website and are adding new courses on hot and trending topics every month. A subscription option is available for those with a real passion for learning.

Report Abuse