[Miira]

Monet kysyy, miten saa tehtyä kotisivut. Toivon, että sellaiset topickit vähentyisivät tämän topickin myötä, jossa on aika laajasti selitetty kaikki aasta ööhön, toivotaan ainakin niin.

PÄIVITYKSET
- Muokkasin ohjeet Freewebsin uusimmalle versiolle. 26.1.2007.
- Lisäsin kysynnän vuoksi "HTML-puolelle vaihdon" -kohdan. 26.2.2007
- Muokkailin hieman ohjeita, sekä lisäsin "mitä kotisivujen kannattaisi sisältää" -kohdan. 27.4.2007
- Väsäsin "Mistä kotisivun lukija pitää?" -kohdan. 23.6.2007

---
OHJEET: Easy Site Builder Modeen
Ensiksi klikkaat tuosta Start now! kohdasta, eli oranssista palkista. Eteesi aukeaa uusi lomake. "Choose your username:" kohtaan kirjoitat kotisivusi nimen, eli jos kirjoitat kukka, osoitteeksi tulee http://www.freewebs.com/kukka. "Password" kohtaan kirjoitat salasanasi. Sitten "email" kohtaan e-mailisi, kannattaa pistää oikea e-mail, sillä muuten ilman aktivointia et voi lisätä kuvia freewebsiin. Sitten siinä alhalla on vaihtoehdot male ja female, sillä ei ole mitään väliä kumman valitset. Sitten rullaat siitä palkista syntymävuotesi. Raksi siihen alempaan ruutuun ja sitten killaa sinistä palkkia jossa lukee Go!.

Nyt tuleekin hauska kohta, sillä nyt saat valita sivuillesi ulkoasun! Eteesi tulee runsaasti vaihtoehtoja, ulkoasun alla on pieniä ruutuja, josta voit vaihtaa ulkoasun väriä. Klikkaa sitä pientä neliötä, minkä haluat sivuillesi kun olet päättänyt.

Kun on valittu ulkoasu, kirjoitetaan vähän tietoja. "site title" kohtaan kirjoita sivusi nimi. Seuraavassa raksi vain jotakin, sillä ei ole väliä, mitä raksit. Sitten "location" kohdassa valitset vain jonkun kohdan, silläkään ei ole väliä, mitä valitset. Sitten klikkaa Done! Eteesi aukesi mainos. Oikeassa yläreunassa on linkki No thanks, continue. Klikkaa siitä. Sitten klikkaa Build & Edit kohdan alhaalta Site Manager.

Nyt pääsit muokkaamis sivulle, josta voit muokata sivujesi sisältöä ja lisätä linkkejä, muokata nimeä ja vaihtaa ulkoasua. Sitten lisätään hieman tekstiä, kuvia ja linkkejä. Linkin voit lisätä kohasta: add a new page ja toiselle sivulle vievän linkin kohdasta: add a link. Tekstiä linkkiin voit lisätä kohdasta Edit, ja kuvassa on kynä ja paperi. Kun olet kirjoittanut haluamasi tekstin, klikkaa Done. Sen jälkeen eteesi tulee joku mainoshöskä, klikkaa oikeasta yläkulmasta "No Thanks, Continue".

Eteesi aukenee sivusi hallintapaikka, eli täältä pystyt muokkaamaan sivujasi. Haluat varmaan ensiksi muokata hieman esittelytekstiä. Etsi kohta jossa lukee "Home", sen vieressä on kynä, klikkaa siitä. Sen jälkeen klikkaa "Add New Paragraph" kohtaa. Noniin, sitten kirjoitat tekstiä siihen suureen lomakkeeseen. Kuvat voit lisätä klikkaamalla pientä iconia siellä tekstikentän yläpuolella, jossa on kaksi vuorta ja pieni aurinko. Kun laitat hiiren iconin päälle, tulee hiiren alapuolelle teksti "Insert Image". Klikkaa siitä iconista. Eteesi aukesi uusi lomake. Klikkaa "Upload a new image" kohtaa. Sen jälkeen klikkaa "Selaa..." kohtaa, ja valitset kansion mistä haluat kuvan kopioida. Klikkaan haluamaasi kuvaa ja sen jälkeen klikkaat "Avaa". Sitten klikkaat "Upload File". Näät oranssin palkin alla kentän, jossa äsken kopioimasi kuvan nimi linkkeineen on. Klikkaa linkkiä. Nyt kuva tuli sivuillesi, kun klikkaat kuvaa voit säätää sen kokoa.

