Änderungen von Dokument Einzelne Seite

Zuletzt geändert von Carina Enke am 02.07.2025

Von Version 336.1
bearbeitet von Carina Enke
am 28.12.2020
Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich LMSintern und Version 12.5.
Auf Version 367.1
bearbeitet von Carina Enke
am 28.03.2018
Änderungskommentar: Mittels Scroll Versions veröffentlicht aus dem Bereich LMSintern und Version 12.3.1.

Zusammenfassung

Details

Seiteneigenschaften
Titel
... ... @@ -1,1 +1,1 @@
1 -Einzelne Seite
1 +Single Page
Inhalt
... ... @@ -1,16 +1,14 @@
1 1  {{sv-translation language="de"}}
2 2  {{layout}}
3 3  {{layout-section ac:type="single"}}
4 -{{layout-cell}}
5 -\\
6 -{{/layout-cell}}
4 +{{layout-cell}}{{/layout-cell}}
7 7  {{/layout-section}}
8 8  
9 9  {{layout-section ac:type="two_right_sidebar"}}
10 10  {{layout-cell}}
11 -[[image:attach:Icons@KB_Seite.png]]Der Kursbaustein **Einzelne Seite **erlaubt das Erstellen eigener HTML-Seiten mit Texten, Bildern, Links, Videos oder VR-Inhalten und das Einbinden und Anzeigen von Dateien. Mit dem Baustein **Externe Seite** können Sie externe Webseiten in Ihren Kurs integrieren.
9 +[[image:attach:Kursbausteine@kb_file.png]]Der Kursbaustein //**Einzelne Seite **//erlaubt das Erstellen eigener HTML-Seiten und das Einbinden und Anzeigen von Dateien. Mit dem Baustein **Externe Seite** können Sie externe Webseiten in Ihren Kurs integrieren.
12 12  
13 -\\
11 +
14 14  {{/layout-cell}}
15 15  
16 16  {{layout-cell}}
... ... @@ -19,12 +19,6 @@
19 19  
20 20  
21 21  {{toc/}}
22 -
23 -**Verwandte Themen**
24 -
25 -
26 -
27 -{{children/}}
28 28  {{/panel}}
29 29  {{/scroll-ignore}}
30 30  {{/layout-cell}}
... ... @@ -35,11 +35,11 @@
35 35  == Nutzung aus Lerner-Sicht ==
36 36  
37 37  {{panel titleColor="black" titleBGColor="#e1e1e1" title="Überblick"}}
38 -(% class="auto-cursor-target" %)
39 -Im Kursbaustein **Einzelne Seite** haben Sie die Möglichkeit die vom Kursautor erstellten **HTML-Seiten zu lesen** und andere Dateien wie beispielsweise Bilder oder Videos anzusehen.
40 -
41 -(% class="auto-cursor-target" %)
42 -[[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_de.png]]
30 +|(((
31 +Im Kursbaustein //**Einzelne Seite** //haben Sie die Möglichkeit die vom Kursautor erstellten **HTML-Seiten zu lesen** und andere Dateien wie beispielsweise **Bilder oder Videos anzusehen**.
32 +)))|(((
33 +[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]]
34 +)))
43 43  {{/panel}}
44 44  
45 45  
... ... @@ -47,11 +47,21 @@
47 47  {{id name="Nutzerfunktionen"/}}
48 48  
49 49  {{panel title="Funktionen für Nutzer"}}
50 -(% class="auto-cursor-target" %)
51 -Beim Aufruf des Kursbausteins werden Ihnen der hinterlegte Inhalt im mittleren Seitenbereich präsentiert. Da die Seite **individuell vom Tutor** **gestaltet** wird, kann jeder Kursbaustein Einzelne Seite anders aussehen und verschiedene Elemente wie **Verlinkungen**,** Medien oder Interaktionen** enthalten.
42 +|(((
43 +==== Inhalt zum Lesen öffnen ====
44 +)))|(((
45 +{{expand title="Wie geht das?"}}
46 +|(((
47 +1. Öffnen Sie den Kursbaustein //**Einzelne Seite** //.
48 +1. Nun werden Ihnen im Kursbaustein **Informationen** beziehungsweise **Lernmaterialien** bereitgestellt. Die Seiten können zudem **Verlinkungen**,** Medien und auch verschiedene Interaktionen** enthalten. Da die Seite **individuell vom Tutor** **gestaltet** wird, kann jeder Kursbaustein //**Einzelne Seite** //anders aussehen und verschiedene Elemente aufweisen.
49 +)))|(((
50 +[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_de.png]]
51 +)))
52 +{{/expand}}
53 +)))
52 52  
53 53  {{info}}
54 -Ein Kursverantwortlicher kann Ihnen erweiterte Berechtigungen vergeben. Dann sind zusätzliche Funktionen wie beispielsweise das Bearbeiten der Seite für Sie verfügbar. Weitere Informationen zu diesen Funktionen enthält der Abschnitt [[Funktionen in der Kursansicht>>doc:||anchor="kursansicht"]].
56 +Ein Kursverantwortlicher kann Ihnen erweiterte Berechtigungen vergeben. Dann sind zusätzliche Funktionen wie beispielsweise das Beabeiten der Seite für Sie verfügbar. Weitere Informationen zu diesen Funktionen enthält der Abschnitt [[Funktionen in der Kursansicht>>doc:||anchor="kursansicht"]].
55 55  {{/info}}
56 56  {{/panel}}
57 57  
... ... @@ -58,14 +58,11 @@
58 58  == Nutzung aus Autoren-Sicht ==
59 59  
60 60  {{panel titleBGColor="#5a759d" title="Im Kurseditor"}}
61 - Im **Kurseditor** stehen Ihnen als Autor folgende Funktionen zur Verfügung:
63 + Im Kurseditor stehen Ihnen als Autor folgende Funktionen zur Verfügung:
62 62  
63 -(% class="wrapped" %)
64 64  |(((
65 65  ==== Kursbaustein Einzelne Seite hinzufügen ====
66 66  )))|(((
67 -(% class="content-wrapper" %)
68 -(((
69 69  {{expand title="Erläuterung zum Hinzufügen eines Kursbausteins aufklappen ..."}}
70 70  
71 71  
... ... @@ -72,20 +72,14 @@
72 72  {{display reference="Add Course Element"/}}
73 73  {{/expand}}
74 74  )))
75 -)))
76 76  |(((
77 -==== Konfigurations-Einstellungen ====
75 +==== Allgemeine Konfigurations-Einstellungen ====
78 78  )))|(((
79 -(% class="content-wrapper" %)
80 -(((
81 81  Im Kurseditor sehen Sie folgende Konfigurationstabs:
82 82  
83 -(% class="wrapped" %)
84 84  |=(((
85 85  Titel und Beschreibung
86 86  )))|(((
87 -(% class="content-wrapper" %)
88 -(((
89 89  {{expand title="Konfigurationsoptionen im Tab Titel und Beschreibung aufklappen ..."}}
90 90  
91 91  
... ... @@ -92,13 +92,10 @@
92 92  {{display reference="Tab Titel und Beschreibung"/}}
93 93  {{/expand}}
94 94  )))
95 -)))
96 96  |=(((
97 97  Sichtbarkeit
98 98  )))|(% rowspan="2" %)(% rowspan="2" %)
99 99  (((
100 -(% class="content-wrapper" %)
101 -(((
102 102  {{expand title="Konfigurationsoptionen im Tab Sichtbarkeit und Zugang aufklappen ..."}}
103 103  
104 104  
... ... @@ -109,7 +109,6 @@
109 109  {{display reference="Zugang Bearbeitungsrechte"/}}
110 110  {{/expand}}
111 111  )))
112 -)))
113 113  |=(((
114 114  Zugang
115 115  )))
... ... @@ -116,64 +116,99 @@
116 116  |=(((
117 117  Seiteninhalt/Konfiguration Seite
118 118  )))|(((
119 -{{id name="Seite"/}}
108 +In diesem Tab können Sie die anzuzeigende Seite auswählen oder erstellen bzw. die URL zur externe Seite angeben. Dies wird ausführlich im nachfolgenden Abschnitt **//Spezielle Konfigurations//-//Einstellungen// **erläutert.
109 +)))
110 +|=(((
111 +Mehrsprachigkeit
112 +)))|(((
113 +Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
114 +)))
115 +)))
116 +|(((
117 +==== Spezielle Konfigurations-Einstellungen ====
118 +)))|(((
120 120  
121 -In diesem Tab können Sie die anzuzeigende Seite auswählen oder erstellen bzw. die URL zur externe Seite angeben. Dies wird ausführlich im nachfolgenden Abschnitt **Spezielle Konfigurations-Einstellungen **erläutert.
122 122  
123 -Im Tab **Seiteninhalt** bzw. **Konfiguration Seite** ordnen Sie Ihrem Kursbaustein eine Seiten-Ressource hinzu. Sie können dabei interne Seiten verwenden (Baustein **Einzelne Seite**) oder externe Seiten (Baustein** Externe Seite**) verlinken.
121 +{{id name="Seite"/}}
124 124  
123 +|=(% rowspan="2" %)(% rowspan="2" %)
124 +(((
125 +===== Seite auswählen, erstellen oder Verlinkung konfigurieren =====
126 +)))|(((
127 +Im Tab //**Seiteninhalt** //bzw. //**Konfiguration Seite** //ordnen Sie Ihrem Kursbaustein eine Seiten-Ressource hinzu. Sie können dabei interne Seiten verwenden (Baustein **Einzelne Seite**) oder externe Seiten (Baustein** Externe Seite**) verlinken.
128 +
125 125  === Baustein Einzelne Seite ===
126 126  
127 -Mit Klick auf den Button **Seite auswählen oder erstellen **können Sie dem Kursbaustein einen konkreten Inhalt zuordnen oder erstellen. Weitere Informationen bietet der Abschnitt [[Seite auswählen, erstellen oder hochladen>>doc:Seite auswaehlen, erstellen oder hochladen]].
131 +Um eine **interne Seite** einzubinden klicken Sie auf den Button **Seite auswählen oder erstellen**.
128 128  
129 -Ist bereits ein Inhalt zugeordnet, sehen Sie die Button **Seite im Editor öffnen**, **Seite entfernen** und **Seite auswechseln**. Welche Möglichkeiten diese Buttons bietet beschreibt der Abschnitt [[Seite im Editor öffnen, auswechseln oder entfernen>>doc:Seite im Editor oeffnen, auswechseln oder entfernen]].
130 130  
134 +
135 +{{display reference="HTML-Seite auswaehlen, editieren oder erstellen"/}}
136 +
137 +{{display reference="Nach dem Hinzufuegen einer HTML-Seite"/}}
138 +
139 +
140 +)))
141 +|(% colspan="1" %)(% colspan="1" %)
142 +(((
131 131  === Baustein Externe Seite ===
132 132  
133 -Um eine **externe Seite** einzubinden nutzen Sie den Baustein **Externe Seite**. Die Optionen im Tab **Konfiguration Seite** beschreibt die Seite [[doc:Baustein Externe Seite konfigurieren]].
145 +Um eine **externe Seite** einzubinden nutzen Sie den Baustein **Externe Seite**. Hier haben Sie im Tab //**Konfiguration Seite** //folgende Einstellmöglichkeiten:
134 134  
135 -\\
147 +|(((
148 +**Konfiguration der externen Seite**
149 +)))|(((
150 +1. Tragen Sie die **URL** der gewünschten Seite in das entsprechende Textfeld ein.
151 +1. Ist die Seite passwortgeschützt, haben Sie die Möglichkeit das Passwort und den Benutzernamen hier einzutragen. Beide Daten werden dem Nutzer in der Lernplattform nicht angezeigt. Sie werden aber beim Aufruf der externen Seite automatisch mit übertragen. Aktivieren Sie die Checkbox hinter dem Eintrag //**Seite Passwort geschützt** //, um die Felder zur Angabe von Benutzernamen und Passwort zu öffnen.
152 +1. Bestätigen Sie die Angaben mit Klick auf die Schaltfläche //**Speichern** //.
153 +
154 +
155 +
156 +
157 +)))|(% rowspan="2" %)(% rowspan="2" %)
158 +(((
159 +[[image:attach:Kurseditor - Externe Seite konfigurieren_de.png]]
136 136  )))
137 -|=(((
138 -Mehrsprachigkeit
161 +|(((
162 +**Anzeigeeinstellung**
139 139  )))|(((
140 -Zu einzelnen Kursbausteinbereichen können in diesem Tab verschiedene Übersetzungen hinterlegt werden.
164 +1. Klicken Sie auf die gewünschte Option:** **Wenn die **Höhe des sichtbaren Bereichs automatisch bestimmt werden soll**, dann wählen Sie diese erste Option. Andernfalls setzen Sie den Punkt vor die Option //**Höhe manuell definieren** //. In diesem Fall geben Sie anschließend die **gewünschte Höhe in Pixeln** (min. 300 Pixel) ein.
165 +1. Klicken Sie auf **//Speichern// **, um Ihre Angaben zu bestätigen und publizieren Sie den Kurs.
141 141  )))
142 142  )))
143 143  )))
144 -
145 -(% class="auto-cursor-target" %)
146 -=== Einen Kursbaustein Einzelne Seite innerhalb eines Kurses kopieren ===
147 -
148 -\\
149 -
150 -{{info title="Hinweis zum Kopieren eines Kursbausteins Einzelne Seite"}}
151 -Wenn Sie einen bereits vollständig konfigurierten Kursbaustein Einzelne Seite innerhalb des Kurses kopieren,** wird die Referenz zur verwendeten HTML-Datei mit kopiert**. Dies ist das Standardverhalten zum Kopieren von Kursbausteinen. Für den Kursbaustein Einzelne Seite heißt dies, es wird anschließend die gleiche Datei bei beiden Kursbausteinen angezeigt. Editieren Sie diese Datei nachträglich bspw. in der Kursansicht an einer Stelle, wird deshalb auch an der anderen Kursbausteinstelle der (gleiche) geänderte Inhalt angezeigt.
152 -
153 -Um eine andere Datei zum kopierten Kursbaustein einzufügen, können Sie im Kurseditor im Tab **Seiteninhalt** die Funktion **Seite auswechseln** nutzen und so eine andere oder neue Datei referenzieren.
154 -{{/info}}
155 155  {{/panel}}
156 156  
157 157  {{panel title="In der Kursansicht"}}
158 158  In der Kursansicht können Sie alle für[[ Nutzer verfügbaren Funktionen>>doc:||anchor="Nutzerfunktionen"]] zum Kursbaustein verwenden und zusätzlich:
159 159  
160 -(% class="wrapped" %)
161 161  |(% colspan="1" %)(% colspan="1" %)
162 162  (((
163 -(% class="content-wrapper" %)
164 -(((
165 165  [[image:attach:Icons@Icon_Bearbeiten.png]]
166 -)))
167 167  )))|(((
168 168  ==== Inhalt bearbeiten ====
169 169  )))|(((
170 -(% class="content-wrapper" %)
180 +{{expand title="Inhalt zum Bearbeiten öffnen ..."}}
181 +|(((
182 +1. Öffnen Sie den Kursbaustein **//Einzelne Seite// **.
183 +1. Klicken Sie auf den Button **//Bearbeiten// **.
184 +)))|(((
185 +[[image:attach:Kursrun - Einzelne Seite bearbeiten_de.png]]
186 +)))
187 +|(% colspan="1" %)(% colspan="1" %)
171 171  (((
172 -(% class="auto-cursor-target" %)
173 -Weitere Informationen zum Bearbeiten einer bestehenden Seite enthält der Abschnitt [[doc:Einzelne Seite bearbeiten]].
189 +3. Es öffnet sich die **Editieransicht** der Seite. Nehmen Sie nun Ihre **gewünschten Änderungen** vor.
174 174  
175 -\\
191 +{{info}}
192 +Ausführlicher wird der Umgang mit der Editierumgebung im Abschnitt [[Texteditor>>doc:Texteditor]] beschrieben.
193 +{{/info}}
194 +
195 +4. Bestätigen Sie Ihre Änderungen mit klick auf die Schaltfläche //**Speichern** //bzw. //**Speichern und Schließen** //.
196 +)))|(% colspan="1" %)(% colspan="1" %)
197 +(((
198 +[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_de.png]]
176 176  )))
200 +{{/expand}}
177 177  )))
178 178  
179 179  
... ... @@ -180,14 +180,6 @@
180 180  
181 181  {{display reference="Info Extended Rights"/}}
182 182  {{/panel}}
183 -
184 -(% class="auto-cursor-target" %)
185 -=== Anwendungsbeispiele ===
186 -
187 -* [[Datei mit VR-Inhalt einbinden>>doc:Anwendungsbeispiel: Datei mit VR-Inhalt einbinden]]: Diese Seite beschreibt, wie ein VR-Inhalt, der als WebGL vorliegt eingebunden werden kann
188 -* [[doc:VR-Inhalte einfuegen]]: VR-Inhalte die bereits auf Webservern liegen, können per Einbettungscode in eine Seite integriert werden. Ein Beispiel zur Anzeige von 3D-Modellen beinhaltet diese Seite.
189 -* [[Ein Video einbinden:>>doc:Video einbinden]] Videos können auf vielen Wegen eingebunden werden. Diese Seite beschreibt wie drei Möglichkeiten.
190 -* [[Einen Link bereitstellen (blizz):>>doc:Einen Link bereitstellen]] Links können ebenfalls auf mehreren Wegen auf einer Seite platziert werden.
191 191  {{/layout-cell}}
192 192  {{/layout-section}}
193 193  {{/layout}}
... ... @@ -197,19 +197,17 @@
197 197  {{layout}}
198 198  {{layout-section ac:type="two_right_sidebar"}}
199 199  {{layout-cell}}
200 -[[image:attach:Icons@KB_Seite.png]] The course element **//Single Page// **allows you to create your own HTML pages as well as to integrate and display files. With the element **external page**,** **you can embed external web pages in your course.
216 +[[image:attach:Kursbausteine@kb_file.png]]The course element **//Single Page// **allows you to create your own HTML pages as well as to integrate and display files. With the element **external page**,** **you can embed external web pages in your course.
201 201  
202 -\\
218 +
203 203  {{/layout-cell}}
204 204  
205 205  {{layout-cell}}
206 -\\
207 -
208 208  {{scroll-ignore}}
209 209  {{panel borderColor="silver" title="Content"}}
210 210  
211 211  
212 -{{toc minLevel="2"/}}
226 +{{toc/}}
213 213  {{/panel}}
214 214  {{/scroll-ignore}}
215 215  {{/layout-cell}}
... ... @@ -220,15 +220,11 @@
220 220  == Usage: Learners' View ==
221 221  
222 222  {{panel titleColor="black" titleBGColor="#e1e1e1" title="Overview"}}
223 -(% class="wrapped" %)
224 224  |(((
225 225  In the course element **//Single Page//**, you can **read HTML pages** created by the course author and **view** other files such as **images or videos**.
226 226  )))|(((
227 -(% class="content-wrapper" %)
228 -(((
229 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png]]
240 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]]
230 230  )))
231 -)))
232 232  {{/panel}}
233 233  
234 234  
... ... @@ -236,36 +236,18 @@
236 236  {{id name="Functions for users"/}}
237 237  
238 238  {{panel title="Functions for users"}}
239 -(% class="wrapped" %)
240 240  |(((
241 241  ==== Open content for reading ====
242 242  )))|(((
243 -(% class="content-wrapper" %)
244 -(((
245 245  {{expand title="How to do that?"}}
246 -(% class="wrapped" %)
247 -|(% class="numberingColumn" %)(% class="numberingColumn" %)
248 -(((
249 -1
253 +|(((
254 +1. Open the course element **//Single Page//**.
255 +1. The course element will provide you with** information** or **learning materials**. The pages may also contain** links**,** media**,** and various interactions**. Since the page is **individually designed by the tutor**, each course element **//Single Page//** can have its own specific layout and include different elements.
250 250  )))|(((
251 -Open the course element **//Single Page//**.
252 -)))|(% rowspan="2" %)(% rowspan="2" %)
253 -(((
254 -(% class="content-wrapper" %)
255 -(((
256 -(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Überblick Kursbaustein Einzelne Seite_en.png]]
257 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun-Kursbaustein Einzelne Seite - Überblick_en.png]]
257 257  )))
258 -)))
259 -|(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
260 -(((
261 -2
262 -)))|(% colspan="1" %)(% colspan="1" %)
263 -(((
264 -The course element will provide you with** information** or **learning materials**. The pages may also contain** links**,** media**,** and various interactions**. Since the page is **individually designed by the tutor**, each course element **//Single Page//** can have its own specific layout and include different elements.
265 -)))
266 266  {{/expand}}
267 267  )))
268 -)))
269 269  
270 270  {{info}}
271 271  You can be assigned extended rights by a course supervisor. These rights will make additional functions, such as editing the page, available to you. For more information about these functions, refer to the section [[Functions in the course view>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+v3.8?focusedTaskId=7&id-.EinzelneSeitev3.8-kursansicht||shape="rect"]].
... ... @@ -277,12 +277,9 @@
277 277  {{panel titleBGColor="#5a759d" title="In the course editor"}}
278 278  The following functions are available to authors in the course editor:
279 279  
280 -(% class="wrapped" %)
281 281  |(((
282 282  ==== Add a course element single page ====
283 283  )))|(((
284 -(% class="content-wrapper" %)
285 -(((
286 286  {{expand title="Click to open instructions on how to add a course element ..."}}
287 287  
288 288  
... ... @@ -289,20 +289,14 @@
289 289  {{display reference="Add Course Element"/}}
290 290  {{/expand}}
291 291  )))
292 -)))
293 293  |(((
294 294  ==== General configuration settings ====
295 295  )))|(((
296 -(% class="content-wrapper" %)
297 -(((
298 298  In the course editor, you will find the following configuration tabs:
299 299  
300 -(% class="wrapped" %)
301 301  |=(((
302 302  Title and description
303 303  )))|(((
304 -(% class="content-wrapper" %)
305 -(((
306 306  {{expand title="Configuration options in the tab title and description ..."}}
307 307  
308 308  
... ... @@ -309,13 +309,10 @@
309 309  {{display reference="Tab Titel und Beschreibung"/}}
310 310  {{/expand}}
311 311  )))
312 -)))
313 313  |=(((
314 314  Visibility
315 315  )))|(% rowspan="2" %)(% rowspan="2" %)
316 316  (((
317 -(% class="content-wrapper" %)
318 -(((
319 319  {{expand title="Configuration options in the tab visibility and access ..."}}
320 320  
321 321  
... ... @@ -326,7 +326,6 @@
326 326  {{display reference="Zugang Bearbeitungsrechte"/}}
327 327  {{/expand}}
328 328  )))
329 -)))
330 330  |=(((
331 331  Access
332 332  )))
... ... @@ -342,55 +342,87 @@
342 342  In this tab, different translations can be added to individual course element areas.
343 343  )))
344 344  )))
345 -)))
346 346  |(((
347 347  ==== Special configuration settings ====
348 348  )))|(((
349 -(% class="content-wrapper" %)
350 -(((
351 351  
352 352  
353 353  {{id name="Page"/}}
354 354  
355 -(% class="wrapped" %)
356 -|=(% rowspan="2" %)(% rowspan="2" %)
357 -(((
331 +|=(((
358 358  ===== Select or create page or configure link =====
359 -)))|(% colspan="1" %)(% colspan="1" %)
360 -(((
333 +)))|(((
361 361  In the tab **//Page content//**// //or// **Configuration**//, you can assign a resource of the type **//Page//** to your course element. You can use internal pages (element **//Single Page//**) or link external pages (element **//External Page//**).
362 362  
363 -\\
336 +To configure an **internal page**, you have the following options:
364 364  
365 -(% class="content-wrapper" %)
366 -=== Course element Single Page ===
338 +* **create a new HTML page online (option 1)**,
339 +* **select** **a HTML page from the course storage folder or copy an existing template (option 2)**, or
340 +* **upload one or more HTML files in a ZIP package to the storage folder (option 3)**
341 +**\\**
367 367  
368 -To include an internal page, click on the //**Select or create page**// button.
343 +{{expand title="Start the configuration for all three variants as follows:"}}
344 +|=(((
345 +1.
346 +)))|(((
347 +Open the **course editor **in the course element// **Single Page**//** **and switch to the tab **//Page content//**. Then click on **//Select or create page//**.
348 +)))|(((
349 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Seite auswählen oder erstellen_en.png]]
350 +)))
351 +|=(((
352 +2.
353 +)))|(((
354 +A page with functions for creating a new HTML page, selecting a HTML page from the course storage folder, as well as for uploading HTML files to the storage folder appears. Decide on one of the following options:
355 +)))|(((
356 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite drei Optionen_en.png]]
357 +)))
358 +|=(((
359 +3a
360 +)))|(((
361 +(**Option 1**:) **To create a new HTML page online**, enter a page name in the field **//Name of new file//**. Then select the **desired character set** and click on **//Create//**.
369 369  
363 +{{expand title="Expand further steps ..."}}
364 +|(((
365 +* The **editor for creating page content** opens.
366 +* Fill your page with the desired content and media and click on **//Save//**.
367 +)))|(((
368 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Texteditor_en.png]]
369 +)))
370 +{{/expand}}
371 +)))|(((
372 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Neue Seite erstellen_en.png]]
373 +)))
374 +|=(((
375 +3b
376 +)))|(((
377 +(**Option 2**:) **To choose a HTML page from the course storage folder or to copy an existing template**, click on the button **//Select page//**. Select the desired file and activate the checkbox next to **//Create a copy of the selected file (template) and assign it to the course element//** if necessary.** **Then click on **//Select//**.
378 +)))|(((
379 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Seite beim Hinzufügen auswählen_en.png]]
380 +)))
381 +|=(((
382 +3c
383 +)))|(((
384 +(**Option 3**:) **To upload one or more files to the storage folder**, click on **//Select file//**. Then select the desired file and confirm the process with **//Upload//**.
385 +)))|(((
386 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Datei hochladen_en.png]]
387 +)))
388 +|=(((
389 +4.
370 370  
391 +5.
392 +)))|(((
393 +The selected resource is now automatically used as a resource for the course element **//Single Page//** and displayed under **//Selected//** **//page//**.
371 371  
372 -{{display reference="HTML-Seite auswaehlen, editieren oder erstellen"/}}
373 -
374 -
375 -
376 -{{display reference="Nach dem Hinzufuegen einer HTML-Seite"/}}
377 -
378 -\\
395 +**Publish **your course to complete the configuration and to make the resource available to participants.
396 +)))|(((
397 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite gewählte Seite_en.png]]
379 379  )))
380 -|(((
381 -(% class="content-wrapper" %)
382 -(((
383 -=== Course element External Page
384 - ===
385 -)))
399 +{{/expand}}
386 386  
387 387  To embed an **external page**, use the element **//External Page//**. In the tab **//Configuration//**, you have the following configuration options:
388 388  
389 -(% class="content-wrapper" %)
390 -(((
391 -(% class="wrapped" %)
392 392  |(((
393 -**Configuration of external page**
404 +**Configuration of the external page**
394 394  )))|(((
395 395  1. Enter the **URL **of the desired page in the appropriate text field.
396 396  1. (((
... ... @@ -401,17 +401,13 @@
401 401  )))
402 402  )))|(% rowspan="2" %)(% rowspan="2" %)
403 403  (((
404 -(% class="content-wrapper" %)
405 -(((
406 -(% style="color: rgb(0,0,255);" %)[[image:url:https://www.bps-system.de/help/plugins/servlet/confluence/placeholder/unknown-attachment?locale=de_DE&version=2]]
415 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Externe Seite konfigurieren_en.png]]
407 407  )))
408 -)))
409 409  |(((
410 -**Expert settings for dynamic content
411 -**
418 +**Display settings**
412 412  )))|(((
413 413  1. (((
414 -Click on the desired option: If you would like **the height of the visible area to be calculated automatically**, then select the first option. Otherwise, select the second option **//Define height manually//** and enter the **desired height in pixels **(min. 300 pixels).
421 +Click on the desired option: If you would like **the height of the visible area to be determined automatically**, then select the first option. Otherwise, select the second option **//Define height manually//** and enter the **desired height in pixels **(min. 300 pixels).
415 415  )))
416 416  1. (((
417 417  Click on //**Save**// to confirm your entries and publish the course.
... ... @@ -418,84 +418,102 @@
418 418  )))
419 419  )))
420 420  )))
428 +|=(% colspan="1" %)(% colspan="1" %)
429 +(((
430 +===== Security settings =====
431 +)))|(% colspan="1" %)(% colspan="1" %)
432 +(((
433 +(% class="TableParagraph" %)
434 +With the option **//Allow links in the entire storage folder//**, it is possible to embed links to **files within the storage folder** in a HTML page.
435 +
436 +{{expand title="How to do that?"}}
437 +|(((
438 +1. Open the **course editor **in the course element// **Single Page **//and switch to the tab **//Page content//**.
439 +1. Click on **//Additional settings for the selected page//**.
440 +1. In the section **//Security//** **//settings//**, select the checkbox next to **//Allow links in the entire storage folder//**.
441 +1. Click on **//Save//**.
442 +\\
443 +
444 +{{note}}
445 +This setting allows savvy users to gain access to the entire storage folder.
446 +{{/note}}
447 +)))|(% colspan="1" %)(% colspan="1" %)
448 +(((
449 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Sicherheitseinstellung_en.png]]
421 421  )))
451 +{{/expand}}
422 422  )))
423 -)))
453 +|=(((
454 +===== Display settings =====
455 +)))|(((
456 +This option allows you to set the visible **height of your page**.
424 424  
425 -{{info title="Note on copying a single page course element"}}
426 -If you copy an already fully configured single page course element within the course, the reference to the HTML file used will also be copied. This is the standard behaviour when copying course elements. For a course element of the type //**Single Page**//, this means that the same file will then be displayed for both course elements. If you edit this file later on, e. g. at one point in the course view, the (same) modified content will also be displayed at the other course element location.
458 +If the page is higher than the configured visible area, scrollbars will help the user navigate the page.
427 427  
428 -To add a different file to the copied course element, you can use the **//Replace page//** function in the tab **//Page content//** in the course editor and reference another or a new file.
429 -{{/info}}
460 +{{expand title="How to do that?"}}
461 +|(((
462 +1. (% style="color: rgb(51,51,51);" %)Open the **course editor** in the course element //**Single Page**// and switch to the tab //**Page content**//.
463 +1. (% style="color: rgb(51,51,51);" %)Click on// **Additional settings for the selected page**//.
464 +1. (% style="color: rgb(51, 51, 51); color: rgb(51, 51, 51)" %)Go to the section //**Display settings**// and click on the desired option: (%%)If you would like the **height of the visible area to be determined** **automatically**, then select the first option. Otherwise, select the second option //**Define height manually **//and enter the desired height in pixels (min. 300 pixels).
465 +1. Click on **//Save//** to confirm your entries and publish the course.
466 +)))|(((
467 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Anzeigeeinstellung_en.png]]
468 +)))
469 +{{/expand}}
470 +)))
471 +)))
472 +|(((
473 +==== Functions after adding a resource ====
474 +)))|(((
475 +|=(((
476 +===== Open page in editor =====
477 +)))|(((
478 +Click on this button to get to the **editor for editing pages**. Here you can make your changes.
479 +Then click on **//Save//** to confirm your entries.
480 +)))|(% rowspan="2" %)(% rowspan="2" %)
481 +(((
482 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kurseditor - Einzelne Seite Funktionen nach dem Hinzufügen einer Ressource_en.png]]
483 +)))
484 +|=(((
485 +===== Replace page =====
486 +)))|(((
487 +This button takes you to the functions for **creating or selecting a page**. For more information, refer to the section //**Select or create** **page**//.
488 +)))
489 +)))
430 430  {{/panel}}
431 431  
432 432  {{panel title="In the course view"}}
433 -In the course view, you can use all course element [[functions available to users>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+v3.8?focusedTaskId=7&id-.EinzelneSeitev3.8-Nutzerfunktionen||shape="rect"]] as well as:
493 +In the course view, you can use all course element [[functions available to users>>url:https://www.bps-system.de/help/display/LMSintern/.Einzelne+Seite+v3.8?focusedTaskId=7&id-.EinzelneSeitev3.8-Nutzerfunktionen||shape="rect"]] and:
434 434  
435 -(% class="wrapped" %)
436 436  |(% colspan="1" %)(% colspan="1" %)
437 437  (((
438 -(% class="content-wrapper" %)
439 -(((
440 440  (% style="color: rgb(0,0,255);" %)[[image:attach:Icons@Icon_Bearbeiten.png]]
441 -)))
442 442  )))|(((
443 443  ==== Edit content ====
444 444  )))|(((
445 -(% class="content-wrapper" %)
446 -(((
447 447  {{expand title="Open content for editing ..."}}
448 -(% class="wrapped" %)
449 -|(% class="numberingColumn" %)(% class="numberingColumn" %)
450 -(((
451 -1
502 +|(((
503 +1. Open the course element //**Single Page**//.
504 +1. Click on //**Edit**//.
452 452  )))|(((
453 -Open the course element //**Single Page**//.
454 -)))|(% rowspan="2" %)(% rowspan="2" %)
455 -(((
456 -(% class="content-wrapper" %)
457 -(((
458 -(% style="color: rgb(0,0,255);" %)[[image:url:https://www.bps-system.de/help/plugins/servlet/confluence/placeholder/unknown-attachment?locale=de_DE&version=2]]
506 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite bearbeiten_en.png]]
459 459  )))
460 -)))
461 -|(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
508 +|(% colspan="1" %)(% colspan="1" %)
462 462  (((
463 -2
464 -)))|(% colspan="1" %)(% colspan="1" %)
465 -(((
466 -Click on //**Edit**//.
467 -)))
468 -|(% class="numberingColumn" %)(% class="numberingColumn" %)
469 -(((
470 -3
471 -)))|(% colspan="1" %)(% colspan="1" %)
472 -(((
473 -(% class="content-wrapper" %)
474 -(((
475 -The **editor view **of the page opens. Make your **desired changes**.
510 +3. The **editor view **of the page opens. Make your **desired changes**.
476 476  
477 477  {{info}}
478 478  (% class="TableParagraph" %)
479 479  Further information on the editing environment is given in the section [[(% style="color: rgb(13,122,149);" %)Text editor>>url:https://www.bps-system.de/help/display/LMSintern/.Texteditor+v3.8||shape="rect"]](%%).
480 480  {{/info}}
481 -)))
482 -)))|(% rowspan="2" %)(% rowspan="2" %)
483 -(((
484 -(% class="content-wrapper" %)
485 -(((
486 -(% style="color: rgb(0,0,255);" %)[[image:url:https://www.bps-system.de/help/plugins/servlet/confluence/placeholder/unknown-attachment?locale=de_DE&version=2]]
487 -)))
488 -)))
489 -|(% class="numberingColumn" colspan="1" %)(% class="numberingColumn" colspan="1" %)
490 -(((
491 -4
516 +
517 +4. Confirm your settings with **//Save//** or **//Save and close//**.
492 492  )))|(% colspan="1" %)(% colspan="1" %)
493 493  (((
494 -Confirm your settings with **//Save//** or **//Save and close//**.
520 +(% style="color: rgb(0,0,255);" %)[[image:attach:Kursrun - Einzelne Seite Bearbeitenansicht_en.png]]
495 495  )))
496 496  {{/expand}}
497 497  )))
498 -)))
499 499  
500 500  
501 501  
Confluence.Code.ConfluencePageClass[0]
id
... ... @@ -1,1 +1,1 @@
1 -463405143
1 +328564841
url
... ... @@ -1,1 +1,1 @@
1 -https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/463405143/Einzelne Seite
1 +https://www.bps-system.de/help/display/SOV/wiki/spaces/LMS/pages/328564841/Single Page