Kuinka teet kotisivut
Tällä sivulla on vain yleistä tietoa. Sivun lopussa on linkkejä muihin sivuihin, joissa on yksityiskohtaisempia ohjeita.
Nämä ohjeet (kuten muutkaan) eivät opeta sinua käyttämään Windowsia, Linuxia, Mac OS:ia, tai mikä järjestelmä tietokoneessasi sattuukaan olemaan. Sinun täytyy tietää mikä on tiedosto, ja miten löydät itse tekemäsi tiedostot tietokoneestasi. Lisäksi joudut asentamaan yhden tai kaksi ohjelmaa, ellei tietokoneessasi ole ennestään sopivia ohjelmia.
Millä ohjelmilla sivuja voi tehdä
HTML-sivuja voi tehdä millä tahansa tekstieditorilla, kuten esim. Windowsin Muistiolla (englanniksi Notepad). Linuxissa käy esim. gedit, nedit tai nano. Huomaa, että tekstinkäsittelyohjelma on vähän eri asia, eikä sovellu kunnolla HTML-sivujen tekemiseen. Älä siis käytä Wordia tai Wordpadia.
Mikä tahansa HTML-sivujen tekoon tarkoitettu ohjelma on Windowsin Muistiota tai muuta tavallista tekstieditoria mukavampi käyttää. Näitä on pääasiassa kahta mallia:
HTML-ominaisuuksilla varustetut tekstieditorit
Kuten Muistio/Notepad, mutta näihin on lisätty nappeja joiden painaminen vastaa tagin kirjoittamista näppäimistöllä. Lisäksi monilla ohjelmilla voi lähettää sivut FTP-palvelimelle, jolloin et tarvitse sitä varten eri ohjelmaa.
- NoteTab Light
- Coffeecup
WYSIWYG-editorit
Nämä ohjelmat näyttävät tekstinkäsittelyohjelmilta, joissa voi esim. maalata tekstiä hiirellä ja painaa sitten lihavointinappia. Sivu näkyy ikkunassa koko ajan samanlaisena kuin WWW-selaimessakin, ja myös kuvat näkyvät.
| Ohjelma | T | F | Seloste | |
| Macromedia Dreamweaver | on | on | Windows, MacX | ylivoimaisesti paras ohjelma |
| Namo WebEditor | on | on | Windows | |
| Nvu | ei | on | Windows, MacX, Linux | Mozilla Composerista kehitetty editori |
| MS FrontPage Express | ei | ei | Windows | tulee Internet Explorerin mukana |
| Mozilla Composer | ei | ei | "kaikki" | tulee Mozilla-selaimen mukana |
T = template-ominaisuus, F = FTP
Selaimella käytettävät "editorit"
Useimmissa ilmaista sivutilaa tarjoavissa www-palveluissa on jonkinlainen "editori", johon voi kirjoittaa tekstiä joka tulee sitten näkyviin sivulle. Myös linkkejä ja kuvia voi lisätä. Näiden ainoa hyvä puoli on se, että alkuun pääseminen on helppoa, koska et tarvitse itsellesi mitään ohjelmia, eikä sinun tarvitse tietää HTML:stä mitään. Sivuja ei myöskään tarvitse erikseen lähettää mihinkään.
Miten HTML-sivu tehdään
Jokainen HTML-sivu on yksi tiedosto, jonka nimen lopussa lukee .htm tai .html. Etusivu täytyy tallentaa nimellä index.html tai index.htm. Sivuilla olevat kuvat ovat erillisiä tiedostoja, kukin kuva on oma tiedostonsa. Yleensä käytetään GIF, JPG/JPEG tai PNG-tyyppisiä kuvia. Huomaa, että Windows piilottaa hämäävästi tiedostojen nimien loppuosia, joten et ehkä aina näe .htm-loppua.
Jos käytät WYSIWYG-editoria, sinun ei välttämättä tarvitse tietää mitään itse HTML:stä. Kirjoita näppäimistöllä ja käytä ohjelman lihavointeja, otsikoita, värejä, ym. ominaisuuksia. Jos lisäät sivulle kuvia, kopioi ne ensin samaan kansioon/hakemistoon kuin mihin tallennat tekemäsi sivut, ja muista lähettää myös kuvat palvelimelle.
Sivulla "HTML-sivujen kirjoitus tekstieditorilla" kerrotaan mitä teet jos käytät tekstieditoria. Sivu on lyhyt ja kannattaa lukea vaikka käyttäisitkin WYSIWYG-editoria, koska on aina hyvä tietää vähän tarkemmin kuin välttämättä tarvitsee.
Kuinka saat sivun näkymään netissä
Hanki ensin itsellesi kotisivutila. Usein sen saa samasta paikasta kuin internet-yhteydenkin. Lisäksi netissä on paikkoja joista saa tilaa ilmaiseksi, katso linkkejä sivun lopusta.
Jos käytät Muistiota tms. ohjelmaa, jossa ei ole FTP-ominaisuutta, imuroi jostain FTP-ohjelma. Esim. WS_FTP LE käy. Ota FTP-ohjelmalla yhteys käyttämääsi palvelimeen sen osoitteella ja omalla käyttäjätunnuksellasi ja salasanallasi. Sitten voit lähettää sillä tiedostot palvelimelle, joka tarjoaa lähettämäsi tiedostot koko maailman saataville.
HTML-käyttöön tarkoitetuissa editoreissa on yleensä myös FTP-ominaisuus. Kirjoita käyttämäsi palvelimen osoite ja käyttäjätunnuksesi ja salasanasi johonkin asetusikkunaan. Useimmissa ohjelmissa tiedostot lähetetään palvelimelle yksinkertaisesti valitsemalla tiedosto hiirellä ja painamalla lähetysnappia.
Kotisivutilasi toimittaja antaa osoitteen, jolla sivujasi pääsee katsomaan.
Muuta
Monissa ohjeissa suositellaan välttämään tekstinkäsittelyohjelman tapaisia WYSIWYG-editoreita. Minä olen tästä eri mieltä. Tagien kirjoittaminen käsin on erittäin työlästä verrattuna siihen että ohjelma tekisi sen automaattisesti. Kannattaa kuitenkin tarkkailla millaisilla tageilla käyttämäsi ohjelma toteuttaa tekstin muotoilut, koska monilla ohjelmilla on taipumusta tehdä asiat turhan monimutkaisesti. Parhaissa editoreissa tagit ja graafinen sivu näkyvät yhtä aikaa, ja sivua voi muokata kummastakin näytöstä.
Eri selaimet piirtävät sivun hieman eri tavalla, ja HTML:n ja CSS:n mahdollisuudet sivun ulkonäön säätämiseen ovat muutenkin vähäiset. Kannattaa siis keskittyä sisältöön, ja säätää ulkonäköä vain sen verran kuin on tarpeellista selkeyden ja oman tyylin lisäämiseksi.
Linkkejä muihin ohjesivuihin
- Menthal27 - esimerkkejä HTML-koodien käytöstä ja CSS:stä, linkkejä paikkoihin joista saa ilmaista sivutilaa
- Jukka Korpelan Web-julkaisemisen opas, monipuolista HTML-sivuihin liittyvää tietoa
- Jukka Tujulan Johdanto kotisivujen tekemiseen
Muuta hyödyllistä
- Heikki Luhtalan ilmaisia taustakuvia/kuvioita
- Sunpointista saa kotisivutilaa suomeksi tekstiviestillä
- Geocitiesistä saa kotisivutilaa runsaita mainoksia vastaan
- FreeWebsistä saa kotisivutilaa ilman mainoksia ilmaiseksi, vain vapaamuotoinen linkki pitää lisätä
Jos mielessäsi on asia, joka olisi syytä mainita tässä yhteydessä, kerro siitä palautelaatikkoon.