OHJEET: HTML -mode
Ensiksi klikkaat tuosta Start now! kohdasta, eli oranssista palkista. Eteesi aukeaa uusi lomake. "Choose your username:" kohtaan kirjoitat kotisivusi nimen, eli jos kirjoitat kukka, osoitteeksi tulee http://www.freewebs.com/kukka. "Password" kohtaan kirjoitat salasanasi. Sitten "email" kohtaan e-mailisi, kannattaa pistää oikea e-mail, sillä muuten ilman aktivointia et voi lisätä kuvia freewebsiin. Sitten siinä alhalla on vaihtoehdot male ja female, sillä ei ole mitään väliä kumman valitset. Sitten rullaat siitä palkista syntymävuotesi. Raksi siihen alempaan ruutuun ja sitten killaa sinistä palkkia jossa lukee Go!.

Nyt tulee se vaihe, kun moni ihmettelee, miten saan tämän HTML -muotoon? No, klikkaa oikeassa yläreunassa olevaa Click here kohtaa. Eli: Click here if you already have a site to upload and don't want to use our tools. Tuota tummennettua kohtaa kun klikkaat niin pitäisi toimia. Kun eteesi tulee se kysymys, pistä OK. Kirjoita siihen title kohtaan kotisivusi nimi, seuraavassa kysymyksessä rastita joitakin vaihtoehtoja, ei ole väliä, mitä rastit. Rullaa "location" kohdassa joku vaihtoehto, aivan sama, minkä otat. Seuraavassa kohdassa valitse: No Thanks, continua. Joka löytyy oikeasta yläreunasta. Sitten klikkaa Build & Edit kohdan alhaalta "Site Manager" kohtaa. Vòla! Ja nyt voit muokata sivuja.

Mitenkö saat ulkoasun, tekstin, kuvat ym. sivuillesi? Ulkoasun voit valita esimerkiksi täältä, täältä tai täältä. Kopioit ulkoasun koodin, joka on yleensä pistetty ulkoasun yhteydessä olevaan kenttään. Lisäät koodin index.htm sivulle, ja kaikille sivuille, jotka teet. Yleensä ulkoasussa lukee TEXT TEXT TEXT kohta, siihen voit kirjoittaa tekstisi, mitä haluat näkyvän sivuillasi. Kuvat saat lisättyä kun menet aktivoimaan tunnuksesi ensiksi sähköpostista, sitten klikkaat "single file uploader" ja sen jälkeen selaa, valitse kuva sitten OK. Nyt tiedosto on käytettävissä. Mene sivulle, johon haluat sen lisätä ja käytä sen lisäämiseen koodia <img src="KUVAN OSOITE">.

Moni kysyy: Kuinka saan HTML-puolelle uudessa versiossa?
Eli kun olet siinä Easyn ulkoasun valitsemis kohdassa, klikkaa siellä oikeassa yläkulmassa olevaa Click here kohtaa, miten yksinkertaista se loppuen lopuksi onkaan.

OHJEET: HTML -kieli
HTML -kieltä tarvitset kun kirjoitat HTML -modella tehdyille kotisivuille. Tähän alas olen selvittänyt tärkeimpiä HTML -koodeja.
<b>TEKSTI</b> = Lihavointikoodi
<i>TEKSTI</i> = Kursivointikoodi
<u>TEKSTI</u> = Alleviivauskoodi
<a href="SIVUN OSOITE">LINKKITEKSTI</a> = Linkityskoodi
<img src="KUVAN OSOITE"> = Kuvan laittokoodi
&auml; = ä
&Auml; = Ä
&ouml; = ö
&Ouml; = Ö
<meta http-equiv="content-type" content="text/html; charset=ISO8859-1"> = Ä ja Ö näkyvät
<br> = rivinvaihto
<p>TEKSTI</p> = Kappale

OHJEET: HTML -kielen selvennystä
Kuva koodin KUVAN OSOITE kohtaan käy myöskin 'KUVANNIMI.jpg'. Muista lisätä kuva sinne missä on kaikki linkitkin ennen kuin laitat sitä sivuille. <meta http-equiv="content-type" content="text/html; charset=ISO8859-1">, tuo koodi laitetaan IHAN sivun alkuun jos äät ja ööt näkyvät kysymysmerkkeinä. Hieman raskaampi tapa korjata kysymysmerkit ääksi ja ööksi, on laittaa tilalle &ouml; = ö, tai &auml; = ä. Sitäkin käytetään. <br> koodia käytetään aina, kun haluaa että tekstin rivi vaihtuu. <p>TEKSTI</p> koodia voidaan käyttää kun halutaan tehdä yksi kappale. Esimerkki:
pälä pälä pälä
<p>TEKSTI</p>
pälä pälä pälä

pälä pälä pälä

TEKSTI

pälä pälä pälä

