Miten saan kotisivun nettiin? Domain, webhotelli ja tiedostot kuntoon tunnissa

Kotisivun julkaiseminen nettiin onnistuu tunnissa — eikä se vaadi ohjelmoijaa tai teknistä osaamista. Jos olet pyytänyt tekoälyltä HTML-koodin ja sait valmiin tiedoston, olet jo puolivälissä. Seuraava askel on saada sivu nettiin niin, että kuka tahansa voi käydä katsomassa sitä. Siihen tarvitset kaksi asiaa: domainin eli verkkotunnuksen sekä webhotellin. Tässä oppaassa käymme molemmat läpi askel askeleelta.

Mitä tarvitset kotisivun julkaisemiseen – domain ja webhotelli selitettynä

Kotisivun julkaisemiseen nettiin tarvitset kaksi asiaa: domainin ja webhotellin. Ajattele verkkosivuasi kuin taloa. Tässä vertauksessa:

• 🏠 HTML-tiedosto = talon sisustus
• Tekoälyn tuottama koodi on ulkoasukeskeinen, sisältäen tekstit, kuvat, värit ja rakenteen. Muista kirjoitta ensiksi hyvä prompti
• 🏗️ Webhotelli = tontti ja rakennus
• Palvelin on paikka, jossa tiedostosi säilytetään ja josta selaimet voivat ladata sen.
• 🪧Domain = katuosoite
• Osoite kuten sinunnimi.fi kertoo selaimelle, mistä palvelimelta sivusi löytyy.

Vaihe 1: osta domain ja webhotelli Speedzonesta

Osta domain osoitteesta speedzone.fi ja valitse ensin haluamasi verkkotunnus, esimerkiksi sinunnimi.fi. Lisää se ostoskoriin ja valitse sen perään jokin web-hotelli-paketti; perushotelli (Entry-paketti) riittää täysin yksinkertaiselle HTML-sivulle.

Maksamisen jälkeen saat sähköpostiisi kirjautumistunnukset hallintapaneeliin. Koska domain ja hotelli ovat samassa palvelussa, ne on jo valmiiksi yhdistetty toisiinsa. Mitään ylimääräistä ei tarvitse tehdä.

Miksi tämä on helpompaa?

Jos ostat domainin ja hotellin eri palveluista, joudut muuttamaan DNS-tietueita käsin; se voi viedä tunteja ja siinä on helppo tehdä virheitä. Saman palvelun sisällä kaikki on automaattista ja yleensä myös halvempaa.

Vaihe 2: avaa tiedostonhallinta (FTP) hallintapaneelissa

Speedzonen hallintapaneelissa löydät kohdan Webhotelli->FTP->WebFTP. Sen kautta pääset suoraan palvelimen kansiorakenteeseen selaimessa.

Vaihtoehtoisesti voit käyttää FTP-ohjelmaa kuten FileZilla (ilmainen). FTP-tunnukset, kuten palvelimen osoite, käyttäjänimi ja salasana löytyvät hallintapaneelin FTP-osiosta.

Vaihe 3: siirrä kotisivu palvelimelle oikeaan kansioon

Kotisivun siirtäminen palvelimen oikeaan kansioon on tärkein kohta. Palvelimella on useita kansioita, mutta verkkosivusi täytyy olla täsmälleen oikeassa paikassa, jotta se näkyy internetissä. Nimeä tekoälyn tekemä tiedostosi index.html ja lataa se kansioon /htdocs. Tiedoston nimi index.html on erityinen; palvelin lataa sen automaattisesti näkyville, kun joku kirjoittaa domainisi osoitteen selaimeen. Puu olisi: /htdocs/index.html

Huom! Jos lataat tiedoston johonkin muuhun kansioon tai annat sille muun nimen kuin index.html, sivu ei näy domainin juuriosoitteessa. Tarkista aina, että olet htdocs-kansion sisällä ennen lataamista.

Vaihe 4: avaa kotisivusi selaimessa ja tarkista toimivuus

Kotisivun avaamiseksi selaimessa kirjoita domainisi osoitepalkkiin. Sivun pitäisi avautua välittömästi; Speedzonessa domain ja webhotelli ovat jo yhdistetty, joten DNS-odottelua ei ole.

Jos sivu ei heti näy, odota muutama minuutti ja päivitä. Uuden domainin rekisteröityminen verkkoon voi kestää lyhyen hetken (koska rekisteritiedot ja DNS-tiedot päivittyvät eri järjestelmiin), mutta harvoin yli 15 minuuttia.

Miten päivität kotisivua jatkossa – tekoäly ja FTP yhteistyössä

Kotisivua voi ja kannattaa päivittää – tekoälyn tekemä HTML-sivu ei ole kiveen hakattu, mutta sitä varten sinun täytyy ensin tallentaa index.html-tiedosto omalle laitteellesi. Tässä on luontevin työnkulku jatkokehitykseen:

1 Pyydä tekoälyä muokkaamaan kotisivua

Lataa index.html -tiedosto käyttämääsi tekoälypalveluun ja kerro, mitä haluat muuttaa, esim. ”Lisää yhteystiedot sivun alaosaan” tai ”Vaihda värimaailma tummaksi”. Tekoäly palauttaa uuden HTML-koodin kokonaan tai muuttuneena osana.

2 Tallenna uusi versio tietokoneellesi

Kopioi tekoälyn antama koodi tekstieditoriin (esim. Notepad, TextEdit tai VS Code) ja tallenna se nimellä index.html. Korvaa tällä vanha tiedosto.

3 Lataa päivitetty tiedosto palvelimelle

Mene Speedzonen tiedostonhallintaan tai avaa FTP-ohjelma. Navigoi kansioon public_html ja lataa uusi index.html vanhan päälle. Vahvista korvaaminen kun ohjelma kysyy.

4 Päivitä selain ja katso tulos

Paina Ctrl+Shift+R (Windows) tai Cmd+Shift+R (Mac) pakottaaksesi selaimen lataamaan uuden version välimuistin sijaan. Muutokset näkyvät heti.

Vinkki!

Kun sivulla on kuvia, luo htdocs-kansion sisälle alikansio nimeltä images ja siirrä kuvatiedostot sinne. Tekoälylle kannattaa kertoa tästä rakenteesta, jotta kuvalinkit pysyvät oikein HTML-koodissa. Puu on sitten: /htdocs/images/photo1.jpg jne.

Koko prosessi domainin ostamisesta toimivaan sivuun onnistuu tunnissa ilman ohjelmoijan apua. Tekoäly hoitaa koodin, SpeedZone hoitaa tekniikan, ja sinä päätät miltä sivu näyttää.

UKK