Miten kotisivulle(html) tekstitiedosto helpoiten?

[make]

Olen tekemässä kotisivua mutta en löydä miten saan tekstitiedoston
kotisivulle siis pelkkää tekstiä.
Onnistuuko html:llä vai vaatiiko se java-scriptin? Onko missään valmista
koodia?

make

[Tomi Jaskari]

Post by make
Olen tekemässä kotisivua mutta en löydä miten saan tekstitiedoston
kotisivulle siis pelkkää tekstiä.

Millaista kotisivua olet tekemässä?

Post by make
Onnistuuko html:llä vai vaatiiko se java-scriptin? Onko missään valmista
koodia?

Ei vaadi. Pieni tyylimäärittely riittää.
http://www.w3.org/TR/CSS21/text.html#propdef-white-space

Esimerkki:
<p style="white-space:pre-line;">
Rivi1
Rivi2

lisää sisältöä
tekstitiedoston rivi X-1
RiviX
</p>

Jos haluat säilyttää muutakin kuin rivinvaihdot, niin korvaa 'pre-line'
arvolla 'pre-wrap'. Arvoa 'pre' kannattaa varoa, koska se pursuaa helposti
yli rajojen, jos tekstissä on vähän pitempiä rivejä ja/tai käytössä oleva
leveys on alhainen.

Käytännön esimerkki:
http://kampanjamyynti.fi/2009/no.htm

Mikäli kyseessä on ASCII-taide, niin fontin pitää tietenkin olla
monospaced =)

http://www.w3.org/TR/CSS21/fonts.html#monospace-def

[Tomi Jaskari]

Post by Tomi Jaskari
<p style="white-space:pre-line;">

IE7 ei tätä 'pre-line' tapaa tietenkään osaa :(
Tässä testaajan taistelukenttä:
http://kampanjamyynti.fi/ie7.htm

Kellä on IE8 testatkoon siinä ja raportoikoon onko rivit jaettu kuten
sorsassa vai ei.

Opera 9.63:ssa pre-line ainakin toimii..

[Sauli Kaskipelto]

Post by Tomi Jaskari

Post by make
Olen tekemässä kotisivua mutta en löydä miten saan tekstitiedoston
kotisivulle siis pelkkää tekstiä.

Millaista kotisivua olet tekemässä?

Post by make
Onnistuuko html:llä vai vaatiiko se java-scriptin? Onko missään valmista
koodia?

Ei vaadi. Pieni tyylimäärittely riittää.
http://www.w3.org/TR/CSS21/text.html#propdef-white-space
<p style="white-space:pre-line;">
Rivi1
Rivi2
lisää sisältöä
tekstitiedoston rivi X-1
RiviX
</p>
Jos haluat säilyttää muutakin kuin rivinvaihdot, niin korvaa 'pre-line'
arvolla 'pre-wrap'. Arvoa 'pre' kannattaa varoa, koska se pursuaa
helposti yli rajojen, jos tekstissä on vähän pitempiä rivejä ja/tai
käytössä oleva leveys on alhainen.
http://kampanjamyynti.fi/2009/no.htm
Mikäli kyseessä on ASCII-taide, niin fontin pitää tietenkin olla
monospaced =)
http://www.w3.org/TR/CSS21/fonts.html#monospace-def

Tai sitten voi käyttää yksinkertaisesti <pre>-tagia, joka tekee
automaattisesti kaiken tuon ja on vielä kaiken lisäksi semanttisesti
parempi valinta kuin <p>.

<pre>
Rivi1
Rivi2

lisää sisältöä
tekstitiedoston rivi X-1
RiviX
</pre>

Aiheesta lisää: http://www.w3.org/TR/html4/struct/text.html#h-9.3.4

Tämä kaikki titetysti sillä oletuksella että kysyjä halusi tietää kuinka
tekstiä saa esitettyä html-sivulla kuin se olisi tasavälinen
esimuotoiltu tekstitiedosto rivinvaihtoineen ja välilyönteineen.

Tietty mielikuvitusta käyttäen jokin tämän tyyppinen ratkaisu voisi
tulla mieleen: <object data="foo.txt" type="text/plain"></object>, mutta
jotenkin epäilyttää että olikohan tämä nyt oikeasti se asia mitä
haluttiin kysyä.