Joskus käytetään asioitten selkeentämiseen <b>TEKSTI</b>, koodia. Se siis lihavoittaa tekstin. Kun aloitin HTML -kielen opiskelun, en tiennyt mitä tarkoittaa "kursivoida" senhän saa siis <i>TEKSTI</i> koodilla, ja se itse kursivoiminen on tätä, että laitetaan teksti vinoon.

OHJEET: Mitä kotisivujen tulisi sisältää?
Kotisivuissa kerrot varmaankin itsestäsi, ehkä lemmikeistäsi, tai sitten omasta pollesta. Jos kotisivusi "kategoria" on esimerkiksi eläimiin liittyvä, pystyt helposti kertomaan sen vierailijalle otsikkoon kirjoittamalla esimerkiksi "minun lemmikit", tai oman lemmikkisi nimi. Myös ulkoasun tyyli kertoo vierailijalle helposti kotisivun tyylistä, jos ulkoasussa on hevosten kuvia, vierailija tajuaa että se on hevossivu jne.

Etusivulla kannattaa kertoa heti alkuunsa mitä sivu sisältää. Esimerkiksi;
Hei ja tervetuloa sivuilleni!
Tämä on minun kotisivu, jossa on juttua lemmikeistäni ja minusta. Kirjoitan myös välillä pientä päiväkirjaa, jos haluat lukea miten päiväni on sujunut. Minä olen laittanut tänne myös vieraskirjan, jonne voit raapustaa terveisesi, tai kommentoida sivua.
Eli kerro mitä sivu sisältää, mahdollisesti kuka olet ja miksi sivu on tehty (= esimerkiksi lemmikkejen sivuiksi, tai rakkaan hepat kuoleman muistoksi). Etusivulle pitäisi kirjoittaa mahdollisimman mielenkiintoista tekstiä, että tulija jaksaisi lukea sen.

Itsestäsi pystyt helposti kirjoittamaan 'vieraskirja' -tyylillä, mitä yleensä jaksetaan lukea enemmän, eli kirjoitat;
Nimi: nimesi
Ikä: ikäsi jne.
Sitten voit toki kertoa itsestäsi tarinatyylillä, mutta tekstin täytyisi olla mielenkiintoista, että sitä jaksaa lukea;
Hei, olen Miira. Olen yksitoista vuotta vanha ja asun Tampereella jne.
Samalla tavalla voit kertoa lemmikeistäsi.

Mistä kotisivujen lukija pitää?
Freewebsin valmisleiskat eivät useimpia mielytä kotisivuilla, siispä on hyvä harjoitella käyttämään HTML -kieltä. Kuvat tuovat värikkyyttä sivuille, kuvattomat sivustot voivat vaikuttaa tylsiltä. Mielenkiintoinen tekti kiinnostaa myös. En usko että kovin monea kiinnostaa teksti, jossa kerrot vaan:
hei nimeni on laura, olen kahdeksan ja tykkään hevosista. olen joskus outo ja paras kaverini on minna.
kiinnostavampaa voisi olla joku, jossa kerrot esimerkiksi vaikka päiväkirjaa, johon kirjaat outoja ja hassuja juttuja, töppäyksiä tai muuta vastaavaa. Etusivulla voit kertoa mitä sivut sisältää. Isot kirjaimet ja räikeä teksti ei useimmiten mielytä lukijan silmää, jotenka musta ja pienehkö teksti voisi olla parempi vaihtoehto. Tosin vaikka tummanruskea, tai rummanvihreäkin voi olla kiva, riippuen tietysti ulkoasun sävystä.

Obcy on muokannut viestiä: 23.06.2007 - 21:25

[*Tikkunekku*]

JEE! kivaa kun tulee noita ohjeita en jaksa odottaa huomiseen tai siihen asti kun tulee ohjeet HTML ohjeisinn

[Miira]

Hee.. Ne voinkin nyt kirjoittaa : ))

[Rinja]

Sinun täytyy osata tehdä Easy Site Buildeir Modella kotisivut, ennen kuin tähän ryhdyt.
Miksi?

[lucerne]

Varmaan siksi, että tietäisi mitä tarkoittaa edit ym. :DD

[Rinja]

Mikä syy koskaan onkaan, sitä ei voi järjellisesti perustella.

[*Tikkunekku*]

mitkä on ään ja öön koodit?

[Morey]

Lumipallo-95 kirjoitti 22.9.06 21:07

mitkä on ään ja öön koodit?

http://www.hevoset.c...showtopic=82286

[Miira]

En itse ainakaan lähtisi suoraan tekemään HTML -modella, jos en ole ikinä ennen tehnyt kotisivuja, jos on käyttänyt esimerkiksi geota, niin silloin ehkäpä..

