Kako naložiti HTML stran na internet?

Naredil/a si spletno stran s HTML in CSS. Zdaj jo želiš naložiti na internet. Kako se tega lotiti?

Najprej je potrebno imeti domeno ter prostor na strežniku (spletno gostovanje). Domena je spletni naslov, preko katerega lahko nekdo dostopa do neke spletne strani (primeri: smartninja.org, google.com, startup.si itd.). Spletno gostovanje pa je zakupljen prostor na nekem strežniku, kamor naložimo kodo naše spletne strani. Uporabnik lahko tako preko domene pride do naše spletne strani, ki je naložena na nekem strežniku.

Eden izmed bolj poznanih ponudnikov domen in spletnega gostovanja je Domenca, naš partner. Za svojo preprosto HTML in CSS stran, ki ne potrebuje podatkovne baze, je dovolj že najosnovnejši paket Email začetek: https://www.domenca.com/gostovanje/spletno-gostovanje/email-zacetek/.

Namig: Najbolje je pri enem ponudniku hkrati kupiti tako domeno, kot gostovanje spletne strani. Tako nam ni treba posebej nastavljati oz. povezovati strežnika ter domene.

Ko kupimo domeno in gostovanje, prejmemo na email podatke za dostop do strežnika. To so:

  • Host: ime domene (npr. smartninja.org)
  • Uporabniško ime (Username)
  • Geslo (Password)

Za povezavo s strežnikom bomo uporabili poseben program, ki se imenuje Filezilla. Najdeš ga tu: https://filezilla-project.org/download.php?type=client.

Ko si inštaliramo Filezillo, smo pripravljeni da postavimo našo spletno stran na naši novi domeni in strežniku. Postopek je naslednji (glej tudi spodnjo sliko):

  1. Najprej se je potrebno povezati s strežnikom. V vrstico na vrhu Filezille vnesi ustrezne podatke (Host je ime domene) in klikni Quickconnect (izpolni le polja Host, Username in Password. Port je lahko prazen).
  2. V oknu Remote site lahko vidimo, da se je Filezilla povezala na naš strežnik.
  3. Spodaj bi morala biti mapa public_html. Odpri jo. Vanjo bomo dali kodo svoje spletne strani.
  4. Na levi strani (Local site) se nahajajo mape in datoteke na tvojem računalniku. Najdi mapo, kjer imaš kodo svoje spletne strani.
  5. Zadnji korak je ta, da vse iz te mape (html, css, js, slike itd.) preprosto povlečeš v public_html mapo na strežniku.

Smartninja_sola_programiranja_tecaji_

In to je to – tvoja spletna stran je zdaj dostopna na internetu! 🙂

Nadaljuj z branjem

  • Zaposlitve v programiranju: marec 2023

    Po novem letu na spletu kar mrgoli zaposlitev v IT sektorju. Preveri aktualne zaposlitve v programiranju, in IT-ju, ki ti bodo morda pisane na kožo. V asortiman Smartninja zaposlitev dodajamo…
  • Preden se odločiš za tečaj programiranja, si preberi tole

    Če ne izhajaš iz študija (ali srednje šole) programiranja ali računalniške tehnologije, je velika verjetnost, da ne veš, ali bi bil tečaj programiranja prava izbira zate. Porajajo se vprašanja, kot…
  • Zaposlitve v programiranju: februar 2023

    Ali te zanimajo trenutno razpisani oglasi za delo na področju programiranja in IT-ja? Preveri naš blog zapis, kjer te čaka nekaj odličnih predlogov za zaposlitve v programiranju! Celtra Celtra je…
  • Odloči se za programiranje! 6 razlogov, zakaj

    Ali veš, da so programerji neverjetno radovedni ljudje? Prav to, da jih vedno zanima, kako stvari delujejo v zaledju (pa tudi njihova nenehna potreba po optimiziranju stvari) jih spodbuja h…