Benutzer:Buss-Haskert/Lernpfad - Möglichkeiten/Ausblick: Unterschied zwischen den Versionen

Aus ZUM Projektwiki
(Unterseite erzeugt)
Markierung: 2017-Quelltext-Bearbeitung
 
KKeine Bearbeitungszusammenfassung
Markierung: 2017-Quelltext-Bearbeitung
 
(22 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
{{Fortsetzung|vorher=zurück zur 1. Seite: Lernpfad - Möglichkeiten: Grundlagen|vorherlink=Benutzer:Buss-Haskert/Lernpfad - Möglichkeiten}}
<br>
{{Navigation|[[Benutzer:Buss-Haskert/Lernpfad - Möglichkeiten|Lernpfad - Möglichkeiten: Grundlagen]]<br>
[[Benutzer:Buss-Haskert/Lernpfad - Möglichkeiten/Ausblick|Lernpfad - Möglichkeiten: Fortsetzung]]}}
<br>
Die folgende Seite bietet eine Übersicht über weitere Formatierungsmöglichkeiten.
Die folgende Seite bietet eine Übersicht über weitere Formatierungsmöglichkeiten.


Zeile 4: Zeile 10:
*Hinweise zur Navigation
*Hinweise zur Navigation
*Formatierungen von Tabellen (Spaltenbreite)
*Formatierungen von Tabellen (Spaltenbreite)
*Tabellen in Boxen
*Button formatieren
*Spalten einfügen
*Spalten einfügen
*Vorlagen für den Chemie-Unterricht (Sicherheit)
*Vorlagen für den Chemie-Unterricht (Sicherheit)
*Hervorgehobener Button mit farbigem Hintergrund und Icon
 
==1. Boxen formatieren==
===1.1 Icon(Bild) ändern===
Das Icon der Box lässt sich ändern. Der Quelltext dazu lautet:<br>
[[Datei:Icon ändern Quelltext.png|rahmenlos|400x400px]]<br>
Dabei wird die Bezeichnung für das Icon jeweils ausgetauscht, hier also hdg-school.<br>
Die Box sieht dann so aus:<br>
{{Box|Titel|Inhalt|Lösung|Icon=brainy hdg-school}}
 
*Kopieren Sie den Quelltext und ändern Sie ihn passend ab.<br>
 
Eine Sammlung an Icons finden Sie [https://unterrichten.zum.de/wiki/Hilfe:Icons_einbinden/Brainy_Icons hier]<ref>https://unterrichten.zum.de/wiki/Hilfe:Icons_einbinden/Brainy_Icons</ref>
 
===1.2 Farbe ändern===
Die Farbe der Box lässt sich ändern. Der Quelltext dazu lautet:<br>
[[Datei:Farbe der Boxen ändern.png|rahmenlos|400x400px]]
Dabei wird die Bezeichnung für die Farbe jeweils ausgetauscht, hier also orange&#124;dunkel.<br>
Die Box sieht dann so aus:<br>
{{Box|Titel|Inhalt|Lösung|Farbe={{Farbe|orange|dunkel}}}}
 
*Kopieren Sie den Quelltext und ändern Sie ihn passend ab.<br>
 
Eine Sammlung an Farben finden Sie [https://unterrichten.zum.de/wiki/Vorlage:Farbe hier]<ref>https://unterrichten.zum.de/wiki/Vorlage:Farbe</ref>
 
==2. Navigation==
Informationen zur Navigation finden Sie
 
*auf den Hilfeseiten der Seite [https://unterrichten.zum.de/wiki/Hilfe:Lernpfade unterrichten.zum.de]
*auf den Hilfeseiten der Seite [https://projekte.zum.de/wiki/Hilfe:Navigation projekte.zum.de]
 
 
==3. Tabellen==
===3.1 Tabellen in Boxen===
Tabellen in Boxen haben einen anderen Quelltext:<br>
[[Datei:Tabelle in Boxen.png|rahmenlos|600x600px]]
 
*Kopieren Sie den Quelltext und ändern Sie ihn für Ihren Lernpfad passend ab.
{{Box|1=Tabelle in einer Box|2=
{{(!}}class=wikitable
{{!-}}
{{!}} Zeile 1 / Spalte A
{{!}} Zeile 1 / Spalte B
{{!-}}
{{!}} Zeile 2 / Spalte A
{{!}} Zeile 2 / Spalte B
{{!)}}|3=Kurzinfo}}
<br>
===3.2 Spaltenbreite von Tabellen formatieren===
Sie können die Spaltenbreite einer Tabelle festlegen:<br>
[[Datei:Tabelle Spaltenbreite.png|rahmenlos|600x600px]]<br>
Dabei steht "width:..." für die Breite der Spalte in Prozent
Hinweise zur Formatierung der Spaltenbreite finden Sie [https://de.wikipedia.org/wiki/Hilfe:Tabellen_f%C3%BCr_Fortgeschrittene hier]<ref>https://de.wikipedia.org/wiki/Hilfe:Tabellen_f%C3%BCr_Fortgeschrittene<</ref>
 
*Kopieren Sie den Quelltext und ändern Sie ihn für Ihren Lernpfad passend ab:
 
{| class="wikitable"
|-
! style="width:10%" |10
! style="width:30%" |30
!Rest
|-
|A
|B
|C
|}
<br>
==4. Spalten einfügen==
1. Möglichkeit:<br>
[https://projekte.zum.de/wiki/Hilfe:Spalten Link zur Hilfeseite]<br>
[[Datei:Spalten einfügen 1.png|rahmenlos|600x600px]]
 
*Kopieren Sie den Quelltext und fügen Sie Ihren Inhalt entsprechend ein.
 
Beispiel 1:<br>
<div class="grid">
<div class="width-1-2">...</div>
<div class="width-1-2">...</div>
</div>
Beispiel 2:<br>
<div class="grid">
<div class="width-1-3">...</div>
<div class="width-1-3">...</div>
<div class="width-1-3">...</div>
</div>
Beispiel 3:<br>
<div class="grid">
<div class="width-1-6">...</div>
<div class="width-5-6">...</div>
</div>
 
2. Möglichkeit:<br>
[https://unterrichten.zum.de/wiki/Hilfe:Tabellen Link zur Informationsseite]<br>
[[Datei:Spalten einfügen 2.png|rahmenlos|600x600px]]<br>
[[Datei:Spalten einfügen 3.png|rahmenlos|600x600px]]<br>
 
 
==5. Button formatieren==
Informationen zum Formatieren von Buttons finden Sie auf den Hilfeseiten der Seite [https://unterrichten.zum.de/wiki/Hilfe:Link-Buttons unterrichten.zum.de]
 
==6. Vorlagen für den Chemieunterricht==
Verschiedene Vorlagen zum Thema Sicherheit finden Sie [https://unterrichten.zum.de/wiki/Chemie/Sicherheit_im_Chemie-Unterricht/Sicherheitsinformationen_mit_Kurzinfos hier]<ref>https://unterrichten.zum.de/wiki/Chemie/Sicherheit_im_Chemie-Unterricht/Sicherheitsinformationen_mit_Kurzinfos</ref>
<br>
Beispiel:<br>
{{Sicherheitsinfo|Schutzbrille|center}}<br>
 
*Kopieren Sie jeweils den entsprechenden Quelltext und fügen Sie ihn in Ihren Lernpfad ein.<br>
 
 
<references />

Aktuelle Version vom 18. April 2021, 16:53 Uhr



Die folgende Seite bietet eine Übersicht über weitere Formatierungsmöglichkeiten.

  • Icon und Farbe der Boxen ändern
  • Hinweise zur Navigation
  • Formatierungen von Tabellen (Spaltenbreite)
  • Button formatieren
  • Spalten einfügen
  • Vorlagen für den Chemie-Unterricht (Sicherheit)

1. Boxen formatieren

1.1 Icon(Bild) ändern

Das Icon der Box lässt sich ändern. Der Quelltext dazu lautet:
Icon ändern Quelltext.png
Dabei wird die Bezeichnung für das Icon jeweils ausgetauscht, hier also hdg-school.
Die Box sieht dann so aus:

Titel
Inhalt
  • Kopieren Sie den Quelltext und ändern Sie ihn passend ab.

Eine Sammlung an Icons finden Sie hier[1]

1.2 Farbe ändern

Die Farbe der Box lässt sich ändern. Der Quelltext dazu lautet:
Farbe der Boxen ändern.png Dabei wird die Bezeichnung für die Farbe jeweils ausgetauscht, hier also orange|dunkel.
Die Box sieht dann so aus:

Titel
Inhalt
  • Kopieren Sie den Quelltext und ändern Sie ihn passend ab.

Eine Sammlung an Farben finden Sie hier[2]

2. Navigation

Informationen zur Navigation finden Sie


3. Tabellen

3.1 Tabellen in Boxen

Tabellen in Boxen haben einen anderen Quelltext:
Tabelle in Boxen.png

  • Kopieren Sie den Quelltext und ändern Sie ihn für Ihren Lernpfad passend ab.
Tabelle in einer Box
Zeile 1 / Spalte A Zeile 1 / Spalte B
Zeile 2 / Spalte A Zeile 2 / Spalte B


3.2 Spaltenbreite von Tabellen formatieren

Sie können die Spaltenbreite einer Tabelle festlegen:
Tabelle Spaltenbreite.png
Dabei steht "width:..." für die Breite der Spalte in Prozent Hinweise zur Formatierung der Spaltenbreite finden Sie hier[3]

  • Kopieren Sie den Quelltext und ändern Sie ihn für Ihren Lernpfad passend ab:
10 30 Rest
A B C


4. Spalten einfügen

1. Möglichkeit:
Link zur Hilfeseite
Spalten einfügen 1.png

  • Kopieren Sie den Quelltext und fügen Sie Ihren Inhalt entsprechend ein.

Beispiel 1:

...
...

Beispiel 2:

...
...
...

Beispiel 3:

...
...

2. Möglichkeit:
Link zur Informationsseite
Spalten einfügen 2.png
Spalten einfügen 3.png


5. Button formatieren

Informationen zum Formatieren von Buttons finden Sie auf den Hilfeseiten der Seite unterrichten.zum.de

6. Vorlagen für den Chemieunterricht

Verschiedene Vorlagen zum Thema Sicherheit finden Sie hier[4]
Beispiel:


  • Kopieren Sie jeweils den entsprechenden Quelltext und fügen Sie ihn in Ihren Lernpfad ein.