# Personal Website

## Overview

Objective:

* Teach students how to use HTML and CSS, and Javascript to build a basic
  website.

Skills learned:

* What HTML, CSS, and Javascript are and the difference between them.
* How to apply HTML, CSS, and Javascript to build a website.
* How to find help when building websites.
* How to use Neocities to host a website.

Tangible outcome:

* A hosted website at a publicly accessible domain.

## Actions

1. Download and install [Sublime Text](http://www.sublimetext.com/3).
2. Create a new directory where you want the website files to be.
3. Open Sublime Text and go to File > Open Folder. Open the directory you just
   created.
4. Right click on the folder to the left and click "New File". Go File > Save
   and name the file `index.html`.
5. Add the following to `index.html`.

```
<!doctype html>
<html>
  <head>
    <title>Hello, World!</title>
  </head>
  <body>
    <p>Hello, World!</p>
  </body>
</html>
```

6. Right click anywhere in the file and select "Open in Browser".

# Personal Website

## Overview

Objective:

* Teach students how to use HTML and CSS, and Javascript to build a basic
  website.

Skills learned:

* What HTML, CSS, and Javascript are and the difference between them.
* How to apply HTML, CSS, and Javascript to build a website.
* How to find help when building websites.
* How to use Neocities to host a website.

Tangible outcome:

* A hosted website at a publicly accessible domain.

## Actions

1. Download and install [Sublime Text](http://www.sublimetext.com/3).
2. Create a new directory where you want the website files to be.
3. Open Sublime Text and go to File > Open Folder. Open the directory you just
   created.
4. Right click on the folder to the left and click "New File". Go File > Save
   and name the file `index.html`.
5. Add the following to `index.html`.
  
  ```
  <!doctype html>
  <html>
    <head>
      <title>Hello, World!</title>
    </head>
    <body>
      <p>Hello, World!</p>
    </body>
  </html>
  ```

6. Right click anywhere in the file and select "Open in Browser".

Fix indentation in personal website workshop.
Fix indentation in personal website workshop.