HTML-tiedostojen luominen ja nimeäminen

tekijä: Tanja Tuulikki Välisalo — Viimeisin muutos lauantai 08. marraskuuta 2014, 15.40

HTML-tiedoston luominen

HTML-tiedoston luominen HTML-Kit-editorissa

Luo tyhjä dokumentti pikakomennolla [Ctr+Alt+N] tai valikkokomennolla File | New document. Tarkista, että dokumentissa on määritelty HTML-kielen versioksi XHTML 1.0 Transitional. Jos näin ei ole, niin käy uudelleen läpi ohjeet ohjelman käyttöönotosta.

HTML-tiedoston luominen Amaya-editorissa

Luo tyhjä dokumentti valikkokomennolla File | New | New document. Määritä avautuvassa dokumentissa HTML-kielen versioksi XHTML Transitional.

HTML-tiedoston nimeäminen

Tiedostojen nimissä tulee olla vain numeroita ja kirjaimia, mutta ei skandinaavisia aakkosia.

Verkkosivuston etusivun tiedostonimeksi annetaan yleensä index. Tämä lyhentää WWW-osoitteita ja helpottaa niiden muistamista, sillä tiedoston nimi voidaan jättää osoitteesta pois. Verkkosivulle mentäessä avautuu oletusarvoisesti kansiossa oleva index-niminen tiedosto.

Esimerkki. Osoitteet http://www.jyu.fi/ ja http://www.jyu.fi/index.html vievät samalle sivulle. Kokeile!

Jokaisessa kansiossa voi myös olla oma index-niminen etusivunsa.

Esimerkki. Osoitteet http://www.jyu.fi/hum/ ja http://www.jyu.fi/hum/index.html vievät samalle sivulle. Kokeile!

Tehtävä

Luo U:-asemalle tai omalle kotikoneellesi tätä kurssia varten kansio (esim. HTKP315), johon voit tallentaa kurssin harjoituksissa laadittavat tiedostot.
Avaa verkkosivueditori ja luo siellä uusi tiedosto. Jos käytät HTML-Kit-ohjelmaa, niin käy ensin läpi ohjelman käyttöönoton ohjeet.
Tallenna avoinna oleva tiedosto nimellä index.html juuri luomaasi kansioon.