π 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_htmlon 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) orCmd+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
.htmlfile 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.