Lesson 1: HTML and CSS Design Basics

This E-Commerce Developers Course 1st lesson covers the following:

1. HTML Introduction
2. CSS Introduction
3. Creation of an About page
4. Creation of an FAQ page
5. Creation of a Blog page

This lesson is conducted in partnership with Rachel Jaro, founder of Koodi (web development company).

(Should you encounter a “secure connection failed” message in any of the video embedded, just click on the “try again” button to load it.)

HTML Introduction

For this session, participants are requested to use the following:

1. Firefox
2. Firebug add-on for Firefox
3. Web Developer add-on for Firefox
4. Sublime Text

References:

• HTML tutorial

back to top

CSS Introduction

References:

• CSS tutorial
• CSS basics
• CSS intro
• CSS selectors

back to top

Creation of an About page

We are using the Allen template as an inspiration in building our files here.

Files created from this lesson can be accessed here —> About Page files.

Resources:

• Reset CSS
• Normalize (HTML5 alternative to CSS reset)

References:

• Learn CSS layout
• HTML Color Codes
• Google Fonts
• CSS Font Stack

back to top

Creation of an FAQ page

Files created from this lesson can be accessed here —> FAQ page files

back to top

Creation of a Blog page

Files created from this lesson can be accessed here —> Blog page files

back to top