Tutorials > Building Responsive Websites With Html 5 & Css3

Building Responsive Websites With Html 5 & Css3


Date: 27 August 2022 | Posted by: voska89
Building Responsive Websites With Html 5 & Css3
Last updated 8/2020
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz
Language: English | Size: 807.67 MB | Duration: 3h 31m


Learning how to build responsive websites has never been easier!
What you'll learn
Learn the latest techniques for an in-demand skill: building functional, responsive web layouts.
Easy to follow, plain-english instructions make learning how to 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.
Requirements
A basic understanding of HTML and CSS
Description
In this hands-on training course, award-winning veteran trainer Geoff Blake shows you, step-by-step, 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. Geoff shows 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.
Overview
Section 1: Introduction
Lecture 1 Welcome
Lecture 2 A Look At What We'll Build
Section 2: Responsive Design Fundamentals
Lecture 3 Key Aspects Of Responsive Design
Lecture 4 Determining Device Resolutions To Target
Lecture 5 Wireframing Responsive Layouts
Section 3: The Basics: Multiple Style Sheets & Media Queries
Lecture 6 The Concept Of Using Multiple CSS Files
Lecture 7 Media Queries & Multiple Style Sheets
Lecture 8 Building Media Queries Into A Single CSS File
Lecture 9 Using Media Query Expressions
Section 4: Building HTML Structure & CSS For All Screens
Lecture 10 Setting Up The HTML & CSS Files
Lecture 11 Getting Started With The Header
Lecture 12 Inserting The Main Nav Menu
Lecture 13 Inserting The Search Field
Lecture 14 Problems With Applying Floats
Lecture 15 Integrating Google Fonts API
Lecture 16 Building The Hero Section Structure
Lecture 17 Formatting The Hero Section
Lecture 18 Inserting & Formatting A Call To Action Button
Lecture 19 Building The Features Section, Part One
Lecture 20 Building The Features Section, Part Two
Lecture 21 Inserting The Organize Section
Lecture 22 Building The Share Section
Lecture 23 Building The Call To Action Area
Lecture 24 Inserting And Formatting The Footer
Lecture 25 Finishing Touches For The High Resolution Layout
Section 5: Building The Tablet Layout
Lecture 26 Setting Up The Medium Resolution CSS & Testing The Media Query
Lecture 27 Formatting The Medium Res Header
Lecture 28 Formatting The Medium Res Hero Section
Lecture 29 Formatting The Features Section
Lecture 30 Formatting The Organize And Share Sections
Lecture 31 Building The Get Section & Finishing Up The Medium Res Layout
Section 6: Building The Smartphone Layout
Lecture 32 Setting Up The Low Res CSS & Testing The Media Query
Lecture 33 Formatting The Low Res Header
Lecture 34 Resolving Problems Caused By Floats
Lecture 35 Formatting The Low Res Hero Section
Lecture 36 Formatting The Features Section
Lecture 37 Formatting The Organize And Share Sections
Lecture 38 Building The Get Section & Finishing Up The Low Res Layout
Section 7: Advanced Techniques For Responsive Design
Lecture 39 Disabling Device Smart Zoom
Lecture 40 Testing Your Responsive Layouts
Lecture 41 Setting Up Retina Display Graphics
Section 8: Wrapping Up
Lecture 42 Where To Go From Here
Section 9: Bonus Material
Lecture 43 Bonus Lecture
Those looking to build a strong foundation in responsive web layouts


Homepage
https://www.udemy.com/course/building-responsive-websites-with-html-5-css3/


DOWNLOAD LINK


Links are Interchangeable - No Password - Single Extraction

See full article