What is the internet?

The internet is a network of computers which spans the entire world. The internet is a decentralized network – in other words, every computer connected to it is treated the same. There are no special internet servers which control the … Take lesson

How do web browsers work?

When you navigate to a website, your browser makes a request to the server that hosts the website. Depending on what is contained in that request the server sends back different content in the response. This request/response cycle is the … Take lesson

What is HTTP?

So far we have learned that when we navigate the internet, browsers make requests to a web server and the servers send back a response. Today we are going to learn how these requests and responses are transmitted. Have you … Take lesson

Web Server Responses

We have learned that web servers respond to our requests by sending back various types of data. HTML One of the most important types of data returned by web servers is called HTML. Use the buttons below to navigate through … Take lesson

Introduction to HTML

In this lesson we learn about one of the main types of data websites send to our computers over the internet: HTML. If you haven’t completed the first part of our Website Design course “What is the internet” make sure … Take lesson

Viewing Website HTML in our browsers

In this lesson we learn how to view HTML using the free Developer Tools in our browser. Before we begin building our own websites let’s look at the HTML that websites are already sending us. Doing this helps us to … Take lesson

Creating our first HTML document

In this lesson we will walk through creating an empty HTML document and learn about HTML document structure and some simple HTML tags. Use the buttons below to navigate through the lesson   First, create a place to put our … Take lesson

Understanding Basic HTML

In this lesson we’ll learn about some of the simplest HTML tags and how they function. So far we have a very simple index.html: <!DOCTYPE html> <html> <head> <title>FOTC First Website</title> </head> <body> This is our first FOTC web page. … Take lesson

Adding Text to our HTML page

In this lesson we’ll learn about some HTML tags that help us structure text in our web pages. If you haven’t followed the lessons up to now then you should start from the beginning of the course. For this lesson … Take lesson

Adding Links and Images in HTML

In this lesson we’ll learn some HTML tags that allow us to add links and images to our web pages. If you haven’t followed the lessons up to now then you should start from the beginning of the course. For … Take lesson

How to add navigation to a simple HTML page

In this lesson we’ll add navigation between our two simple HTML web pages. If you haven’t followed the lessons up to now then you should start from the beginning of the course. For this lesson you’ll want to have your … Take lesson

Class, ID and < div > and < span > in HTML

In this lesson we’ll learn about class and ID attributes, and two tags that are useful for structuring our HTML.  If you haven’t followed the lessons up to now then you should start from the beginning of the course. For … Take lesson

How are complex HTML websites created?

In this lesson we’ll understand how more complex modern websites are created. Now we have created our first website, with two basic pages and a navigation bar that lets us move between them. We understand how to add images, and … Take lesson

What Is CSS?

This is the third part of a series in which we learn how to make websites. If you haven’t completed Part Two then you should do that first. In Part Two we made a very simple website consisting of a … Take lesson

Understanding CSS Selectors

We have seen that CSS is a list of rules that tell our browser how to display the HTML, and we have looked at how rules are formed. Let’s look in more detail now at selectors. In this lesson we … Take lesson

Using Simple CSS Styles for text

In this lesson we learn some styles we can apply with CSS to make text on our websites more visually attractive. Let’s make some changes to the CSS in our sample website so we can learn some new CSS styles. … Take lesson

Padding, Border and Margin in CSS

In this lesson we learn about three of the most important CSS styles for positioning on our web pages: Padding, Border and Margin.In the last lesson we first learned about ‘padding’ and saw how it adds extra space to the … Take lesson

Loading External CSS Files using the tag

In this lesson we will learn how to separate our CSS into separate files and load it using the <link> tag. So far we have been putting CSS straight into our HTML files using the <style> tag. However, we have … Take lesson

More advanced CSS

In this lesson we will learn some more CSS styles we can use to develop the look of our pages. By now we’re used to applying styles, and we have our own separate CSS file to add them to. I … Take lesson

What is Web Hosting

In this lesson we will learn what is meant by the term ‘web hosting’, and we will understand more deeply how web servers create the responses to the requests from our browser. Web Hosting is the name commonly given to … Take lesson

How to Choose a Web Host

In this lesson we will look at the considerations that go into choosing the correct web host for our needs. Now you understand what web hosting is, you may be wondering how to choose a web host. Use the buttons … Take lesson

DNS and Domain Names

In this lesson we will look at understanding the DNS “Domain Name System” and how web addresses work on the internet. Have you ever wondered how your computer knows how to find the correct web server when you type in … Take lesson