Applying Design to Wireframes with HTML5 + CSS3 Online Course

Course

Online

£ 52.17 + VAT

*Indicative price

Original amount in AUD:

$ 99

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

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...

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

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

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Reviews

Subjects

  • Testing
  • Email
  • Design
  • Graphics
  • Layout
  • Typography
  • Web

Course programme

There are 5 units of Study

Introduction

  • 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 purchase?

Once you complete your purchase, you will receive an email with an Access Key, and instructions on how to download your purchase. You will enter that Access Key...

Applying Design to Wireframes with HTML5 + CSS3 Online Course

£ 52.17 + VAT

*Indicative price

Original amount in AUD:

$ 99