1ο-Μαθαίνω+HMTL...

@http://playing-with-html.blogspot.com/



Ειδικότερα οι μαθητές μετά την χρήση του εκπαιδευτικού υλικού θα πρέπει να είναι σε θέση να: Συγκεκριμένα η άσκηση με τη σημαία μπορεί να θεωρηθεί μια __συνδυαστική επαναληπτική άσκηση__ στην κατασκευή πινάκων με γλώσσα HTML.
 * ** Τίτλος Μαθησιακού Αντικειμένου: ** || Βlog για την εξάσκηση των μαθητών στην HTML ||
 * < ** Δημιουργός **: || Μακρυκώστα Άννα (M1118) ||
 * **Βαθμίδα Εκπαίδευσης**
 * που μπορεί να χρησιμοποιηθεί:** || Λύκειο (ή & Γυμνάσιο) ||
 * ** Γνωστικό Αντικείμενο: ** || Δημιουργία ιστοσελίδων με την χρήση της HTML ||
 * **Έννοιες που αφορά:** || tags της html και κάποιες ιδιότητές τους σε πρακτική εφαρμογή ||
 * ** Μαθησιακοί Στόχοι: ** || Να αντιληφθούν έρθουν σε επαφή οι μαθητές τις ιδιότητες των εντολών της html μέσα από παραδείγματα και να μπορέσουν να τις εφαρμόσουν σε ιστοσελίδες που θα δημιουργήσουν οι ίδιοι μετέπειτα.
 * 1) Έχουν καταλάβει χρησιμοποιήσει τις νέες εντολές που συνάντησαν σε αυτή τη δραστηριότητα και να μπορούν να συντάξουν παρόμοιο κείμενο κώδικα με αυτό των ασκήσεων.
 * 2) Επομένως να είναι σε θέση να τις χρησιμοποιήσουν σε ίδια ή και παρεμφερή παραδείγματα για να κατασκευάσουν τις δικές τους ιστοσελίδες
 * 3) Να έχουν κατανοήσει μπορούν να διακρίνουν την προσφορά χρήση και εφαρμογή αυτών των εντολών αυτών στην μορφοποίηση αντικειμένων, σε ιστοσελίδες κατασκευασμένες με HTML. ||
 * ** Εργαλείο που χρησιμοποιήθηκε: ** || Blogspot ||
 * ** Συμπληρωματικό υλικό: ** || To εκπαιδευτικό αυτό εργαλείο __δεν μπορεί να χρησιμοποιηθεί αποκλειστικά για την εκμάθηση των σχετικών αντικειμένων__, __αλλά αποτελεί συμπληρωματικό υλικό το ίδιο για την //εξάσκηση// των μαθητών σε θέματα που έχουν ξεκινήσει να δουλεύουν σε ποιο απλή μορφή__.

Επιλέχθηκε δε το blog για την παρουσίαση του Project ούτως ώστε να έχουν οι μαθητές την δυνατότητα και να δουν την εκτέλεση της άσκησης βηματικά, αλλά και να χρησιμοποιήσουν τμήματα του κώδικα που παρουσιάζεται για να την εκτελέσουν οι ίδιοι. Επιπλέον προσφέρεται και η δυνατότητα συζήτησης για πιθανές απορίες που θα προκύψουν, διαφωνίες ή εναλλακτικούς τρόπους εκτέλεσης της εργασίας.

Οι μαθητές πολλές φορές ψάχνουν την πρακτική εφαρμογή χρήσης κάποιων εντολών (π.χ. γιατί να χρωματίσω τα κελιά ενός πίνακα διαφορετικά ή γιατί να συγχωνεύσω κελιά, σε ποια περίπτωση θα έβλεπα μια εικόνα πάνω στην ιστοσελίδα μου να κινείται;) Ενώ στην πραγματικότητα το ζητούμενο είναι τα παιδιά να μπορέσουν να αποκτήσουν & να εφαρμόσουν την συνδυαστική σκέψη και όχι μόνο να εκτελέσουν το σύνολο των εντολών (π.χ. έμαθα πως δίνω κίνηση στο κείμενο και ξέρω να εισάγω και εικόνα στην ιστοσελίδα, πως αυτά μπορούν να συνδυαστούν; Με αυτή τη δραστηριότητα εμείς τους δίνουμε αφορμή να σκεφτούν).

Σε σχέση με το εργαλείο δεν μπορούμε να πούμε ότι υπήρχαν περιορισμοί μιας και θα μπορούσαμε ακόμα και να ανεβάζαμε το αποτέλεσμα τις κάθε ιστοσελίδας και να το συνδέσουμε με κάποιο link για να το βλέπουν και πρακτικά οι μαθητές. Βέβαια τότε δεν θα υπήρχε η πρόκληση της δοκιμής.

