C/C++ week
Save up to 80 % on our C and C++ e-learning courses. Only this week!
Get up to 50 % extra points for free! More info

Make Your First Website, Step by Step!

Make your first website, in HTML and CSS, step by step! We'll go over everything from early development to deploying a completed website to the Internet.

Introduction to HTML and your first website

Lesson 1

Introduction to HTML and your first website

In this lesson, we'll introduce you to the HTML language, explain its structure and the head, body, title and meta tags. The result will be an HTML 5 page.
Written by David Capka
Free Show description
Basic HTML tags

Lesson 2

Basic HTML tags

In this lesson, you'll use the basic HTML tags, i.e. paragraphs <p>, text emphasizing via strong and em, and headlines h1-h6 to make a website.
Written by David Capka
Free Show description
Images and links in HTML

Lesson 3

Images and links in HTML

In this lesson, we'll teach you how to insert images into your HTML page using the <img> tag, and links using the <a> tag. We'll also add subpages.
Written by David Capka
Free Show description
Solved tasks for HTML and CSS lessons 1-3

Exercise

Solved tasks for HTML and CSS lessons 1-3

Solved tasks in HTML & CSS on emphasis, images, and hyper-links. Tasks are ordered by difficulty. Solutions are available for download.
Written by David Capka
Free Show description
Tables in HTML

Lesson 4

Tables in HTML

In this lesson, you'll learn about tables in HTML, thead tags, tbody, th, tr, and td. We'll also merge table cells, and create a table header.
Written by David Capka
Free Show description
Lists in HTML and a table example

Lesson 5

Lists in HTML and a table example

In this HTML tutorial we'll create skills page using HTML table and we'll introduce various lists (ul, ol and dl), and its items (li) with their usage.
Written by David Capka
Free Show description
Solved tasks for HTML and CSS lessons 4-5

Exercise

Solved tasks for HTML and CSS lessons 4-5

Solved tasks in HTML & CSS on the topics of tables and lists. Tasks are ordered by difficulty. Solutions are available for download.
Written by David Capka
PRO Show description
Introduction to CSS (Cascading Style Sheets)

Lesson 6

Introduction to CSS (Cascading Style Sheets)

In this lesson, we'll introduce you to CSS, and explain why Cascading Style Sheets were made. We'll compare 2 identical sites with and without CSS.
Written by David Capka
Free Show description
Basic CSS selectors and properties

Lesson 7

Basic CSS selectors and properties

In this lesson, we'll show you how CSS selectors work and teach you about the text-align and text color properties.
Written by David Capka
Free Show description
The class selector and styling text in CSS

Lesson 8

The class selector and styling text in CSS

In this lesson, you'll learn how to center images using the class selector, and we'll talk a little bit about changing font size and shadows.
Written by David Capka
Free Show description
Layout and backgrounds in HTML

Lesson 9

Layout and backgrounds in HTML

In this lesson, you'll learn how to make a layout made up of a head, an article, and a footer. You'll learn HTML 5 tags such as article, header, section...
Written by David Capka
Free Show description
Solved tasks for HTML and CSS lessons 6-9

Exercise

Solved tasks for HTML and CSS lessons 6-9

Solved tasks in HTML & CSS on basic CSS selectors and styles. Tasks are ordered by difficulty. Solutions are available for download.
Written by David Capka
PROUnrated Show description
Floating content in HTML

Lesson 10

Floating content in HTML

In this lesson, we'll show you how to create floating HTML content using the CSS float:left property which stacks elements next to one another.
Written by David Capka
Free Show description
Border, shadow and the boxmodel in CSS

Lesson 11

Border, shadow and the boxmodel in CSS

In the lesson, we'll go over the styling element border in CSS using border and border-radius, box-shadow, and edges using padding and margin.
Written by David Capka
Free Show description
Solved tasks for HTML and CSS lessons 10-11

Exercise

Solved tasks for HTML and CSS lessons 10-11

Solved tasks in HTML & CSS on styling and basic positioning. Tasks are ordered by difficulty. Solutions are available for download.
Written by David Capka
PROUnrated Show description
Navigation menu, footer and HTML entities

Lesson 12

Navigation menu, footer and HTML entities

In the lesson, we'll continue working on our website's layout, make a head with a navigation menu and a footer. You'll learn to use HTML entities.
Written by David Capka
Free Show description
Styling the HTML page head

Lesson 13

Styling the HTML page head

In this lesson, we'll continue working on our website layout. We'll style a head with a logo, and a navigating menu using CSS 3.
Written by David Capka
Free Show description
Solved tasks for HTML and CSS lessons 12-13

Exercise

Solved tasks for HTML and CSS lessons 12-13

Solved tasks in HTML & CSS on entities and styling lists. Tasks are ordered by difficulty. Solutions are available for download.
Written by David Capka
PROUnrated Show description
Fixed navigation menu and positioning in CSS

Lesson 14

Fixed navigation menu and positioning in CSS

In this lesson, we will finish our layout and learn the basics of positioning in CSS, and set our navigation menu to a fixed position to keep in on top.
Written by David Capka
Free Show description
Creating subpages and a contact form

Lesson 15

Creating subpages and a contact form

In this lesson, we'll add subpages to our site according to our layout. You'll learn how to avoid frames and add a contact email form to the contact page.
Written by David Capka
Free Show description
Styling tables and photo gallery in HTML and CSS

Lesson 16

Styling tables and photo gallery in HTML and CSS

In the lesson, we'll finish our website using HTML and CSS. We'll learn to style tables and create a photo gallery using JavaScript Lightbox.
Written by David Capka
Free Show description
Solved tasks for HTML and CSS lessons 14-16

Exercise

Solved tasks for HTML and CSS lessons 14-16

Solved tasks in HTML & CSS on advanced positioning and styling. Tasks are ordered by difficulty. Solutions are available for download.
Written by David Capka
PROUnrated Show description
Uploading the website to the Internet

Lesson 17

Uploading the website to the Internet

In this final HTML and CSS lesson, we'll go over descriptions and keyword metadata, favicons, and upload the completed website to a web host.
Written by David Capka
Free Show description


 

Activities (14)