Applying Design to Wireframes with HTML5 + CSS3 Online Course

Courses For Success

AU$ 99 - (Rs 4,812)

Important information

  • Course
  • Online
  • When:

Build and Apply Your Designs on Top of Your Wireframes! Building on the skills you gained in Website Wireframing with HTML5 & CSS3, this course teaches you how to apply functional and attractive design principles to your wireframe. Featuring advice on typography, graphics, and colour schemes and 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, we 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 Topics
A continuation of Website Wireframing with HTML5 and CSS3, 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 Course Fast Facts: Easy to follow online videos 2 - 5 hours of study is required Lifetime access to online course Delivered 100% on-line and accessible 24/7 from any computer or smartphone You can study from home or at work, at your own pace, in your own time Course Delivery
Your course is delivered via online videos and  an email will be sent advising you of our enrolment process (please check your junk email inbox if not received as this is an...

Important information

Requirements: Computer Requirements: Minimum Speifications For The Computer Are: Windows:- Microsoft Windows XP, or later- Modern and up to date Browser (Internet Explorer 8 or later, Firefox, Chrome, Safari) MAC/iOS:- OSX/iOS 6 or later- Modern and up to date Browser (Firefox, Chrome, Safari) Students Will Also Need Access To The Following Applications:- Plain text editor, Dreamweaver, Coda (Mac-only), Notepad++ (Windows-only), or any other coding application


Where and when

Starts Location

What you'll learn on the course


Course programme

There are 5 units of Study


  • Welcome! Here's What This Course Is All About
  • Here's What We'll Create in this Course

Chapter 1: 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 2: 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 3: 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 4: Cross-Browser Testing

  • Online Testing Tools
  • Running Virtual Operating Systems for Testing
  • Making Minor Adjustments for Browser Compatibility

Chapter 5: Wrapping Up

  • Where to Go From Here

Additional information

Digital Download FAQs

Q: What is a digital download?

A digital download is training that you download from the internet using your web browser instead of us shipping you a physical CD.

Q: How instant is the "Instant Purchase"?

If you complete your purchase, you are emailed your access key within minutes of the transaction completing.

Q: How do I access my digital download...