Alkuperäinen kysyjä voisi tietysti selittää hieman tarkemmin että mitä
hän tarkalleen halusi tehdä, jotta ei tarvitsisi jättää niin paljon
arvailun varaan.

-SK

[Tomi Jaskari]

Post by Tomi Jaskari

Post by Tomi Jaskari
<p style="white-space:pre-line;">
Rivi1
Rivi2
lisää sisältöä
tekstitiedoston rivi X-1
RiviX
</p>

<pre>
Rivi1
Rivi2
lisää sisältöä
tekstitiedoston rivi X-1
RiviX
</pre>
Aiheesta lisää: http://www.w3.org/TR/html4/struct/text.html#h-9.3.4

Hieno homma, jostain syystä - olkoon vaikka siksi, että pre.tag on
tietyllä tavalla turhaa läskiä - en sitä käyttänyt vaikka hyvin tiesin,
että PRE on se yksinkertaisin tapa. Ehkä tämä johtui siitäkin, että
mielestäni tekstin merkkaamatta jättäminen on silkkaa laiskuutta ja
aikaansaamattomuutta ja harvoin perusteltua. Jos nyt ollenkaan tajusin
mitä kysyjä tarkoitti.

"Raakatekstin" sijoittamisessa hypertekstiin on helposti pulmina rivin
pituus sekä tekstin luettavuus. Ikävä huomionarvoinen asia on myös se,
että IE ei tue kuin kaikkein alkeellisinta valkoisen tilan säilyttämistä.

Ja kuka nyt edes haluaisi hypertekstiä nettiin kun meillä on OpenXML :D
http://www.ecma-international.org/news/TC45_current_work/OpenXML%20White%20Paper.pdf

[Jukka K. Korpela]

Post by make
Olen tekemässä kotisivua mutta en löydä miten saan tekstitiedoston
kotisivulle siis pelkkää tekstiä.

Miksi ja missä mielessä haluat "tekstitiedoston kotisivulle"? Kysymys on
suunnilleen yhtä hämärä kuin "miten saan tekstitiedoston Word-dokumenttiin?"

[make]

Post by Jukka K. Korpela

Post by make
Olen tekemässä kotisivua mutta en löydä miten saan tekstitiedoston
kotisivulle siis pelkkää tekstiä.

Miksi ja missä mielessä haluat "tekstitiedoston kotisivulle"? Kysymys on
suunnilleen yhtä hämärä kuin "miten saan tekstitiedoston
Word-dokumenttiin?"

Sori, että tuli huonosti esitetty kysymys mutta parinpäivän netistä
etsimisen jälkeen alkoi pinna olla täynnä. Siis olen tekemässä kotisivua
johon sukulaiset kirjoittelevat kaikenlaisista harrastuksistaan ja
tekemisistään joten pitäisi nämä saada näkyviin. Toiset ovat kovia
kirjoittamaan joten tekstiä tulee helposti useampi kymmen tai satoja rivejä.
Ajattelin että sähköpostilla teksti lähetetään minulle ja minä siirrän sen
kotisivuille. Voin editoida tekstin kotikoneella jos se on välttämätöntä.
Netistä en löytänyt ratkaisua ehkä en osannut laittaa sopivia hakusanoja ja
kun tuo toinen kotimainen kieli ei ole hallussa niin haku rajoittui
suomalaisiin sivuihin.
Kiitos näistä neuvoista joita on tullut joten ei muuta kuin kokeilemaan.
make

[Teemu]

Post by make
Sori, että tuli huonosti esitetty kysymys mutta parinpäivän netistä
etsimisen jälkeen alkoi pinna olla täynnä. Siis olen tekemässä kotisivua
johon sukulaiset kirjoittelevat kaikenlaisista harrastuksistaan ja
tekemisistään joten pitäisi nämä saada näkyviin. Toiset ovat kovia
kirjoittamaan joten tekstiä tulee helposti useampi kymmen tai satoja
rivejä. Ajattelin että sähköpostilla teksti lähetetään minulle ja minä
siirrän sen kotisivuille. Voin editoida tekstin kotikoneella jos se on
välttämätöntä.
Netistä en löytänyt ratkaisua ehkä en osannut laittaa sopivia hakusanoja
ja kun tuo toinen kotimainen kieli ei ole hallussa niin haku rajoittui
suomalaisiin sivuihin.

