Skip to content
This repository has been archived by the owner on Sep 6, 2021. It is now read-only.

Update Finnish translation for “Getting Started” file (Brackets 1.0) #9683

Merged
merged 7 commits into from
Oct 28, 2014
Merged

Update Finnish translation for “Getting Started” file (Brackets 1.0) #9683

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
da8022c
Finnish translation for “Getting Started” file (Brackets 1.0)
Oct 26, 2014
60c16e3
Update index.html
Oct 27, 2014
d722fcc
Update index.html
Oct 27, 2014
cd068ad
Update index.html
Oct 27, 2014
e6fd77e
Change ”→” back to ”>”
Oct 27, 2014
2ae2f39
Fix line length
Oct 27, 2014
0a9eb9b
Changes based on PR #9691
Oct 28, 2014
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
169 changes: 89 additions & 80 deletions samples/fi/Aloitus/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,159 +18,168 @@ <h2>Tämä on oppaasi!</h2>
-->

<p>
Tervetuloa Bracketsin varhaiseen esiversioon, uuteen avoimen lähdekoodin editoriin seuraavalle web-sukupolvelle.
Olemme suuria standardien faneja ja haluamme rakentaa paremmat työkalut JavaScriptille, HTML:lle ja CSS:lle sekä
niihin liittyville, avoimille web-tekniikoille. Tämä on vaatimaton alkumme.
Tervetuloa käyttämään Bracketsia, nykyaikaista, avoimen lähdekoodin koodieditoria, joka ymmärtää
web-suunnittelun. Se on kevyt mutta silti tehokas: koodieditori, joka sulauttaa visuaaliset työkalut suoraan
editoriin, niin että saat oikean määrän apua silloin, kun haluat sitä.
</p>

<!--
MIKÄ BRACKETS?
MIKÄ BRACKETS ON?
-->
<p>
<em>Brackets on erityyppinen editori.</em>
Yksi huomattava ero on se, että tämä editori on kirjoitettu JavaScriptillä, HTML:llä ja CSS:llä. Se tarkoittaa, että
useilla teistä Bracketsin käyttäjistä on tarvittavat taidot editorin muokkaamiseen ja laajentamiseen. Itse asiassa
käytämme Bracketsia joka päivä sen itsensä kehittämiseen. Bracketsissa on joitakin ainutlaatuisia ominaisuuksia,
kuten pikamuokkaus, reaaliaikainen esikatselu ja muita, joita et voi löytää muista editoreista. Oppiaksesi lisää,
kuinka käyttää näitä ominaisuuksia, jatka lukemista.
Bracketsissa on joitakin ainutlaatuisia ominaisuuksia, kuten pikamuokkaus, reaaliaikainen esikatselu ja
muita, joita et voi löytää muista editoreista. Lisäksi Brackets on kirjoitettu JavaSciptillä, HTML:llä ja
CSS:llä. Se tarkoittaa, että useimmilla Bracketsin käyttäjistä on riittävät taidot muokata ja laajentaa
editoria. Itse asiassa käytämme Bracketsia joka päivä sen itsensä kehitykseen. Oppiaksesi lisää siitä,
kuinka käyttää avainominaisuuksia, jatka lukemista.
</p>

<!--
ALOITUS OMIEN TIEDOSTOJESI KANSSA
-->

<h2>Kokeilemme muutamia uusia asioita</h2>
<h3>Projektit Bracketsissa</h3>
<p>
Muokataksesi omaa koodiasi Bracketsia käyttäen voit vain avata tiedostosi sisältävän kansion. Brackets pitää
nykyistä avointa kansiota ”projektina”; ominaisuudet, kuten koodivihjeet, esikatselu ja pikamuokkaus,
käyttävät vain parhaillaan avoinna olevan kansion tiedostoja.
</p>

<samp>
Heti kun olet valmis luopumaan tästä näyteprojektista ja muokkaamaan omaa koodiasi, voit käyttää vasemman
sivupalkin pudotusvalikkoa kansioiden vaihtamiseen. Juuri nyt pudotusvalikossa lukee ”Aloitus”. Tämä on
kansio, joka sisältää tiedoston, jota tarkastelet juuri nyt. Avaa oma kansiosi napsauttamalla
pudotusvalikkoa ja valitsemalla ”Avaa kansio…”.
Voit käyttää pudotusvalikkoa myös myöhemmin vaihtaaksesi takaisin kansioihin, jotka olet avannut aiemmin,
sisältäen tämän näyteprojektin.
</samp>

