Changes for page Help

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

From version 2.1
edited by Martina Wagner
on 2026/04/18 18:27
Change comment: There is no comment for this version
To version 50.1
edited by Christina Chatwell
on 2026/04/27 17:34
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -xwiki:XWiki.martinawagner
1 +xwiki:XWiki.cha
Content
... ... @@ -1,74 +1,154 @@
1 -Wichtige Formatierungen
2 -Bearbeiten
3 -(%class="abc"%)
4 -1. Punkt eins
5 -1. Punkt zwei
6 -
1 +== subdivision page ==
7 7  
8 - Punkt eins
9 - Punkt zwei
3 +A page can be divided into sections, with sections introduced by level 2 headings.
10 10  
11 -kursiv //f// f
12 -fett **L** L
13 -Bilder einbinden
14 -Bearbeiten
5 +{{info}}
6 +{{{
7 +== information ==
8 +.....
9 +== exercise ==
10 +.....
11 +}}}
12 +{{/info}}
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
14 +== blue box ==
18 18  
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 +{{info}}
47 + lines: ~_~_~_~_~_~_~_~_~_~_~_~_
48 +{{/info}}
49 +
50 +== include images ==
51 +
52 +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
53 +
54 +{{info}}
55 +{{{
19 19   [[image:name.png]]
57 +}}}
58 +{{/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.
60 +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
62 +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 =
64 +== table ==
30 30  
31 -Überschriftenzelle noch eine
32 -Normale Zelle ohne =
66 +{{info}}
67 +{{{
68 +|=Header cell|=another one
69 +|Normal cell|without =
70 +}}}
71 +{{/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
73 +|=Header cell|=another one
74 +|Normal cell|without =
36 36  
76 +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:
77 +
78 +{{info}}
79 +{{{
37 37  (% class="noborder" %)
38 -|=Überschriftenzelle|=noch eine
39 -|Normale Zelle|ohne =
81 +|=Header cell|=another one
82 +|Normal cell|without =
83 +}}}
84 +{{/info}}
40 40  
41 -Überschriftenzelle noch eine
42 -Normale Zelle ohne =
43 -Information
86 +(% class="noborder" %)
87 +|=Header cell|=another one
88 +|Normal cell|without =
44 44  
90 +{{info}}
91 +{{{
45 45  (% class="border" %)
46 -|=Überschriftenzelle|=noch eine
47 -|Normale Zelle|ohne =
93 +|=Header cell|=another one
94 +|Normal cell|without =
95 +}}}
96 +{{/info}}
48 48  
49 -Überschriftenzelle noch eine
50 -Normale Zelle ohne =
51 -Information
98 +(% class="border" %)
99 +|=Header cell|=another one
100 +|Normal cell|without =
52 52  
102 +{{info}}
103 +{{{
53 53  (% class="border slim" %)
54 -|=Überschriftenzelle|=noch eine
55 -|Normale Zelle|ohne =
105 +|=Header cell|=another one
106 +|Normal cell|without =
107 +}}}
108 +{{/info}}
56 56  
57 -Überschriftenzelle noch eine
58 -Normale Zelle ohne =
110 +(% class="border slim" %)
111 +|=Header cell|=another one
112 +|Normal cell|without =
59 59  
60 -Beachte: slim ist kombinierbar mit border und noborder
61 -Listen
62 -Bearbeiten
114 +**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
116 +== lists ==
66 66  
118 +Normally, ordered lists (Markup: {{code}}1. {{/code}}) are numbered with numbers. In the exercises, use the following code to display a, b, c instead.
119 +
120 +{{info}}
121 +{{{
67 67  (% class="abc" %)
68 -1. Unteraufgabe eins
69 -1. Unteraufgabe zwei
70 -1. Unteraufgabe drei
123 +1. Subtask 1
124 +1. Subtask 2
125 +1. Subtask 3
126 +}}}
127 +{{/info}}
71 71  
72 - Unteraufgabe eins
73 - Unteraufgabe zwei
74 - Unteraufgabe drei
129 +(% class="abc" %)
130 +1. Subtask 1
131 +1. Subtask 2
132 +1. Subtask 3
133 +
134 +== Clicking on a word opens a new page with information ==
135 +
136 +{{info}}
137 +{{{
138 +[[word]]
139 +}}}
140 +{{/info}}
141 +
142 +[[word]]
143 +
144 +== A small pop-up appears when you press a round button ==
145 +
146 +{{info}}
147 +{{{
148 +{{tooltip event="click"}}Information you want to display {{/tooltip}}
149 +}}}
150 +{{/info}}
151 +
152 +{{tooltip event="click"}}
153 +Information you want to display
154 +{{/tooltip}}