Tehtävä: Suunnittele satunnaiselle Helsingissä vierailevalle turistille ohjelma lähipäiviksi ja esittele ohjelma HTML-sivun avulla. Ohjelmassa voi olla esim. muutama sightseeing-kohde, konsertti tms. tapahtuma, ravintolasuosituksia yms.
Tapahtumia, tietoja ravintoloista yms. voit etsiä sivuilta:
Helsinki-aiheisia kuvia löydät mm. kaupungin kuvagalleriasta:
http://www.hel.fi/tourism/html/english/kuvagalleria/
Muutama kuva myös tällä sivulla.
Käynnistä Netscape (ikonista)
Tee itsellesi (terminaali-ikkunassa) public_html -hakemisto, jos sinulla ei ole sellaista: mkdir public_html
Avaa public_html -hakemistossa uusi tiedosto esim. xemacs-editorilla: xemacs helsinki.html &
xemacs-editori kysyy dokumentin otsikkoa ja sen saatuaan näyttää HTML-dokumentin rungon. Voit nyt alkaa kirjoittaa HTML-elementtejä, esim. otsikoita, tekstikappaleita ja listoja. Katso ohjeita ja mallia kurssimateriaalista. Kurssimateriaali kannattaa ehkä avata erilliseen ikkunaan näkymään koko ajan vierellä: valitse Netscapen File-valikosta vaihtoehto "Open Page". (URL: http://www.cs.helsinki.fi/u/hahonen/dimes00/sisalto/html/)
Saat dokumenttisi helposti näkymään Netscape-ikkunassa, kun valitset xemacs-editorin HTML-valikosta vaihtoehdon "View in Netscape".
Etsi turistiohjelmaasi sopivaa informaatiota annettujen linkkien avulla tai käytä omaa mielikuvitustasi.
Voit kopioida tekstiä websivuilta hiiren avulla: maalaa haluamasi alue hiiren vasemmalla näppäimellä, siirrä hiiri haluamaasi kohtaan tekstissäsi ja paina hiiren keskimmäistä näppäintä.
Jos haluat kopioida
kuvan, paina kuvan päällä hiiren oikeaa näppäintä ja valitse
valikosta vaihtoehto "Save Image As...", jolloin voit tallettaa
kuvan tiedostoon. Jos kuva tuntuu liian
suurelta, voit pienentää sitä attribuuttien width ja
height avulla, esim.
<img src="kuva.jpg" width="70%"
height="70%">
Jos haluat katsoa, miten jokin HTML-sivu on toteutettu, voit painaa ikkunassa hiiren oikeanpuoleista näppäintä ja valita vaihtoehdon "View Page Source". Jos sivu on toteutettu kehyksien avulla, voi vaihtoehdon nimi olla "View Frame Source".
Aseta sivusi oikeudet, niin että muutkin webin käyttäjät voivat sen nähdä: chmod o+r helsinki.html