Ως προς τη χρήση του εργαλείου πέρα από τις δυνατότητές του, είναι ένα ιδιαίτερα εύχρηστο εργαλείο με πολλές επιλογές. Το μόνο που απαιτεί είναι τη δημιουργία ενός google λογαριασμού στην περίπτωση που κάποιος δεν έχει για την δημιουργία του blog. Στην συνέχεια υπάρχει η δυνατότητα να εμπλουτιστεί και με κάποια gadgets για την ολοκλήρωση της σελίδας μας πέρα από τα βασικά εργαλεία που δίνουν όλα τα blog.

Ο βαθμός ευχρηστίας του site είναι τέτοιος που επιτρέπει ακόμα και σε κάποιον που δεν είναι ιδιαίτερα εξοικειωμένος με την τεχνολογία να δημιουργήσει ένα blog με το περιεχόμενο που επιθυμεί. ||

**Αξιολογήστε εδώ το εκπαιδευτικό αντικείμενο και την επάρκειά του!** include component="comments" page="1ο-Μαθαίνω HMTL..." limit="10"

**Θα επιλέγατε το blog αυτό για τη διδασκαλία της HTML;** media type="custom" key="7917155"



** Βελτίωση Αντικειμένου & Αξιολόγηση Αξιολογητών ** Κρίνετε ενδιαφέρον και χρήσιμο το συγκεκριμένο αντικείμενο; Πολύ 60% (3 ψήφοι) & Αρκετά 40% (2 ψήφοι)  Δυστυχώς δεν ψήφισαν ούτε καν όσοι το αξιολόγησαν ||
 * Ανάρτηση νέου link Νέα έκδοση blog ||
 * Αποτελέσματα Ψηφοφορίας:
 * < Κύρια Σημεία της Αξιολόγησης που έλαβα:

> Για τον λόγο αυτό λείπουν και βασικές διαδικασίες όπως οι αρχικές οδηγίες για τη δημιουργία της ιστοσελίδας με τη χρήση ενός editor Και ενός browser.
 * 1) Ως προς τον ορισμό των στόχων έπρεπε να γίνει κάποια πιο συγκεκριμένη τοποθέτηση για τους ειδικούς στόχους
 * 2) Ως προς την ομάδα στην οποία απευθύνεται οι περισσότεροι από τους αξιολογητές έκριναν ότι το εργαλείο είναι κατάλληλο για το Λύκειο θεωρώντας τα παραδείγματα εξειδικευμένα. Παρόλα αυτά τα συγκεκριμένα παραδείγματα διδάσκονται ως τελευταίες επαναληπτικές ασκήσεις για τις συγκεκριμένες εντολές στην βαθμίδα του γυμνασίου. Η εμπειρία έχει δείξει ότι ως τελευταία άσκηση εφόσον έχουν προηγηθεί η διδασκαλία και απλούστερες ασκήσεις οι μαθητές δεν αντιμετωπίζουν προβλήματα στην εκτέλεσή τους και τις βρίσκουν και ενδιαφέρουσες ως εφαρμογές.
 * 3) Παρατηρήθηκε επίσης (σωστά) ότι καλό θα ήταν να υπάρχει κάποιου είδους ευρετήριο εντολών για την αρχική και πλήρη επεξήγηση αυτών καθώς και των ιδιοτήτων τους πριν αυτές χρησιμοποιηθούν στις ασκήσεις. Βέβαια το blog αναφέραμε ότι δεν λειτουργεί αυτόνομα για την εκμάθηση της html αλλά αποτελεί συνοδευτικό εργαλείο για την πραγματοποίηση - ανάρτηση ασκήσεων, ιδεών και συζήτησης επάνω σε αυτές.
 * 1) Ως προς την πρόταση για κάποιο link με επιπλέον ασκήσεις εξάσκησης, να παρατηρήσουμε ότι αυτό ακριβώς αποτελεί το blog. Οι μαθητές καλούνται να πραγματοποιήσουν - υλοποιήσουν τα παραδείγματα που έχουν αναρτηθεί και να ξεκινήσουν συζήτηση για προβλήματα που ενδεχομένως θα αντιμετωπίσουν ή για φαινόμενα που θα παρατηρήσουν. Παρόλα αυτά μπορεί να εμπλουτιστεί και με κάποια επιπλέον παραδείγματα από την πλευρά του εκπαιδευτικού.
 * 2) Ως προς τις προτάσεις εμπλουτισμού υπήρχαν κάποιες πολύ ενδιαφέρουσες προτάσεις, όπως της εμφάνισης του κώδικα με διαφορετικά χρώματα στις εντολές (όπως π.χ. εμφανίζονται στην προβολή κώδικα του Mozilla Firefox) για να είναι πιο ξεκάθαρο το κομμάτι της παρουσίασης του κώδικα. Η ανάγκη περιγραφής όσων εντολών χρησιμοποιούνται και κάποιων επιπλέον σε μορφή παραδειγμάτων θα μπορούσε να εμφανιστεί-καλυφθεί με το ευρετήριο που προαναφέρθηκε.
 * 3) Τέλος έγιναν κάποιες παρατηρήσεις για το συμπληρωματικό υλικό και ειδικά για τον τρόπο με τον οποίο θα χρησιμοποιηθεί το blog και το πως αυτό παρουσιάστηκε στην ανάρτηση των οδηγιών από τον διαχειριστή του. Στο blog δίνονται κάποιες οδηγίες, θα γίνει μια προσπάθεια να δοθούν σαφέστερες. Ως προς το χαρακτηρισμό του ως project, η κατηγοριοποίηση αυτή έγινε από τις εκπαιδεύτριες μας.
 * 4) Κάποια συμπληρωματικά σχόλια δόθηκαν και στη σελίδα discussion. ||
 * < Αλλαγές που έγιναν ή δεν έγιναν στη σελίδα & στο αντικείμενο και αιτιολόγηση

