WWW - suunnittelu.
Tekijä: TrashWebs
Vaikeustaso: Ei määriteltävissä
Muuta: Copyrights TrashWebs 2008-2009.
Joku pyysi muistaakseni web - suunnitelu opasta, joten tässä tulee

WWW (world wide web) suunnittelu on melkoisen laaja käsite, joten tästä oppaasta tulisi mielettömän
pitkä jos tähän alkaisi selittämään kaikkea alusta alkaen, eli tähän oppaaseen tarvitset
vähintään perustiedot HTML ja CSS - kielistä, kaikki muut kielet ovat tietysti plussaa. Olisi
hyvä jos osaisit edes hieman grafiikan tekoa. Jos sinulla ei ole perustietoja näistä asioista,
suosittelen opiskelemaan niitä, vaikkapa allaolevista linkeistä:
Menthal27 - Todella hyvin tehty Css 2.1, XHTML ja PHP oppaat sisältävä sivusto.
HTML Opas - Minun tekemä HTML opas, joka käsittelee myös hieman Css - kieltä.
Photoshoppari- Foorumi, jossa paljon photoshop tutoriaaleja.
Photoshoppaus - Suomalainen sivusto, jolta löytyypi Photoshop, Gimp ja Paint Shop Pro oppaita.
Hemiplace.com - Tämäkin suomalainen sivusto, jolta löytyy sekä kuvanmuokkaukseen liittyviä oppaita,
että myös HTML, PHP ja CSS - oppaita
Tässä oppaassa käsitellään 10 vaiheen avulla nettisivujen suunnitelu ja teko. Aloitetaan.
Vaihe 1: AiheEnsin täytyy tietysti keksiä aihe, mitä sivut käsittelevät. Aihe voi olla mistä tahansa,
alla näet muutamia aiheita, jos et itse keksi mitään.
- Tutoriaalit (Oppaat)
- Viihde (Pelit, vitsit, videot, flashit yms.)
- Hyöty (Oppaat, ohjelmat yms.)
- Valokuvaus
- Blogi
- Päiväkirja tmv.
- Arvostelu (Laitteet, pelit, kirjat jne.)
- Artikkelit
Sivujen ei tietystikkään ole pakko käsitellä vain yhtä aihetta. Valitse tai keksi siis aihe
sivuillesi.
Vaihe 2: NimiSivuilla täytyy olla myös nimi, keksi siis nimi sivuillesi, yleensä nimi liittyy jollain
tavalla aiheeseen. Muistathan, että vaikka sivut olisivat suomenkieliset, nimi voi silti
olla vaikka englanniksi, ruottiksi tai vaikkapa arabiaksi jos niin halajat.
Vaihe 3: HahmotteluHahmottele joko mielessässi tai graafisesti, minkälainen on sivun rakenne. Eli minne tulisi logo,
navigaatio, sisältö ja jne. Hyvä ja helppo tapa on avata paint ja sillä hahmotella sivun rakenne, voit myös
piirtää rakenteen paperille.
Vaihe 4: GrafiikatHahmottelun jälkeen tehdään Grafiikat, eli esimerkiksi logo, navigaation tausta, sivun tausta jne.
Jos et tunne vielä kuvanmuokkausohjelmia, opiskele niiden käyttöä tekemällä ylläolevien sivustojen ohjeiden mukaan
muutamia kuvia. Sen jälkeen voit soveltaa oppimiasi tekniikoita omaan kuvaasi. Tietysti saat tehdä kuvan täysin oppaiden mukaisesti,
mikä onkin alkuun melko suositeltavaa.
Vaihe 5: SivutilaJotta voisit julkaista sivusi nettiin, tarvitset sivutilaa. Sivutilaa on maksullista ja ilmaista, voit myös pystyttää oman
palvelimen, mutta se ei ole suositeltavaa, jos et ole töissä, sillä palvelimen pito tulee maksamaan. Alla on listattu muutama
ilmaisen ja maksullisen sivutilan tarjoaja ja opas palvelimen pystyttämiseen.
Ilmaiset sivutilan tarjoajat:
Jouluserver - 100mb sivutilaa, mySQL tietokanta, PHP tuki. Mahdollisuus liittää domain, mutta se maksaa.
Arkku.net - 50mb tilaa, mySQL, PHP.
Freewebs - WYSIWYG editori, huono puoli se että kukaan ei halua buttoninvaihtoon. Sivutilasta ei tietoa.
- Googleta hakusanoilla
ilmaista sivutilaa, tai
free hosting.
Maksulliset:
Osoite.com - 1Gb tilaa, rajaton liikenne, PHP, oma domain, 5 sähköpostilaatikkoa ja tunnusta, 4 € Kuukaudessa.
Shellit.org - 500mb, 1G tai 2gb tilaa, PHP, mySQL, oma domain, rajattomasti alidomaineja, 23,90€, 29,90€ tai 46€ per vuosi.
- Googleen hakusanalla
webhotelli, tai
hosting
.
Apache Palvelimen pystytys:
- Ohjelmointiputkan Apace palvelimen asennus - opas.Sivutila tulisi hankkia sen mukaan mitä tarvitset. Mitä enemmän sivuillesi tulee dataa, sitä enemmän tarvitset sivutilaa.
Jos haluat sivuillesi foorumin, palveluntarjoajalla tulee olla mySQL - tuki.
Vaihe 6: KoodausKun olet hankkinut sivutilaa, voit aloittaa sivusi koodauksen. Tässä oppaassa koodauksesta ei ruveta selittämään, vaan
voit opiskella koodausta aivanb oppaan alussa mainittujen linkkien avulla. Koodaus kannattaa tehdä selkeästi ja sivu kannattaa
koodata mahdollisimman validisti, eli oikein. Koodin "validisuuden" (keksikää itse parempi sana xD) voi tarkistaa
w3 validatorilla.
Vaihe 7: SisältöSivuilla pitää tietysti olla sisältöä. Lisäät siis sisältöä sivuillesi, oli se sitten mitä tahansa, valokuvia, grafiikkaa,
oppaita, artikkeleita, mitä vaan. Tietenkään sinun ei tarvitse lisätä kaikkea sisältöä itse, vaan sivuston kävijät voivat
kirjoittaa tai tehdä myös sisältöä. Yksi hyvä idea on tehdä lomake, vaikkapa arttikeleiden lisäykseen, jonka tiedot lähetetään sähköpostiisis
ja tarkistat kirjoitelman, sen jälkeen voit lisätä sen sivuillesi, muistaen kuitenkin tekijänoikeudet, ettet väitä jonkun muun
teoksia omanasi.
Vaihe 8: Kävijöiden hankkiminenMitä hyötyä on sivustosta, jossa ei käy kukaan? Ei lähestulkoon mitään. Sinun täytyy siis mainostaa ja levittää sivujasi.
Yksi hyvä ja ehkä paras tapa on linkkien-, buttonien ja bannerin vaihto. Alla on selitetty kyseiset asiat:
Linkinvaihto:
Ehdotat jollekin muulle sivustolle linkinvaihtoa ja lisäät sen sivun osoitteen linkkinä sivuillesi, ennen kuin pyydät linkinvaihtoon,
jos hän hyväksyy vaihdon, hänkin lisää omille sivuillesi sinun linkkisi. Näin hänen sivunsa käyttäjät voivat klikata linkkiäsi ja
päästä sinun sivuillesi. Muista lukea toisen osapuolen kriteerit, ennen kuin ehdotat linkinvaihtoa.
Buttoninvaihto:
Buttoninvaihto toimii samalla periaatteella kuin linkinvaihto, mutta linkkinä toimii yleensä 88x31px kokoinen kuva, eli buttoni.
Buttoneissa on se etu, että ne herättävät enemmän huomiota. Buttonista kannattaa tehdä mahdollisimman hyvä ja houkutteleva, ei siis
mitään pikselimössöä.
Bannerinvaihto:
Bannerinvaihto toimii myös samalla periaatteella kuin linkin- ja buttoninvaihto, mutta linkkinä toimii iso kuva, banneri.
Yleensä kriteereissä ilmoitetaan minkäkokoinen bannerisi saa olla. Banneri on paras linkinvaihtotapa, sillä se herättää eniten
huomiota, koska se on isoin.
Kun sivustollasi on tarpeeksi sisältöä ja kävijöitä, Google ja jotkin muut hakukoneet lisäävät sivusi hakuvaihtoehtoihin.
Tämän voit tarkistaa käyttämällä hakusanana oman sivustosi osoitetta tai nimeä.
Vaihe 9: PäivitysMuista päivittää sivustoasi silloin tällöin ja lisätä sisältöä aina kun mahdollista. Näin sivustosi pysyvät kiinnostavina ja
tuoreina, joka tarkoittaa, että kävijät eivät kyllästy niin helposti, kun löytää aika-ajoin jotain uutta. Sivun ulkoasua
voi myös vaihtuu jos vanha nykyinen vaikuttaa tylsältä, tai ei sovi aiheeseen, tai siitä on saanut huonoa palautetta tmv.
Vaihe 10: YlläpitäminenSivustoille tarvitaan myös Ylläpitäjä, tai Ylläpitäjät, joka tarkoittaa yleensä sivun tekijää, tai tekijän valitsemia henkilöitä,
jotka voivat myös Ylläpitää sivustoa. Ylläpitämiseen kuuluu palautteeseen vastaaminen, niiden lukeminen, päivitys ja jne.
Muista kuunnella kävijöiden mielipiteitä, koska sivustosi menestys riippuu heistä. Sivustoille voit myös lisätä mainoksia, joista
sinulle maksetaan. Lisää niistä löytyy oppaista tai blogeista. Alla on listattu pari tälläistä:
Tienaa kotisivuilla - Hemiplacen opas kotisivuilla tienaamiseen.
Blogi koskien PTC - tienaustaRisut ja ruusut tervetulleita
