[ Pobierz całość w formacie PDF ]
używa jedynie wersja desktopowa Anki.
Możliwe jest również pisanie odpowiedzi w kartach z lukami. Aby to zrobić dodaj {{type:cloze:Text}} do
obu stron szablonu. Szablon tyłu powinien wyglądać następująco:
BAD!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! coś jest nie tak z tym kodem do wpisywania luki !!!!!!
{{FrontSide}}
{{cloze:Tekst}}
{{type:cloze:Tekst}}
Zauważ, że kod ten, w przeciwieństwie do standardowych kart, musi zostać dodany po obu stronach
notatki (typu Luka).
Nowy wiersz
Aby szablon przodu lub tyłu wyświetlał tekst w wielu wierszach niezbędne jest użycie specjalnej
komendy, która wprowadzi nowy wiersz. Przykładowo, jeśli w szablonie napiszę:
http://ankisrs.net/docs/manual.pl.html[2015-11-06 22:43:58]
Anki - powerful, intelligent flashcards
jeden
dwa
W podglądzie karty zobaczę:
jeden dwa
Aby dodać nową linię, wystarczy, że pomiędzy dwoma słowami wstawiamy znacznik , jak
poniżej:
jeden
dwa
Znacznik ten pochodzi z języka HTML i jest skrótem od angielskiego wyrażenia "(line) br(eak)" czyli
"łamanie wiersza".
W ten sam sposób można wyświetlać pola notatki. Jeżeli chciałbyś, żeby jedno pole znajdowało sie
zaraz pod drugim:
{{Pole 1}}
{{Pole 2}}
Arkusze stylów CSS
Pomiędzy obszarem edycji szablonu przodu i tyłu znajduje się obszar Styl. Możesz w nim zmieniać
kolor tła karty, standardową czcionkę, wyrównanie tekstu itd.
Standardowe polecenia to:
font-family
Nazwa czcionki, którą będą wyświetlane informacje na karcie podczas powtórki. Jeżeli czcionka w
nazwie posiada spację np. "MS Unicode", jej nazwę należy ująć w cudzysłów. Możliwe jest także
użycie wielu różnych czcionek na jednej karcie. Informacje na ten temat znajdują się poniżej.
font-size
Rozmiar czcionki określany w liczbie pikseli. Zmieniając rozmiar upewnij się, że po liczbie określiłeś
jednostkę "px".
text-align
Wyrównanie tekstu: wycentrowanie (center), do lewej (left), do prawej (right).
color
Kolor tekstu. Może być określony po prostu przez wpisanie angielskich nazw kolorów podstawowych
np. blue (niebieski), lightyellow (jasno żółty) itd. Możliwe jest także użycie kodów kolorów wg modelu
RGB. Kody kolorów zapisane w tej postaci odnalezć można na tej stronie.
background-color
Kolor tła. Ustawia kolor tła. Podobnie jak w przypadku koloru czcionki, do tego celu można użyć
kolorów podstawowych lub w kodowaniu RGB.
Bardziej zaawansowani użytkownicy mogą również ustawić w tle obraz lub gradient kolorów.
Dany styl nadawany jest jednocześnie wszystkim kartom należącym do tego samego typu notatki.
Możliwe jest jednak nadawanie wyjątków. Przykładowo poniższy kod nada wszystkim kartom tło
http://ankisrs.net/docs/manual.pl.html[2015-11-06 22:43:58]
Anki - powerful, intelligent flashcards
koloru żółtego, z wyjątkiem pierwszej karty, która będzie miała tło niebieskie:
.card { background-color: yellow; }
.card1 { background-color: blue; }
Jeżeli jako tło ustawisz obrazek, zostanie on domyślnie dopasowany do całej szerokości okna. Aby
zmienić to ustawienie na końcu kodu CSS należy dodać linijkę:
img { max-width: none; max-height: none; }
Style CSS pól
Domyślnie styl CSS ustawiony w szablonie obejmuje całą zawartość karty. Możliwe jest jednak
nadanie poszczególnym polom ich własnych stylów czcionki, koloru itd. Funkcja ta jest szczególnie
istotna podczas nauki języków obcych kiedy dla danego tekstu musi zostać użyta specyficzna
czcionka np. hebrajska lub arabska, gdyż w przeciwnym razie tekst nie zostanie poprawnie
wyświetlony.
Powiedzmy, że masz w notatce pole o nazwie "Wyrażenie" i chcesz aby jego treść na karcie była
wyświetlana przy pomocy tajskiej czcionki "Ayuthaya" (działa tylko na systemach Mac OSX). Twój
szablon wygląda na razie w taki sposób:
Co oznacza {{Wyrażenie}}?
{{Notatki}}
Pierwszym krokiem będzie umieszczenie zawartości Szablonu przodu w znacznikach HTML. Przed
tekstem umieścimy:
A po nim:
Zastosowanie tych znaczników mówi Anki, żeby w stosunku do zawartego pomiędzy nimi tekstu został
zastosowany jakiś styl, w tym przypadku o nazwie "mojstyl1". Styl ten utworzymy za chwilę.
Jeśli chcemy, żeby cały tekst Przodu posiadał dany styl to nasz Szablon przodu będzie wyglądał
następująco:
Co oznacza {{Wyrażenie}}?
{{Notatki}}
A jeśli chcemy, żeby tylko nasze pole "Wyrażenie" posiadało dany styl czy daną czcionkę to użyjemy
takiego kodu:
Co oznacza {{Wyrażenie}}?
{{Notatki}}
http://ankisrs.net/docs/manual.pl.html[2015-11-06 22:43:58]
Anki - powerful, intelligent flashcards
Po edycji Szablonu przodu musimy przejść teraz do środkowego obszaru Styl, zlokalizowanego
pomiędzy obszarami Szablon przodu i Szablon tyłu. Standardowo zawartość obszaru Styl powinna
wyglądąć tak:
.card {
font-family: arial;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}
Na dole tego kodu dodaj trzy linijki jak poniżej:
.card {
font-family: arial;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}
.mojstyl1 {
font-family: ayuthaya;
}
Do Stylu możesz oczywiście dodawać dowolny kod zgodny z językiem CSS. Jeśli chciałbyś np.
zwiększyć rozmiar czcionki, dodaj kolejna linijkę kodu:
.mojstyl1 {
font-family: ayuthaya;
font-size: 30px;
}
Możliwa jest również wykorzystywanie zewnętrznych czcionek bez ich instalacji na komputerze czy
urządzeniu mobilnym. Więcej informacji na ten temat znajduje się w rozdziale na temat instalacji [ Pobierz całość w formacie PDF ]
zanotowane.pl doc.pisz.pl pdf.pisz.pl akte20.pev.pl
używa jedynie wersja desktopowa Anki.
Możliwe jest również pisanie odpowiedzi w kartach z lukami. Aby to zrobić dodaj {{type:cloze:Text}} do
obu stron szablonu. Szablon tyłu powinien wyglądać następująco:
BAD!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! coś jest nie tak z tym kodem do wpisywania luki !!!!!!
{{FrontSide}}
{{cloze:Tekst}}
{{type:cloze:Tekst}}
Zauważ, że kod ten, w przeciwieństwie do standardowych kart, musi zostać dodany po obu stronach
notatki (typu Luka).
Nowy wiersz
Aby szablon przodu lub tyłu wyświetlał tekst w wielu wierszach niezbędne jest użycie specjalnej
komendy, która wprowadzi nowy wiersz. Przykładowo, jeśli w szablonie napiszę:
http://ankisrs.net/docs/manual.pl.html[2015-11-06 22:43:58]
Anki - powerful, intelligent flashcards
jeden
dwa
W podglądzie karty zobaczę:
jeden dwa
Aby dodać nową linię, wystarczy, że pomiędzy dwoma słowami wstawiamy znacznik , jak
poniżej:
jeden
dwa
Znacznik ten pochodzi z języka HTML i jest skrótem od angielskiego wyrażenia "(line) br(eak)" czyli
"łamanie wiersza".
W ten sam sposób można wyświetlać pola notatki. Jeżeli chciałbyś, żeby jedno pole znajdowało sie
zaraz pod drugim:
{{Pole 1}}
{{Pole 2}}
Arkusze stylów CSS
Pomiędzy obszarem edycji szablonu przodu i tyłu znajduje się obszar Styl. Możesz w nim zmieniać
kolor tła karty, standardową czcionkę, wyrównanie tekstu itd.
Standardowe polecenia to:
font-family
Nazwa czcionki, którą będą wyświetlane informacje na karcie podczas powtórki. Jeżeli czcionka w
nazwie posiada spację np. "MS Unicode", jej nazwę należy ująć w cudzysłów. Możliwe jest także
użycie wielu różnych czcionek na jednej karcie. Informacje na ten temat znajdują się poniżej.
font-size
Rozmiar czcionki określany w liczbie pikseli. Zmieniając rozmiar upewnij się, że po liczbie określiłeś
jednostkę "px".
text-align
Wyrównanie tekstu: wycentrowanie (center), do lewej (left), do prawej (right).
color
Kolor tekstu. Może być określony po prostu przez wpisanie angielskich nazw kolorów podstawowych
np. blue (niebieski), lightyellow (jasno żółty) itd. Możliwe jest także użycie kodów kolorów wg modelu
RGB. Kody kolorów zapisane w tej postaci odnalezć można na tej stronie.
background-color
Kolor tła. Ustawia kolor tła. Podobnie jak w przypadku koloru czcionki, do tego celu można użyć
kolorów podstawowych lub w kodowaniu RGB.
Bardziej zaawansowani użytkownicy mogą również ustawić w tle obraz lub gradient kolorów.
Dany styl nadawany jest jednocześnie wszystkim kartom należącym do tego samego typu notatki.
Możliwe jest jednak nadawanie wyjątków. Przykładowo poniższy kod nada wszystkim kartom tło
http://ankisrs.net/docs/manual.pl.html[2015-11-06 22:43:58]
Anki - powerful, intelligent flashcards
koloru żółtego, z wyjątkiem pierwszej karty, która będzie miała tło niebieskie:
.card { background-color: yellow; }
.card1 { background-color: blue; }
Jeżeli jako tło ustawisz obrazek, zostanie on domyślnie dopasowany do całej szerokości okna. Aby
zmienić to ustawienie na końcu kodu CSS należy dodać linijkę:
img { max-width: none; max-height: none; }
Style CSS pól
Domyślnie styl CSS ustawiony w szablonie obejmuje całą zawartość karty. Możliwe jest jednak
nadanie poszczególnym polom ich własnych stylów czcionki, koloru itd. Funkcja ta jest szczególnie
istotna podczas nauki języków obcych kiedy dla danego tekstu musi zostać użyta specyficzna
czcionka np. hebrajska lub arabska, gdyż w przeciwnym razie tekst nie zostanie poprawnie
wyświetlony.
Powiedzmy, że masz w notatce pole o nazwie "Wyrażenie" i chcesz aby jego treść na karcie była
wyświetlana przy pomocy tajskiej czcionki "Ayuthaya" (działa tylko na systemach Mac OSX). Twój
szablon wygląda na razie w taki sposób:
Co oznacza {{Wyrażenie}}?
{{Notatki}}
Pierwszym krokiem będzie umieszczenie zawartości Szablonu przodu w znacznikach HTML. Przed
tekstem umieścimy:
A po nim:
Zastosowanie tych znaczników mówi Anki, żeby w stosunku do zawartego pomiędzy nimi tekstu został
zastosowany jakiś styl, w tym przypadku o nazwie "mojstyl1". Styl ten utworzymy za chwilę.
Jeśli chcemy, żeby cały tekst Przodu posiadał dany styl to nasz Szablon przodu będzie wyglądał
następująco:
Co oznacza {{Wyrażenie}}?
{{Notatki}}
A jeśli chcemy, żeby tylko nasze pole "Wyrażenie" posiadało dany styl czy daną czcionkę to użyjemy
takiego kodu:
Co oznacza {{Wyrażenie}}?
{{Notatki}}
http://ankisrs.net/docs/manual.pl.html[2015-11-06 22:43:58]
Anki - powerful, intelligent flashcards
Po edycji Szablonu przodu musimy przejść teraz do środkowego obszaru Styl, zlokalizowanego
pomiędzy obszarami Szablon przodu i Szablon tyłu. Standardowo zawartość obszaru Styl powinna
wyglądąć tak:
.card {
font-family: arial;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}
Na dole tego kodu dodaj trzy linijki jak poniżej:
.card {
font-family: arial;
font-size: 20px;
text-align: center;
color: black;
background-color: white;
}
.mojstyl1 {
font-family: ayuthaya;
}
Do Stylu możesz oczywiście dodawać dowolny kod zgodny z językiem CSS. Jeśli chciałbyś np.
zwiększyć rozmiar czcionki, dodaj kolejna linijkę kodu:
.mojstyl1 {
font-family: ayuthaya;
font-size: 30px;
}
Możliwa jest również wykorzystywanie zewnętrznych czcionek bez ich instalacji na komputerze czy
urządzeniu mobilnym. Więcej informacji na ten temat znajduje się w rozdziale na temat instalacji [ Pobierz całość w formacie PDF ]