Changes for page Help

Last modified by Martina Wagner on 2026/04/27 17:41

From version 1.1
edited by Martina Wagner
on 2026/04/18 18:26
Change comment: There is no comment for this version
To version 47.1
edited by Martina Wagner
on 2026/04/19 12:50
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,74 +7,149 @@
1 -Wichtige Formatierungen
2 -Bearbeiten
3 -(%class="abc"%)
4 -1. Punkt eins
5 -1. Punkt zwei
6 -
7 7  
8 - Punkt eins
9 - Punkt zwei
2 +== subdivision page ==
10 10  
11 -kursiv //f// f
12 -fett **L** L
13 -Bilder einbinden
14 -Bearbeiten
4 +A page can be divided into sections, with sections introduced by level 2 headings.
15 15  
16 -Um ein Bild einzubinden, muss man den Bearbeitungsmmodus verlassen und ganz unten auf der Seite das Bild als Anhnag hochladen. Anschliessend kann man das Bild mit
17 -Information
6 +{{info}}
7 +{{{
8 +== information ==
9 +.....
10 +== exercise ==
11 +.....
12 +}}}
13 +{{/info}}
18 18  
15 + ==blue box==
16 +{{info}}
17 +{{{
18 +{{info}} information {{/info}}
19 +}}}
20 +{{/info}}
21 +
22 + == task ==
23 +
24 +{{info}}
25 +{{{
26 +{{exercise id="name" source="AG Englisch"}}
27 +task {{/exercise}}
28 +}}}
29 +{{/info}}
30 +
31 +
32 +
33 +== important formatting ==
34 +
35 +|{{{(%class="abc"%)
36 +1. point one
37 +1. point two
38 +}}}|(((
39 +(% class="abc" %)
40 +1. point one
41 +1. point two
42 +)))
43 +|italics {{{//f//}}}| //f//
44 +|bold {{{**L**}}}| **L**
45 +
46 +== include images ==
47 +
48 +To insert an image, you must exit edit mode and upload the image as an attachment at the very bottom of the page. You can then use
49 +
50 +{{info}}
51 +{{{
19 19   [[image:name.png]]
53 +}}}
54 +{{/info}}
20 20  
21 -einbinden. Als Dateiformate für Bilder werden PNG und SVG und JPG empfohlen. SVG hat den Vorteil, dass es verlustfrei skaliert und auch ausgedruckt perfekt aussieht. PNG eignet sich für Schaubilder, JPG für Fotos. Bei beiden empfiehlt es sich, das Bild mit einer hohen Auflösung (z.B. HD: 1.280 x 720 Pixel) hochzuladen und dann mit [[image:name.png||width=600]] auf eine passende Größe zu skalieren. Dank der zusätzlichen Pixel sieht das Bild dann auch im Ausdruck gut aus. Mit ||style="display: block; margin: auto" kann das Bild zentriert werden. Mit ||style="float: right" wird das Bild am rechten Rand positioniert und auf der linken Seite von Text umflossen.
56 +The recommended file formats for images are PNG, SVG, and JPG. SVG has the advantage of scaling without loss of quality and looking perfect even when printed. PNG is suitable for diagrams, and JPG for photos. For both, it is recommended to upload the image at a high resolution (e.g., HD: 1,280 x 720 pixels) and then scale it to a suitable size using ##{{{[[image:name.png||width=600]]}}}##. Thanks to the extra pixels, the image will then look good even when printed. You can center the image using ##{{{||style=display: block; margin: auto”}}}##. Using ##{{{||style=float: right”}}}## positions the image on the right margin, with text flowing around it on the left.
22 22  
23 -Je nachdem, von wo das Bild kommt, muss ein Lizenzhinweis dazugeschrieben werden. Dabei kann der Lizenhinweisgenerator hilfreich sein.
24 -Tabellen
25 -Bearbeiten
26 -Information
58 +Depending on where the image comes from, a license notice must be added. The [[License Notice Generator>>https://lizenzhinweisgenerator.de]] can be helpful for this.
27 27  
28 -|=Überschriftenzelle|=noch eine
29 -|Normale Zelle|ohne =
60 +== table ==
30 30  
31 -Überschriftenzelle noch eine
32 -Normale Zelle ohne =
62 +{{info}}
63 +{{{
64 +|=Header cell|=another one
65 +|Normal cell|without =
66 +}}}
67 +{{/info}}
33 33  
34 -So sieht eine Standard Tabelle aus. Die ist nicht für jeden Zweck geeignet. Manchmal möchte man keine Rahmen oder vollständige Rahmen oder weniger Innenabstand. Dafür gibt es drei fertige Designs, die man folgendermaßen applizieren kann:
35 -Information
69 +|=Header cell|=another one
70 +|Normal cell|without =
36 36  
72 +This is what a standard table looks like. It isn't suitable for every purpose. Sometimes you might not want borders, or you might want full borders, or you might want less space between the rows. For these cases, there are three pre-designed templates that you can apply as follows:
73 +
74 +{{info}}
75 +{{{
37 37  (% class="noborder" %)
38 -|=Überschriftenzelle|=noch eine
39 -|Normale Zelle|ohne =
77 +|=Header cell|=another one
78 +|Normal cell|without =
79 +}}}
80 +{{/info}}
40 40  
41 -Überschriftenzelle noch eine
42 -Normale Zelle ohne =
43 -Information
82 +(% class="noborder" %)
83 +|=Header cell|=another one
84 +|Normal cell|without =
44 44  
86 +{{info}}
87 +{{{
45 45  (% class="border" %)
46 -|=Überschriftenzelle|=noch eine
47 -|Normale Zelle|ohne =
89 +|=Header cell|=another one
90 +|Normal cell|without =
91 +}}}
92 +{{/info}}
48 48  
49 -Überschriftenzelle noch eine
50 -Normale Zelle ohne =
51 -Information
94 +(% class="border" %)
95 +|=Header cell|=another one
96 +|Normal cell|without =
52 52  
98 +{{info}}
99 +{{{
53 53  (% class="border slim" %)
54 -|=Überschriftenzelle|=noch eine
55 -|Normale Zelle|ohne =
101 +|=Header cell|=another one
102 +|Normal cell|without =
103 +}}}
104 +{{/info}}
56 56  
57 -Überschriftenzelle noch eine
58 -Normale Zelle ohne =
106 +(% class="border slim" %)
107 +|=Header cell|=another one
108 +|Normal cell|without =
59 59  
60 -Beachte: slim ist kombinierbar mit border und noborder
61 -Listen
62 -Bearbeiten
110 +**Note:** ##slim## can be used in combination with ##border## and ##noborder##
63 63  
64 -Normalerweise werden geordnete Listen (Markup: 1. ) mit Zahlen nummeriert. In den Aufgaben verwendet man folgenden Code, um stattdessen a, b, c zu bekommen.
65 -Information
112 +== lists ==
66 66  
114 +Normally, ordered lists (Markup: {{code}}1. {{/code}}) are numbered with numbers. In the exercises, use the following code to display a, b, c instead.
115 +
116 +{{info}}
117 +{{{
67 67  (% class="abc" %)
68 -1. Unteraufgabe eins
69 -1. Unteraufgabe zwei
70 -1. Unteraufgabe drei
119 +1. Subtask 1
120 +1. Subtask 2
121 +1. Subtask 3
122 +}}}
123 +{{/info}}
71 71  
72 - Unteraufgabe eins
73 - Unteraufgabe zwei
74 - Unteraufgabe drei
125 +(% class="abc" %)
126 +1. Subtask 1
127 +1. Subtask 2
128 +1. Subtask 3
129 +
130 +== Clicking on a word opens a new page with information ==
131 +
132 +{{info}}
133 +{{{
134 +[[word]]
135 +}}}
136 +{{/info}}
137 +
138 +[[word]]
139 +
140 +== A small pop-up appears when you press a round button ==
141 +
142 +{{info}}
143 +{{{
144 +{{tooltip event="click"}}Information you want to display {{/tooltip}}
145 +}}}
146 +{{/info}}
147 +
148 +{{tooltip event="click"}}Information you want to display{{/tooltip}}
149 +