TEHTÄVÄ 1: KOTISIVUTILAN PERUSTAMINEN

Tässä käydään enemmän läpi käsitteitä ja nippelitietoja, joita tarvitaan myöhemmin. Varsinainen tehtävä on varsin mitätön...

Jotta kaikki maailman web-selaimet voisivat päästä lukemaan tekemääsi web-sivua, täytyy tämän sivun sijaita jossain web-palvelimessa (WWW-palvelin). Internet-yhteydentarjoajat tarjoavat usein asiakkailleen automaattisesti esim. 10 MB:n tai 100 MB:n WWW-tilaa. Sen voi myös vuokrata erikseen, kuten oman Internet-osoitteenkin (ns. domain, itselläni se on www.karvonen.info). Työpaikoilla saattaa olla myös käytössä jonkinlainen WWW-tila työntekijöiden käyttöön, sekä edistyneillä kouluilla saattaa löytyä myös kunkin opettajan ja opiskelijan käyttöön kaikille oma henkilökohtainen www-kotisivutila.

Kotihakemisto

Useimmilla oppilaitosten opiskelijoilla ja oppilaitosten verkon käyttäjillä on oma kotihakemisto. Kun kirjaudut sisään oppilaitoksesi verkkoon, ilmestyy koneeseen jokin uusi verkkolevy, Stadiassa esimerkiksi tämä on Z-levy. Z-levy on tässä tapauksessa kotihakemistosi, johon voit tallentaa omia tiedostojasi eivätkä ne näy muille.

WWW-kotisivuhakemisto

Kun luot tuohon edellämainittuun hakemistoon public_html -nimisen hakemiston (siis public-alaviiva-html), niin kaikki tuohon hakemistoon pistämäsi tiedostot ja kuvat ovat kaikkein saatavilla tavallisen web-selaimen avulla. Tuo hakemisto on siis www-kotisivutilasi.

Kotihakemistoosi tekemäsi public_html -hakemisto on sama asia kuin oma henkilökohtainen www-tilasi koulun palvelimella. Tällä kurssilla sitä kutsutaan web-kotisivutilaksesi, mutta jos käytät jotain muuta kuin koulusi web-palvelinta, web-kotisivutilasi sijaitsee jossain muualla kuin kotihakemistossasi.

Usein tai lähes aina myös laajakaistayhteyden mukana tulee oma www-tila. Sen yhteystiedot sekä käyttäjätiedot ja salasanat löytyvöt hyvin todennäköisesti sopimuksen mukana tulleiden papereiden joukosta. Kaiva ne tässä vaiheessa esiin, jotta voit jatkaa harjoituksen tekoa.

Esimerkki (STADIA / Hkin ammattikorkeakoulu):

Oma käyttäjätunnukseni on ankar. Jos haluan, että koulun studiosta ottamaani kuvaa Studio.JPG voisi ihailla mistä tahansa internettiin kytketyltä tietokoneelta, kopioin tuon kuvan Z-levylle public_html -hakemistoon. Sitten annan seuraavan web-osoitteen (eli URLin) niille, jotka haluan kuvaa käyvän katsomassa:

http://www2.stadia.fi/~ankar/Studio.JPG

URL (Universal Resource Locator) eli web-osoite on vähän sama asia kuin postiosoite arkielämässä. Se kertoo tarkasti missä jokin elementti sijaitsee. URL koostuu muutamasta osasta, joilla voidaan määrittää jonkun jutun tarkka sijainti (vrt. postiosoitteen kaupunki, katu, numero, rappu ja asunnon nro). Webissä käytettävät osoitteet ovat muotoa
<protokolla>://<tietokone>/<sijainti tietokoneessa>/tiedoston nimi

ESIM
http://www2.stadia.fi/~ankar/Studio.JPG
  • http tarkoittaa, että kyseessä on web-sivu tai muu materiaali, ja että se pitää noutaa käyttäen http-protokollaa
  • www2.stadia.fi on palvelimen nimi (voidaan kertoa myös numeroin, esim 10.19.96.23)
  • ~ankar tarkoittaa käyttäjän nimeltä ankar kotihakemistoa (alkuun tuo maaginen tildemerkki) ja lopulta tuon kuvan nimi (HUOM! isoilla ja pienillä merkeillä saattaa olla tässä merkitystä)

Jos et tiedä mistä tuo tilde- eli aaltoviivamerkki (~) löytyy niin tässä ohjeet:
PC: AltGr + ^ -näppäin, tämän jälkeen välilyönti
Mac: Alt + ^, tämän jälkeen välilyönti

Molemmissa koneissa tuo hattu-näppäin (^) löytyy ruotsalaisen Å:n ja Return-näppäimen välistä.

Luo nyt tuo www-kotihakemisto. Kokeile ja opettele samalla myös alla opastetun FTP-ohjelman käyttö, sillä siitä on hyötyä silloin kuin teet sivuja kotoa käsin tai jonnekin muualle kuin koulun koneille.

Yhteys kotoa käsin

Stadian yksityiskohtaiset ohjeet poistettu

PC:lle löytyy useita ilmaisia FTP-ohjelmia, kuten:

Mac-koneillekin lötyy nykyään monta ilmaista tai shareware-ohjelmaa:

Muitakin toki löytyy.

Tässä vielä ohjeet FileZillan kättöön (suomeksi), ja tässä toiset ohjeet.

Komentorivipohjainen FTP

Mac OSX:stä ja Windowsista löytyy sisäänrakennettuna myös komentorivipohjainen FTP-ohjelma. Klikkaa seuraavaa linkkiä, jos haluat oppia käyttämään sitä: [ FTP-ohje ]

FTP-ohjelmalla voit myös luoda hakemistoja, esimerkiksi tuon public_html-hakemiston.