πŸ“‚ Managing & Deploying Your Site

How to upload files, make changes and see them live on your hosting β€” step by step for beginners.

πŸš€ Deploying Files
Q1How do I upload files to my hosting server and see changes live?Beginnerβ–Ό

This is the core workflow for a static HTML site β€” no WordPress, no database needed:

  • Step 1 β€” Edit your files locally on your computer (HTML, CSS, JS)
  • Step 2 β€” Open your FTP client (FileZilla) or cPanel File Manager
  • Step 3 β€” Connect to your server using your FTP credentials
  • Step 4 β€” Navigate to public_html/ on the server
  • Step 5 β€” Upload (drag & drop) the changed files, overwriting the old ones
  • Step 6 β€” Refresh your browser β€” changes are live immediately! πŸŽ‰
πŸ’‘ Unlike WordPress, a static HTML site has NO database to worry about. Any file you upload is instantly visible. It's the simplest possible deployment workflow.
Q2What is FileZilla and how do I set it up?Beginnerβ–Ό

FileZilla is a free, open-source FTP client available for Windows, Mac and Linux. It's the most popular tool for uploading website files.

Setup steps:

  • Download FileZilla from filezilla-project.org
  • Open it β€” you'll see 4 panes: local files (left), server files (right)
  • Enter your host, username, password and port at the top, click Quickconnect
  • Navigate to public_html on the right
  • Drag files from the left (local) to the right (server)
πŸ’‘ Use SFTP (port 22) instead of FTP (port 21) if your host supports it β€” it's encrypted and more secure.
Q3Why do my changes not show after uploading?Beginnerβ–Ό

If you uploaded files but don't see changes, the most common reasons are:

  • Browser cache β€” Your browser is showing you the old cached version. Press Ctrl+Shift+R (Windows) or Cmd+Shift+R (Mac) to do a hard refresh.
  • Wrong folder β€” You may have uploaded to the wrong directory. Make sure files are in public_html/
  • Wrong filename β€” Check the file is named exactly index.html (lowercase, no spaces)
  • CDN caching β€” If your site uses a CDN (e.g. Cloudflare), you may need to purge its cache
⚠️ Always do a hard refresh (Ctrl+Shift+R) after uploading changes. Regular refresh (F5) often serves the cached version.
Q4Do I need a database for a pure HTML/CSS/JS website?Beginnerβ–Ό

No! A static website made of HTML, CSS and JavaScript files requires no database at all. The server simply serves the files as-is.

This is a massive advantage over WordPress:

  • βœ… No MySQL to configure or back up
  • βœ… No PHP needed
  • βœ… Pages load faster (no database queries)
  • βœ… More secure (no database to hack)
  • βœ… Works on any basic hosting plan
  • βœ… Easy to deploy β€” just copy files!
πŸ’‘ This entire IT Learning Hub site is a perfect example β€” it's 100% static HTML/CSS/JS. Upload the folder to your public_html and it works immediately.
Q5How do I add a new page or question to this site?Beginnerβ–Ό

Adding content to a static HTML site is straightforward:

To add a new question to an existing page:

  • Open the relevant .html file in a text editor (VS Code, Notepad++)
  • Copy an existing <div class="qa-item">...</div> block
  • Paste it below and change the question and answer text
  • Save and upload the file via FTP

To add a new sub-topic page:

  • Copy an existing page (e.g. linux-basics.html) as a template
  • Rename it (e.g. linux-networking.html)
  • Update the title, breadcrumb and Q&A content
  • Add a link to it in the sidebar and relevant category pages
  • Upload the new file
πŸ’‘ Using a code editor like VS Code (free) makes editing HTML files easy β€” it highlights syntax and auto-completes tags.