Παρουσίαση/Προβολή

Περιεχόμενο μαθήματος

Το μάθημα αποτελείται από 30 διδακτικές ενότητες, καθεμία από τις οποίες περιλαμβάνει θεωρητικό υλικό και πρακτική άσκηση. Σταδιακά, οι μαθητές θα γνωρίσουν τις βασικές έννοιες της HTML και θα μάθουν να δημιουργούν τις δικές τους ιστοσελίδες.

🔹 Εισαγωγή στην HTML

🔹 Βασικές ετικέτες HTML

🔹 Δομή και μορφοποίηση περιεχομένου

🔹 Τελική Εργασία

Το μάθημα είναι σχεδιασμένο ώστε να είναι διαδραστικό και πρακτικό, βοηθώντας τους μαθητές να αποκτήσουν ουσιαστική εμπειρία στη δημιουργία ιστοσελίδων.

Μαθησιακοί στόχοι

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

✅ Κατανοούν τη βασική δομή και τη λειτουργία της HTML.
✅ Χρησιμοποιούν τις κύριες ετικέτες HTML για τη δημιουργία ιστοσελίδων.
✅ Δημιουργούν επικεφαλίδες και να οργανώνουν σωστά το περιεχόμενο μιας σελίδας.
✅ Εφαρμόζουν βασική μορφοποίηση κειμένου (έντονα, πλάγια, υπογραμμισμένα κ.λπ.).
✅ Διαχειρίζονται λίστες (τακτοποιημένες και μη τακτοποιημένες).
✅ Αλλάζουν το χρώμα και τη γραμματοσειρά του κειμένου.
✅ Ευθυγραμμίζουν το κείμενο και να ελέγχουν τη διάταξή του στη σελίδα.
✅ Εισάγουν και να διαχειρίζονται εικόνες σε ιστοσελίδες.
✅ Δημιουργούν και να χρησιμοποιούν υπερσυνδέσμους για πλοήγηση μεταξύ σελίδων.
✅ Κατασκευάζουν πίνακες για την οργάνωση δεδομένων.
✅ Σχεδιάζουν και να παραδίδουν μια ολοκληρωμένη ιστοσελίδα.

Το μάθημα δίνει έμφαση στη δομή και μορφοποίηση περιεχομένου με HTML, προσφέροντας μια πρακτική εισαγωγή στη δημιουργία ιστοσελίδων.

Μέθοδοι διδασκαλίας

Το μάθημα ακολουθεί μια δομημένη και πρακτική προσέγγιση στη διδασκαλία της HTML, με έμφαση στην κατανόηση μέσα από την πράξη. Οι κύριες μέθοδοι που θα χρησιμοποιηθούν είναι:

✅ Θεωρητική παρουσίαση
Κάθε μάθημα ξεκινά με ένα αρχείο Word που περιλαμβάνει βασικές έννοιες και ετικέτες HTML, ώστε οι μαθητές να αποκτούν σταδιακά τις γνώσεις που χρειάζονται.

✅ Καθοδηγούμενη πρακτική
Μετά τη θεωρία, οι μαθητές εφαρμόζουν τις γνώσεις τους μέσα από καθοδηγούμενες ασκήσεις, όπου καλούνται να γράψουν και να δοκιμάσουν κώδικα HTML.

✅ Αυτοτελείς ασκήσεις
Κάθε μάθημα περιλαμβάνει μια άσκηση που οι μαθητές ολοκληρώνουν ατομικά, εφαρμόζοντας τις νέες γνώσεις τους.

✅ Βήμα προς βήμα οικοδόμηση γνώσεων
Το μάθημα είναι σχεδιασμένο με προοδευτική δυσκολία, ώστε οι μαθητές να ξεκινούν από απλές έννοιες και σταδιακά να προχωρούν σε πιο σύνθετες δομές HTML.

✅ Εργασία ως τελική αξιολόγηση
Στο τέλος των μαθημάτων, οι μαθητές δημιουργούν μια ολοκληρωμένη ιστοσελίδα, είτε σε ελεύθερο θέμα είτε σε θέμα που θα καθοριστεί από τον εκπαιδευτικό.

✅ Αξιοποίηση της πλατφόρμας eClass
Όλο το υλικό (σημειώσεις, ασκήσεις, ανακοινώσεις) είναι διαθέσιμο μέσω της πλατφόρμας eClass, ώστε οι μαθητές να έχουν πρόσβαση οποιαδήποτε στιγμή.

Προαπαιτούμενα

Το μάθημα δεν απαιτεί προηγούμενες γνώσεις προγραμματισμού και είναι κατάλληλο για αρχάριους.

Ωστόσο, είναι επιθυμητό οι μαθητές να διαθέτουν:
✅ Βασικές γνώσεις χρήσης υπολογιστή (π.χ. διαχείριση αρχείων, χρήση πληκτρολογίου και ποντικιού).
✅ Ικανότητα πλοήγησης στο διαδίκτυο.
✅ Βασική εξοικείωση με έναν επεξεργαστή κειμένου (π.χ. Word, Notepad).

Όλα τα απαραίτητα εργαλεία και οι έννοιες θα εξηγηθούν από την αρχή, ώστε όλοι οι μαθητές να μπορούν να παρακολουθήσουν το μάθημα χωρίς δυσκολία.

Ομάδα στόχος

Το μάθημα απευθύνεται σε:

✅ Μαθητές Γυμνασίου και Λυκείου που θέλουν να αποκτήσουν βασικές γνώσεις στη δημιουργία ιστοσελίδων με HTML.
✅ Αρχάριους χρήστες υπολογιστών που δεν έχουν προηγούμενη εμπειρία στον προγραμματισμό αλλά ενδιαφέρονται να μάθουν πώς να δημιουργούν και να δομούν περιεχόμενο για το διαδίκτυο.
✅ Μαθητές με ενδιαφέρον για την τεχνολογία και το web design, οι οποίοι θέλουν να κάνουν τα πρώτα τους βήματα στην ανάπτυξη ιστοσελίδων.

Το μάθημα είναι σχεδιασμένο με απλό και κατανοητό τρόπο, ώστε να μπορούν να το παρακολουθήσουν όλοι ανεξαρτήτως προηγούμενης εμπειρίας.

Προτεινόμενα συγγράμματα

ο μάθημα βασίζεται σε διαδραστικό υλικό που παρέχεται μέσω της πλατφόρμας eClass, επομένως δεν απαιτείται η αγορά κάποιου συγκεκριμένου βιβλίου.

Ωστόσο, για όσους επιθυμούν επιπλέον μελέτη, προτείνονται τα εξής:

📘 Ελληνικά Βιβλία & Σημειώσεις

• "Εισαγωγή στην HTML" – Εκπαιδευτικό υλικό του μαθήματος (παρέχεται μέσω eClass).

• Σημειώσεις Πληροφορικής Γυμνασίου & Λυκείου – Υπουργείο Παιδείας & Θρησκευμάτων.

📗 Διαδικτυακές Πηγές (Δωρεάν)

• W3Schools – HTML Tutorial (Αγγλικά)