Installing a HTML Static Site Template
Deployment guide for static & web hosts
This guide explains how to get a HTML static site template online using common hosting options.
Before you begin, make sure you have:
index.html404.htmlrobots.txt- an
assets/folder containing CSS, JavaScript, and images
Keep the folder structure exactly as provided.
Option 1: Netlify (recommended)
This is the simplest and fastest option for static sites.
Step 1: Prepare your files
Put the following into a single folder on your computer:
index.html404.htmlrobots.txtassets/
For example:
my-site/ ├─ index.html ├─ 404.html ├─ robots.txt └─ assets/
Step 2: Deploy
- Go to https://netlify.com and sign in
- Open Sites
- Choose Add new site → Deploy manually
- Drag your
my-sitefolder into the drop area
Netlify will deploy the site automatically.
Step 3: Add your domain (optional)
- Open Domain settings
- Click Add custom domain
- Enter your domain name
- Follow Netlify’s DNS instructions
Option 2: Traditional web hosting (cPanel / FTP)
Use this if you already have paid hosting.
Step 1: Create a ZIP
Select:
index.html404.htmlrobots.txtassets/
Right-click and compress them into a ZIP file (for example site.zip).
Step 2: Upload
- Log into your hosting control panel
- Open File Manager
- Navigate to
public_html - Upload
site.zip
Step 3: Extract
- Right-click the ZIP file
- Choose Extract
- Ensure
index.htmlends up directly insidepublic_html
Correct:
public_html/index.html
Incorrect:
public_html/my-site/index.html
Troubleshooting
Images or CSS not loading
Common causes:
- The
assetsfolder was not uploaded - File paths were changed
- Filename casing does not match (Linux servers are case-sensitive)
Image.jpg is not the same as image.jpg.
404 or blank page
Check that:
- The file is named exactly
index.html - It is located in the root folder of the site
- There are no extra sub-folders in the path
© 2026 Luke Dunsmore