<!--
HTML:N, CSS:N JA JAVASCRIPTIN SUHDE
YHTEYS HTML:N, CSS:N JA JAVASCRIPTIN VÄLILLÄ
-->
<h3>Pikamuokkaus CSS:lle ja JavaScriptille</h3>
<p>
Ei lisää dokumenttien välillä vaihtamista tai asiayhteyden hukkaamista. Muokatessasi HTML:ää käytä
<kbd>Cmd/Ctrl + E</kbd> -näppäinyhdistelmää avataksesi upotetun pikaeditorin, joka näyttää kaiken tiedostoon
liittyvän CSS:n. Muokkaa CSS:ääsi, paina <kbd>ESC</kbd>-näppäintä ja olet takaisin editoimassa HTML:ää, tai jätä
CSS-säännöt auki ja ne tulevat osaksi HTML-editoriasi. Jos painat <kbd>ESC</kbd>-näppäintä pikaeditorin ulkopuolella,
ne kaikki sulkeutuvat.
näppäinyhdistelmää <kbd>Cmd/Ctrl + E</kbd> avataksesi upotetun pikaeditorin, joka näyttää kaiken tiedostoon
liittyvän CSS:n. Muokkaa CSS:ääsi, paina <kbd>ESC</kbd>-näppäintä ja olet taas muokkaamassa HTML:ää, tai
yksinkertaisesti jätä CSS-säännöt auki, ja niistä tulee osa HTML-editoriasi. Jos painat
<kbd>ESC</kbd>-näppäintä pikaeditorin ulkopuolella, ne kaikki sulkeutuvat. Pikaeditori löytää myös LESS- ja
SCSS-tiedostoissa määritellyt säännöt, sisältäen sisäkkäiset sellaiset.
</p>

<samp>
Haluatko nähdä sen toiminnassa? Aseta osoitin alla olevan <!-- <samp> --> -tagin päälle ja paina
<kbd>Cmd/Ctrl + E</kbd>. Sinun pitäisi nähdä CSS-pikaeditorin ilmestyvän alapuolelle näyttäen CSS-säännön, joka
kuuluu sille. Pikamuokkaus toimii niin class- kuin id-attribuuttien kanssa.
Haluatko nähdä sen toiminnassa? Aseta kohdistin alla olevaan <!-- <samp> --> -tägiin ja paina
<kbd>Cmd/Ctrl + E</kbd>. Sinun pitäisi nähdä, kun CSS-pikaeditori ilmestyy alapuolelle näyttäen CSS-säännön,
joka pätee siihen. Pikamuokkaus toimii toki myös class- ja id-attribuuttien kanssa. Voit käyttää sitä myös
LESS- ja SCSS-tiedostojesi kanssa.

Voit luoda uusia sääntöjä samalla tavalla. Napsauta jotakin alaosan <!-- <p> --> -tageista ja paina
<kbd>Cmd/Ctrl + E</kbd>. Sille ei ole sääntöjä juuri nyt, mutta voit napsauttaa Uusi sääntö -painiketta lisätäksesi
uuden säännön <!-- <p> --> -tageille.
Voit luoda uusia sääntöjä samalla tavalla. Napsauta yhtä alaosan <!-- <p> --> -tägeistä ja paina
<kbd>Cmd/Ctrl + E</kbd>. Sille ei ole sääntöjä juuri nyt, mutta voit napsauttaa Uusi sääntö -painiketta
lisätäksesi uuden säännön <!-- <p> --> -tägeille.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Google Translate does not have a translation for "tägeista" and "tägeille". Are those correct?

</samp>

<a href="screenshots/quick-edit.png">
<img alt="Kuvankaappaus näyttää CSS:n pikamuokkauksen" src="screenshots/quick-edit.png" />
<img alt="Kuvankaappaus, jossa näkyy CSS:n pikamuokkaus" src="screenshots/quick-edit.png" />
</a>

<p>
Voit käyttää samaa näppäinyhdistelmää muokataksesi myös muita asioita, kuten funktioita JavaScriptissä, värejä ja
animaatioiden ajoitusfunktioita, ja lisäämme koko ajan yhä enemmän ominaisuuksia. Toistaiseksi sisäeditorit eivät voi
olla sisäkkäin, joten voit käyttää pikamuokkausta vain, kun osoitin on täyskokoisessa editorissa.
Voit käyttää samaa näppäinyhdistelmää muokataksesi myös muita asioita - kuten JavaScriptin funktioita,
värejä ja animaatioiden ajoitusfunktioita - ja me lisäämme koko ajan yhä enemmän ominaisuuksia.
</p>
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ajoitusfunktioita?

