Applying Design To Wireframes with HTML5 & CSS3
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.
118 students enrolled
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.
118 students enrolled
Last updated 2/2017
English
Current price: $10 Original price: $50 Discount: 80% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 2 hours on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
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
Requirements
  • A basic understanding of HTML and CSS
Description

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 27 Lectures Collapse All 27 Lectures 02:01:01
+
Getting The Design Underway
9 Lectures 50:44
Getting Started By Styling The Header
05:14

Formatting Call-To-Action Buttons With CSS
08:41

Adding Additional Shadow Effects To The Buttons
03:10

Finishing Up The Button Formatting
05:40

Typographic Treatments With Google Font API
07:41

Beginning The Features Section Styling
05:28

Finishing The Features Section
04:07

Formatting The Organize Section
04:47

Wrapping Up The Layout's Design
05:56
+
Inserting & Formatting Graphics
5 Lectures 17:28
Inserting & Adjusting The Logo
02:48

Setting Up The Hero Section Graphics
04:52

Getting The Feature Section Images Inserted
03:03

Placing The Organize & Share Images
02:52

Using A Graphic As A Button Label
03:53
+
Cross-Browser Testing
3 Lectures 22:46
Online Testing Tools
08:06

Running Virtual Operating Systems For Testing
09:16

Making Minor Adjustments For Browser Compatibility
05:24
+
Wrapping Up
2 Lectures 03:15
Where To Go From Here
02:53

Request a Course
00:22
+
Bonus Material
2 Lectures 01:17
Bonus Lecture: Certificate of Completion
01:03

Bonus Lecture: Course Discounts
00:14
About the Instructor
Stone River eLearning
4.3 Average rating
12,838 Reviews
240,287 Students
187 Courses
230,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.