Βασικές μορφοποιήσεις με την html (Σενάριο Μαθήματος)

Αντικείμενο Διδασκαλίας:
Δημιουργία Ιστοσελίδας – γλώσσα html
Βασικές μορφοποιήσεις με την html

Σφακιανάκης Μανόλης
Φρεσκάκης Δημήτρης

Βαθμίδα/Τάξη:
Β΄ ΕΠΑ.Λυκείου

Γνωστικό Υπόβαθρο μαθητών:
Χρήση Η/Υ, Χρήση Διαδικτύου ( Φυλλομετρητή, αναζήτηση πληροφορικών κλπ), Επεξεργασία κειμένου, φύλλα εργασίας.

Διδακτικοί στόχοι του μαθήματος:
Να κατανοήσουν καλύτερα την έννοια της ετικέτας-οδηγίας,
να μάθουν τις βασικές ετικέτες μορφοποίησης b, u, i, font , hr,
να εξασκηθούν στην χρήση τους
και να οδηγούνται πιο εύκολα στην σωστή επιλογή τους

Διδακτικές Τεχνικές/Προσεγγίσεις:
Εισήγηση,
Παρουσίαση των παραπάνω ετικετών και επεξήγηση της χρήσης και λειτουργίας τους με παραδείγματα στον πίνακα.
Εργασία σε Ομάδες,
• Με χρήση φυλλομετρητή οι μαθητές θα επισκεφτούν την ιστοσελίδα του σχολείου και θα αναγνωρίσουν τις παραπάνω ετικέτες στον κώδικα της σελίδας.
• Να συμπληρωθεί και να βρεθούν τα λάθη στον εννοιολογικό χάρτη που θα δοθεί

Χρονοπρογραμματισμός Διδασκαλίας
Διάρκεια διδασκαλίας: 2 διδακτικές ώρες

Εποπτικά και Διδακτικά μέσα:
Πίνακας, Υπολογιστές, Φυλλομετρητής, Φύλλο Εργασίας & Φύλλο Αξιολόγησης (Εργασία για το σπίτι) που έχει σχεδιαστεί από τον εκπαιδευτικό.


Αξιολόγηση:
Θα δοθεί φύλλο αξιολόγησης στο οποίο θα ζητείται από τον μαθητή να φτιάξει μια απλή ιστοσελίδα κάνοντας χρήση του κειμενογράφου «Σημειωματάριο», παρουσιάζοντας τον εαυτό του (τα στοιχεία του) κάνοντας χρήση των παραπάνω μορφοποιήσεων καθώς και της προηγούμενης γνώσης πάνω στην html.


Φύλλο Εργασίας

Θα πρέπει να δημιουργηθούν ομάδες εργασίας των δύο μαθητών ανά Η/Υ και κάθε ομάδα καλείται να ασχοληθεί με τις δύο παρακάτω εργασίες:

• Ανοίξτε τον φυλλομετρητή που είναι εγκαταστημένος στον Η/Υ σας και μεταβείτε στην ιστοσελίδα του σχολείου μας (δίδετε). Δέστε τον κώδικα της σελίδας και αναγνωρίστε πέντε (5) μορφοποιήσεις με τις ετικέτες που διδαχτήκατε σήμερα. Εξηγήστε τι περιμένετε απ’ αυτές τις μορφοποιήσεις και στη συνέχεια διαπιστώστε την ορθότητάς τους στην κεντρική σελίδα.

• Δίνετε ο παρακάτω εννοιολογικός χάρτης.




Καλείστε να συμπληρώσετε τα κενά κελιά και να διαπιστώσετε αν τυχόν υπάρχουν λάθη στον παραπάνω πίνακα.



Φύλλο Αξιολόγησης

Χρησιμοποιώντας ένα οποιονδήποτε κειμενογράφο(συνιστάται ο κειμενογράφος «Σημειωματάριο»), προσπαθήστε να φτιάξετε ένα βιογραφικό με τα βασικά στοιχεία σας, όπως: ονοματεπώνυμο, ηλικία, σχολείο, τάξη, δ/νση κατοικίας, τηλ. επικοινωνίας, ενδιαφέροντα – χόμπι και ότι άλλο εσείς θεωρείτε ως αξιόλογο.
Στην κορυφή η ιστοσελίδα θα ξεκινάει με την επικεφαλίδα ΒΙΟΓΡΑΦΙΚΟ ΣΗΜΕΙΩΜΑ.
Θα πρέπει να προσέξουμε να κάνουμε ορθή χρήση των ετικετών μορφοποίησης έτσι ώστε το τελικό αποτέλεσμα να είναι αισθητικά όσο το δυνατόν πιο άρτιο.