Sivujen muokkaaminen vaatii nykyään kirjautumisen. Jos sinulla ei vielä ole tunnuksia, luo sellaiset.

Ero sivun ”Ohje:Kuinka sivuja muokataan” versioiden välillä

Primayk
Loikkaa: valikkoon, hakuun
(→‎Muuta sälää: ohjeet uusiksi)
 
(40 välissä olevaa versiota 3 käyttäjän tekeminä ei näytetä)
Rivi 1: Rivi 1:
 +
[[Tiedosto:Pupu itkee.jpg | 230px | thumb | Jos et opettele wikin muotoilukeinoja, saat pupun itkemään.]]
 
Primaykin sivuja voi muokata napsauttamalla "muokkaa"-linkkiä sivun ylälaidassa. Muotoiluun voi käyttää useimpia HTML-tageja sekä MediaWikin sisäänrakennettuja muotoilukeinoja. Tällä sivulla on esitelty joitakin tarpeellisimpia. Muokkaamista voi harjoitella [[Hiekkalaatikko|hiekkalaatikossa]].
 
Primaykin sivuja voi muokata napsauttamalla "muokkaa"-linkkiä sivun ylälaidassa. Muotoiluun voi käyttää useimpia HTML-tageja sekä MediaWikin sisäänrakennettuja muotoilukeinoja. Tällä sivulla on esitelty joitakin tarpeellisimpia. Muokkaamista voi harjoitella [[Hiekkalaatikko|hiekkalaatikossa]].
  
 +
__TOC__
 +
<br clear="both" />
 +
== Tekstin muotoilu ==
 
