Peruskäsitteitä
Jos teet jotakin, tee se hyvin. Jos taas et osaa tai et halua tehdä työtäsi hyvin, on parempi ettet tee sitä ollenkaan.
Leo Tolstoi
Kokosin tähän keskeisimpiä käsitteitä, joita tässä kurssissa joudumme käyttämään. Usein näitä sanoja käytetään uuraasti ajattelematta sen tarkemmin niiden sisältöä.
- Hyperteksti
- Teksti, joka sisältää viittauksia eli linkkejä toiseen tekstiin tai saman tekstin eri osaan. Idea on tuttu tietosanakirjoista, joiden artikkeleissa on usein viittauksia saman kirjan toisiin hakusanoihin. Hypertekstin perusideana on mahdollisuus liikkua tekstissä vapaasti omien päähänpistojen mukaan tarvitsematta kahlata sitä järjestyksessä A:sta Ö:hön.
- Multimedia
- on esitys, jossa on yhdistetty tekstiä, kuvaa ja ääntä.
- Hypermedia
- yhdistää multimediaan hypertekstin verkkorakenteen. Hypermediasta aletaan mielellään puhua heti, kun tekstin joukkoon saadaan lisättyä yksi vipattava animaatio. Kuitenkin sen olennaisin piirre on vuorovaikutteisuus.
- Internet
- Internet on kymmenien tuhansien yhteen liitettyjen tietokoneverkkojen kokonaisuus. Koulumme tietokoneet on yhdistetty toisiinsa lähiverkoksi. Kun laajat tietoverkot yhdistetään toisiinsa yhä suuremmiksi ryhmiksi ne muodostavat lopulta kokonaisuuden, jota kutsutaan internetiksi. Kukaan ei omista eikä valvo internetiä, vaan jokainen aliverkko vastaa omasta hallinnoinnistaan. (Kielitoimisto suosittelee kirjoittamaan internetin pienellä alkukirjaimella, koska verkkokokonaisuuksia voi olla useita.)
- WWW (World Wide Web)
- Hypermediapohjainen palvelujärjestelmä, joka on suunniteltu helpottamaan internetissä liikkumista. Vaikka WWW kattaa koko Internetin, se on silti vain sen osa. WWW-sivuja nimitetään kotisivuiksi, siitä tämän kurssin nimi. Joskus kotisivulla tarkoitetaan sivuston pääsivua.
- HTML (Hypertext Markup Language)
- Asiakirjojen kuvauskieli, jolla suurin osa WWW-sivuista on suunniteltu. HTML kuvaa selainohjelmalle tekstin rakenteen: missä on otsikoita, kuvia, linkkejä, korostettua tekstiä
- CSS (Cascaded Style Sheets, porrastetut tyyliarkit)
- Porrastetuilla tyyliarkeilla määritellään WWW-sivujen ulkoasu. Niiden avulla on helppo määritellä laajoillekin sivustoille yhtenäinen muoto. Kun ulkoasu ja asiakirjojen rakenne ovat erillään, sivujen ylläpito on helpompaa ja HTML-koodi on yksinkertaista ja nopeasti latautuvaa.
- DHTML (Dynamic HTML)
- Tekniikka, joka mahdollistaa HTML-asiakirjan sisällön muuttumisen ilman että sivua tarvitsee ladata uudelleen. HTML:ään yhdistetään esimerkiksi Javascript-koodia ja tyylimäärityksiä, joiden tulokset näkyvät käyttäjälle tietyn ajan kuluttua tai vastauksena tämän valintoihin.
- Tag
- Tunniste eli HTML-kielen komentokoodi.
Tehtävä
1. Kopioi luettelo uuteen tiedostoon sanoja.html
. Käytä luettelon sanoja hakusanoina ja täydennä tässä annettuja lyhyenlaisia kuvauksia.
Käytä seuraavaa rakennetta:
<dl> <!––Määritelmäluettelo alkaa––>
<dt>Määriteltävä asia</dt>
<dd>Pitkä ja kattava selitys</dd>
<dt>Toinen avainsana</dt>
<dd>Toinen lavea selitys</dd>
<dl><!––Määritelmäluettelo päättyy––>
2. Etsi internetistä HTML-tiedostojen kirjoittamiseen tarkoitettuja työkaluja. Kirjaa ohjelman nimi ja ohjelman esittelysivun osoite. Katso myös, voiko toimivan ohjelman taikokeiluversion imuroida ja paljonko täydellinen versio maksaa. (Kokeile useita erihakusanoja.)