<p>
Toistaiseksi sisäeditorit eivät voi olla sisäkkäin, joten voit käyttää pikamuokkausta vain silloin, kun
kohdistin on täyskokoisessa editorissa.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

sisäeditorit?

</p>

<!--
ESIKATSELU
-->
<h3>Esikatsele HTML:n ja CSS:n muutoksia reaaliaikaisesti selaimessa</h3>
<p>
Tiedäthän sen ”tallenna/päivitä-tanssin”, jota olemme tehneet vuosia? Se, jossa tehdään muutoksia editorissa,
tallennetaan, vaihdetaan selaimeen ja sitten päivitetään tuloksen näkemiseksi viimein? Bracketsissa sinun ei
tarvitse harrastaa tätä tanssia.
Tiedäthän sen ”tallenna ja päivitä -tanssin”, jota olemme harrastaneet vuosia? Se, jossa tehdään muutoksia
editorissa, painetaan tallenna, vaihdetaan selaimeen ja sitten päivitetään, jotta tulos tulee viimein
näkyville? Bracketsissa sinun ei tarvitse harrastaa tätä tanssia.
</p>
<p>
Brackets avaa <em>reaaliaikaisen yhteyden</em> paikalliseen selaimeesi ja vie HTML:n CSS:n päivitykset samalla kun
kirjoitat! Saatat jo olla tehnyt jotain tämän kaltaista selainpohjaisilla työkaluilla, mutta Bracketsin kanssa ei
tarvitse kopioida ja liittää lopullista koodia takaisin editoriin. Koodisi suoritetaan selaimessasi, mutta se
sijaitsee editorissasi!
Brackets avaa <em>reaaliaikaisen yhteyden</em> paikalliseen selaimeesi ja vie HTML:n CSS:n päivitykset
samalla kun kirjoitat! Saatat olla jo tehnyt jotakin tämän kaltaista selainpohjaisilla työkaluilla, mutta
Bracketsin kanssa ei tarvitse kopioida ja liittää lopullista koodia takaisin editoriin. Koodisi suoritetaan
selaimessasi, mutta se sijaitsee editorissasi!
</p>

<h3>Korosta HTML-elementtejä ja CSS-sääntöjä reaaliaikaisesti</h3>
<p>
Brackets tekee helpoksi nähdä, kuinka muutoksesi HTML:ssä ja CSS:ssä vaikuttavat sivuun. Kun osoittimesi on
CSS-säännön päällä, Brackets korostaa kaikki sääntöön liittyvät elementit selaimessa. Samoin muokatessa
HTML-tiedostoa, Brackets korostaa vastaavat HTML-elementit selaimessa.
Brackets tekee helpoksi nähdä, kuinka muutoksesi HTML:ssä ja CSS:ssä vaikuttavat sivuun. Kun kohdistin on
CSS-säännöllä, Brackets korostaa kaikki siihen liittyvät elementit selaimessa. Samalla tavoin muokattaessa
HTML-tiedostoa Brackets korostaa vastaavat HTML-elementit selaimessa.
</p>

<samp>
Jos sinulla on Google Chrome asennettuna, voit kokeilla tätä itse. Napsauta salama-kuvaketta Brackets-ikkunan
oikeassa yläkulmassa tai paina <kbd>Cmd/Ctrl + Alt + P</kbd>. Kun esikatselu on käytössä HTML-dokumentissa, kaikkia
linkitettyjä CSS-dokumentteja voidaan muokata reaaliajassa. Kuvake muuttuu harmaasta kultaiseksi, kun Brackets
muodostaa yhteyden selaimeesi.
Jos sinulla on Google Chrome asennettuna, voit kokeilla tätä itse. Napsauta Brackets-ikkunan oikeassa
yläkulmassa sijaitsevaa salamakuvaketta tai paina <kbd>Cmd/Ctrl + Alt + P</kbd>. Kun esikatselu on käytössä
HTML-dokumentissa, kaikkia linkitettyjä CSS-dokumentteja voi muokata reaaliajassa. Kuvake muuttuu harmaasta
kultaiseksi, kun Brackets muodostaa yhteyden selaimeesi.

