HTML & CSS aloittelijoille

HTML & CSS aloittelijoille (Osa 48): Verkkosivusto menee verkossa.

Kaikki oppaan videot HTML ja CSS aloittelijoille

Yleensä verkkosivuston kehittäminen tapahtuu paikallisesti. Tähän tarkoitukseen luodaan - kuten on jo näytetty - vastaava hakemistorakenne.

HTML & CSS aloittelijoille (Osa 48): Verkkosivusto menee verkossa


Loppujen lopuksi tämä rakenne on myös se, jonka sitten laitat verkossa esille. (Oletan tässä vaiheessa staattisesta HTML-verkkosivustosta. Mutta vaikka kehittäisitkin dynaamisia sivustoja esimerkiksi PHP:n ja MySQL:n pohjalta, voit tehdä tämän aluksi paikallisesti. Taikasana tällöin on esimerkiksi XAMPP). Kiinnitä siis ehdottomasti huomiota siihen, että hakemistojesi ja tiedostojen nimissä ei ole välilyöntejä eikä erikoismerkkejä. Lisäksi suosittelen pitämään näissä nimissä johdonmukaista pientä kirjainta.

Testaa verkkosivustoasi huolellisesti paikallisesti. Sen tulisi todella toimia mahdollisimman virheettömästi.


Oikea palveluntarjoaja

Jotta voit ylipäänsä julkaista verkkosivustosi verkossa, tarvitset vastaavan web-tilan. (Oletan, ettet itse halua ylläpitää omaa palvelinta, vaan aiot vuokrata web-tilaa palveluntarjoajalta).

Ensinnäkin sinun on hankittava tilaa palveluntarjoajalta. Sama koskee verkkotunnusta, eli loppujen lopuksi osoitetta, josta sivustolle pääsee myöhemmin. Nykyään on olemassa useita palveluntarjoajia, joilta voi vuokrata edullista web-tilaa. Valitessasi palveluntarjoajaa ja web-tila-pakettia kiinnitä huomiota seuraaviin asioihin:

• Vähintään 1,5 gigatavua tallennustilaa

• 1 .de-verkkotunnus sisältyy

• Yleensä PHP tulisi olla tuettuna.

• MySQL-tietokannan tulisi olla mukana.

• Kiinnitä ehdottomasti huomiota rajattomaan liikenteeseen.

Erityisesti viimeinen kohta on ratkaiseva, sillä liikenteessä saattaa usein piillä todellisia ansa-kustannuksia.

Kaikki mainitut asiat ovat tietenkin vain todellisia vähimmäisvaatimuksia pienille verkkosivustoille. Jos ylläpidät vilkasta sivustoa, sinun tulisi luonnollisesti päivittää tätä. Kuitenkin myöhempi siirtyminen pienestä suurempaan web-tila-pakettiin on yleensä ongelmaton. Kysy tarvittaessa ensin palveluntarjoajalta.

Sivustolla http://www.webhostlist.de/webhosting/vergleich/ voit etsiä sinulle sopivaa palveluntarjoajaa.

HTML & CSS aloittelijoille (Osa 48): Verkkosivusto menee verkossa



Palveluntarjoajan valinta voidaan aloittaa hyvin erilaisilla kriteereillä.

Kun olet valinnut palveluntarjoajan ja valinnut paketin sekä rekisteröinyt haluamasi verkkotunnuksen, voit aloittaa. Palveluntarjoajalta saat kaikki tarvittavat tiedot, kuten FTP-syöttötiedot jne., sähköpostitse.

Tiedostojen siirto

Kun sinulla on tarvittavat tiedot, voit siirtää paikalliset tiedostosi verkkosivustolle. Tarkista kuitenkin vielä kerran tiedostosi ja niiden sisältämä syntaksi. Erityisesti seuraavat seikat ovat ratkaisevia:

