Uploading HTML Files to Your Host

What You Need

Before uploading:
- Your HTML files (extracted/ready)
- Web hosting account with FTP/file manager access
- FTP client (or use hosting's file manager)
- Your hosting login credentials

Popular Hosting Providers

• Bluehost - Beginner-friendly, affordable
• SiteGround - Great support, good performance
• DreamHost - Flexible, developer-friendly
• GoDaddy - Easy domain + hosting bundle
• Namecheap - Affordable, reliable
• Any hosting supporting HTML/PHP

Method 1: Using File Manager (Easiest)

If your host provides a file manager:

1. Log into hosting control panel
   - Go to your hosting provider's website
   - Log in with credentials
   - Find File Manager or Files

2. Navigate to public folder
   - Look for public_html or www folder
   - This is where your site files go
   - Open this folder

3. Upload your files
   - Click Upload button
   - Select all your template files
   - Upload HTML files first
   - Upload CSS, JS, and images folders
   - Wait for upload to complete

4. Verify upload
   - Refresh file manager
   - Confirm all files appear
   - File structure should match original

5. Test your site
   - Go to your domain URL
   - Should see your site
   - Click around to test pages and links

Method 2: Using FTP Client

For more control, use FTP client:

1. Download FTP client
   - Popular options: FileZilla (free), Cyberduck, WinSCP
   - Install on your computer

2. Get FTP credentials from hosting
   - Log into hosting control panel
   - Find FTP information
   - Get: Host, Username, Password, Port

3. Connect in FTP client
   - Open FTP client
   - Enter host address
   - Enter username and password
   - Click Connect

4. Navigate to upload folder
   - Look for public_html or www folder
   - Right side shows remote files
   - Left side shows your computer files

5. Upload your files
   - On left, navigate to your template folder
   - Select all files (Ctrl+A or Cmd+A)
   - Drag to right side or click upload button
   - Wait for upload to complete

6. Verify upload
   - Check remote files on right side
   - Confirm all files present
   - Structure should be correct

Important: Upload Folder Structure

Make sure your uploaded structure looks like:
public_html/
├── index.html ← at root level
├── about.html
├── contact.html
├── css/
├── js/
└── images/

Don't do this:
public_html/
└── template-folder/
├── index.html ← nested too deep

If you accidentally nested files, move them to root level.

Testing After Upload

1. Wait 5-10 minutes for upload to complete
2. Go to your domain URL
3. Should see homepage
4. Click links to test other pages
5. Test forms and interactions
6. Check mobile responsive view

Troubleshooting Upload Issues

Files won't upload:
- Check file size limits
- Try uploading fewer files at once
- Use different FTP client
- Verify FTP credentials

Pages don't display:
- Check files uploaded to correct folder
- Verify file structure
- Check permissions (should be 644 for files, 755 for folders)
- Check for file naming issues

Links broken after upload:
- File structure incorrect
- Path references wrong in HTML
- See "File Permissions & Structure" section