Kuinka saan kotisivut nettiin?

Alkupuhe

- Epäilen vahvasti, että tästä oppaasta on jollekulle paljon hyötyä. Toki huomasin vielä pinnalla olevan Kwanttitatin oppaan, mutta ajattelin kuitenkin tehdä kattavamman oppaan itse, mutta samasta aiheesta. Pidemmittä puheitta päästän teidät lukemaan ja oppimaan.

HUOM! Laitan kuvat spoilereihin!

Sisällysluettelo

1. Mistä saan sivutilaa?
2. Tarvitsen sivupohjan, mistä saan?
3. Kuinka muokkaan sivuja?
4. Mistä saan domainin?
5. FTP-ohjelman käyttö
6. Hyödyllisiä koodeja
7. Jälkipuhe
_________________________________________________________


1. Mistä saan sivutilaa?

Ilmaista sivutilaa on hieman hankalampi saada kuin maksullista, mutta hyviä palveluntarjoajia löytyy silti. Joidenkin kautta hankituille sivuille saattaa ilmestyä mainoksia tai ponnahdusikkunoita. Kaikista käyttäjäystävällisimmät palveluntarjoajat ovat esim. Jouluserver.com, arkku.net ja servut.us. Nuo kolme ovat myös suomalaisia ja tietenkin luotettavia.

Jos ostat sivutilaa, ovat ominaisuudet totta kai paremmat. Yksi suomalainen palveluntarjoaja on Suncomet.

2. Tarvitsen sivupohjan, mistä saan?

Kun olet saanut sivutilaa, sinun tulee hankkia sivuillesi sivupohja. Voit joko tehdä sen itse tai ladata netistä. Yksinkertaisia sivupohjia saat JarkkoWebistä ja Hemiplacesta. Kun olet ladannut sivupohjan, sinun täytyy purkaa se (käytä esim WinRar).

Tässä tapauksessa minä lataan pohjan JarkkoWebistä. Kun olet ladannut sivupohjan, avaa se WinRarilla ja pura tiedostot painamalla "Extract to", jonka jälkeen se kysyy mihin haluat tallentaa tiedostot. Itse tallensin työpöydälle.



Kun olet purkanut tiedostot, niiden pitäisi näkyä kansiona siellä minne sen tallensit.

3. Kuinka muokkaan sivuja?

Sivuja voit muokata, kun avaat sivupohja-kansion, painat index.html nimistä tiedostoa hiiren oikealla korvalla ja valitse: Avaa sovelluksessa -> Notepad



Eteesi pitäisi aueta karmea sotku koodeja. Mutta jos tutkit niitä hetken, huomaat ettei se ole kovin hankalaa.
Alhaalla näet tällaisen koodin:

Koodi: Valitse kaikki

   <tr>
      <td class="bottom">Copyright juttu</td>
   </tr>

"Copyright jutun" kohdalle voit kirjaittaa esimerkiksi © Sivusi nimi 2008 - All Rights Reserved!

Voit siis säätää itse tuota koodia, ja lopputuloksen näet tuplaklikkaamalla index.html kansiota.

4. Mistä saan domainin?

Domainejakin on niin ilmaisia kuin maksullisia. Ilmaisia domaineja ovat mm. Urli.net ja Dy.fi. Tk domainia en suosittele kenellekkään, koska saat roppakaupalla mainoksia sivuillesi.

Maksulliset domainit kaikki varmaan tuntevatkin (com, fi, org, biz) jne. Maksullisia domaineita saat helposti Googlettamalla tai kysymällä palveluntarjoajaltasi.

5. FTP-ohjelman käyttö

FTP-ohjelmaa käytetään sivujen siirtämiseen nettiin. FileZilla on loistava ohjelma tähän tarkoitukseen (lataa tästä). Saat sähköpostin palveluntarjoajalta, jos he hyväksyvät sivutilapyyntösi. Sen mukana tulee FTP-ohjelmassa tarvittavat tiedot. Kirjoita yläreunaan sivusi nimi, isäntä, salasanasi ja portti. Esimerkiksi näin:



Kaikki nuo tiedot siis lukevat sinulle tulleessa e-mailissa. Kun olet saanut tehtyä tähän mennessä kaiken oikein, paina "Pikayhdistä" nappulaa. Jos yhteydenottaminen palvelimeen ei onnistu, tarkista onko salasana ja muut tiedot oikein. Jos mikään ei toimi vieläkään, katso onko tarjoajallasi huoltokatko ym.

Kun olet saanut yhdistettyä, niin vasemmalla puolella näet oman koneesi tiedostot ja oikealla puolella palvelimen tiedostot. Kansio johon tiedostot tulee siirtää, on public_html (tai www). Etsi vasemmalta tiedostot jotka haluat siirtää sivuillesi, ja paina niitä hiiren oikealla korvalla ja valitse "Lataa palvelimelle". Nyt tiedostot ovat siirretty ja niiden pitäisi näkyä hetkenpäästä netissä.

6. Hyödyllisiä koodeja

Sivuista ei tule mitään pelkällä tekstillä, vaan sinne pitää liittää kuvia ynnä muuta sivuston värittämiseksi. Laitan muutaman hyödyllisen HTML-koodin tähän:

Tekstin väri:

Koodi: Valitse kaikki

<font color=FONTIN VÄRI> TEKSTI </FONT> 

Sivulle liikkuva teksti:

Koodi: Valitse kaikki

<marquee direction=SUUNTA>TEKSTI TÄHÄN</marquee>

