Lesson 01: Hello world!

Setup the basics required to build a static website. This could later be deployed to a server if desired :)

Ensure you have an editor to use

Ideally you would install an editor, one of these great ones for example:

If you’re on a Chromebook, you’ll want to use Text!

Use your computer to create a directory named: www

A directory is also called a “folder”, and is where files are stored

Then use the editor to create a new file inside the www folder, named: index.html

Add the following HTML to www/index.html

1
2
3
4
5
6
7
8
9


<!DOCTYPE html>
<html>
  <head>
    <title>Webpage</title>
  </head>
  <body>
    Hello world!
  </body>
</html>

Note: The reference HTML has been simplified a bit, more on that later

From your browser do: ctrl+o to open the file www/index.html. For example, on my computer that happens to look something like this:

Once the file is opened, the new webpage will look something like this

Good work, you just created a local website :)