Building Responsive Websites with HTML5 & CSS3 Online Course

Courses For Success

AU$ 99 - (68 )

Información importante

  • Curso
  • Online
  • Cuándo:
    A elegir

Learn how to Create Beautiful and Responsive Layouts! In this hands-on training course, we take you step-by-step through, how to build beautifully designed, responsive websites that adjust and function perfectly on smartphones, tablets, and desktop displays. You’ll begin with the fundamentals of responsive design, beginning with multiple style sheets, media queries and various expressions. Next comes the fun part: you’ll be guided through several in-depth chapters that walk you through the responsive design workflow, building HTML structure and CSS formatting for mobile and desktop displays; including tablets, desktop screens, and smartphones. We show you how to plan out your work, handle common issues that arise in a responsive layout, and how to handle various page components between device displays. Finally, the course closes with additional tricks, advanced techniques, and testing methods to ensure that your layout looks fantastic. By the end of this Building Responsive Websites with HTML5 & CSS3 Course, you will be able to: Building functional, responsive web layouts. Create websites that possess both beautiful design and powerful function a breeze. Learn, step-by-step, how to design layouts to fit various device displays, including tablet, smartphone, and desktop screens. Understand the tools you need to build responsive websites Perfect either for professionals or those just getting started with HTML and CSS! Course Fast Facts: Easy to follow online videos 2 - 5 hours of study is required Unlimited 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 automated email),...

Información importante

Requisitos: Minimum Specifications 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

Instalaciones y fechas

Dónde se imparte y en qué fechas

Inicio Ubicación
A elegir

¿Qué aprendes en este curso?




  • Welcome
  • A Look At What We'll Build

Chapter 1: Responsive Design Fundamentals

  • Key Aspects of Responsive Design
  • Determining Device Resolutions to Target
  • Wireframing Responsive Layouts

Chapter 2: The Basics: Multiple Style Sheets & Media Queries

  • The Concept of Using Multiple CSS Files
  • Media Queries & Multiple Style Sheets
  • Building Media Queries into a Single CSS File
  • Using Media Query Expressions

Chapter 3: Building HTML Structure & CSS For All Screens

  • Setting Up The HTML & CSS Files
  • Getting Started with the Header
  • Inserting The Main Nav Menu
  • Inserting the Search Field
  • Problems with Applying Floats
  • Integrating Google Fonts API
  • Building the Hero Section Structure
  • Formatting the Hero Section
  • Inserting & Formatting A Call To Action Button
  • Building the Features Section, Part One
  • Building the Features Section, Part Two
  • Inserting the Organize Section
  • Building the Share Section
  • Building the Call To Action Area
  • Inserting and Formatting the Footer
  • Finishing Touches for the High Resolution Layout

Chapter 4: Building the Tablet Layout

  • Setting Up The Medium Resolution CSS & Testing The Media Query
  • Formatting the Medium Rez Header
  • Formatting the Medium Rez Hero Section
  • Formatting the Features Section
  • Formatting the Organize And Share Sections
  • Building the Get Section & Finishing Up the Medium Rez Layout

Chapter 5: Building the Smartphone Layout

  • Setting Up The Low Res CSS & Testing The Media Query
  • Formatting the Low Rez Header
  • Resolving Problems Caused By Floats
  • Formatting the Low Rez Hero Section
  • Formatting the Features Section
  • Formatting the Organize And Share Sections
  • Building the Get Section & Finishing Up the Medium Rez Layout

Chapter 6: Advanced Techniques for Responsive Design

  • Disabling Device Smart Zoom
  • Testing Your Responsive Layouts
  • Setting Up Retina Display Graphics

Chapter 7: Wrapping Up

  • Where to Go From Here

Información adicional

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

Este curso está en español. Traducir al inglés