Η σελίδα τροποποιήθηκε κυρίως με βάση τις παραινέσεις των αξιολογητών. Προστέθηκε μια ανάρτηση με ένα ευρετήριο εντολών. Κρίθηκε απαραίτητη και χρήσιμη η ύπαρξη ενός πίνακα αναφοράς στα Tags που χρησιμοποιούνται. Επίσης χρωματίστηκε ο κώδικας με διάφορα χρώματα (ανάλογα με τη χρήση της κάθε εντολής) για να μην εμφανίζεται ο κώδικας ως ένα μονοκόμματο τμήμα κώδικα χωρίς διαχωρισμούς. Στην εισαγωγική σελίδα (Ανάρτηση [|HTML: Minimal σελίδες με ιδιαιτερότητες!]) προστέθηκαν κάποιες οδηγίες για την χρήση του κώδικα και τον τρόπο που θα χρησιμοποιήσουν το υλικό οι μαθητές. Όσον αφορά στο υποστηρικτικό υλικό και τις περισσότερες ασκήσεις δεν άλλαξε κάτι στο blog για 2 λόγους. Όπως αναφέρεται στον πίνακα για το συμπληρωματικό υλικό (από την έναρξη δημιουργίας της σελίδας) το αντικείμενο ακολουθεί τα μαθήματα ως επαναληπτικές ασκήσεις. Επιπλέον θα μπορούσε να εμπλουτιστεί με επιπλέον παραδείγματα αλλά η πίεση χρόνου δεν επέτρεψε την προσθήκη κι άλλων ασκήσεων. || Έλαβα αξιολογήσεις από τους ακόλουθους αξιολογητές:
 * < Συνοπτική κρίση της αξιολόγησης που έλαβα και ποιοτικός χαρακτηρισμός (Κακή, Αδιάφορη, Μέτρια, Καλή, Πολύ καλή)


 * 1) <span style="color: #1d4577; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;">stasinou_k: Πολύ καλή, εντόπισε κυρίως τα θετικά στοιχεία της ιστοσελίδας και περιέγραψε την άποψη της.
 * 2) <span style="color: #1d4577; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;">akoulos: Μέτρια αξιολόγηση, ιδιαίτερα λακωνικός χωρίς προτάσεις για τη βελτίωση του αντικειμένου.
 * 3) <span style="color: #1d4577; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;">grammatiki: Ουσιαστική αξιολόγηση με λεπτομέρειες για τα θετικά στοιχεία της σελίδας αλλά και τα κενά - ελλείψεις της.
 * 4) <span style="color: #1d4577; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;">rgog: Πολύ καλή αξιολόγηση αλλά περιορισμένη στα μισά κριτήρια με χρήσιμες όμως προτάσεις
 * 5) <span style="color: #1d4577; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;">VanPap: Μέτρια αξιολόγηση κυρίως λόγω των αναιτιολόγητων σχολίων (κάποια από αυτά).
 * 6) <span style="color: #1d4577; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;">xxm: Μέτρια αξιολόγηση, χωρίς συγκεκριμένες προτάσεις. Το υλικό χρησιμοποιείται ως συμπληρωματικό και είναι από τις πρώτες αναφορές που γίνονται στο αντίστοιχο πεδίο του πίνακα.
 * 7) <span style="color: #1d4577; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;">grad1018: Πολύ καλή με εποικοδομητικά σχόλια που βοήθησαν στην διόρθωση του αντικειμένου.
 * 8) <span style="color: #1d4577; font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;">grad107: Πολύ καλή, πολύ συγκεκριμένη και με προτάσεις ακόμα και αν δεν εγκρίνει το γνωστικό αντικείμενο που επέλεξα! ||