Learn HTML and CSS by Examples




Learn HTML and CSS by Examples

Complete three projects to understand what is HTML and CSS and how they work.

Project1: Create your own digital business card

In the first project, I will explain the basics of HTML and CSS, I will show you how you can publish your final work for free on GitHub Pages so 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 email form using a free web service called Formspree.

I will also explain how to make your digital business card responsive so it will look great even on mobile devices.

Project 2: Create a responsive blog header

In this project, we will build upon the knowledge from the first project and cover 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 a responsive 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

Take a look behind the curtains of web technologies

Url: View Details

What you will learn
  • The basics of HTML and CSS
  • How to use GitHub Pages
  • How to use Formspree for creating free email forms

Rating: 4.15

Level: Beginner Level

Duration: 3 hours

Instructor: Jan Zavrel


Courses By:   0-9  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z 

About US

The display of third-party trademarks and trade names on this site does not necessarily indicate any affiliation or endorsement of course-link.com.


© 2021 course-link.com. All rights reserved.
View Sitemap