Kotisivun tekeminen on hauskaa ja helppoa kun vain hallitsee keinot. Tältä sivulta löydätte lähes kaiken mitä tarvitset, kun aloitat kotisivun tekemisen HTML:llä (hieman oppineemmillekin saattaa olla jotakin uutta!). Jotkut neuvoistani on tarkoitettu erityisesti GeoCities -kotisivuille. Lihavoidut tekstit ovat niitä, jotka muutat tehdessäsi omaa kotisivuasi.
Ensimmäiseksi: VALITSE "ISÄNNÖITSIJÄ"
Suosittelen GeoCitiesiä. Se on ilmainen, helppo, ja voit tehdä kotisivua monella eri tavalla, jos nyt et sitten kuitenkaan haluaisi tehdä sivua HTML:llä. Muita ilmaisia isännöitsijöitä ovat Tripod, Angelfire ja Xoom. Muistathan, että jos et voi viettää paljon aikaa Internetissä, voit kirjoittaa HTML:n valmiiksi vaikkapa Microsoft Wordillä, WordPadillä, tai millä tahansa muulla kirjoitusohjelmalla, ja sitten kopioida sen HTML-tiedostoksi netissä.
Toiseksi: ALOITETAANPA.
Nyt kun sinulla on osoite esimerkiksi GeoCitiesissä, ensimmäinen asia on laittaa tämä koodi HTML:ään.
<HTML>
<HEAD>
<TITLE>Sivusi otsikko</TITLE>
</HEAD>
<BODY>
Näkyvä osa dokumentistasi tulee tähän.
</BODY>
</HTML>
Kolmanneksi: TAUSTAKUVA
Ennen <BODY> -koodia voit asettaa taustavärin, taustakuvan ja tekstien värit. Värit on aina merkitty "#
******" Tässä muutama hyvä värivaihtoehto:"#000000" Musta
"#FFFFFF" Valkoinen
"#00FFFF" Vaaleansininen
"#0000FF" Kirkkaansininen
"#000080" Tummansininen
"#008080" Siniharmaa
"#FF00FF" Pinkki
"#800080" Tumma violetti
"#FF0000" Punainen
"#800000" Tummanpunainen
"#FFFF00" Keltainen
"#808080" Harmaa
"#C0C0C0" Vaaleanharmaa
"#00FF00" Vaaleanvihreä
"#008000" Vihreä
Näin asetat taustavärin:
<BODY BGCOLOR="#008080">
Ja taustakuvan:
<BODY BACKGROUND="Kuva10.jpg">
On olemassa erilaisia tapoja asettaa taustakuva. Näin asetat taustakuvan pysymään paikallaan, kun teksti liikkuu. (Itse käytän tätä tyyliä.)
<BODY BACKGROUND="Kuva10.jpg" BGPROPERTIES="FIXED">
Jos haluat kaikki tekstit ja linkkitekstit samanvärisiksi, näin teet sen:
<BODY BGCOLOR="#FFFFFF" text="#000000" link="#0066CC" vlink="#336600">
"vlink" tarkoittaa "visiteerattua linkkiä" (:).
Jos sinulla on reunataustakuva, laitat vain näitä merkkejä HTML:ään kuin haluat, ennen <BODY> -koodia.
<DIR>
Neljänneksi: TEKSTIT
Tämä on hyvä tapa laittaa jokaiselle tekstille tietty fontti ja väri:
<B><FONT FACE="Tahoma" SIZE=2 COLOR="#000000">Welcome to my Home Page!</FONT></B>
<B> tarkoittaa lihavoitua. Lopetat lihavoinnin lisäämällä koodin </B> tekstin loppuun. Voit myös kursivoida tekstin, tai alleviivata sen.
Kursivoi: <I>Tervetuloa!</I> (Tervetuloa!)
Alleviivaa: <U>Tervetuloa!</U> (Tervetuloa!)
"Tahoma" on fontti, jota yleensä itse käytän. Voit vaihtaa fonttia ja sen kokoa.
Kun kirjoitat tekstiä, voit vaihtaa riviä tai jättää rivivälin. Voit myös keskittää ja tasata tekstin kummaltakin reunalta.
Vaihda riviä: <BR>
Jätä riviväli: <P>
Noita koodeja sinun ei tarvitse "lopettaa" (kuten </P>)
Keskitä teksti: <CENTER></CENTER>
Tasaa kummaltakin reunalta: <JUSTIFY></JUSTIFY>
Kone käyttää automaattisesti vasemmalle tasausta, jos et käytä mitään erityiskoodia.
Viidenneksi: LISÄÄ KUVIA
Lisää kuva sivullesi:
<IMG SRC="Kissa.jpg" WIDTH=333 HEIGHT=164>
Sinun ei tarvitse laittaa leveyttä ja korkeutta kuvan yhteydessä, mutta joissakin tapauksissa kuva voi muuten näyttää kertakaikkiaan kummalliselta.
Kuudenneksi: LINKITÄ TEKSTI TAI KUVA
Linkitä teksti:
Käy hakemassa oma sähköposti
<A HREF="http://www.hotmail.com/"><B><U><FONT FACE="Tahoma" SIZE=2 COLOR="#FFFFFF">Hotmaililta</B></U></FONT></A><FONT FACE="Tahoma" SIZE=2 COLOR="#000000">.Jos haluat linkittää kuvan:
<A HREF="http://www.hotmail.com"><IMG SRC="Hotmail.jpg" WIDTH=167 HEIGHT=82>
Voit myös lisätä tekstin kuvaan niin että vierailijat voivat nähdä, mihin kuvasta pääsee, jos kuva ei jostakin syystä lataudu.
<A HREF="http://www.hotmail.com"><IMG SRC="Hotmail.jpg" WIDTH=167 HEIGHT=82 alt="Hae ilmainen sähköposti Hotmaililta!">
Mikäli tiedät vielä vinkkejä, voit mielihyvin lähettää ne minulle jotta voin lisätä ne tähän! *virnistää*