Aseta osoittimesi nyt yläpuolella olevan <!-- <img> --> -tagin päälle. Huomaa sininen korostus, joka ilmestyy kuvan
Aseta kohdistin nyt yläpuolella olevaan <!-- <img> --> -tägiin. Huomaa sininen korostus, joka ilmestyy kuvan
ympärille Chromessa. Käytä seuraavaksi <kbd>Cmd/Ctrl + E</kbd> -näppäinyhdistelmää avataksesi määritellyt
CSS-säännöt. Yritä muuttaa reunaviivan kokoa arvosta 10px arvoon 20px tai vaihtaa taustaväriä arvosta ”transparent”
arvoon ”hotpink”. Jos Brackets ja selaimesi ovat näytöllä vierekkäin, näet muutosten heijastuvan välittömästi
selaimeesi. Siistiä, eikö?
CSS-säännöt. Yritä muuttaa reunaviivan kokoa arvosta 10px arvoon 20px tai vaihtaa taustaväriä arvosta
”transparent” arvoon ”hotpink”. Jos Brackets ja selain ovat näytölläsi vierekkäin, näet muutosten
heijastuvan välittömästi selaimeesi. Siistiä, eikö?
</samp>

<p class="note">
Tällä hetkellä Brackets tukee esikatselua vain HTML:lle ja CSS:lle. Kuitenkin jo nykyisessä versiossa muutokset
JavaScript-tiedostoihin päivitetään automaattisesti tallentaessasi tiedoston. Työskentelemme tällä hetkellä
esikatselun tuomiseksi JavaScriptille. Esikatselu on myös mahdollista vain Google Chromella, mutta toivomme
pystyvämme tuomaan tämän toiminnon kaikille merkittäville selaimille tulevaisuudessa.
Nykyisellään Brackets tukee esikatselua vain HTML:lle ja CSS:lle. Kuitenkin jo nykyisessä versiossa
muutokset JavaScript-tiedostoihin päivitetään automaattisesti tallentaessasi tiedoston. Työskentelemme
parhaillaan esikatselun tuomiseksi JavaScriptille. Esikatselu on myös mahdollista vain Google Chromella,
mutta toivomme pystyvämme tuomaan tämän toiminnon kaikille pääselaimille tulevaisuudessa.
</p>

<h3>Pikanäkymä</h3>
<p>
Niille meistä, joilla ei ole vielä muistissa värien vastineita HEX- tai RGB-arvoille, Brackets tekee nopeaksi ja
helpoksi nähdä täsmälleen, mitä väriä ollaan käyttämässä. Sekä CSS:ssä että HTML:ssä osoita yksinkertaisesti mitä
tahansa väriarvoa tai liukuväriä ja Brackets näyttää esikatselun tästä (liuku)väristä automaattisesti. Sama pätee
kuviin: yksinkertaisesti osoita kuvalinkkiä Brackets-editorissa ja se näyttää pikkukuvaesikatselun tästä kuvasta.
Niille meistä, jotka eivät vielä osaa ulkoa värien vastineita HEX- tai RGB-arvoille, Brackets tekee nopeaksi
ja helpoksi nähdä täsmälleen, mitä väriä on käyttämässä. Kerta kaikkiaan osoita mitä tahansa väriarvoa tai
liukuväriä joko CSS:ssä tai HTML:ssä, ja Brackets näyttää esikatselun tästä väristä tai liukuväristä
automaattisesti. Sama tulee kuviin: osoita yksinkertaisesti kuvalinkkiä Brackets-editorissa ja se näyttää
pienen esikatselukuvan tästä kuvasta.
</p>

<samp>
Kokeillaksesi pikanäkymää itse aseta osoittimesi tämän dokumentin yläosassa olevan <!-- <body> --> -tagin päälle ja
paina <kbd>Cmd/Ctrl + E</kbd> avataksesi CSS-pikaeditorin. Nyt yksinkertaisesti osoita mitä tahansa väriarvoista
CSS:n yhteydessä. Voit myös nähdä sen toiminnassa liukuvärin kohdalla avaamalla CSS-pikaeditorin <!-- <html> -->
-tagille ja osoittamalla mitä tahansa taustakuvan arvoista. Kokeillaksesi kuvan esikatselua aseta osoittimesi tässä
dokumentissa aiemmin esiintyneen kuvankaappauskuvan päälle.
Kokeile pikanäkymää itse asettamalla kohdistimesi tämän dokumentin yläosassa sijaitsevaan <!-- <body> -->
-tägiin ja painalla <kbd>Cmd/Ctrl + E</kbd> avataksesi CSS-pikaeditorin. Nyt yksinkertaisesti osoita mitä
tahansa CSS:n väriarvoista. Voit myös nähdä sen toiminnassa liukuväreissä avaamalla CSS-pikaeditorin
<!-- <html> --> -tägille ja osoittamalla mitä tahansa taustakuva-arvoista. Kokeile kuvan esikatselua
asettamalla osoittimesi tässä dokumentissa aiemmin esiintyneen kuvankaappauskuvan päälle.
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

pikänäkymää?

</samp>

