Sequence: Εισαγωγή Εικόνας σε Ιστοσελίδα με κώδικα html
Sequence Information Sequence: Εισαγωγή Εικόνας σε Ιστοσελίδα με κώδικα html Description: Run time: 45'
Delivery Mode: Classroom (Teacher-led)
Resources:
Outline of Activities: Η ακολουθία αυτή στοχεύει στη διδασκαλία της ετικέτας <img> της γλώσσας HTML, εστιάζοντας στη χρήση και διαχείριση εικόνων στις ιστοσελίδες. Οι μαθητές μαθαίνουν πώς να εισάγουν εικόνες από τοπικά αρχεία ή URLs, να προσαρμόζουν το μέγεθός τους και να χρησιμοποιούν εναλλακτικό κείμενο (alt) για προσβασιμότητα.
Η ακολουθία περιλαμβάνει:
Εισαγωγική παρουσίαση για τη σημασία των εικόνων στις ιστοσελίδες.
Επεξήγηση των χαρακτηριστικών src, alt, width και height με παραδείγματα HTML.
Ερωτήσεις κατανόησης με πολλαπλή επιλογή.
Δραστηριότητα δημιουργίας αρχείου HTML, όπου οι μαθητές εφαρμόζουν όσα έμαθαν.
Προαιρετική δραστηριότητα δημιουργίας γκαλερί εικόνων για τους μαθητές που θέλουν να εμβαθύνουν.
Τελικό ερωτηματολόγιο αναστοχασμού και αξιολόγησης.
Η ακολουθία χρησιμοποιεί Πύλη (Gate) για την παροχή επιλογής στους μαθητές, επιτρέποντάς τους να επιλέξουν αν θα συμμετάσχουν στην προαιρετική δραστηριότητα ή θα προχωρήσουν στη σύνοψη και την αξιολόγηση.Διδακτικοί Στόχοι:
Κατανόηση της λειτουργίας της ετικέτας <img> και των βασικών χαρακτηριστικών της.
Απόκτηση δεξιοτήτων στην εισαγωγή και προσαρμογή εικόνων σε HTML.
Ανάπτυξη καλών πρακτικών προσβασιμότητας στις ιστοσελίδες.
Διάρκεια: 45 λεπτά
Η ακολουθία είναι κατάλληλη για μαθητές ΕΠΑ.Λ, Β' τάξης, στο μάθημα Σχεδιασμός και Ανάπτυξη Ιστοτόπων.Author view:
Audience: High school Subjects: Computer sciences Education Language: Greek LAMS Version: 4.8 License: Attribution-Noncommercial-ShareAlike
Support Files: No files Sharing with: Everyone in Public Status: Active Average Rating: (4.75). Based on 4 reviews. Number of downloads: 2 times Number of previews: 4 times Authored By: ΕΛΕΝΗ ΚΟΛΟΒΟΥ
Date: 06 February 2025 01:18 PM User Comments on Εισαγωγή Εικόνας σε Ιστοσελίδα με κώδικα html sequence