Kuva:

Koodi: Valitse kaikki

<img src="KUVAN OSOITE">

Linkki:

Koodi: Valitse kaikki

<a href="LINKIN OSOITE">LINKKINÄ TOIMIVA TEKSTI</a>

Otsikko:

Koodi: Valitse kaikki

<h3>TEKSTI TÄHÄN</h3>  (Voit valita <h3> kohdalle myös h1, h2, h3, h4 tai h5.)

Kursivoitu teksti:

Koodi: Valitse kaikki

<i>TEKSTI TÄHÄN</i>

Boldattu teksti:

Koodi: Valitse kaikki

<b>TEKSTI TÄHÄN</i>

Kuva reunuksilla:

Koodi: Valitse kaikki

<img src="KUVAN OSOITE" border="KOKO">

Lisää koodeja voitte lukea varsinaisista HTML-oppaista.

7. Jälkipuhe

Kiitos kun luit oppaani, sanasta sanaan tai ei. Toivon siis todella, että joku hyötyi tästä ettei ollut aivan turhaa työtä. Ilmoittakaa mahdollisista typoista ja muista virheistä, jos sellaisia näette. Ja voin sanoa, että opasta ei ole kopioitu mistään, vaan sen on tehty 100% itse!

_______________________________
<< Copyright © Soulja 2008 >>

Juu tämä on yksi tyyli tai sitten tekee valmiille sivupohjalle(en oo varma ..perkeles se oli domain )..(ilmanen kuten webbisivu.com)

No muuten hyvä, mutta näitä oppaita taitaa löytyä haulla ainakin kaksi.

Sisältö on selvää ja aloittelioille(kkin) helppoa, joten annan yhdeksikön; 9-

hyvä opas, vaikka en sanasta sanaan lukenutkaan.

Ihan ymmärrettävä ja toimiva ohje, josta uskoisin aloittelijoidenkin "tajuavan" jotakin...

Olisin lisännyt vielä ainakin jouluserverille ohjelmaksi WinSCP joka on parempi kuin ftp ohjelmat ja sitten voisit neuvoa miten yhdistetään tai laittaa linkit ohjeisiin. Myös voisit lisätä pienen huomautuksen siitä, että nuo kaikki kolme sivua (jouluserver.com, arkku.net ja servut.us) vaativat melkohyvän selityksen siitä miihn kotisivu tilaa tarvitsee eikä siihen riitä pari lausetta.

Hiivatin hyvä, kun tein omat sivut tämän avulla, ne on kyllä tosin kesken, niin auttoi jo loppuun asti! Parempaa en tiedä!

Hyvä opas, paljon hyötyä, mutta minua kiinnostaa tietää sitten, miten tehdään oma foorumi, ilman mitään valmis foorumeita. =D

Jiz kirjoitti:Hyvä opas, paljon hyötyä, mutta minua kiinnostaa tietää sitten, miten tehdään oma foorumi, ilman mitään valmis foorumeita. =D

Siitä taisi olla jossain täällä opas.

Normaali toimintatapa on että ladataan phpBB, puretaan paketti, siirretään filut nettiin ja asennetaan sieltä. phpBB taitaa vaatia MySQL-tietokannan, jotenkin sekin tarvitaan. Se voi sisältyä sivutilaan omasta takaa, tai sitten voi käyttää erillistä. On myös olemassa foorumisoftia jotka tekevät tekstitiedostoilla oman tietokannan.

Soulja kirjoitti:Ah, vittu mitä paskaa...

Eiks näit oo jo? Hei mut ethän sää voi sanoo omaas paremmaks ku toisten... Tsaijajai.

Killtor kirjoitti:

Soulja kirjoitti:Ah, vittu mitä paskaa...

Eiks näit oo jo? Hei mut ethän sää voi sanoo omaas paremmaks ku toisten... Tsaijajai.

Mitä helvettiä? Voin todellakin sanoa että oma artikkelini/oppaani on parempi kuin sinun, ja voin jopa kirjoittaa sen! Ja kyllä, näitä on täällä jo pari mutta halusin julkaista omanikin ja esittää, miten itse toimisin tilanteessa, jossa haluaisin tehdä omat kotisivut.

Wnb-Ismottaja, haista perc.

Soulja kirjoitti:
Kuva:

Koodi: Valitse kaikki

<img src="KUVAN OSOITE">

Tuota korjaisin silleen että tallennt kuvan ekana siihen kansioon jossa ne sivupohjan kuvat ovat.

Sen jälkeen lisäätkin vain polun siihen eli esim näin: kuvat/tässäonkuvannimi.jpg

Eli kokonaisena koodi olisi tämmöinen:

Koodi: Valitse kaikki

<img src="kuvat/kuvannimitähän.jpg">

Tällä vältetään se että jos kuvan alkuperäisen palvelin kaatuisi niin se ei lakkaisi toimimasta sinun sivulla.

Ei tullu mieleen, että kuvan osote voi tarkottaa myös kuvan paikallista osoitetta, eli juuri sitä, mitä sanoit?
Toisinsanoen sanoit juuri jo täysin ilmiselvän asian, joko mielestäni otettu huomioon myös alkuperäsessä koodissa.
Ja eihä toi koodi tosta mihinkää muuttunu.

Kiitos! Tämä auttoi ihan pirusti! + Kolme muuta opasta.

Itseasiassa tämä on todella hyvä opas, mahtavaa työtä Soundi vaikken olisi kyllä uskonut että sinusta tällaiseen olisi.