Reference

First Website Project

Step-by-step setup for creating a local website project folder, opening it in Phoenix Code, and adding an index.html homepage.

In this course, you will build websites locally on your computer before publishing them to the web.

Step 1: Create Your Sites Folder

Inside your user folder, create a new directory named:

Sites

This folder will contain all of your website projects for the semester.

Step 2: Create Your Project Folder

Inside the Sites folder, create a new project folder named:

resume

Your structure should now look like this:

Sites/
  resume/

Step 3: Open the Project in Phoenix Code

Launch Phoenix Code.

Choose:

File -> Open Folder

Open the resume folder you just created.

You are now working inside your project root directory.

Step 4: Create Your Homepage File

Inside the resume folder, create a new file named:

index.html

This file will become the homepage of your website.

Step 5: Add Basic HTML Structure

Paste the following starter structure into your document:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Your Name</title>
</head>
<body>

</body>
</html>

Save the file.

Important Reminder

Your homepage must always be named:

index.html

Web servers automatically look for this filename when loading a website.

If the filename is incorrect, your site may display an error instead of your page.