<h3>Tarvitsetko jotakin muuta? Kokeile laajennusta!</h3>
<p>
Sen kaiken hyvän lisäksi, mitä Bracketsiin on rakennettu, suuri ja kasvava laajennuskehittäjien yhteisömme on tehnyt
yli sata laajennusta, jotka lisäävät hyödyllisiä toimintoja. Jos on jotakin, mitä tarvitset ja jota Brackets ei
tarjoa, enemmän kuin todennäköisesti joku on tehnyt laajennuksen siihen. Selataksesi tai hakeaksesi saatavilla
olevien laajennusten luetteloa valitse <strong>Tiedosto &gt; Laajennusten hallinta</strong> ja napsauta ”Saatavilla”-
välilehteä. Kun löydät haluamasi laajennuksen, napsauta vain ”Asenna”-painiketta sen vierestä.
</p>

<h3>Projektit Bracketsissa</h3>
<p>
Muokataksesi omaa koodiasi Bracketsia käyttäen voit vain avata tiedostosi sisältävän kansion. Brackets pitää nykyistä
avointa kansiota ”projektina”; Ominaisuudet, kuten koodivihjeet, esikatselu ja pikamuokkaus käyttävät vain tällä
hetkellä avoinna olevan kansion tiedostoja.
Sen kaiken hyvän lisäksi, jota Bracketsiin on rakennettu, on suuri ja kasvava laajennuskehittäjien
yhteisömme tehnyt satoja laajennuksia, jotka lisäävät hyödyllisiä toimintoja. Jos on jotakin, jota tarvitset
ja jota Brackets ei tarjoa, enemmän kuin todennäköisesti joku on tehnyt laajennuksen siihen. Selaa
saatavilla olevien laajennusten luetteloa tai hae siitä valitsemalla <strong>Tiedosto &gt; Laajennusten
hallinta</strong> ja napsauttamalla ”Saatavilla”-välilehteä. Kun löydät haluamasi laajennuksen, napsauta
vain ”Asenna”-painiketta sen vierestä.
</p>

<samp>
Heti kun olet valmis luopumaan tästä näyteprojektista ja muokkaamaan omaa koodiasi, voit käyttää vasemman sivupalkin
pudotusvalikkoa kansioiden vaihtamiseen. Juuri nyt pudotusvalikossa lukee ”Aloitus”. Tämä on tiedoston, jota katsot
juuri nyt, sisältävä kansio. Napsauta pudotusvalikkoa ja valitse ”Avaa kansio…” avataksesi oman kansiosi. Voit
käyttää pudotusvalikkoa myös myöhemmin vaihtaaksesi takaisin kansioihin, jotka olet avannut aiemmin, sisältäen tämän
näyteprojektin.
</samp>

<!--
ANNA MEIDÄN TIETÄÄ, MITÄ AJATTELET
KERRO MEILLE, MITÄ AJATTELET
-->
<h2>Lähde mukaan</h2>
<p>
Brackets on avoimen lähdekoodin projekti. Web-kehittäjät ympäri maailmaa osallistuvat paremman koodieditorin
kehittämiseen. Paljon enemmän rakennetaan laajennuksia, jotka laajentavat Bracketsin kykyjä. Anna meidän tietää,
kehittämiseen. Vieläkin enemmän kehitetään laajennuksia, jotka laajentavat Bracketsin kykyjä. Kerro meille,
mitä ajattelet. Jaa ideasi tai osallistu suoraan projektiin.
</p>
<ul>
<li><a href="http://brackets.io">Brackets.io</a></li>
<li><a href="http://blog.brackets.io">Brackets-tiimin blogi</a></li>
<li><a href="https://github.com/adobe/brackets">Brackets GitHubissa</a></li>
<li><a href="https://brackets-registry.aboutweb.com">Brackets-laajennusten rekisteri</a></li>
<li><a href="https://github.com/adobe/brackets/wiki">Brackets Wiki</a></li>
<li><a href="https://github.com/adobe/brackets/wiki">Brackets-wiki</a></li>
<li><a href="https://groups.google.com/forum/#!forum/brackets-dev">Brackets-kehittäjien postituslista</a></li>
<li><a href="https://twitter.com/brackets">@brackets Twitterissä</a></li>
<li>Chattaa Brackets-kehittäjien kanssa IRC:ssä: <a href="http://webchat.freenode.net/?channels=brackets&uio=d4">#brackets Freenode-palvelussa</a></li>
<li>Rupattele Brackets-kehittäjien kanssa IRC:ssä: <a href="http://webchat.freenode.net/?channels=brackets&uio=d4">#brackets Freenodessa</a></li>
</ul>

</body>
Expand Down