Vielä pieni täsmennyskysymys:
- Haluatko upottaa tekstitiedoston HTML-tiedoston sisään?

Mikäänhän ei estä esimerkiksi linkittämästä normaaliin txt-päätteiseen
tiedostoon, jonka selaimet kyllä yleensä mukisematta sellaisenaan näyttävät.

-Teemu

[make]

Post by Teemu

Post by make
Sori, että tuli huonosti esitetty kysymys mutta parinpäivän netistä
etsimisen jälkeen alkoi pinna olla täynnä. Siis olen tekemässä kotisivua
johon sukulaiset kirjoittelevat kaikenlaisista harrastuksistaan ja
tekemisistään joten pitäisi nämä saada näkyviin. Toiset ovat kovia
kirjoittamaan joten tekstiä tulee helposti useampi kymmen tai satoja
rivejä. Ajattelin että sähköpostilla teksti lähetetään minulle ja minä
siirrän sen kotisivuille. Voin editoida tekstin kotikoneella jos se on
välttämätöntä.
Netistä en löytänyt ratkaisua ehkä en osannut laittaa sopivia hakusanoja
ja kun tuo toinen kotimainen kieli ei ole hallussa niin haku rajoittui
suomalaisiin sivuihin.

- Haluatko upottaa tekstitiedoston HTML-tiedoston sisään?
Mikäänhän ei estä esimerkiksi linkittämästä normaaliin txt-päätteiseen
tiedostoon, jonka selaimet kyllä yleensä mukisematta sellaisenaan näyttävät.
-Teemu

Jos se ei estä jatkamasta tiedostoa siis tehdä siitä isompi tiedosto johon
voin kerätä useampia kirjoituksia ja yhdellä kertaa näyttää sen. Ainakin oli
suunnitelmissa mutta jos tulee paremmat neuvot niin mikään ei estä
vaihtamasta suunnitelmia. Oikeastaan ei ole väliä miten sen tekee kunhan
toimii.

make

[Tapio Salonsaari]

Post by make
johon sukulaiset kirjoittelevat kaikenlaisista harrastuksistaan ja
tekemisistään joten pitäisi nämä saada näkyviin. Toiset ovat kovia

Tällaiseen käyttöön varmaan sopisi paremmin jonkinlainen blogi, valmiita
palveluita löytyy pilvin pimein ja vapaassa levityksessä olevia
ohjelmistoja vielä enemmän.

Sukulaiset voivat naputella kuulumisensa suoraan tuonne eikä tarvitse
kierrättää postia ylimääräistä kierrosta sähköpostin kautta.

Toki etenkin moisen järjestelmän pystyttäminen vaatii vähän enemmän,
mutta pidemmällä tähtäimellä tuo on varmasti hedelmällinen ratkaisu.
Kannattaisiko kysäistä suoraan palveluntarjoajalta mihin hintaan moisen
asennus onnistuu jos omat taidot ja opettelunhalu eivät riitä?

[make]

Post by Tapio Salonsaari

Post by make
johon sukulaiset kirjoittelevat kaikenlaisista harrastuksistaan ja
tekemisistään joten pitäisi nämä saada näkyviin. Toiset ovat kovia

Tällaiseen käyttöön varmaan sopisi paremmin jonkinlainen blogi, valmiita
palveluita löytyy pilvin pimein ja vapaassa levityksessä olevia
ohjelmistoja vielä enemmän.
Sukulaiset voivat naputella kuulumisensa suoraan tuonne eikä tarvitse
kierrättää postia ylimääräistä kierrosta sähköpostin kautta.
Toki etenkin moisen järjestelmän pystyttäminen vaatii vähän enemmän,
mutta pidemmällä tähtäimellä tuo on varmasti hedelmällinen ratkaisu.
Kannattaisiko kysäistä suoraan palveluntarjoajalta mihin hintaan moisen
asennus onnistuu jos omat taidot ja opettelunhalu eivät riitä?
--
Take

