komuniciranje v matematiki tabele v mafira...

KOMUNICIRANJE V MATEMATIKI

TABELE V MAFIRA WIKIJU

Seminarska naloga

Avtor: Katja Pleško

Mentor: prof. dr. Tomaţ Pisanski

Ljubljana, maj 2010

Katja Pleško Tabele v MaFiRa Wiki-ju

2

KAZALO

UVOD ---------------------------------------------------------------------------------------------------------------------- 3

KAJ JE TO RAZPREDELNICA/TABELA? ----------------------------------------------------------------------- 4

KAKO JE MOGOČE V MaFiRA Wikiju ZAPISOVATI TABELE? ----------------------------------------- 4

1. NAČIN: XHTML SLOG ----------------------------------------------------------------------------------------- 4

2. NAČIN: WIKI SLOG --------------------------------------------------------------------------------------------- 5

ZGLEDI -------------------------------------------------------------------------------------------------------------------- 8

URNIK (brez oblikovanja) ------------------------------------------------------------------------------------------ 8

URNIK (z oblikovanjem)-------------------------------------------------------------------------------------------- 9

SEZNAM SKLADB NA CD-ju (brez oblikovanja) ---------------------------------------------------------- 11

SEZNAM SKLADB NA CD-ju (z oblikovanjem) ------------------------------------------------------------ 12

KOLEDAR – JUNIJ 2010 (brez oblikovanja) ----------------------------------------------------------------- 13

KOLEDAR-JUNIJ 2010 (z oblikovanjem) --------------------------------------------------------------------- 14

ZAKLJUČEK ------------------------------------------------------------------------------------------------------------ 17

LITERATURA IN VIRI ----------------------------------------------------------------------------------------------- 18

DODATKI ---------------------------------------------------------------------------------------------------------------- 19

TABELA BARV ----------------------------------------------------------------------------------------------------- 19


3

UVOD

Zagotovo že vsi poznate pojem tabele oziroma preglednice. Spoznali smo jih namreč že v Excelu, Wordu, Power Pointu, HTML-ju, LATEX-u ipd.

S tabelami pa se nismo srečali še v MaFiRa Wikiju.

Na enostaven način vam bom prikazala, kako izdelati enostavno in malo bolj zahtevno tabelo v MaFiRa Wikiju.

V MaFiRa Wikiju tabelo lahko poljubno oblikujemo, saj imamo na voljo veliko možnosti oblikovanja tabel: spajanje celic, barvanje ozadja celic, poravnava in barva pisave, obroba celic, vstavljanje slik in podobno.

Spoznali bomo dva načina zapisovanja tabel v MaFiRa Wikiju: XHTML slog in Wiki slog.


4

KAJ JE TO RAZPREDELNICA/TABELA?

Razpredelnice oziroma tabele uporabljamo za pregledno oblikovanje istovrstnih informacij. Tabele niso namenjene grafičnim predstavitvam, temveč se uporabljajo samo takrat, ko obstaja vsebinska povezava med celicami ter vrsticami in stolpci. Urejanje razpredelnic je bolj zapleteno od urejanja navadnega besedila, zato jih uporabimo le, če nudijo boljši pregled nad podatki. Vredno je premisliti, če podatkov ni enostavneje in hitreje oblikovati v seznam kot pa v razpredelnico.

KAKO JE MOGOČE V MaFiRA Wikiju ZAPISOVATI TABELE?

1. NAČIN: XHTML SLOG

Razpredelnica se začne z ukazom <table> in konča z ukazom </table>.

Vsaka vrstica se začne z <tr> in konča z </tr>. Znotraj vrstic definiramo še stolpce z ukazom <td>, zaključimo pa ga z ukazom </td>.

Okvir tabele se definira poleg ukaza <table>, tako da se v enak ukaz doda border=n, kjer n pomeni jakost izrisa okvirja, npr. <table border=1>.

Razpredelnici lahko dodamo tudi naslov z ukazom <caption> Naslov </caption>.

<table border=1> Definiramo tabelo z obrobo.

<caption><tt>Primer tabele</tt></caption> Naslov tabele.

<tr> Z ukazom <tr> definiramo prvo vrstico tabele,

