Υφαίνοντας τον Ιστό

Συμμετοχή του σχολείου στο 11ο Μαθητικό Φεστιβάλ Ψηφιακής Δημιουργίας

Με απόλυτη επιτυχία στέφθηκε η συμμετοχή του σχολείου στο 11ο Μαθητικό Φεστιβάλ Ψηφιακής Δημιουργίας.

Το σχολείο εκπροσώπησαν οι μαθητές του εκπαιδευτικού ομίλου "Υφαίνοντας τον Ιστό":

Παπαγεωργίου Ευαγγελία
Σάσσαλου Βασιλική-Μαρία
Ρούτση Αρχαγγελική
Γιαννόπουλος Φίλιππος
Κανέλλη Ελένη
Διαμαντίκος Κωνσταντίνος
Πάτρος Λάμπρος
Τσαρούχης Σπυρίδων
Παπαγεωργίου Γεώργιος
Αρτόπουλος Χρήστος
Κυριαζάκος Χρύσανθος

οι οποίοι παρουσίασαν το έργο "Κύβοι HTML". Συντονιστής της μαθητικής ομάδας ήταν ο καθηγητής Δημήτρης Πανταζόπουλος.

Με την επίσκεψή τους μας τίμησαν μαθητές του σχολείου μας υπό την επίβλεψη του καθηγητή Ιωάννη Μαυρουδή.

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

Στο παρακάτω βίντεο, οι μαθητές του ομίλου παρουσίαζουν τους Κύβους HTML σε μαθητές άλλων σχολείων:

Υφαίνοντας τον Ιστό - Ιστοσελίδες Μαθητών

Παρουσιάζονται μερικές από τις εργασίες των μαθητών/τριων του ομίλου.

Για περισσότερες πληροφορίες διαβάστε το άρθρο: Υφαίνοντας τον Ιστό - Περιγραφή και Στόχοι.

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

Μαθητής/τρια:

ΑΡΤΟΠΟΥΛΟΣ ΧΡΗΣΤΟΣ

Ιστοσελίδες:

https://posa-lefta-exoun-bgalei-ta-anime.glitch.me/

https://kairos-tripoli-xristos.glitch.me/

https://pattern-wooden-behavior.glitch.me/

https://christmas-card-xristos.glitch.me/

Μαθητής/τρια:

ΔΙΑΜΑΝΤΙΚΟΣ ΚΩΝΣΤΑΝΤΙΝΟΣ

Ιστοσελίδες:

https://south-precious-pisces.glitch.me/

https://world-fags-kostisdiam.glitch.me/

https://my-solarsystem-bykostisdiam.glitch.me/

Μαθητής/τρια:

ΠΑΠΑΓΕΩΡΓΙΟΥ ΕΥΑΓΓΕΛΙΑ

Ιστοσελίδες:

https://countries-22.glitch.me/

https://greece-01.glitch.me/page2.html

https://per-table.glitch.me/

https://weather-forecast-01.glitch.me/

https://weather-forecast-01.glitch.me/

https://solar-system-22.glitch.me/

https://greece-01.glitch.me/

https://christmas-card-01.glitch.me/

https://itschristmas-time.glitch.me/

https://ev-business-card.glitch.me/

https://agelada-sth-thalassa-04.glitch.me/

Μαθητής/τρια:	ΡΟΥΤΣΗ ΑΡΧΑΓΓΕΛΙΚΗ
Ιστοσελίδες:	https://cats-and-dogs-facts.glitch.me/ https://mammoth-pear-steed.glitch.me/ https://lolmaoxd.glitch.me/ https://confirmed-windy-pawpaw.glitch.me/ https://merry-cristmas-you-filthy-animal.glitch.me/ https://angela-business-card.glitch.me/ https://agelada-sth-halassa-aggelikh.glitch.me/

Μαθητής/τρια:

ΣΑΣΣΑΛΟΥ ΒΑΣΙΛΙΚΗ-ΜΑΡΙΑ

Ιστοσελίδες:

Δελτίο Καιρού

Περιοδικός Πίνακας (Image maps)

Ραδιοφωνικό Πρόγραμμα

Χριστουγεννιάτικο Δέντρο

Σημαίες του Κόσμου

Αγελάδα στην Θάλασσα

Ηλιακό Σύστημα

Χριστουγεννιάτικη Κάρτα

Το Διάστημα

Αριθμομηχανή

Επαγγελματική Κάρτα