Mutta kun tämä on harrastus jota olen opettelemassa ja onko se harrastus jos
teetän muualla.
Kaikki on siitä kiinni etten osaa ladata tiedostoa johonkin onko se nyt
muuttujaan joka sitten jollaintavalla tulostetaan näytölle(kotisivulle).
<a href="tiedosto.txt"> teksti "</a> tuottaa toivotun tuloksen mutta vaatii
klikkauksen. Joten miten onnistuu ilman klikkausta?
Sanotaan nyt vielä että olen aikanaan 64:lla koodannut konekieltä ja
Amigalla C:tä sekä C++:ssaa joten vierasta tämä ei ole käskyt vaan
erilaisia.

make

[Teemu]

Post by make
Mutta kun tämä on harrastus jota olen opettelemassa ja onko se harrastus
jos teetän muualla.
Kaikki on siitä kiinni etten osaa ladata tiedostoa johonkin onko se nyt
muuttujaan joka sitten jollaintavalla tulostetaan näytölle(kotisivulle).
<a href="tiedosto.txt"> teksti "</a> tuottaa toivotun tuloksen mutta
vaatii klikkauksen. Joten miten onnistuu ilman klikkausta?
Sanotaan nyt vielä että olen aikanaan 64:lla koodannut konekieltä ja
Amigalla C:tä sekä C++:ssaa joten vierasta tämä ei ole käskyt vaan
erilaisia.

Sinullahan on siis kaksi vaihtoehtoa:

a) lataat sen tekstitiedoston HTML-koodin sekaan esimerkiksi PHP:llä
b) tallennat sen tekstin itse suoraan HTML-koodin sekaan

Kumpaan olet pyrkimässä? Vaihtoehto A onnistuu yksinkertaisimmillaan PHP:n
include-käskyllä.

-Teemu

[Seppo Loisa]

Post by Teemu
a) lataat sen tekstitiedoston HTML-koodin sekaan esimerkiksi PHP:llä
b) tallennat sen tekstin itse suoraan HTML-koodin sekaan

c) <!--#include virtual="/tiedosto.txt" --> jos serveri tukee SSI:tä.

Ongelmana on saada se teksti sinne serverille. Tekstin syöttämiseksi
voi tehdä lomakkeen HTML:llä mutta lomakekäsittelijä ei sillä onnistu.

Jos ohjelmointikokemusta löytyy ja serveri sitä tukee niin suosittelen
php:hen tutustumista.

[Jukka K. Korpela]

Post by Seppo Loisa

Post by Teemu
a) lataat sen tekstitiedoston HTML-koodin sekaan esimerkiksi PHP:llä
b) tallennat sen tekstin itse suoraan HTML-koodin sekaan

c) <!--#include virtual="/tiedosto.txt" --> jos serveri tukee SSI:tä.

Näistä mikään ei lisää tekstiä sellaisenaan osaksi sivua. Rivitys muuttuu,
<- ja &-merkit voivat aiheuttaa isoja yllätyksiä ym. Jos tekstissä on
esimerkiksi tyhjiä rivejä, ne häviävät.

Vieläkään ei ole oikein selvinnyt, mitä tässä varsinaisesti halutaan, joten
on mahdotonta sanoa, onko tuo etu vai haitta.

[Jukka K. Korpela]

Post by make
Kaikki on siitä kiinni etten osaa ladata tiedostoa johonkin onko se
nyt muuttujaan joka sitten jollaintavalla tulostetaan
näytölle(kotisivulle).

Ei, kyse on siitä, että ajatusmallisi ei vastaa todellisuutta.

Kukaan ei osaa ladata tiedostoa muuttujaan HTML:ssä, koska HTML:ssä ei ole
muuttujia.

Post by make
<a href="tiedosto.txt"> teksti "</a> tuottaa
toivotun tuloksen mutta vaatii klikkauksen. Joten miten onnistuu
ilman klikkausta?

Miksi sen pitäisi onnistua ilman klikkausta? Jos tiedosto sisältää tekstin
pelkkänä tekstinä ja se halutaan näyttää sellaisenaan, edes rivitystä
muuttamatta, niin tuo on yksinkertaisin ja toimivin tapa. Sellainen
esitystapa on alkeellinen ja voi vaikuttaa tahattoman koomiselta, mutta jos
sitä käytetään, niin tuolla tavoin linkin kautta se lienee vähiten koominen.

Jos kuitenkin haluat upottaa sellaisen tekstin osaksi normaalia verkkosivua,
niin seuraava toimii sanan "toimia" useilla arvoilla:

