Learn HTML and CSS by Examples

Go to class
Write Review

Learn HTML and CSS by Examples provided by Udemy is a comprehensive online course, which lasts for 2-3 hours worth of material. Learn HTML and CSS by Examples is taught by Jan Zavrel. Upon completion of the course, you can receive an e-certificate from Udemy. The course is taught in Englishand is Paid Course. Visit the course page at Udemy for detailed price information.

Overview
  • Take a look behind the curtains of web technologies

    What you'll learn:

    • The basics of HTML and CSS
    • How to use GitHub Pages
    • How to use Formspree for creating free email forms
    • How to create a responsive design using viewport and media queries
    • How to create navigation links with unordered lists
    • How to work with color transparency
    • How to properly position elements
    • How to use gradients in CSS
    • How to use third-party fonts on your website

    Complete three projects to understand what isHTML and CSS and how theywork.

    Project1:Create your own digital business card

    In the first project,I will explain the basics ofHTMLandCSS, I willshow you how you can publish your final work for free onGitHub Pagesso it's accessible by anyone.

    I will walk you through the whole process of creating your first HTML file and explain how to set up emailformusing a free web service calledFormspree.

    I will also explain how to make your digital business cardresponsiveso it will look great even onmobile devices.

    Project 2: Create a responsive blog header

    In this project,we will buildupon the knowledge from the first project andcover these topics:

    • How to use HTML header
    • How to create navigation links properly with unordered lists
    • How to use external CSS files
    • How to style the header
    • How to style navigation links and hide bullet points
    • How to create aresponsive design using viewport and media queries
    • How to work with color transparency
    • How to use Javascript and jQuery


    Project 3: Create a digital restaurant menu!

    • How to use DIVs and background images
    • How to properly position elements
    • What is the difference between block and inline elements
    • How to use gradients in CSS
    • How to use third-party fonts on your web page
    • How to create a responsive design using viewport and media queries
    • How to use Javascript and jQuery