Ενσωμάτωση εργαλείων στο νέο Twinspace
ΤΡΟΠΟΣ 1 / ΕΝΣΩΜΑΤΩΣΗ ΜΕ URL
Κάνοντας επεξεργασία της σελίδας, πηγαίνουμε στο 'Περιεχόμενο/Content' στο σημείο που θέλουμε να προσθέσουμε το εργαλείο μας. Πατάμε το εικονίδιο 'iframe' στην πάνω γραμμή και στο παράθυρο που ανοίγει κάνουμε επικόλληση του URL στο πάνω κουτάκι με το ίδιο όνομα. Αν το εργαλείο είναι μεγάλο μπορεί να χρειαστεί να τσεκάρουμε το κουτάκι [Enable scrollbars] ώστε να δημιουργηθεί μπάρα κύλισης.
ΤΡΟΠΟΣ 2 / ΕΝΣΩΜΑΤΩΣΗ ΜΕ ΤΜΗΜΑ ΑΠΟ ΤΟΝ EMBED CODE
Υπάρχει όμως περίπτωση να μην μπορεί να ενσωματωθεί ένα εργαλείο με αυτόν τον τρόπο. Τότε αν μας δίνει το εργαλείο iframe code, τον επιλέγουμε και αντιγράφουμε μόνο το κομμάτι ανάμεσα στα εισαγωγικά. Αυτό προσθέτουμε στο URL. Για παράδειγμα, στο Thinglink: επιλέγουμε [share] και τσεκάροντας το κουτάκι ’iFrame’ βλέπουμε τον κώδικα ενσωμάτωσηςΓια παράδειγμα:
<iframe width="3024" height="3780" src="//www.thinglink.com/card/1124623407896330243" type="text/html" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
Εμείς αυτό που χρειάζεται να αντιγράψουμε και να κάνουμε επικόλληση είναι το κόκκινο κομμάτι που βρίσκεται ανάμεσα στα εισαγωγικά.
Παρακάτω βλέπουμε κάποια εργαλεία και ποιον τρόπο χρειάζονται:
Κάνοντας επεξεργασία της σελίδας, πηγαίνουμε στο 'Περιεχόμενο/Content' στο σημείο που θέλουμε να προσθέσουμε το εργαλείο μας. Πατάμε το εικονίδιο 'iframe' στην πάνω γραμμή και στο παράθυρο που ανοίγει κάνουμε επικόλληση του URL στο πάνω κουτάκι με το ίδιο όνομα. Αν το εργαλείο είναι μεγάλο μπορεί να χρειαστεί να τσεκάρουμε το κουτάκι [Enable scrollbars] ώστε να δημιουργηθεί μπάρα κύλισης.
ΤΡΟΠΟΣ 2 / ΕΝΣΩΜΑΤΩΣΗ ΜΕ ΤΜΗΜΑ ΑΠΟ ΤΟΝ EMBED CODE
Υπάρχει όμως περίπτωση να μην μπορεί να ενσωματωθεί ένα εργαλείο με αυτόν τον τρόπο. Τότε αν μας δίνει το εργαλείο iframe code, τον επιλέγουμε και αντιγράφουμε μόνο το κομμάτι ανάμεσα στα εισαγωγικά. Αυτό προσθέτουμε στο URL. Για παράδειγμα, στο Thinglink: επιλέγουμε [share] και τσεκάροντας το κουτάκι ’iFrame’ βλέπουμε τον κώδικα ενσωμάτωσηςΓια παράδειγμα:
<iframe width="3024" height="3780" src="//www.thinglink.com/card/1124623407896330243" type="text/html" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling="no"></iframe>
Εμείς αυτό που χρειάζεται να αντιγράψουμε και να κάνουμε επικόλληση είναι το κόκκινο κομμάτι που βρίσκεται ανάμεσα στα εισαγωγικά.
Παρακάτω βλέπουμε κάποια εργαλεία και ποιον τρόπο χρειάζονται:
Ενσωμάτωση με απλό URLGoogle αρχεία padlet genial.ly learningapps (καλύτερα με τμήμα του κώδικα) storyjumper (αλλά δεν φαίνεται καλά - είναι προτιμότερη η εικόνα με τον υπερσύνδεσμο πάνω της) answergarden (με scrollbar - οπότε είναι καλύτερα με τον κώδικα) |
|
Τι κάνουμε αν ένα εργαλείο δεν ενσωματώνεται
Ή θα πάρουμε ένα screenshot από το εργαλείο και θα προσθέσουμε την εικόνα στα Υλικά πρώτα και μετά στην σελίδα. Μετά θα κάνουμε δεξί κλικ πάνω στην εικόνα με τον κέρσορα και θα επιλέξουμε [image properties]. Στο παράθυρο που ανοίγει, θα επιλέξουμε το [Link] στο πάνω μέρος και μετά θα κάνουμε επικόλληση στο [URL] την διεύθυνση της εργασίας μας στο διαδικτυακό εργαλείο. Επιλέγουμε [ΟΚ] και αποθηκεύουμε την σελίδα μας. Όταν οι αναγνώστες της σελίδας πατάνε πάνω στην εικόνα θα ανοίγει η εργασία μας στην ιστοσελίδα του εργαλείου!
Προσθήκη εργαλείων σε blog
Πώς γίνεται λοιπόν αυτό; Η διαδικασία λέγεται ενσωμάτωση των εργαλείων και γίνεται με τον κώδικα ενσωμάτωσης, τον embed code. Πολλά εργαλεία δίνουν τέτοιο κώδικα. Συνήθως τον βρίσκουμε πατώντας 'Share' και μετά αντιγράφουμε τον 'embed code'. Κατόπιν πάμε στην σελίδα όπου θέλουμε να τον προσθέσουμε, πατάμε 'Επεξεργασία Σελίδας' και πατάμε το εικονίδιο 'Κώδικας'. Όλη η σελίδα μετατρέπεται σε κώδικα. Πάμε στο κάτω μέρος ή όπου αλλού θέλουμε να προσθέσουμε την εργασία και κάνουμε επικόλληση του κώδικα. Μετά πατάμε 'Αποθήκευση' και η εργασία μας εμφανίζεται!
Πώς γίνεται λοιπόν αυτό; Η διαδικασία λέγεται ενσωμάτωση των εργαλείων και γίνεται με τον κώδικα ενσωμάτωσης, τον embed code. Πολλά εργαλεία δίνουν τέτοιο κώδικα. Συνήθως τον βρίσκουμε πατώντας 'Share' και μετά αντιγράφουμε τον 'embed code'. Κατόπιν πάμε στην σελίδα όπου θέλουμε να τον προσθέσουμε, πατάμε 'Επεξεργασία Σελίδας' και πατάμε το εικονίδιο 'Κώδικας'. Όλη η σελίδα μετατρέπεται σε κώδικα. Πάμε στο κάτω μέρος ή όπου αλλού θέλουμε να προσθέσουμε την εργασία και κάνουμε επικόλληση του κώδικα. Μετά πατάμε 'Αποθήκευση' και η εργασία μας εμφανίζεται!