<iframe src="tiedosto.txt" width="100%" height="300">
<a href="tiedosto.txt">teksti</a>
</iframe>

Määritteiden width ja height merkitys lienee ilmeinen, ja niitä voi tietysti
säätää tilanteeseen sopiviksi.

Post by make
Sanotaan nyt vielä että olen aikanaan 64:lla koodannut konekieltä ja
Amigalla C:tä sekä C++:ssaa joten vierasta tämä ei ole käskyt vaan
erilaisia.

Tuo on osa virheellistä ajatusmallia. HTML:ssä ei ole käskyjä.

[Tapio Salonsaari]

Post by make

Post by Tapio Salonsaari
Tällaiseen käyttöön varmaan sopisi paremmin jonkinlainen blogi, valmiita

...

Post by make

Post by Tapio Salonsaari
Kannattaisiko kysäistä suoraan palveluntarjoajalta mihin hintaan moisen
asennus onnistuu jos omat taidot ja opettelunhalu eivät riitä?

Mutta kun tämä on harrastus jota olen opettelemassa ja onko se harrastus jos
teetän muualla.

No siksi tuo *JOS*. Alkuperäisestä viestistä ei mielestäni selvinnyt,
ollaanko nyt harrastamassa vai hakemassa pikaista ratkaisua suvun
kommunikointitarpeisiin.

Blogienginen pystyttäminen on ihan hyvää harjoitusta, mutta tuota varten
muuttujia on hieman liikaa tarkemman ohjeistuksen avuksi. WordPress
ja sen johdannaiset ovat ainakin omassa käytössä keränneet spammia
riittävästi, mutta toiset käyttävät noita ihan ongelmitta. WP ei vaan
muuten tuntunut oikein hyvältä niin jätin spammifilttereiden
rakentamisen sikseen.

Drupal on varmaankin ihan toimiva tuollaiseen, löytyy foorumia, blogia
ja jonkintasoista sisällönhallintaa. Tuota tosin ei ole tullut muutamaan
vuoteen testattua, joten nykytilanteesta en osaa sanoa sen kummemmin
mitään.

Vaihtoehtoja löytyy, sopivan enginen valinta, asennus jne. ovat sitten
kokonaan eri tarinoita. Ensiksi kannattanee selvittää, mitä
palvelinpäästä löytyy tarjolle, suuri(n?) osa noista vapaassa käytössä
olevista ohjelmista tarvitsee PHP ja MySQL -tuen.


Toki jos ohjelmointi sinänsä kiinnostaa, niin tuollainen tekstitiedoston
tulostus webbisivulle ja tallennus -sivulta ei sekään kovin kummallinen
temppu ole. Vielä vaikkapa FCKEditor lomakkeeseen niin muotoilut tulee
hoidettua samalla. Tämä on sitten taas ihan oma lukunsa noiden valmiiden
ohjelmistojen lisäksi.

Nyt varmaan kannattaisi ensin selvittää (myös itselleen) että mitä
oikein on hakemassa. Sitten kun maali on selvillä voi alkaa miettimään
miten sinne päästään.

[Tomi Jaskari]

Post by make
Sori, että tuli huonosti esitetty kysymys mutta parinpäivän netistä
etsimisen jälkeen alkoi pinna olla täynnä. Siis olen tekemässä kotisivua
johon sukulaiset kirjoittelevat kaikenlaisista harrastuksistaan ja
tekemisistään joten pitäisi nämä saada näkyviin. Toiset ovat kovia

Facebook on oiva paikka koota suku nettiin juttusille. Jos ei facebook,
niit sitten esimerkiksi netlog.. Ei kannata sotkea omaa kotisivun
tekemistä ja tekniikan opettelua siihen, että suku haluaa pitää yhteyttä
ja kertoilla kuulumisiaan.

Kolmas palvelu, jota kannattaa kokeilla on my.opera.com
http://my.opera.com/community/signup/
Ei kannata pelästyä vaikka siellä on englantia ja melko monta kenttää
täytettävänä. Kun rekisteröitymisen on kerran hoitanut ja painanut tiedot
talteen sopivaan paikkaan, niin loppu on pelkkää ruusuilla tanssimista. =)