{| class="wikitable" style="width:100%;"
 
{| class="wikitable" style="width:100%;"
 
|-
 
|-
Rivi 19: Rivi 23:
  
 
|-
 
|-
−
|<code><nowiki><span style="color:red;">Punainen teksti</span></nowiki></code>
+
|<code><nowiki><u>Alleviivattu teksti</u></nowiki></code>
−
|<span style="color:red;">Punainen teksti</span>
+
|<u>Alleviivattu teksti</u>
 +
 
 +
|-
 +
|<code><nowiki>{{CSS|color:red;|Punainen teksti}}</nowiki></code>
 +
|{{CSS|color:red;|Punainen teksti}}
 +
 
 +
|-
 +
|<code><nowiki>{{CSS|color:#11AD4D;|Kummallisen värinen teksti}}</nowiki></code>
 +
|{{CSS|color:#11AD4D;|Kummallisen värinen teksti}} ([http://www.colorpicker.com/ värinvalintatyökalu])
 +
 
 +
|-
 +
|<code><nowiki><code>Tasalevyinen teksti koodinpätkiä varten</code></nowiki></code>
 +
|<code>Tasalevyinen teksti koodinpätkiä varten</code>
  
 
|-
 
|-
 
|<code><nowiki>[[Etusivu]]</nowiki></code>
 
|<code><nowiki>[[Etusivu]]</nowiki></code>
−
|[[Etusivu]]
+
|[[Etusivu]] (näin voi linkittää vain Primaykissa oleviin sivuihin)
  
 
|-
 
|-
Rivi 33: Rivi 49:
 
|<code><nowiki>[http://www.google.fi Ulkoinen sivu]</nowiki></code>
 
|<code><nowiki>[http://www.google.fi Ulkoinen sivu]</nowiki></code>
 
|[http://www.google.fi Ulkoinen sivu]
 
|[http://www.google.fi Ulkoinen sivu]
 +
 +
|-
 +
|<code><nowiki><span class="plainlinks">[http://www.google.fi Ulkoinen linkki ilman rumaa kuviota]</span></nowiki></code>
 +
|<span class="plainlinks">[http://www.google.fi Ulkoinen linkki ilman rumaa kuviota]</span>
  
 
|-
 
|-
Rivi 42: Rivi 62:
 
</nowiki></code>
 
</nowiki></code>
 
|
 
|
 +
 
== Otsikko ==
 
== Otsikko ==
 
Tekstiä...
 
Tekstiä...
Rivi 78: Rivi 99:
  
 
-->
 
-->
 +
 +
== Kuvat ==
 +
Sivuille voi laittaa Primaykiin tallennettuja ([[Toiminnot:Tiedostoluettelo|luettelo]]) tai [http://commons.wikimedia.org Wikimedia Commonsiin] tallennettuja kuvia.
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<code><nowiki>[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]</nowiki><br />Höpöti löpöti...<br /><br />Commonsiin tallennettu kuva:<br /><br /><nowiki>[[Tiedosto:CheHigh.jpg | 200px]]</nowiki></code>
 +
|[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]
 +
Höpöti löpöti...
 +
 +
Commonsiin tallennettu kuva:
 +
 +
[[Tiedosto:CheHigh.jpg | 200px]]
 +
 +
|}
 +
 +
== Taulukot ==
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<pre style="background:transparent; border:0;"><nowiki>{|{{prettytable}}
 +
|-
 +
|(1,1)
 +
|(2,1)
 +
|(3,1)
 +
|-
 +
|(1,2)
 +
|(2,2)
 +
|(3,2)
 +
|}</nowiki></pre>
 +
 +
|
 +
{|{{prettytable}}
 +
|-
 +
|(1,1)
 +
|(2,1)
 +
|(3,1)
 +
|-
 +
|(1,2)
 +
|(2,2)
 +
|(3,2)
 +
|}
 +
 +
|-
 +
|<pre style="background:transparent; border:0;"><nowiki>{|{{prettytable}} style="width:400px; background:lightpink;"
 +
|-
 +
! colspan="3" style="background:greenyellow;" | Otsikko!
 +
|-
 +
|(1,1)
 +
| rowspan="2" | korkea solu
 +
|(3,1)
 +
|-
 +
|(1,2)
 +
|(3,2)
 +
|}</nowiki></pre>
 +
 +
|
 +
{|{{prettytable}} style="width:400px; background:lightpink;"
 +
|-
 +
! colspan="3" style="background:greenyellow;" | Otsikko!
 +
|-
 +
|(1,1)
 +
| rowspan="2" | korkea solu
 +
|(3,1)
 +
|-
 +
|(1,2)
 +
|(3,2)
 +
|}
 +
 +
|}
 +
 +
== Muuta sälää ==
 +
Matemaattisten lausekkeiden lisääminen onnistuu &lt;math&gt;-tagien avulla.
 +
* [http://fi.wikipedia.org/wiki/Ohje:Kaavat Syntaksiopas]
 +
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<code><nowiki><math> \sqrt{2} \approx 1.4 </math></nowiki></code>
 +
|<math> \sqrt{2} \approx 1.4 </math>
 +
 +
|-
 +
|<code><nowiki><math>D[e^{x^2}] = e^{x^2} \cdot 2x + \int \limits_{0}^{\infty} \exp{(-x)} dx - 1</math></nowiki></code>
 +
|<math>D[e^{x^2}] = e^{x^2} \cdot 2x + \int \limits_{0}^{\infty} \exp{(-x)} dx - 1</math>
 +
 +
|}
 +
 +
'''Karttalaajennusta on vaihdettu. Katso alta muunnosohjeet.'''
 +
 +
Sivulle voi lisätä karttoja. Karttojen latautuminen on hidasta, eikä niitä kannata lisätä kovin monta samalle sivulle.
 +
* [http://www.semantic-mediawiki.org/wiki/Category:Maps_examples Syntaksiesimerkkejä]
 +
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<code><nowiki><display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map></nowiki></code>
 +
|<display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map>
 +
|}
 +
 +
'''Vanhan kartan korvaaminen uudella:'''
 +
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Vanha koodi'''
 +
|style="background:black; color:white;"|'''Uusi koodi'''
 +
 +
|-
 +
|<code><nowiki><googlemap lat="60.229936" lon="24.925393" zoom="8" controls="small" type="hybrid">
 +
60.229936,24.925393, Helsingin matematiikkalukio</googlemap></nowiki></code>
 +
|<code><nowiki><display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map></nowiki></code>
 +
|}
 +
 +
&lt;pre&gt;-tagien sisään voi kirjoittaa esimerkiksi ohjelmakoodia, jolloin merkit näkyvät tasalevyisinä ja välilyönnit sekä rivinvaihdot oikein.
 +
 +
&lt;nowiki&gt;-tagien väliin kirjoitettava teksti tulostuu sivulle sellaisenaan, eli wiki- tai HTML-tageja ei huomioida.
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<pre style="background:transparent; border:0;">&lt;pre&gt;
 +
function haisuli() {
 +
  echo "haisuli lömyää";
 +
  echo "haisuli ja pikkumyy ovat sukulaissieluja";
 +
}
 +
&lt;/pre&gt;</pre>
 +
|<pre>
 +
function haisuli() {
 +
  echo "haisuli lömyää";
 +
  echo "haisuli ja pikkumyy ovat sukulaissieluja";
 +
}
 +
</pre>
 +
 +
|-
 +
|<pre style="background:transparent; border:0;">Höpölöpö...
 +
Välilyönnin laittaminen rivin eteen
 +
tuottaa samanlaisen vaikutuksen kuin pre-tagi,
 +
kuten huomaat. :'3</pre>
 +
|
 +
Höpölöpö...
 +
Välilyönnin laittaminen rivin eteen
 +
tuottaa samanlaisen vaikutuksen kuin pre-tagi,
 +
kuten huomaat. :'3
 +
 +
|-
 +
|<code><nowiki><nowiki>'''Tämä teksti lihavoitaisiin, jos nowiki-tageja ei olisi'''</nowiki></nowiki></code>
 +
|<nowiki>'''Tämä teksti lihavoitaisiin, jos nowiki-tageja ei olisi'''</nowiki>
 +
 +
|}
 +
 +
 +
Tekstin sekaan voi lisätä viitteitä &lt;ref&gt;-tagilla. Viiteluettelon saa aikaan koodilla <code><nowiki>{{Viitteet}}</nowiki></code>. Samaa viitettä voi käyttää monessa paikassa, jos sen nimeää name-attribuutissa.
 +
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<code><nowiki>Tekstiä...<ref>Viite yksi</ref> lisää tekstiä<ref>Viite kaksi</ref><ref>Viite kolme</ref></nowiki></code>
 +
|Tekstiä...<ref>Viite yksi</ref> ja seassa hassuja numeroita<ref>Viite kaksi</ref><ref>Viite kolme</ref>
 +
 +
|-
 +
|<code><nowiki>Saman viitteen voi lisätä moneen paikkaan... :3<ref name="haisuli">Nimetty viite :)</ref> ...nimeämällä sen<ref name="haisuli" /></nowiki></code>
 +
|Saman viitteen voi lisätä moneen paikkaan... :3<ref name="haisuli">Nimetty viite :)</ref> ...nimeämällä sen<ref name="haisuli" />
 +
 +
|-
 +
|<code><nowiki>{{Viitteet}}</nowiki></code>
 +
|{{Viitteet}}
 +
 +
|}
 +
 +
=== Yhtäsuuruusmerkki mallineiden parametreissä ===
 +
Yhtäsuuruusmerkkiä (=) ei pääsääntöisesti saa kirjoittaa mallineiden parametreihin, vaan täytyy käyttää merkintää: <code><nowiki>{{-}}</nowiki></code>
 +
 +
Vertaa:
 +
 +
{| class="wikitable" style="width:100%;"
 +
 +
|-
 +
|style="background:black; color:white; width:50%;"|'''Koodi'''
 +
|style="background:black; color:white;"|'''Tuotos'''
 +
 +
|-
 +
|<pre>{|
 +
{{Palkki1 | Ots=ikko | Sisäl=tö }}
 +
|}</pre>
 +
|
 +
{|
 +
{{Palkki1 | Ots=ikko | Sisäl=tö }}
 +
|}
 +
|-
 +
|<pre>{|
 +
{{Palkki1 | Ots{{-}}ikko | Sisäl{{-}}tö }}
 +
|}</pre>
 +
|
 +
{|
 +
{{Palkki1 | Ots{{-}}ikko | Sisäl{{-}}tö }}
 +
|}
 +
|}

Nykyinen versio 1. toukokuuta 2015 kello 17.06

Jos et opettele wikin muotoilukeinoja, saat pupun itkemään.

Primaykin sivuja voi muokata napsauttamalla "muokkaa"-linkkiä sivun ylälaidassa. Muotoiluun voi käyttää useimpia HTML-tageja sekä MediaWikin sisäänrakennettuja muotoilukeinoja. Tällä sivulla on esitelty joitakin tarpeellisimpia. Muokkaamista voi harjoitella hiekkalaatikossa.


Tekstin muotoilu

Koodi Tuotos
'''Lihavoitu teksti''' Lihavoitu teksti
''Kursivoitu teksti'' Kursivoitu teksti
'''''Lihavoitu ja kursivoitu teksti''''' Lihavoitu ja kursivoitu teksti
<u>Alleviivattu teksti</u> Alleviivattu teksti
{{CSS|color:red;|Punainen teksti}} Punainen teksti
{{CSS|color:#11AD4D;|Kummallisen värinen teksti}} Kummallisen värinen teksti (värinvalintatyökalu)
<code>Tasalevyinen teksti koodinpätkiä varten</code> Tasalevyinen teksti koodinpätkiä varten
[[Etusivu]] Etusivu (näin voi linkittää vain Primaykissa oleviin sivuihin)
[[Etusivu|Höpöteksti ja linkki etusivulle]] Höpöteksti ja linkki etusivulle
[http://www.google.fi Ulkoinen sivu] Ulkoinen sivu
<span class="plainlinks">[http://www.google.fi Ulkoinen linkki ilman rumaa kuviota]</span> Ulkoinen linkki ilman rumaa kuviota
== Otsikko ==
Tekstiä...

=== Alaotsikko ===
Lisää tekstiä...

Otsikko

Tekstiä...

Alaotsikko

Lisää tekstiä...

Luettelo:

* Tomaatteja
* Paprikoita
** Punaisia paprikoita
** Sinisiä paprikoita
* Pupunruokaa :33

Luettelo:

  • Tomaatteja
  • Paprikoita
    • Punaisia paprikoita
    • Sinisiä paprikoita
  • Pupunruokaa :33


Numeroitu luettelo:

# Yksi
# Kaksi
# Viisitoista

Numeroitu luettelo:

  1. Yksi
  2. Kaksi
  3. Viisitoista

Kuvat

Sivuille voi laittaa Primaykiin tallennettuja (luettelo) tai Wikimedia Commonsiin tallennettuja kuvia.

Koodi Tuotos
[[Tiedosto:Massatandem.jpg | 180px | thumb | Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.]]
Höpöti löpöti...

Commonsiin tallennettu kuva:

[[Tiedosto:CheHigh.jpg | 200px]]
Oikeassa reunassa kuvateksteineen, leveys 180 pikseliä. Tämä kuva on tallennettu Primaykiin.

Höpöti löpöti...

Commonsiin tallennettu kuva:

CheHigh.jpg

Taulukot

Koodi Tuotos 
{|{{prettytable}}
|-
|(1,1)
|(2,1)
|(3,1)
|-
|(1,2)
|(2,2)
|(3,2)
|}
(1,1) (2,1) (3,1)
(1,2) (2,2) (3,2) 
{|{{prettytable}} style="width:400px; background:lightpink;"
|-
! colspan="3" style="background:greenyellow;" | Otsikko!
|-
|(1,1)
| rowspan="2" | korkea solu
|(3,1)
|-
|(1,2)
|(3,2)
|}
Otsikko!
(1,1) korkea solu (3,1)
(1,2) (3,2)

Muuta sälää

Matemaattisten lausekkeiden lisääminen onnistuu <math>-tagien avulla.

Koodi Tuotos
<math> \sqrt{2} \approx 1.4 </math> $ \sqrt{2} \approx 1.4 $
<math>D[e^{x^2}] = e^{x^2} \cdot 2x + \int \limits_{0}^{\infty} \exp{(-x)} dx - 1</math> $ D[e^{x^2}] = e^{x^2} \cdot 2x + \int \limits_{0}^{\infty} \exp{(-x)} dx - 1 $

Karttalaajennusta on vaihdettu. Katso alta muunnosohjeet.

Sivulle voi lisätä karttoja. Karttojen latautuminen on hidasta, eikä niitä kannata lisätä kovin monta samalle sivulle.

Koodi Tuotos
<display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map>
Ladataan karttaa...

Vanhan kartan korvaaminen uudella:

Vanha koodi Uusi koodi
<googlemap lat="60.229936" lon="24.925393" zoom="8" controls="small" type="hybrid"> 60.229936,24.925393, Helsingin matematiikkalukio</googlemap> <display_map zoom="8">60.229936,24.925393~ ~ ~ ~ ~Helsingin matematiikkalukio</display_map>

<pre>-tagien sisään voi kirjoittaa esimerkiksi ohjelmakoodia, jolloin merkit näkyvät tasalevyisinä ja välilyönnit sekä rivinvaihdot oikein.

<nowiki>-tagien väliin kirjoitettava teksti tulostuu sivulle sellaisenaan, eli wiki- tai HTML-tageja ei huomioida.

Koodi Tuotos 
<pre>
function haisuli() {
  echo "haisuli lömyää";
  echo "haisuli ja pikkumyy ovat sukulaissieluja";
}
</pre>
 
function haisuli() {
  echo "haisuli lömyää";
  echo "haisuli ja pikkumyy ovat sukulaissieluja";
}

Höpölöpö...
 Välilyönnin laittaminen rivin eteen
 tuottaa samanlaisen vaikutuksen kuin pre-tagi,
kuten huomaat. :'3

Höpölöpö... 

Välilyönnin laittaminen rivin eteen
tuottaa samanlaisen vaikutuksen kuin pre-tagi,

kuten huomaat. :'3

<nowiki>'''Tämä teksti lihavoitaisiin, jos nowiki-tageja ei olisi'''</nowiki> '''Tämä teksti lihavoitaisiin, jos nowiki-tageja ei olisi'''


Tekstin sekaan voi lisätä viitteitä <ref>-tagilla. Viiteluettelon saa aikaan koodilla {{Viitteet}}. Samaa viitettä voi käyttää monessa paikassa, jos sen nimeää name-attribuutissa.

Koodi Tuotos
Tekstiä...<ref>Viite yksi</ref> lisää tekstiä<ref>Viite kaksi</ref><ref>Viite kolme</ref> Tekstiä...[1] ja seassa hassuja numeroita[2][3]
Saman viitteen voi lisätä moneen paikkaan... :3<ref name="haisuli">Nimetty viite :)</ref> ...nimeämällä sen<ref name="haisuli" /> Saman viitteen voi lisätä moneen paikkaan... :3[4] ...nimeämällä sen[4]
{{Viitteet}}
  1. ↑ Viite yksi
  2. ↑ Viite kaksi
  3. ↑ Viite kolme
  4. ↑ 4,0 4,1 Nimetty viite :)

Yhtäsuuruusmerkki mallineiden parametreissä

Yhtäsuuruusmerkkiä (=) ei pääsääntöisesti saa kirjoittaa mallineiden parametreihin, vaan täytyy käyttää merkintää: {{-}}

Vertaa:

Koodi Tuotos 
{|
{{Palkki1 | Ots=ikko | Sisäl=tö }}
|}

{{{1}}}

{{{2}}} 
{|
{{Palkki1 | Ots{{-}}ikko | Sisäl{{-}}tö }}
|}

Ots=ikko

Sisäl=tö
Haettu osoitteesta https://primayk.mayk.fi/w/index.php?title=Ohje:Kuinka_sivuja_muokataan&oldid=8691