<td>Ime</td> zaključimo pa jo z ukazom </tr>.

<td>Priimek</td> Znotraj vrstice definiramo stolpec z ukazom

<td>Spol</td> <td>, stolpec zaključimo z ukazom </td>.

</tr>

<tr> Druga vrstica s tremi stolpci.

<td>Katja</td>

<td>Pleško</td>

<td> Ž </td>

</tr>

<tr> Tretja vrstica s tremi stolpci.

<td>Mojca</td>

<td>Majerič</td>

<td> Ž </td>

</tr>

</table> Zaključimo tabelo.


5

Dodatne možnosti

Razpredelnico s celico, ki sega preko n stolpcev, definiramo z ukazom colspan=n, ki ga

dodamo poleg oznake <td colpspan=n>, ter razpredelnico s celico, ki sega preko n vrstic

definiramo z ukazom rowspan=n, ki ga dodamo poleg oznake <td rowspan=n>.

Celico pobarvamo z ukazom bgcolor=#šifra (šifre barv so v Dodatku), ki ga dodamo v <td

bgcolor=#šifra>. Če velja barva celice za celo tabelo to dodamo kar poleg <table border 1

bgcolor=#šifra>

Barvo pisave dodamo z ukazom style=«color:white« ali style=«color:#koda«.

<table border=1 style="color:blue">

<caption><tt>Primer tabele</tt></caption>

<tr>

<td bgcolor="red">Ime</td>

<td bgcolor=#ff0000>Priimek</td>

<td bgcolor="red">Spol</td>

</tr>

<tr>

<td style="color:orange">Katja</td>

<td>Pleško</td>

<td> Ţ </td>

</tr>

</table>

2. NAČIN: WIKI SLOG

Razpredelnica se začne z zavitim oklepajem {, ki mu sledi pokončna črta| in se konča s

pokončno črto |, ki mu sledi zaviti zaklepaj }.

Vsaka vrstica med oklepaji se začne s pokončno črto |, ki označuje začetek nove celice. Takoj

za pokončno črto je vsebina celice ali ukaz za oblikovanje. Pokončna črta je lahko na začetku

besedilne vrstice ali v njeni sredini. Če je v sredini, je potrebno uporabiti dve pokončni črti ||.

Nova vrstica se določi z znakom (minus) -, ki sledi pokončni črti |.

