ΕΠΙΜΟΡΦΩΣΗ ΕΚΠΑΙΔΕΥΤΙΚΩΝ ΣΤΗ ΧΡΗΣΗ ΚΑΙ ΑΞΙΟΠΟΙΗΣΗ ΤΩΝ ΤΠΕ ΣΤΗΝ ΕΚΠΑΙΔΕΥΤΙΚΗ ΔΙΔΑΚΤΙΚΗ ΔΙΑΔΙΚΑΣΙΑ

Copy-Paste, URL & link:

Αντιγραφή και επικόλληση κειμένου

URL ή Ενιαίος Εντοπιστής Πόρων

Εμφάνιση επεκτάσεων ονόματος αρχείου

”Kαι αν η ιστοσελίδα δεν αντιγράφεται;”

Πηγαίος κώδικας και αρχείο HTML

Περί υπερσυνδέσμου (link)

Νίκος Παπασταματίου, επίτιμος Σχολικός Σύμβουλος κλΠΕ04

npapastam @ yahoo . gr http :// nikosictedu . blogspot . com

Μάιος 2013

Χρήσιμα και πρακτικάμε δραστηριότητες

Αντιγραφή και επικόλληση, URL, …

Αντιγραφή-επικόλληση κειμένου από ιστοσελίδα και δημιουργία εγγράφου, πηγαίος κώδικας και αρχείο HTML, υπερσύνδεσμος

1. Copy & paste, URL, επέκταση αρχείου

- Βρήκαμε στο Διαδίκτυο ένα έγγραφο που μας ενδιαφέρει (λ.χ. το κείμενο εφημερίδας: «Φυσικοί προτείνουν κλίμακα μακροσκοπικότητας» ) και θέλουμε να το αντιγράψουμε… Για αυτό το λόγο:

- Επιλέγουμε το κείμενο με σύρσιμο του ποντικιού και στη συνέχεια το αντιγράφουμε (με δεξί κλικ στο ποντίκι και στο μενού που εμφανίζεται κλικ στη επιλογή Αντιγραφή ή συνδυασμός των πλήκτρων <Ctrl> + <C>) .

- Ανοίγουμε ένα νέο έγγραφο (κενή σελίδα) του προγράμματος επεξεργασίας κειμένου MS Word ( Έναρξη> Όλα τα προγράμματα> Microsoft Office> MS Word ) ή με το συνδυασμό των πλήκτρων <Ctrl> + <N>.

- Επικολλούμε στο νέο έγγραφο το κείμενο (με την επικεφαλίδα του) που αντιγράψαμε (με δεξί κλικ και επιλογή Επικόλληση ή <Ctrl> + <V> ).