Μαθητής/τρια:	ΚΑΝΕΛΛΗ ΕΛΕΝΗ
Ιστοσελίδες:	https://helen3321-buisness-card.glitch.me/ https://iraklis.glitch.me/ https://helen3321-buisness-card.glitch.me/ https://a-cow-in-the-sea005.glitch.me/ https://honeysuckle-stealth-cent.glitch.me/ https://basalt-catkin-munchkin.glitch.me/ https://sweetcherry005.glitch.me/ https://nasal-pinnate-torta.glitch.me/ https://silky-gratis-celery.glitch.me/

Μαθητής/τρια:

ΠΑΠΑΓΕΩΡΓΙΟΥ ΓΕΩΡΓΙΟΣ

Ιστοσελίδες:

https://jolly-meteor-shrew.glitch.me/

https://thoracic-cubic-marmot.glitch.me/

https://glimmer-ring-button.glitch.me/

https://thoracic-cubic-marmot.glitch.me/

Μαθητής/τρια:

ΠΑΤΡΟΣ ΛΑΜΠΡΟΣ

Ιστοσελίδες:

https://lamrogaidakia-buisness-cad.glitch.me/

https://oxidized-full-stetson.glitch.me/

https://the-solar-system-greece.glitch.me/

https://foggy-decorous-aluminum.glitch.me/

https://picturesque-fortune-bull.glitch.me/

https://opalescent-hail-quartz.glitch.me/

Μαθητής/τρια:	ΤΣΑΡΟΥΧΗΣ ΣΠΥΡΙΔΩΝ
Ιστοσελίδες:	https://spiros.glitch.me/ https://spiros7-buisness-crd.glitch.me/ https://dear-fortune-biplane.glitch.me/ https://narrow-fog-citron.glitch.me/ https://grey-rocky-jaborosa.glitch.me/ https://faint-defiant-pest.glitch.me/ https://spiros-solar-system.glitch.me/ https://proximal-foamy-appliance.glitch https://shell-abundant-dogsled.glitch.me/ https://kairos-ths-ebdomadas.glitch.me/

Υφαίνοντας τον Ιστό - Κύβοι HTML

Θα μπορούσε κάποιος να μάθει την βασική δομή των ιστοσελίδων σε γλώσσα HMTL, χωρίς ηλεκτρονικό υπολογιστή;

ΝΑΙ, παίζοντας με τους κύβους HTML.

Οι μαθητές/τριες του ομίλου κατασκευάζουν δυο σετ από κύβους HTML, χρησιμοποιώντας ψαλίδι, χάρακα, κόλλα. Σε κάθε πλευρά ενός κύβου, αναγράφεται μια από τις βασικές ετικέττες HTML:

<HTML></HTML>
<STYLE></STYLE>
<P></P>
<TITLE></TITLE>
<BODY></BODY>
<TABLE></TABLE>
<TR></TR>
<TH></TH>
<TD></TD>
<THEAD></THEAD>
<TBODY></TBODY>

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

Οι κύβοι HTML θα παρουσιαστούν στο 11ο Μαθητικό Φεστιβάλ Ψηφιακής Δημιουργίας 2021-2022.

Υφαίνοντας τον Ιστό - Περιγραφή και Στόχοι

Ο εκπαιδευτικός όμιλος "Υφαίνοντας τον Ιστό" έχει ως στόχο του την γνωριμία των μαθητών και μαθητριών με τον ένα εκ των τριών πυλώνων του παγκόσμιου ιστού, την γλώσσα HTML (HyperText Markup Language).

Όλα ξεκινούν από την βασική δομή μιας ιστοσελίδας, η οποία γραμμένη σε γλώσσα HTML είναι η εξής:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<p>Hello, HTML</p>
</body>
</html>

Οι μαθητές/τριες με χρήση του ελεύθερου λογισμικού Glitch, μαθαίνουν να δημιουργούν τις δικές τους ευφάνταστες ιστοσελίδες. Γνωρίζουν τα εργαλεία προγραμματισμού των browsers, μαθαίνουν έννοιες όπως ο υπερσύνδεσμος και το υπερκείμενο, τεχνικές όπως η ενσωμάτωση πολυμέσων και γράφουν κώδικα HMTL αλλά και κανόνες CSS! Μέχρι στιγμής, έχουν υλοποιηθεί οι θεματικές:

Ο υπερ-ήρωας
Η επαγγελματική κάρτα
Το ηλιακό σύστημα
Χριστουγεννιάτικη κάρτα (εορταστικό)
Σημαίες του κόσμου
Αγελάδα στη θάλασσα
Η μηχανή αναζήτησης

Τέλος, στόχος και παραδοτέο του ομίλου αποτελούν οι κύβοι HTML και το παιχνίδι ταχύτητας με αυτούς.