Okvir tabele se definira v prvi vrstici, takoj po {|. Potrebno je pustiti en presledek. Okvir

definiramo z argumentom border=n, kjer je n jakost izrisa okvirja.

Nad razpredelnico lahko vstavimo naslov razpredelnice (opis vsebine razpredelnice). Za

vstavitev naslova razpredelnice je potrebno po pokončni črti | in pred naslovom vnesti znak +.

Naslov je osredinjen in enako širok kot razpredelnica.


6

{| border=1 Definiramo začetek tabele z obrobo. |+ Primer tabele Naslov tabele. |Ime |Priimek Prva vrstica s tremi stolpci. |Spol |- |Katja |Pleško Druga vrstica s tremi stolpci. |Ž |- |Mojca Tretja vrstica s tremi stolpci. |Majerič |Ž |} Zaključimo tabelo.

Dodatne moţnosti

Z ukazoma rowspan in colspan je celico mogoče razširiti preko več vrstic in stolpcev.

Razpredelnico s celico, ki sega preko n stolpcev, definiramo z ukazom »colspan=n« in

razpredelnico s celico, ki sega prek n vrstic, definiramo z ukazom »rowspan=n«

Z ukazom »align« določimo poravnavo besedila v celici. Če nastavimo »align=center«, bo

besedilo poravnano sredinsko, »align=right«, bo besedilo poravnano desno in »align=left«,

bo besedilo poravnano na levo.

{| border=1

|Ponedeljek

|Torek |Sreda

|-

| Tenis | colspan=2 align="center" | Badminton

|}

{| border=1 |Ura/Dan

|Ponedeljek

|Torek |Sreda

|-

|15-16 | Tenis

| rowspan=2 align="center" | Badminton

| Košarka |-

|16-17

|Odbojka |Plavanje

|}


7

Z ukazom cellspacing določimo razdaljo med zunanjim okvirjem in okvirji celic.

Z ukazom cellpading določimo razmik med robom celice in besedilom v njej.

Lahko tudi pobarvamo podlago celic z ukazom style=«background:#šifra«.

Pisavi lahko določimo barvo pisave z ukazom style=«color:#šifra«, vrsto pisave z ukazom

style=«font-style:vrsta pisave« in velikost pisave z ukazom style=«font-size:150%«.

{|border=1 style="font-style:italic; font-size:150%" cellspacing="15px" cellpadding="20px"

|+ Primer tabele

|-style="background:#A0E0A0;"

!Ime

!Priimek

!Spol

|-

| style="color:pink"|Katja

| style="color:#00ff00" |Pleško

| Ţ

|}


8

ZGLEDI

URNIK (brez oblikovanja)

UKAZI V MAFIRA WIKIJU

==URNIK (brez oblikovanja)== <table border=1 cellpadding=2 cellspacing=0> <caption><tt>URNIK (brez oblikovanja)</tt></caption> <tr> <th>URE\DAN</th> <th>PONEDELJEK</th> <th>TOREK</th> <th>SREDA</th> <th>ČETRTEK</th> <th>PETEK</th> </tr> <tr> <td>8-9</td> <td rowspan=2></td> <td rowspan=8></td> <td rowspan=2>DE (2.04)</td> <td rowspan=2>NM1 V (3.11) </td> <td rowspan=2> STAT (LP)</td> </tr> <tr> <td>9-10</td> </tr> <td>10-11</td> <td rowspan=2>NM 1 (2.04)</td> <td > MAT 2 (F5) </td> <td rowspan=2> DE V (F4) </td> <td rowspan=3> MAT V (3.05) </td> </tr> <tr> <td>11-12</td> <td rowspan=3>MOF (3.10)</td> </tr> <tr> <td>12-13</td> <td rowspan=2>KOM MAT (3.04)</td> <td rowspan=2> STAT V (3.11) </td> </tr> <tr> <td>13-14</td> <td rowspan=7></td> </tr> <tr> <td>14-15</td> <td rowspan=3> MOF V (3.07)</td> <td rowspan=6></td> <td rowspan=2> MAT2 (2.02) </td> </tr> <tr> <td>15-16</td> </tr> <tr> <td>16-17</td> <td rowspan=2>KOLOKVIJI (2.01)</td> <td rowspan=4></td> </tr> <tr> <td>17-18</td> <td rowspan=3></td> </tr> <tr>


9

<td>18-19</td> <td rowspan=2></td> </tr> <tr> <td>19-20</td> </tr> </table>

REZULTAT

URNIK (z oblikovanjem)


== URNIK (z oblikovanjem)== <table border=2 cellpadding=2 cellspacing=2 style="color: white"> <caption><tt>URNIK (z oblikovanjem)</tt></caption> <tr> <th bgcolor=#FA9805>URE\DAN</th> <th bgcolor=#FA9805>PONEDELJEK</th> <th bgcolor=#FA9805>TOREK</th> <th bgcolor=#FA9805>SREDA</th> <th bgcolor=#FA9805>ČETRTEK</th> <th bgcolor=#FA9805>PETEK</th> </tr> <tr> <td bgcolor=#FA9805>8-9</td> <td bgcolor=#66FF66 rowspan=2></td> <td bgcolor=#66FF66 rowspan=8></td> <td bgcolor=#FF66FF rowspan=2>DE (2.04)</td> <td bgcolor=#FF66FF rowspan=2>NM1 V (3.11) </td> <td bgcolor=#FF66FF rowspan=2> STAT (LP)</td> </tr> <tr> <td bgcolor=#FA9805>9-10</td> </tr> <td bgcolor=#FA9805>10-11</td> <td bgcolor=#FF66FF rowspan=2>NM 1 (2.04)</td> <td bgcolor=#FF66FF > MAT 2 (F5) </td> <td bgcolor=#FF66FF rowspan=2> DE V (F4) </td> <td bgcolor=#FF66FF rowspan=3> MAT V (3.05) </td>


10

</tr> <tr> <td bgcolor=#FA9805>11-12</td> <td bgcolor=#FF66FF rowspan=3>MOF (3.10)</td> </tr> <tr> <td bgcolor=#FA9805>12-13</td> <td bgcolor=#FF66FF rowspan=2>KOM MAT (3.04)</td> <td bgcolor=#FF66FF rowspan=2> STAT V (3.11) </td> </tr> <tr> <td bgcolor=#FA9805>13-14</td> <td bgcolor=#66FF66 rowspan=7></td> </tr> <tr> <td bgcolor=#FA9805>14-15</td> <td bgcolor=#FF66FF rowspan=3> MOF V (3.07)</td> <td bgcolor=#66FF66 rowspan=6></td> <td bgcolor=#FF66FF rowspan=2> MAT2 (2.02) </td> </tr> <tr> <td bgcolor=#FA9805>15-16</td> </tr> <tr> <td bgcolor=#FA9805>16-17</td> <td bgcolor=#FF66FF rowspan=2>KOLOKVIJI (2.01)</td> <td bgcolor=#66FF66 rowspan=4></td> </tr> <tr> <td bgcolor=#FA9805>17-18</td> <td bgcolor=#66FF66 rowspan=3></td> </tr> <tr> <td bgcolor=#FA9805>18-19</td> <td bgcolor=#66FF66 rowspan=2></td> </tr> <tr> <td bgcolor=#FA9805>19-20</td> </tr> </table>

REZULTAT


11

SEZNAM SKLADB NA CD-ju (brez oblikovanja)


== Seznam skladb na CD-ju (brez oblikovanja)== {|border=1 ! Izvajalec ! Naslov pesmi ! Ocena |- | rowspan=3 align="center" |Adi Smolar | Ljubezen, pesem in pijača | ***** |- | Tagadagada | ***** |- | Jaz ne grem v šolo | *** |- | rowspan=4 align= "center" |Siddharta | Na soncu | ***** |- | Samo edini | **** |- | Ring | ***** |- | Naiven ples | ***** |- | Monika Pučelj | Dan kot iz sanj | ***** |- | Niet | Lep dan za smrt | **** |- | Nikolovski | Niki-Niko | ***** |- | rowspan=2 align="center" | Bajaga | Tisina | **** |- | Zazmuri | **** |}

REZULTAT:


12

SEZNAM SKLADB NA CD-ju (z oblikovanjem)


== Seznam skladb na CD-ju (z oblikovanjem) == {|border= 1 style="font-style:italic; font-size:120%" cellspacing="0px" cellpadding="10px" |+ Seznam sklad na CD-ju |-style="background:#A0E0A0;" ! width="100px" |Izvajalec ! width="200px" |Naslov pesmi ! width="30px" |Ocena |-style="background:red;" | rowspan=3 align="center" |Adi Smolar | Ljubezen, pesem in pijača | align="right" |***** |-style="background:red;" | Tagadagada | align="right" |***** |-style="background:red;" | Jaz ne grem v šolo | align="right" |*** |-style="background:yellow;" | rowspan=4 align= "center" |Siddharta | Na soncu | align="right" |***** |-style="background:yellow;" | Samo edini | align="right" |**** |-style="background:yellow;" | Ring | align="right" |***** |-style="background:yellow;" | Naiven ples | align="right" |***** |-style="background:orange;" | Monika Pučelj | Dan kot iz sanj | align="right" |***** |-style="background:blue;" | Niet | Lep dan za smrt | align="right" |**** |- style="background:green;" | Nikolovski | Niki-Niko | align="right" |***** |-style="background:pink;" | rowspan=2 align="center" | Bajaga | Tisina | align="right" |**** |-style="background:pink;" | Zazmuri | align="right" |**** |}


13

REZULTAT

KOLEDAR – JUNIJ 2010 (brez oblikovanja)


== KOLEDAR - JUNIJ 2010 (brez oblikovanja) ==

{|border=1

|+ JUNIJ 2010

! PONEDELJEK

! TOREK

! SREDA

! ČETRTEK

! PETEK

! SOBOTA

! NEDELJA

|-

|

|1

|2

|3

|4

|5

|6

|-

|7

|8

|9

|10

|11

|12

|13

|-

|14

|15

|16

|17


14

|18

|19

|20

|-

|21

|22

|23

|24

|25

|16

|27

|-

|28

|29

|30

|

|

|

|

|}

REZULTAT

KOLEDAR-JUNIJ 2010 (z oblikovanjem)


== KOLEDAR - JUNIJ 2010 (z oblikovanjem) ==

{|border=1 style="font-style:italic; font-size:100%" cellspacing="0px" cellpadding="50px"

|+ JUNIJ 2010 ! style="background:#00ffff"|PONEDELJEK

! style="background:#00ffff"|TOREK

! style="background:#00ffff"|SREDA ! style="background:#00ffff"|ČETRTEK

! style="background:#00ffff"|PETEK

! style="background:#00ffff"|SOBOTA ! style="background:#00ffff"|NEDELJA

|-

|style="background:#e6e6fa;" | |valign="top" align="Left" style="background:#d8bfd8;"| 1

Kolokvij Diferencialne enačbe

|valign="top" align="Left" style="background:#d8bfd8;"| 2 Zagovor KOM

|valign="top" align="Left"|3

|valign="top" align="Left" style="background:#d8bfd8;"|4 Kolokvij Numerične metode


|valign="top" align="Left" style="background:#e0ffff;" |6


15

Praznovanje RD Iztok

|- |valign="top" align="Left"|7

|valign="top" align="Left" style="background:#d8bfd8;"|8

Kolokvij Statistika |valign="top" align="Left"|9


|valign="top" align="Left" style="background:#d8bfd8;"|11 Kolokvij Fizika


|valign="top" align="Left" style="background:#e0ffff;" |13 |-

|valign="top" align="Left" style="background:#d8bfd8;"|14 Izpit Statistika


|valign="top" align="Left"|16 |valign="top" align="Left" style="background:#d8bfd8;"|17

Zagovor Statistika

|valign="top" align="Left"|18 Piše se leto


|style="background:#e0ffff;" |20 Koncert za Šerbi

|-

|valign="top" align="Left" style="background:#d8bfd8;"|21 Izpit Matematika


|valign="top" align="Left"|23 |valign="top" align="Left" style="background:#d8bfd8;"|24

Zagovor Numerične metode

|valign="top" align="Left" style="background:#e0ffff;" |25 Praznik Dan drţavnosti


Praznovanje RD Klemen |valign="top" align="Left" style="background:#e0ffff;" |27

|-

|valign="top" align="Left"|28 |valign="top" align="Left"|29

|valign="top" align="Left" style="background:#d8bfd8;"|30

Zagovor DE |style="background:#e6e6fa;" |

|style="background:#e6e6fa;" |

|style="background:#e6e6fa;" | |style="background:#e6e6fa;" |

|}


16

REZULTAT


17

ZAKLJUČEK

V seminarski nalogi sem vam na zgledih predstavila, kako v MaFiRa Wikiju naredimo tabele.

Imamo veliko moţnosti: spajanje celic, barvanje ozadja celic, barvanje pisave, poravnava

pisave.

Delo s razpredelnicami se mi v MaFiRa Wikiju zdi dokaj zahtevno v primerjavi z delom s

preglednicami v Excelu ali v Wordu, vendar se mi zdi zelo praktično in uporabno. Delo s

preglednicami v MaFiRa Wiki-ju je podobno delu s preglednicami v HTML-ju ali Latex-u.

Z izdelavo seminarske naloge sem se naučila narediti tako enostavno kot zahtevnejšo tabelo v

MaFiRa Wiki-ju.

Vaš nov izziv pa naj bo izdelava bolj zahtevnih tabel oziroma razpredelnic, kjer boste v tabelo

vstavili tudi kakšno sliko/izrezek.


18

LITERATURA IN VIRI

Elektronski viri (povezava do spletne strani):

http://wiki.fmf.uni-lj.si/wiki/MaFiRaWiki:Pomo%C4%8D

http://meta.wikimedia.org/wiki/MediaWiki_User%27s_Guide:_Using_tables

http://sl.wikipedia.org/wiki/Tabele

http://bs.wikipedia.org/wiki/Wikipedia:Tabele

http://en.wikipedia.org/wiki/Table_markup

http://www.educa.fmf.uni-lj.si/www375/2003/Didaktika/vaje/v3/nal13.htm

http://wiki.fmf.uni-lj.si/wiki/MaFiRaWiki:Pomo%C4%8D

http://meta.wikimedia.org/wiki/MediaWiki_User%27s_Guide:_Using_tables

http://sl.wikipedia.org/wiki/Tabele

http://bs.wikipedia.org/wiki/Wikipedia:Tabele

http://en.wikipedia.org/wiki/Table_markup



19

DODATKI

TABELA BARV


ime koda barva

red ff0000

fuchsia ff00ff

magenta ff00ff

midnightblue 191970

navy 000080

darkblue 00008b

mediumblue 0000cd

blue 0000ff

royalblue 4169e1

dodgerblue 1e90ff

cornflowerblue 6495ed

deepskyblue 00bfff

steelblue 4682b4

aqua 00ffff

cyan 00ffff

darkturquoise 00ced1

lightseagreen 20b2aa

darkcyan 008b8b

teal 008080

darkgreen 006400

green 008000

forestgreen 228b22

seagreen 2e8b57

mediumseagreen 3cb371

mediumspringgreen 00fa9a

springgreen 00ff7f

limegreen 32cd32

lime 00ff00

darkseagreen 8fbc8f

lightgreen 90ee90

palegreen 98fb98

darkolivegreen 556b2f

olivedrab 6b8e23

olive 808000

yellowgreen 9acd32



20

chartreuse 7fff00

lawngreen 7cfc00

greenyellow adff2f

yellow ffff00

gold ffd700

orange ffa500

darkorange ff8c00

orangered ff4500

black 000000

dimgray 696969

gray 808080

darkgray a9a9a9

silver c0c0c0

lightgrey d3d3d3

gainsboro dcdcdc

whitesmoke f5f5f5

white ffffff

darkslategray 2f4f4f

turquoise 40e0d0

darkslateblue 483d8b

mediumturquoise 48d1cc

indigo 4b0082

cadetblue 5f9ea0

mediumaquamarine 66cdaa

slateblue 6a5acd

slategray 708090

lightslategray 778899

mediumslateblue 7b68ee

aquamarine 7fffd4

maroon 800000

purple 800080

skyblue 87ceeb

lightskyblue 87cefa

blueviolet 8a2be2

darkred 8b0000

darkmagenta 8b008b

saddlebrown 8b4513

mediumpurple 9370db

darkviolet 9400d3

darkorchid 9932cc

sienna a0522d


21

brown a52a2a

lightblue add8e6

paleturquoise afeeee

lightsteelblue b0c4de

powderblue b0e0e6

firebrick b22222

darkgoldenrod b8860b

mediumorchid ba55d3

rosybrown bc8f8f

darkkhaki bdb76b

mediumvioletred c71585

indianred cd5c5c

peru cd853f

chocolate d2691e

tan d2b48c

thistle d8bfd8

orchid da70d6

goldenrod daa520

palevioletred db7093

crimson dc143c

plum dda0dd

burlywood deb887

lightcyan e0ffff

lavender e6e6fa

darksalmon e9967a

violet ee82ee

palegoldenrod eee8aa

lightcoral f08080

khaki f0e68c

aliceblue f0f8ff

honeydew f0fff0

azure f0ffff

sandybrown f4a460

wheat f5deb3

beige f5f5dc

mintcream f5fffa

ghostwhite f8f8ff

salmon fa8072

antiquewhite faebd7

linen faf0e6

lightgoldenrodyellow fafad2


22

oldlace fdf5e6

deeppink ff1493

tomato ff6347

hotpink ff69b4

coral ff7f50

lightsalmon ffa07a

lightpink ffb6c1

pink ffc0cb

peachpuff ffdab9

navajowhite ffdead

moccasin ffe4b5

bisque ffe4c4

mistyrose ffe4e1

blanchedalmond ffebcd

papayawhip ffefd5

lavenderblush fff0f5

seashell fff5ee

cornsilk fff8dc

lemonchiffon fffacd

floralwhite fffaf0

snow fffafa

lightyellow ffffe0

ivory fffff0

komuniciranje v matematiki tabele v mafira...

Documents