- Από τη γραμμή διεύθυνσης του φυλλομετρητή (λ. χ. του Internet Explorer) αντιγράφουμε το URL (διεύθυνση) της πηγής (στο παράδειγμά μας είναι http://www.naftemporiki.gr/story/647448 ) και την επικολλάμε κάτω από τον τίτλο του κειμένου ή στο τέλος του κειμένου.

- Ενεργοποιούμε το URL που επικολλήσαμε, θέτοντας τον κέρσορα στο τέλος του URL και πατώντας το πλήκτρο Enter, http :// www . naftemporiki . gr / story /647448

- Φέρνοντας το κέρσορα στο ενεργό URL και με το συνδυασμό <Ctrl> +κλικ πηγαίνουμε στην πηγή του εγγράφου (ή πληκτρολογώντας στο φυλλομετρητή τη διεύθυνσή του: http://www.naftemporiki.gr/story/647448).

- Αποθήκευση του εγγράφου ως αρχείου Word 97-2003 (*.doc) ή ως αρχείου Word 2007 ή Word 2010 (*.docx) :

Εικ. 1. Παράθυρο διαλόγου Αποθήκευση ως… MS Office 2007

Tip: Το URL (Uniform Resourse Locator ή Ενιαίος Εντοπιστής Πόρων) δηλώνει μια διεύθυνση ενός πόρου του Παγκόσμιου Ιστού (www).Tip: Είναι προτιμητέα η αποθήκευση του εγγράφου που μόλις φτιάξαμε ως αρχείο εγγράφου Word 97-2003(*.doc), επειδή διαβάζεται από όλες τις εκδόσεις του MS Office,

Νίκος Παπασταματίου Tips & Tricks: Copy & Paste, URL & link Μάιος 2013 2

ιδιαίτερα αν πρόκειται να σταλεί ως επισυναπτόμενο σε email – μια και δεν είναι εύκολο ο αποστολέας να γνωρίζει την έκδοση του MS Office που έχει ο αποδέκτης/ες. Παρόμοια και για τα αρχεία εγγράφου του Ελεύθερου Λογισμικού Open Office, δηλαδή, αποθήκευση σε έγγραφο doc αντί της προεπιλογής odt (δεξί κλικ Αποθήκευση ως… επιλέγοντας doc αντί odt, κτλ.).

Tip: Το αρχείο docx είναι ένα αρχείο το οποίο περιέχει εμπλουτισμένο κείμενο, δηλαδή, δεν περιέχει απλά το κείμενο, αλλά και όλες τις μορφοποιήσεις που του δώσαμε, καθώς επίσης και όλες τις εικόνες, κλπ., που έχουμε βάλει .Το αρχείο docx είναι το «πιο σύγχρονο» doc αρχείο και το υιοθέτησε ως προεπιλογή το Word 2007 (MS Office 2007) και οι μετέπειτα εκδόσεις του. Περισσότερα εδώ: http://office.microsoft.com/el-gr/powerpoint-help/HA010006935.aspx

Tip: Online μετατροπέας αρχείου docx σε αρχείο doc (ενδεικτικά):http://www.doc.investintech.com/Εγκατάσταση πακέτου συμβατότητας:http://www.microsoft.com/el-gr/download/details.aspx?id=3http://www.fileviewpro.com/el/file-extension-docx

2. Εμφάνιση επεκτάσεων ονόματος αρχείου

Η επέκταση του ονόματος αρχείου εγγράφου είναι ένα σύνολο χαρακτήρων που προστίθενται στο τέλος του ονόματος αρχείου ( στο MS Office doc ή docx, xls ή xlsx, ppt, text, κτλ., στο Open Office odt, ods, odp, κτλ., αντιστοίχως ) και προσδιορίζει τα προγράμματα που θα πρέπει να το ανοίξουν. Αν τα Windows δεν εμφανίζουν αυτές τις επεκτάσεις αρχείων, επιλέγουμε:Έναρξη > Πίνακας ελέγχου > Εμφάνιση και Εξατομίκευση (Appearence & Themes ) > Επιλογές φακέλων (Folder options) > στην καρτέλα που ανοίγει : Προβολή (View) > απενεργοποίηση: Απόκρυψη επεκτάσεων για γνωστούς τύπους αρχείων (Hiden files and Folders) > ΟΚ . Περισσότερα εδώ: http :// windows . microsoft . com / el - gr / windows - vista / show - or - hide - file - name - extensions

3. «Kι αν η ιστοσελίδα δεν αντιγράφεται;»

- Στη μηχανή αναζήτησης Google ( ή άλλη) πληκτρολογούμε: matia. Από τα εμφανιζόμενα αποτελέσματα (3 εκατομμύρια και πλέον!) ανοίγουμε την ιστοσελίδα www . matia . gr (Διακοπές– Συνταγές – Επαγγελματίες – κτλ.).-Επιλέγουμε Βιβλιοθήκη και στη συνέχεια ένα τυχαίο κείμενο (Εικ. 2: Ο λαγός που πολέμησε τον Ήλιο…), αλλά αν επιχειρήσουμε να το αντιγράψουμε…

Νίκος Παπασταματίου Tips & Tricks: Copy & Paste, URL & link Μάιος 2013 3

Ουπς! Δεν αντιγράφεται…

Εικ. 2. Η ιστοσελίδα δεν αντιγράφεται…

Α. Ο απλός τρόπος αντιγραφής

Βλέπουμε τις σελίδες με ένα διακομιστή μεσολάβησης (proxy server). Έτσι:- Αντιγράφουμε το URL (διεύθυνση) της σελίδας , έστω για παράδειγμα: http://www.matia.gr/7/78/7804/7804_1_9.html . Στη συνέχεια πηγαίνουμε σε ένα διακομιστή μεσολάβησης, λ.χ. http :// www . bind 2. com / ή http://freetoptorrent.com/ ή κάποιον άλλο, επικολλάμε το URL στο πεδίο Enter URL (Eικ.3) και πατάμε το κουμπί GO!

Εικ. 3. Η σελίδα του on line διακομιστή μεσολάβησης Bind 2.- Η ιστοσελίδα αντιγράφεται (Εικ.4) πλέον!

Νίκος Παπασταματίου Tips & Tricks: Copy & Paste, URL & link Μάιος 2013 4

Εικ. 4. Η ιστοσελίδα αντιγράφεται…

Β. Αντιγραφή από τη Γραμμή Εργαλείων του ΙΕ…

Στον Internet Explorer (εκδ. 8 ή παλαιότερη) ακολουθούμε τη διαδρομή : Γραμμή Εργαλείων > Σελίδα > Αποθήκευση ως… > ή (εκδ. 9 και νεώτερες) Γραμμή Εργαλείων > Αρχείο > Αποθήκευση ως… > και στο παράθυρο διαλόγου που ανοίγει , επιλέγουμε: Αρχείο κειμένου *.txt > Αποθήκευση (Εικ. 5).Κατόπιν, πηγαίνουμε εκεί όπου έχουμε αποθηκεύσει το έγγραφο (λ.χ. στα Έγγραφά μας, ως αρχείο μορφής *.txt) , το ανοίγουμε, βρίσκουμε το κείμενο που μας ενδιαφέρει και το αντιγράφουμε.

Εικ. 5. Γραμμή Εργαλείων Internet Explorer (ΙΕ) και παράθυρα διαλόγου…

Άλλος τρόπος στον Internet Explorer (εκδ. 8 ή παλαιότερη) είναι να αποθηκεύσουμε την ιστοσελίδα ως αρχείο mht ως εξής: Γραμμή Εργαλείων > Σελίδα > Αποθήκευση ως… > ή (εκδ. 9 και νεώτερη) Γραμμή Εργαλείων > Αρχείο > Αποθήκευση ως… > επιλογή: ιστοσελίδα αρχείου *.mht > Αποθήκευση .Κατόπιν, πηγαίνουμε εκεί όπου έχουμε αποθηκεύσει το αρχείο (λ.χ. στα Έγγραφά μας) και τροποποιούμε (μετονομάζουμε) το αποθηκευμένο έγγραφο από ιστοσελίδα αρχείου mht (δεξί κλικ, και στο μενού που ανοίγει επιλέγουμε Μετονομασία) σε έγγραφο doc ή docx , δηλαδή, σβήνοντας την επέκταση mht και γράφοντας στη θέση της doc (στο ερώτημα του

Νίκος Παπασταματίου Tips & Tricks: Copy & Paste, URL & link Μάιος 2013 5

Εικονίδιο Γραμμής Εργαλείων ΙΕ

παράθυρου διαλόγου Μετονομασία, που ανοίγει και στην ερώτηση «Είστε βέβαιοι ότι θέλετε να την αλλάξετε;», επιλέγουμε Ναι)(Εικ.6).

Εικ. 6. Μετονομασία αρχείου από * .mht σε *.doc (η ιδία διαδικασία ακολουθείται για οποιαδήποτε μετονομασία αρχείου).

Γ. Αντιγραφή στο Mozilla Firefox via …Internet Explorer!

Αν ανοίξουμε την ιστοσελίδα στο Mozilla Firefox , τότε, δεξί κλικ στη σελίδα, και στο παράθυρο που ανοίγει επιλέγουμε Αποθήκευση σελίδας ως… και την αποθηκεύουμε ως ιστοσελίδα, αρχείο *.htm. Aν τώρα ανοίξουμε το αρχείο ιστοσελίδας στον Internet Explorer (!) και δεν κάνουμε αποδοχή του ερωτήματος «Ο Internet Explorer περιόρισε την

Νίκος Παπασταματίου Tips & Tricks: Copy & Paste, URL & link Μάιος 2013 6

εκτέλεση δέσμης ενεργειών Active X κτλ.», η ιστοσελίδα αντιγράφεται! (Αν αυτό επιχειρηθεί όταν έχει γίνει η αποδοχή του ερωτήματος, το έγγραφο δεν αντιγράφεται, ομοίως κι αν ανοίξουμε το έγγραφο στο Mozilla Firefox).

Δ. Ο …δύσκολος τρόπος αντιγραφής και μια «ιδέα» HTML

Μπορούμε να αντιγράψουμε «το κείμενο που δεν αντιγράφεται» από τον πηγαίο κώδικα της ιστοσελίδας ως εξής:- Αν έχουμε ανοίξει την ιστοσελίδα www . matia . gr με τον Internet Explorer (εκδ. 8), επιλέγουμε: Γραμμή Εργαλείων > Σελίδα> Προβολή προέλευσης ή (σε νεώτερες εκδόσεις) δεξί κλικ στη σελίδα και στο αναδυόμενο μενού επιλέγουμε: Προβολή προέλευσης.- Αν έχουμε ανοίξει τη σελίδα με το Mozilla Firefox, δεξί κλικ στη σελίδα και στο αναδυόμενο μενού επιλέγουμε: Προβολή πηγαίου κώδικα.- Kαι στις δύο περιπτώσεις, στην καρτέλα που ανοίγει εμφανίζεται ο πηγαίος κώδικας της σελίδας (σε μορφή HTML) . Σκρολάροντας (μετατοπίζοντας προς τα κάτω την πλαϊνή γραμμή κύλισης) βρίσκουμε το κείμενο και το αντιγράφουμε (Εικ. 7).

Εικ. 7. Ο πηγαίος κώδικας της σελίδας …

Tip: Το αρκτικόλεξο HTML προέρχεται από τα αρχικά Hyper Text Markup Language που σημαίνει γλώσσα σήμανσης υπερκειμένου και είναι μια γλώσσα προγραμματισμού, που εξηγεί στον φυλλομετρητή (browser), λ.χ. στον Internet Explorer, πως να εμφανίσει μια σελίδα (ιστοσελίδα) html. Η HTML επιτρέπει τη μορφοποίηση κειμένων, τη δημιουργία συνδέσμων, την εμφάνιση εικόνων και πολλά άλλα σε μια ιστοσελίδα. Περισσότερα: http://el.wikibooks.org/wiki/%CE%95%CE%B9%CF%83%CE%B1%CE%B3%CF%89%CE%B3%CE%AE_%CF%83%CF%84%CE%B7%CE%BD_HTML

Νίκος Παπασταματίου Tips & Tricks: Copy & Paste, URL & link Μάιος 2013 7

Tip: Με τον όρο πηγαίος κώδικας (source code) εννοούμε το περιεχόμενο ενός εγγράφου HTML, δηλαδή, το κείμενο και τις εντολές που περιέχονται για τη δημιουργία μιας ιστοσελίδας. Το κείμενο και οι εντολές του πηγαίου κώδικα που εμφανίζεται μπορεί να είναι και κρυπτογραφημένα (πρβλ. και http://goo.gl/eAzCd7 ).

4. URL sortener

Για εύκολη χρήση -επικόλληση URL σε μπλογκ, σελίδα κοινωνικής δικτύωσης, παρουσίαση PowerPoint, κτλ.- μπορούμε να μετατρέψουμε μεγάλου μήκους URL σε μικρά μέσω μιας on line εφαρμογής URL sortener . Έτσι, αντί http :// blogs . sch . gr / billbas /2008/12/16/% CE % BA % CE % BF % CE % BD % CE % B 5% CE % BA % CF %84% CE % B 9% CE % B 2% CE % B 9% CF %83% CE % BC % CF %8 C % CF %82-% CE % BD % CE % AD % CE % B 1-% CE % B 8% CE % B 5% CF %89% CF %81% CE % AF % CE % B 1-% CE % BC % CE % AC % CE % B 8% CE % B 7% CF %83% CE % B 7% CF %82/ μέσω του URL sortener http :// goo . gl / (Εικ. 8) έχουμε το «μικρότερο» URL: goo.gl/zHY7ZE

Εικ. 8. Η σελίδα του Google URL sortener .

Περισσότερες πληροφορίες εδώ: http://en.wikipedia.org/wiki/URL_shortening

5. Υπερσυνδέσμοι, υπερκειμένα και υπερμέσα… - Ο υπερσύνδεσμος ή σύνδεσμος (hyperlink ή link)(Εικ. 9) περιέχει την εντολή να «μεταφέρει»/παραπέμψει με άμεσο τρόπο τον χρήστη από μια σελίδα ή ιστοσελίδα σε άλλη σχετική ιστοσελίδα, αρχείο κειμένου, εικόνας, κτλ., με ένα κλικ (ή αυτόματα). - Το υπερκείμενο είναι μια ειδικά δομημένη μορφή κειμένου οργανωμένο με μη γραμμική μορφή σε ένα δίκτυο από κόμβους (nodes) είτε εδάφια κειμένου που ενώνονται με συνδέσμους (links) και δίνουν τη δυνατότητα ποικίλων διαδρομών ανάγνωσης και δυνατότητες υπερμέσων (hypermedia), δηλαδή, τη μη γραμμική διασύνδεση του υπερκειμένου (hypertext) και των πολυμέσων (video, ήχος, εικόνα) μέσω συνδέσμων (links) σε αλληλεπίδραση με το χρήστη (Εικ. 9).Περισσότερα: http :// en . wikipedia . org / wiki / Hyperlinks

Νίκος Παπασταματίου Tips & Tricks: Copy & Paste, URL & link Μάιος 2013 8

Εικ. 9. Θερμή λέξη, σύνδεσμος (link), κόμβος, υπερκείμενο, πολυμέσα, υπερμέσα.

Tip: Θερμή λέξη (hot word) είναι μια λέξη ή φράση ή εικόνα, γραφικά, κτλ., που είναι συνδεδεμένη με κόμβους μέσα σε ένα υπερκείμενο ή ένα υπερμέσο και μας επιτρέπει, πατώντας πάνω της με τον δείκτη (κέρσορα) του ποντικιού να μεταβούμε σε έναν άλλο κόμβο του ίδιου εγγράφου ή σε άλλο έγγραφο, ιστοσελίδα, εικόνα, κτλ. Οι θερμές λέξεις έχουν διαφορετικό χρώμα μέσα στο κείμενο (λ.χ. μπλε) και είναι υπογραμμισμένες. Θερμή λέξη είναι και ένα ενεργό URL.

Tip: Για να κάνουμε μια λέξη, φράση, εικόνα ενός κειμένου θερμή/ ενεργή (hot word), - πρώτα την επιλέγουμε, - κατόπιν δεξί κλικ στη λέξη /φράση/ εικόνα και στο παράθυρο που ανοίγει επιλέγουμε Υπερσύνδεση,- στο νέο παράθυρο και στο πεδίο Διεύθυνση επικολλούμε το URL στο οποίο παραπέμπει.

Αν κάποια λέξη λόγω ανορθογραφίας έχει υπογράμμηση [ υπογράμμηση αντί του ορθού υπογράμμιση…] , πρώτα την ορθογραφούμε (ή στο παράθυρο ορθογραφικού ελέγχου που ανοίγει επιλέγουμε Παράβλεψη) και μετά κάνουμε την υπερσύνδεση.

6. Προτεινόμενες δραστηριότητες

1. Από τη διεύθυνση http :// www . naftemporiki . gr / story /647448 αντιγράψτε και επικολλήστε το κείμενο - με σημείωση και της πηγής (URL)- σε έγγραφο κειμένου Word και αποθηκεύστε το (σε αρχείο doc). Κατόπιν κάντε υπερσυνδέσεις (από τη Wikipedia,…) στις λέξεις /φράσεις του κειμένου κβαντική φυσική (στην 3η αράδα), κβαντική υπέρθεση (στη 10η αράδα), μακροσκοπικότητα (στη 14η αράδα), Κλάους Χορνμπέργκερ (Klaus Hornberger).

Νίκος Παπασταματίου Tips & Tricks: Copy & Paste, URL & link Μάιος 2013 9

κόμβος

κόμβος

θερμή λέξη

link

link

link

2. Μετατρέψτε σε μικρότερου «μήκους» το παρακάτω URL: http://el.wikibooks.org/wiki/%CE%95%CE%B9%CF%83%CE%B1%CE%B3%CF%89%CE%B3%CE%AE_%CF%83%CF%84%CE%B7%CE%BD_HTML

3. Ανοίξτε ένα e-mail σας, κάντε κλικ στο περιεχόμενο κείμενο και στο αναδυόμενο μενού επιλέξτε Προβολή προέλευσης (ή Προβολή πηγαίου κώδικα). Είναι ευκολοδιάβαστος ο πηγαίος κώδικας; Αιτιολογήστε αυτό που παρατηρείτε.

4. - Ανοίξτε στο Σημειωματάριο των Windows ένα αρχείο απλού κειμένου *.txt (για να εμφανιστεί το Σημειωματάριο: δεξί κλικ στην Επιφάνεια εργασίας >Δημιουργία > Έγγραφο κειμένου (Σημειωματάριο), είτε Έναρξη> Αναζήτηση> στο πλαίσιο κειμένου γράφουμε: Σημειωματάριο > κλικ). Στη συνέχεια: - Αντιγράψτε και επικολλήστε στο Σημειωματάριο ολόκληρο το παρακάτω κείμενο:

<HTML><HEAD><TITLE>Έγγραφο html </TITLE></HEAD><BODY>Το αρκτικόλεξο HTML προέρχεται από τα αρχικά Hyper Text Markup Language,σημαίνει γλώσσα σήμανσης υπερκειμένου και είναι μια γλώσσα προγραμματισμού , <br> που εξηγεί στο φυλλομετρητή (browser), λ.χ. στον Internet Explorer,πως να εμφανίσει μια ιστοσελίδα, δηλαδή, ένα έγγραφο κειμένου html.<br> Η HTML επιτρέπει την μορφοποίηση κειμένων, τη δημιουργία συνδέσμων, την εμφάνιση εικόνων και πολλά άλλα σε μια ιστοσελίδα. </BODY></HTML>

- Αποθηκεύστε το έγγραφο ως, keimeno.txt - Μετονομάστε το αποθηκευμένο έγγραφο από αρχείο απλού κειμένου txt σε ιστοσελίδα html (πρβλ. Εικ. 6 ) και αποθηκεύστε το πάλι ως, keimeno. html - Ανοίξτε την ιστοσελίδα που φτιάξατε…- Ανοίγει στο φυλλομετρητή;- Δοκιμάστε τα παραπάνω βήματα, αντιγράφοντας το κείμενο σε αρχείο εγγράφου .*doc (αντί .*txt) και κατόπιν μετονομάστε το σε ιστοσελίδα .*html - Ανοίξτε το νέο αρχείο html και αιτιολογήστε αυτό που παρατηρείτε.

Νίκος Παπασταματίου Tips & Tricks: Copy & Paste, URL & link Μάιος 2013 10