Τυπογραφία & Εφαρμογές
- Λεπτομέρειες
Κεφαλίδα 1 - Heading 1
Δείτε τον κώδικα
<h1>Κεφαλίδα 1 - Heading 1</h1>
Κεφαλίδα 2 - Heading 2
Δείτε τον κώδικα
<h2>Κεφαλίδα 2 - Heading 2</h2>
Κεφαλίδα 3 - Heading 3
Δείτε τον κώδικα
<h3>Κεφαλίδα 3 - Heading 3</h3>
Κεφαλίδα 4 - Heading 4
Δείτε τον κώδικα
<h4>Κεφαλίδα 4 - Heading 4</h4>
Κεφαλίδα 5 - Heading 5
Δείτε τον κώδικα
<h5>Κεφαλίδα 5 - Heading 5</h5>
Κεφαλίδα 6 - Heading 6
Δείτε τον κώδικα
<h6>Κεφαλίδα 6 - Heading 6</h6>
Μορφοποίηση - Αρίθμηση & Κουκκίδες
Αρίθμηση
- Εισαγωγή στις ΤΠΕ στην Εκπαίδευση
- Σχεδιασμός Εκπαιδευτικών Δραστηριοτήτων
Δείτε τον κώδικα
<ol> <li>Εισαγωγή στις ΤΠΕ στην Εκπαίδευση</li> <li>Σχεδιασμός Εκπαιδευτικών Δραστηριοτήτων</li> </ol>
Κουκκίδες (1)
- Ομαδοσυνεργατική μάθηση
- Χρήση ψηφιακών εργαλείων
Δείτε τον κώδικα
<ul class="ul-circle"> <li>Ομαδοσυνεργατική μάθηση</li> <li>Χρήση ψηφιακών εργαλείων</li> </ul>
Κουκκίδες (2)
- Ομαδοσυνεργατική μάθηση
- Χρήση ψηφιακών εργαλείων
Δείτε τον κώδικα
<ul class="ul-disc"> <li><Ομαδοσυνεργατική μάθηση<></li> <li><Χρήση ψηφιακών εργαλείων<></li> </ul>
Κουκκίδες (3)
- Διαδραστικότητα
- Ενεργητική συμμετοχή μαθητών
Δείτε τον κώδικα
<ul class="ul-square"> <li>Διαδραστικότητα</li> <li>Ενεργητική συμμετοχή μαθητών</li> </ul>
Κουκκίδες (4)
- Διαδραστικότητα
- Ενεργητική συμμετοχή μαθητών
Δείτε τον κώδικα
<ul class="ul-disclosure-closed"> <li>Διαδραστικότητα</li> <li>Ενεργητική συμμετοχή μαθητών</li> </ul>
Αλφαβητική Λατινική Σειρά (A, B, C)
- Σχεδιασμός
- Προετοιμασία
- Εκτέλεση
Δείτε τον κώδικα
<ol class="ol-upper-alpha"> <li>Σχεδιασμός</li> <li>Προετοιμασία</li> <li>Εκτέλεση</li> </ol>
Αλφαβητική Λατινική Σειρά (a, b, c)
- Σχεδιασμός
- Προετοιμασία
- Εκτέλεση
Δείτε τον κώδικα
<ol class="ol-lower-alpha"> <li>Σχεδιασμός</li> <li>Προετοιμασία</li> <li>Εκτέλεση</li> </ol>
Αλφαβητική Ελληνική Σειρά (α , β , γ)
- Σχεδιασμός Δραστηριότητας
- Αξιολόγηση
- Εκτέλεση
Δείτε τον κώδικα
<ol class="ol-lower-greek"> <li>Σχεδιασμός Δραστηριότητας</li> <li>Αξιολόγηση</li> <li>Εκτέλεση</li> </ol>
Αριθμητική Λατινική Σειρά (I, II, III)
- Αναστοχασμός
- Επανατροφοδότηση
Δείτε τον κώδικα
<ol class="ol-upper-roman"> <li>Αναστοχασμός</li> <li>Επανατροφοδότηση</li> </ol>
Αριθμητική Λατινική Σειρά (i, ii, iii)
- Υποστήριξη
- Καθοδήγηση
Δείτε τον κώδικα
<ol class="ol-lower-roman"> <li>Υποστήριξη</li> <li>Καθοδήγηση</li> </ol>
Λίστα με Σύμβολο
- Υποστήριξη
- Καθοδήγηση
- Αναστοχασμός
- Επανατροφοδότηση
Δείτε τον κώδικα
<div class="row"> <ul class="arrow-list"> <li>Υποστήριξη</li> <li>Καθοδήγηση</li> <li>Αναστοχασμός</li> <li>Επανατροφοδότηση</li> </ul> </div>
3 Στήλες - Λίστες με Σύμβολο
Διδακτικές Δεξιότητες
- Διαχείριση Τάξης
- Διαφοροποιημένη Διδασκαλία
- Χρήση Τεχνολογίας στη Μάθηση
- Ενίσχυση Κριτικής Σκέψης
Παιδαγωγικά Εργαλεία
- Σχέδια Μαθήματος
- Εργαλεία Αξιολόγησης
- Διαθεματικές Προσεγγίσεις
- Ψηφιακές Πλατφόρμες
Ανάπτυξη Μαθητών
- Κοινωνική & Συναισθηματική Μάθηση
- Ενίσχυση Δημιουργικότητας
- Καλλιέργεια Ενσυναίσθησης
- Στήριξη Μαθησιακών Αναγκών
Δείτε τον κώδικα
<h4>3 Στήλες - Λίστες με Σύμβολο </h4> <div class="row"> <div class="col-md-4 mb-4"> <h5>Διδακτικές Δεξιότητες</h5> <ul class="arrow-list"> <li>Διαχείριση Τάξης</li> <li>Διαφοροποιημένη Διδασκαλία</li> <li>Χρήση Τεχνολογίας στη Μάθηση</li> <li>Ενίσχυση Κριτικής Σκέψης</li> </ul> </div> <div class="col-md-4 mb-4"> <h5>Παιδαγωγικά Εργαλεία</h5> <ul class="arrow-list"> <li>Σχέδια Μαθήματος</li> <li>Εργαλεία Αξιολόγησης</li> <li>Διαθεματικές Προσεγγίσεις</li> <li>Ψηφιακές Πλατφόρμες</li> </ul> </div> <div class="col-md-4 mb-4"> <h5>Ανάπτυξη Μαθητών</h5> <ul class="arrow-list"> <li>Κοινωνική & Συναισθηματική Μάθηση</li> <li>Ενίσχυση Δημιουργικότητας</li> <li>Καλλιέργεια Ενσυναίσθησης</li> <li>Στήριξη Μαθησιακών Αναγκών</li> </ul> </div> </div>
Προβολή περιεχομένου σε 2 Στήλες
Στήλη 1
Η πρώτη στήλη μπορεί να περιέχει επεξηγήσεις, βασικούς ορισμούς ή στόχους του μαθήματος.
Στήλη 2
Η δεύτερη στήλη μπορεί να αναφέρει παραδείγματα, δραστηριότητες ή βοηθητικό υλικό.
Δείτε τον κώδικα
<div class="row"> <div class="col-md-6 mb-3"> <h4>Στήλη 1</h4> <p>Η πρώτη στήλη μπορεί να περιέχει επεξηγήσεις, βασικούς ορισμούς ή στόχους του μαθήματος.</p> </div> <div class="col-md-6 mb-3"> <h4>Στήλη 2</h4> <p>Η δεύτερη στήλη μπορεί να αναφέρει παραδείγματα, δραστηριότητες ή βοηθητικό υλικό.</p> </div> </div>
Προβολή περιεχομένου σε 3 Στήλες (Α)
Στήλη 1
Σημεία προετοιμασίας εκπαιδευτικού
Στήλη 2
Πληροφορίες για τους μαθητές
Στήλη 3
Πρόσθετο υλικό ή διασυνδέσεις
Δείτε τον κώδικα
<h4>Προβολή περιεχομένου σε 3 Στήλες</h4> <div class="row"> <div class="col-md-4 mb-3"> <h4>Στήλη 1</h4> <p>Σημεία προετοιμασίας εκπαιδευτικού</p> </div> <div class="col-md-4 mb-3"> <h4>Στήλη 2</h4> <p>Πληροφορίες για τους μαθητές</p> </div> <div class="col-md-4 mb-3"> <h4>Στήλη 3</h4> <p>Πρόσθετο υλικό ή διασυνδέσεις</p> </div> </div>
Προβολή περιεχομένου σε 3 Στήλες (Β)
Παιδαγωγική
- Διαχείριση Τάξης
- Τεχνικές για οργάνωση και θετικό μαθησιακό κλίμα
- Διαφοροποίηση
- Προσαρμογή διδασκαλίας στις ανάγκες των μαθητών
Μαθησιακά Εργαλεία
- Διαδραστικοί Πίνακες
- Τεχνολογία που ενισχύει τη συμμετοχή στην τάξη
- Ψηφιακά Βιβλία
- Εκπαιδευτικό υλικό σε ηλεκτρονική μορφή
Ανάπτυξη Μαθητή
- Ενσυναίσθηση
- Ικανότητα κατανόησης και σεβασμού του άλλου
- Δημιουργικότητα
- Καλλιέργεια φαντασίας και καινοτομικής σκέψης
Δείτε τον κώδικα
<h4>3 Στήλες με Περιγραφικές Λίστες</h4> <div class="row"> <div class="col-md-4"> <h5>Παιδαγωγική</h5> <dl> <dt>Διαχείριση Τάξης</dt> <dd>Τεχνικές για οργάνωση και θετικό μαθησιακό κλίμα</dd> <dt>Διαφοροποίηση</dt> <dd>Προσαρμογή διδασκαλίας στις ανάγκες των μαθητών</dd> </dl> </div> <div class="col-md-4"> <h5>Μαθησιακά Εργαλεία</h5> <dl> <dt>Διαδραστικοί Πίνακες</dt> <dd>Τεχνολογία που ενισχύει τη συμμετοχή στην τάξη</dd> <dt>Ψηφιακά Βιβλία</dt> <dd>Εκπαιδευτικό υλικό σε ηλεκτρονική μορφή</dd> </dl> </div> <div class="col-md-4"> <h5>Ανάπτυξη Μαθητή</h5> <dl> <dt>Ενσυναίσθηση</dt> <dd>Ικανότητα κατανόησης και σεβασμού του άλλου</dd> <dt>Δημιουργικότητα</dt> <dd>Καλλιέργεια φαντασίας και καινοτομικής σκέψης</dd> </dl> </div> </div>