Sivuja: [1]   Siirry alas
Tulostusversio
Kirjoittaja Aihe: WWW Suunnitteluopas  (Luettu 3155 kertaa)
0 jäsentä ja 1 vieras katselee tätä aihetta.
TrashWebs
Rivijäsen
**
Poissa Poissa

Viestejä: 190



Poks


Profiili WWW Sähköposti
« : 11. 10. 2008 12:12 »

WWW - suunnittelu.

Tekijä: TrashWebs
Vaikeustaso: Ei määriteltävissä
Muuta: Copyrights TrashWebs 2008-2009.

Joku pyysi muistaakseni web - suunnitelu opasta, joten tässä tulee Smiley


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: Aihe

Ensin 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: Nimi

Sivuilla 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: Hahmottelu

Hahmottele 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: Grafiikat

Hahmottelun 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: Sivutila

Jotta 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: Koodaus

Kun 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 hankkiminen

Mitä 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äivitys

Muista 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äminen

Sivustoille 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 - tienausta


Risut ja ruusut tervetulleita  Wink
« Viimeksi muokattu: 16. 12. 2008 17:05 Kirjoittanut TrashWebs » tallennettu



"I would love to change the world, but they won't give me the source code..."
hemi
ADMIN
Ylläpitäjä
Legenda
*****
Poissa Poissa

Viestejä: 1371


hemi609@hotmail.com
Profiili WWW
« Vastaus #1 : 11. 10. 2008 12:12 »

Oikein hyvän oppaan olet tehnyt. Varmasti monille aloittelijoille paljonkin apua.  Wink
tallennettu

.:Ylläpito:.
TrashWebs
Rivijäsen
**
Poissa Poissa

Viestejä: 190



Poks


Profiili WWW Sähköposti
« Vastaus #2 : 11. 10. 2008 12:12 »

Kiitos, tuo oli mukava kuulla, toivottavasti saan enemmänkin hyvää palautetta  Cheesy
tallennettu



"I would love to change the world, but they won't give me the source code..."
RaunZi
Alottelija
*
Poissa Poissa

Viestejä: 12


Profiili Sähköposti
« Vastaus #3 : 13. 11. 2008 20:08 »

Todella hyvä opas! Varmasti apua monille ihmiselle kuten myös minulle.
tallennettu
sommu
Alottelija
*
Poissa Poissa

Viestejä: 17


Profiili
« Vastaus #4 : 15. 11. 2008 12:12 »

voin olla väärässäkin mutta minusta toi nimi pitäs vaihtaa.. ennemmin "nettisivun aloittaminen - aloittelijoille" tai jotain vastaavaa kuin www-suunnittelu opas..
tallennettu
hemi
ADMIN
Ylläpitäjä
Legenda
*****
Poissa Poissa

Viestejä: 1371


hemi609@hotmail.com
Profiili WWW
« Vastaus #5 : 16. 11. 2008 16:04 »

voin olla väärässäkin mutta minusta toi nimi pitäs vaihtaa.. ennemmin "nettisivun aloittaminen - aloittelijoille" tai jotain vastaavaa kuin www-suunnittelu opas..

No kyllä sitä nuitakin asioita joutuu tavallaan suunnittelemaanhm2
tallennettu

.:Ylläpito:.
Lauri
Alottelija
*
Poissa Poissa

Viestejä: 2


Profiili Sähköposti
« Vastaus #6 : 14. 12. 2008 21:09 »

Kaverin puolesta ( Blogi koskien PTC - tienausta omistaja ) Haluan kiittää TrashWebsiä suuresti siitä että mainitsit hänen bloginsa oppaassasi!
tallennettu
TrashWebs
Rivijäsen
**
Poissa Poissa

Viestejä: 190



Poks


Profiili WWW Sähköposti
« Vastaus #7 : 16. 12. 2008 14:02 »

Eipä kestä  Wink
tallennettu



"I would love to change the world, but they won't give me the source code..."
Punked
Alottelija
*
Poissa Poissa

Viestejä: 6


Profiili
« Vastaus #8 : 28. 04. 2009 22:10 »

Vaihe 8:sta puuttuu yksi suurimpia ja tärkeimpiä asioita joita pitäisi olla nettisivulla, nimittäin SEO = Search engine optimization joka on välillä hieman hankalaa löytää oikeat sanat jotka kuvaavat sivua. Sen pitäisi helpottaa sivusi löytymistä googlesta, jeevesista, yahoosta ja muista hakukoneista.

http://en.wikipedia.org/wiki/Search_engine_optimization
tallennettu
wiipe_
Alottelija
*
Poissa Poissa

Viestejä: 23


Profiili
« Vastaus #9 : 29. 04. 2009 21:09 »

Ja tosiaan siltä varalta että joku tahtoo hakukoneoptimoinnista lukea ihan suomeksi, voin lämpimästi suositella perusteisiin Menthal27:aa.

Muita näppäriä linkkejä (joita Googlella tietenkin löytyy lisää):
http://www.hakukoneoptimointia.com/
http://fi.wikipedia.org/wiki/Hakukoneoptimointi
tallennettu
Sivuja: [1]   Siirry ylös
Tulostusversio
Siirry: