Τομέας: Τεχνολογία

Τάξη: Γυμνάσιο

Μάθημα: Γλώσσα προγραμματισμού HTML

Χρονοδιάγραμμα: 40 λεπτά

Επισκόπηση μαθήματος

Χρησιμοποιώντας ένα μάθημα από το Codecademy, οι μαθητές θα αποκτήσουν βασικές γνώσεις για τη γλώσσα προγραμματισμού HTML. Μετά από αυτό, θα μάθουν πώς να δημιουργούν μια απλή ιστοσελίδα με βάση κάποιες προϋποθέσεις.

Στόχοι

Με την ολοκλήρωση αυτού του μαθήματος, οι μαθητές θα πρέπει να:

  • έχουν αποκτήσει βασικές γνώσεις σχετικά με τη γλώσσα προγραμματισμού HTML
  • μπορούν να δημιουργούν μια απλή ιστοσελίδα χρησιμοποιώντας τη γλώσσα HTML
  • μπορούν να ενσωματώνουν περιεχόμενο (βίντεο, εικόνες, πίνακες) στην ιστοσελίδα τους χρησιμοποιώντας τη γλώσσα HTML

Υλικά/πόροι

  • https://www.codecademy.com/learn/learn-html
  • Ηλεκτρονικές συσκευές (φορητοί υπολογιστές, τάμπλετ...) για τους μαθητές
  • Ηλεκτρονική συσκευή για τον/την εκπαιδευτικό
  • Ψηφιακός πίνακας

Δραστηριότητες μαθήματος

  1. Μάθημα από το Codecademy (στο σπίτι)
    Οι μαθητές θα παρακολουθήσουν το μάθημα για τη γλώσσα HTML στο σπίτι, ούτως ώστε να αποκτήσουν τις βασικές γνώσεις σχετικά με αυτή τη γλώσσα προγραμματισμού. Το μάθημα «Learn HTML» μπορείτε να το βρείτε στην ιστοσελίδα του Codecademy. Αυτό περιλαμβάνει την προσέγγιση της «αντεστραμμένης τάξης». Οι μαθητές θα πρέπει να έχουν μια ηλεκτρονική συσκευή για να παρακολουθήσουν το μάθημα.
  2. Δημιουργία ιστοσελίδας (25’)
    Οι μαθητές, σε ομάδες των 4, θα δημιουργήσουν μια ιστοσελίδα χρησιμοποιώντας γλώσσα HTML. Κάθε ιστοσελίδα πρέπει να περιλαμβάνει τα ακόλουθα:
    • Πίνακα
    • Εικόνα
    • Βίντεο από το YouTube
    • Τουλάχιστον 3 διαφορετικά είδη τίτλων.
    Αυτή η δραστηριότητα θα γίνει στην τάξη και η κάθε ομάδα θα χρησιμοποιεί έναν υπολογιστή.
  3. Παρουσιάζοντας την ιστοσελίδα (15’)
    Κάθε ομάδα θα παρουσιάσει στις άλλες ομάδες την ιστοσελίδα που δημιούργησε χρησιμοποιώντας γλώσσα HTML. Η παρουσίαση πρέπει να είναι σύντομη και η διάρκεια της θα εξαρτηθεί από τον αριθμό των ομάδων..

Οδηγίες για τους εκπαιδευτικούς

  • Μέσω της μεθοδολογίας της «αντεστραμμένης τάξης», οι μαθητές έχουν την ευκαιρία να παρακολουθήσουν με τον δικό τους ρυθμό το βίντεο-μάθημα, κάνοντας παύση όπου χρειάζεται.
  • Στη συνέχεια, στην τάξη, ο/η εκπαιδευτικός θα ελέγξει αν οι μαθητές έχουν συμπεριλάβει στη σελίδα τους όλα τα υποχρεωτικά στοιχεία. Αν παρατηρήσει κάποιο συχνό λάθος ή απορία, μπορεί να το εξηγήσει σε όλη την τάξη χρησιμοποιώντας έναν προβολέα ή τον πίνακα. Η ανατροφοδότηση θα δοθεί ταυτόχρονα σε όλους τους μαθητές.
  • Μέσω της ομαδικής εργασίας, οι μαθητές θα έχουν την ευκαιρία να αναπτύξουν δεξιότητες συνεργασίας, αποκτώντας παράλληλα βασικές γνώσεις για τη γλώσσα HTML. Επιπλέον, οι μαθητές μπορούν να επιλέξουν το θέμα της ιστοσελίδας τους, κάτι που θα ενισχύσει το κίνητρο και την ενεργό συμμετοχή τους.
  • Αν χρειαστεί, ο/η εκπαιδευτικός μπορεί να ζητήσει από τις ομάδες που τέλειωσαν νωρίς να συμπεριλάβουν περισσότερα στοιχεία στις ιστοσελίδες τους.
inner inner-partners