• Tarkista, että kaikki hyperlinkit ja kuvapolut ovat oikein. (Erityisesti jos olet luonut HTML-sivuja WYSIWYG-editorilla, saatat käyttää paikallisia polkuja, jotka eivät enää täsmää verkossa).

• Tarkista tiedosto- ja hakemistonimet välilyönneille ja erikoismerkeille.

Onko kaikki kunnossa? Sitten voit julkaista sivut verkossa. Kytke FTP-yhteys web-tilaan. Tämä on mahdollista millä tahansa FTP-työkalulla. Yksi parhaista ja lisäksi maksuttomista tällaisista työkaluista on FileZilla, joka voidaan ladata sivustolta http://www.filezilla.de/.

HTML & CSS aloittelijoille (Osa 48): Verkkosivusto menee verkossa

Kun olet asentanut ja käynnistänyt FileZillan, avaa Tiedosto>Palvelinhallinta. Avautuvassa valintaikkunassa valitse Uusi palvelin.

HTML & CSS aloittelijoille (Osa 48): Verkkosivusto menee verkossa

Oikeaan ikkunanosaan on syötettävä FTP-tiedot, jotka olet saanut palveluntarjoajaltasi. Tämä voisi näyttää esimerkiksi seuraavalta:

Palvelin = www.benutzername.de

Palvelintyyppi = FTP-File Transfer Protocol

Yhteystyyppi = Tavallinen

Käyttäjä = ftp_sdfsdfsfd@deine-benutzername.de

Salasana = Salasanasi

Tässä on annettava FTP-tiedot. Kysy tarvittaessa vielä kerran palveluntarjoajaltasi.

Yhteyden muodostaa painamalla Yhdistä FTP-palvelimeen.


HTML & CSS aloittelijoille (osa 48): Verkkosivusto menee verkossa

Tämän suoran variantin etuna on, että ilman lisäasetuksia verkkosivusto on saavutettavissa osoitteessa http://www.deine-domain.de/. Sinun ei siis tarvitse asettaa uudelleenohjausta tms.

Monilla palveluntarjoajilla on juurikansiossaan oletuksena kaksi hakemistoa, cgi-data ja cgi-bin. Ja juuri tälle tasolle kopioidaan kaikki hakemistot ja tiedostot paikallisesta ympäristöstä. Etsi tätä varten FileZillan vasemman yläikkunan alueella paikallisia tiedostoja.

Klikkaa tiedostoja ja hakemistoja, joissa paikalliset tiedot sijaitsevat.

Nyt sinun on vain merkittävä tiedostot ja hakemistot, jotka ovat nähtävissä alaosan ikkunassa. Sen jälkeen napsauta merkittyjä hakemistoja/tiedostoja oikealla hiiren painikkeella ja valitse Lähetä.

HTML ja CSS aloittelijoille (Osa 48): Verkkosivusto menee verkossa

Tiedostot siirretään nyt palvelimelle. Huomaa, että kaikki tiedostot siirtyivät varmasti. Jos yksittäisten tiedostojen latauksessa on ongelmia, voit nähdä ne FileZillan alaosan ikkunassa.

Kun kaikki sisällöt ovat palvelimella, voit aloittaa verkkosivuston testaamisen. Tarkista erityisesti, ovatko kaikki kuvat olemassa ja ovatko linkitykset oikein.

Loppu ja yhteenveto

Näin olemme päässeet tämän HTML-CSS-sarjan loppuun. Mitä sinun tulisi ottaa mukaasi, ovat perusaskeleet siitä, miten verkkosivustoja luodaan HTML:n ja CSS:n avulla ja miten niitä voi oikeasti esitellä yleisölle. Selvää pitäisi olla ennen kaikkea yksi asia: Verkkosivuston luominen on pitkä prosessi. Se alkaa suunnitteluvaiheesta, jatkuu itse verkkokehityksen kautta ja päättyy sivuston lataamiseen ja tarkistamiseen. Ja nyt toivotan teille paljon onnea uuden sivustonne kanssa!