[Rinja]

Itseasiassa se Easy-mode saattaa vain sekoittaa enemmän kun alkaa käyttämään HTML-modea. Kun pitää älytä että kaikki onkin vähän erilaista. HTML-modella pitää kaikki kokata itse kun Easyllä se syötetään suoraan suuhun.

[Miira]

Rinja >> Minusta on päivän selvä juttu, että kotisivun tekeminen aloitetaan tuolla. Jos on aloittelia, eikä tajua hölkäsen pöläystä näistä, niin kannattaako heti aloittaa HTML -modella?

[Minority]

No kyllähän minäkin käytin ensin Geon pagebuilderia, jonka jälkeen siirryin HTML:lle. Kyllä niinkin voi tehdä, ei se mua sekottanu yhtään. Joten miksei Freewebsissä voi tehhä niin että ensi alottaa Easylla ja sitte siirtyy HTML:n puolelle ku siltä tuntuu?

[Milena]

Nessie- kirjoitti 13.9.06 17:18

Oukhei. Sinun täytyy osata tehdä Easy Site Buildeir Modella kotisivut, ennen kuin tähän ryhdyt.

Minä ainakin aloitin heti html:n kanssa (geo) enkä osaa vieläkään easyä oikein käyttää, vaikka huvikseni olenkin sen kanssa kokeillut pelleillä. Elikkä kyllä se onnistuu ilman easyn tyyppistä harjoitteluakin jos riittää kärsivällisyys opetella. Minä aloitin tallinpidon html:n kanssa ja kopioin jostain vaan frame- ja table koodit ja siitä se sitten läks.

Kiva muuten kun teet ohjeita, varmasti joillekin hyötyä

[Miira]

Juu no, kai se on sitten niin.

[Miira]

up

[Dhalia]

Tämä kuuluu nykyään tuonne tutoriaalit-puolelle, jos joku moderaattori viitsisi siirtää?

[Minority]

Dhalia kirjoitti 23.10.06 09:41

Tämä kuuluu nykyään tuonne tutoriaalit-puolelle, jos joku moderaattori viitsisi siirtää?

No älä sitä täällä topikissa huutele, ei modet oo selvännäkijöitä että just tähän topikkiin on kirjotettu että pitäis siirtää. Ilmota modelle.

Ilmotan.

[maindem]

Nessie- kirjoitti 26.9.06 19:27

Rinja >> Minusta on päivän selvä juttu, että kotisivun tekeminen aloitetaan tuolla. Jos on aloittelia, eikä tajua hölkäsen pöläystä näistä, niin kannattaako heti aloittaa HTML -modella?

Kannattaa. Se, ettei aloita - tai mikä pahempaa: jää siihen - on osoitus vain kunnianhimottomuudesta.

Nessie- kirjoitti 13.9.06 17:18

OHJEET: HTML -kieli
HTML -kieltä tarvitset kun kirjoitat HTML -modella tehdyille kotisivuille. Tähän alas olen selvittänyt tärkeimpiä HTML -koodeja.
<b>TEKSTI</b> = Lihavointikoodi
<i>TEKSTI</i> = Kursivointikoodi
<u>TEKSTI</u> = Alleviivauskoodi

Nuo ovat kaikki vanhentuneita ja virheellisiä koodeja, joita en suosittele kenenkään käyttävän.

[loveholic]

Kiva kun saatiin tänne nuo ohjeet! Olisin jo pulassa ilman näitä.Minäkin vähän suosittelisin ensin Easyta.
Vaikka onhan se ihan oma asia mitä käyttää...

Nessie- kirjoitti 26.9.06 19:27

Rinja >> Minusta on päivän selvä juttu, että kotisivun tekeminen aloitetaan tuolla. Jos on aloittelia, eikä tajua hölkäsen pöläystä näistä, niin kannattaako heti aloittaa HTML -modella?

Olen ihan samaa mieltä..

[Rinja]

Lainaus

Rinja >> Minusta on päivän selvä juttu, että kotisivun tekeminen aloitetaan tuolla. Jos on aloittelia, eikä tajua hölkäsen pöläystä näistä, niin kannattaako heti aloittaa HTML -modella?

Ei kannata. Se vain sekottaa. Joku saattaa jopa tyytyä niihin kamaliin sotkuihin eikä koskaan vaivaudu opettelemaan kunnon koodausta. Se on parempi aloittaa ihan itse tekemällä ja koodaamalla, niin tein minäkin. En usko, että olisin tässä asemassa, jos olisin aloittanut freewebsin easyllä. Kiitos Jumalalle siitä, että Jenna ei silloin tiennyt siitä vielä mitään.