HTML & CSS - Learn to build sleek websites

In this lecture, you will learn to create your first HTML document.

1. Open demo > first.html in your code editor
2. Open the same document in your browse

For extra resources visit : http://www.w3schools.com/html/html_headings.asp

For more practice, visit : http://www.w3schools.com/html/html_formatting.asp

For extra resources visit : http://www.w3schools.com/html/html_links.asp

For extra resources visit : http://www.w3schools.com/html/html5_semantic_elements.asp

The <meta> tag provides metadata about the HTML document. Metadata will not be displayed on the page.

Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata.
To learn more, visit :http://www.w3schools.com/tags/tag_meta.asp

In this lecture, we will use the flat UI colors. Open this link in a new tab of your browser.

Enjoy!

Links to:

Freepik : http://www.freepik.com/ - millions of graphics available for download

I have already included some in the images/ folder or feel free to visit the above link to download more.

• Links to placeholder images:
• placeholdit
• http://lorempixel.com/
• https://placeimg.com/

In this video lesson, I will explain how to use a sprite in your document.

A sprite is a collection of images put in a single file. A web page with many images can take a long time to load and generates multiple server requests.

Using image sprites will reduce the number of server requests and save bandwidth.

source: http://www.w3schools.com/css/css_image_sprites.asp

link to Animate.css

super easy ! I will teach you in 2 minutes how to animate the title of your webpage.

We will work with the sprite again. And, this time we will use the CSS transition property to add special effect.