Είναι σημαντικό να γνωρίζουμε όλοι οι “ψηφιακοί πολίτες” πλέον ποιες είναι οι θετικές αλλά και αρνητικές επιδράσεις στη ζωή μας από τη χρήση δικτύων ψηφιακών συσκευών και κυρίως από τη χρήση του Διαδικτύου.
Οι παραπάνω εικόνες δημιουργήθηκαν με το πρόγραμμα Cmaptools , που είναι κατ’ εξοχήν πρόγραμμα δημιουργίας εννοιολογικών χαρτών. Μπορείτε να το εγκαταστήσετε εύκολα και στο σπίτι χρησιμοποιώντας τα στοιχεία του κηδεμόνα σας. Είναι ένα πάρα πολύ χρήσιμο πρόγραμμα όχι μόνο για το μάθημα των υπολογιστών αλλά και για την καλύτερη κατανόηση εννοιών σε πολλά άλλα μαθήματα. Μπορείτε, φυσικά, να χρησιμοποιήσετε και το πρόγραμμα παρουσιάσεων του υπολογιστή σας (Powerpoint ή Impress).
Παρακάτω π.χ. βλέπετε τα θετικά και αρνητικά της χρήσης δικτύων η/υ, όπως παρουσιάζονται με τη βοήθεια των γραφικών SmartArt του Powerpoint. (Εισαγωγή -> SmartArt -> Ιεραρχία).
Κατεβάστε και ανοίξτε το παρακάτω αρχείο (δίνεται σε μορφή docx και odt) και υλοποιείστε και στο σπίτι την δημιουργία υπερσυνδέσμων, όπως κάνατε και στο εργαστήριο, ώστε να τελειοποιηθείτε σε αυτό.
Στις μέρες μας όλο και περισσότεροι όλο και συχνότερα κατά την περιήγησή μας στον Παγκόσμιο Ιστό μέσω ενός περιηγητή/Browser – Google Chrome, Firefox, κλπ. – χρησιμοποιούμε online υπηρεσίες και εργαλεία που έχουν ως αποτέλεσμα να βομβαρδιζόμαστε από διαφημίσεις μερικές φορές και ακατάλληλου περιεχομένου ή να απαιτούν υπερβολικά δικαιώματα στα προσωπικά δεδομένα του περιηγητή/ browser. Γι’ αυτό καλό θα ήταν πριν ξεκινήσουμε την περιήγησή μας ή/και χρησιμοποιήσουμε μια Online υπηρεσία, να εγκαταστήσουμε στον περιηγητή μας ένα πρόσθετο αφαίρεσης διαφημίσεων.
Στον περιηγητή Google Chrome, εφόσον συνδεθείτε με το λογαριασμό σας, μπαίνετε στο web store και κάνετε Αναζήτηση Adblock (Αποκλεισμός διαφημίσεων και αναδυόμενων παραθύρων στο YouTube, το Facebook, το Twitch, και τις αγαπημένες σας ιστοσελίδες) και εγκαθιστάτε την επέκταση.
Και για Firefox υπάρχει έκδοση της ίδιας εφαρμογής. (Πατήστε στο σύνδεσμο και θα δείτε).
Μετατροπή βίντεο από Youtube σε αρχείο mp3 ή σε αρχείο mp4 και αποθήκευση
Εάν θέλετε να μετατρέψετε ένα βίντεο από το YouTube σε αρχείο mp3 – διότι πρόκειται για τραγούδι και θέλετε τον ήχο να τον χρησιμοποιήσετε σε κάποια εργασία – ή σε αρχείο mp4 για να το εντάξετε επίσης σε κάποια εργασία σας, μπορείτε να μπείτε στο σύνδεσμο
αρκεί φυσικά να αντιγράψετε από το YouTube το URL του τραγουδιού ή του βίντεο, να επιλέξετε mp3 ή mp4 και να πατήσετε Start. Όταν τελειώσει η μετατροπή σας δίνει τη δυνατότητα “κατεβάσματος”/download.
Επίσης εφόσον έχετε βρει στο YouTube το βίντεο που θέλετε να “κατεβάσετε” πηγαίνετε στη γραμμή διευθύνσεων url και σβήστε από το youtube τα τελευταία 3 γράμματα (ube), αφήστε την υπόλοιπη διεύθυνση ως έχει και πατήστε enter. Θα οδηγηθείτε στην παρακάτω σελίδα.
yout.com
Τώρα μπορείτε να πατήσετε το Μετατροπή μορφής σε MP3. (Διαβάστε αυτά που γράφει στα δεξιά. Προσωπικά δεν έχω δώσει email για να κάνω εγγραφή).
Αποθήκευση εικόνων από το Διαδίκτυο
Όσον αφορά τις διάφορες εικόνες που χρειάζεστε για τις εργασίες σας θα βρείτε αναλυτικές οδηγίες στο άρθρο Αποθήκευση εικόνας από το Διαδίκτυο.
Αποθήκευση ιστοσελίδας και μετατροπή σε PDF
Όταν βρίσκετε μια ενδιαφέρουσα ιστοσελίδα στον ιστό μπορείτε να την αποθηκεύσετε στα Αγαπημένα του προγράμματος περιήγησης. Στην περίπτωση όμως που θέλετε να έχετε πρόσβαση στην ιστοσελίδα και εκτός σύνδεσης υπάρχει η δυνατότητα αποθήκευσης τοπικά στον υπολογιστή στη μορφή HTML. Ωστόσο θα πρέπει να γνωρίζετε ότι αυτός ο τρόπος λειτουργεί καλύτερα σε απλές στατικές ιστοσελίδες (πχ ένα λήμμα της wikpedia) και όχι σε μια πιο πολύπλοκη δυναμική ιστοσελίδα. Ένας εναλλακτικός τρόπος λοιπόν είναι να αποθηκεύσετε μια ιστοσελίδα σε εκτυπώσιμη μορφή αρχείου PDF και να την χρησιμοποιήσετε έτσι για το αρχείο σας ή για εκπαιδευτικό υλικό.
Περιηγητής Chrome
Στον περιηγητή Chrome υπάρχει η δυνατότητα απευθείας αποθήκευσης PDF μιας ιστοσελίδας. Κάντε κλικ στο Kεντρικό Mενού και επιλέξτε Εκτύπωση
Στο παράθυρο Προεπισκόπισης εκτύπωσης που εμφανίζεται αλλάξτε τον Προορισμό σε Αποθήκευση ως PDF και πατήστε Αποθήκευση. Από τις Περισσότερες ρυθμίσεις, μπορείτε να ρυθμίσετε μέγεθος χαρτιού (Α4), σελίδες ανά φύλλο, να εμφανίζονται κεφαλίδες και υποσέλιδα και γραφικά φόντου ή όχι, κλπ.
Μετά το πάτημα του κουμπιού Αποθήκευση θα εμφανιστεί το αντίστοιχο πλαίσιο διαλόγου όπου μπορείτε να επιλέξετε τη θέση – αποθηκευτικό μέσο-φάκελος – που θα αποθηκευτεί το αρχείο ή/και να αλλάξετε το όνομα του αρχείου, αν το κρίνετε σκόπιμο.Προσοχή, ΟΧΙ την επέκταση pdf.
Περιηγητής Firefox
Ο Firefox δε διαθέτει λειτουργία απευθείας μετατροπής σε PDF. Μπορείτε όμως εύκολα να το επιτύχετε αυτό με τη λειτουργία εκτύπωσης σε εικονικό εκτυπωτή PDF. Σε περιβάλλον Windows 10 υπάρχει ο εικονικός εκτυπωτής Microsoft Print to PDF που στη πράξη μετατρέπει ένα αρχείο προς εκτύπωση σε μορφή PDF.
Στον περιηγητή Firefox επίσης, αν κάνετε κλικ στο εικονίδιο του Μενού δεξιά και επιλέξετε Αποθήκευση σελίδας ως, θα εμφανιστεί πλαίσιο διαλόγου Αποθήκευση ως όπου επιλέγετε και πάλι θέση αποθήκευσης αρχείου σε αποθηκευτικό μέσο, αλλάζετε όνομα, αν θέλετε, αλλά ΟΧΙ επέκταση (όπως θα δείτε html)και πριν πατήσετε Αποθήκευση – κάτω δεξιά – σιγουρευτείτε ότι η αποθήκευση θα γίνει ως Ιστοσελίδα πλήρης.
Αυτό θα δημιουργήσει το αρχείο html και τον φάκελο με τους πόρους της ιστοσελίδας. Αν πρέπει να μεταφέρετε την αποθηκευμένη ιστοσελίδα σε άλλο φάκελο ή αποθηκευτικό μέσο – π.χ. από το σκληρό δίσκο του pc ή του laptop σας σε στικάκι – πρέπει να τα επιλέξετε και τα δύο.
Αρχείο html και φάκελος με πόρους ιστοσελίδας
ΣΗΜΕΙΩΣΗ: αν σε οποιοδήποτε βήμα κάποιας διαδικασίας διαπιστώσετε κάποια διαφοροποίηση, παρακαλώ ενημερώστε με στο μάθημα ή με ένα mail. Ευχαριστώ.
Ποιός δεν χρησιμοποιεί σήμερα τον Παγκόσμιο Ιστό; Κανείς. Πολλοί μαθητές στην ερώτηση “Τι είναι ο Παγκόσμιος Ιστός;” έχουν απαντήσει : η Google. Είναι όμως αυτό σωστό; Φυσικά όχι!
Ο ιστός στην επιστήμη της βιολογίας είναι ένα σύνολο κυττάρων με παρόμοια μορφή και λειτουργία, που συνδέονται και συνεργάζονται για την πραγματοποίηση της ίδιας λειτουργίας.
Ο ιστός στην Πληροφορική είναι μια τεράστια συλλογή ψηφιακών εγγράφων / ιστοσελίδων, αποθηκευμένων σε όλους τους συνδεδεμένους υπολογιστές καθώς και τα δίκτυα υπολογιστών του Διαδικτύου – Internet αλλά και εγγράφων συνδεδεμένων μεταξύ τους μέσω υπερσυνδέσμων / links.
Όπως ίσως αντιλαμβάνεστε πρώτα “στήθηκε” το Διαδίκτυο, αυτό το τεράστιο δίκτυο συνδεδεμένων υπολογιστών (και γενικότερα ψηφιακών συσκευών) και δικτύων υπολογιστών, που καλύπτει όλον τον πλανήτη, και μετά άρχισαν να δημιουργούνται τα ψηφιακά έγγραφα / οι ιστοσελίδες στις οποίες μπορούμε να έχουμε πρόσβαση χησιμοποιώντας την κατάλληλη εφαρμογή / πρόγραμμα, που λέγεται browser / φυλλομετρητής.
Αυτά και άλλα πολλά θα βρείτε να μελετήσετε στην παρακάτω παρουσίαση (.pptx) ή οποία πάντα δίνεται και σε μορφή .pdf
Μελετώντας την παρουσίαση θα βρείτε τρόπους που μπορείτε να κάνετε αναζήτηση στον Παγκόσμιο Ιστό μέσω ενός φυλλομετρητή, όπως π.χ. Google και θα βρείτε πιο αναλυτικά οδηγίες για την περίπτωση αναζήτησης εικόνας, την οποία θέλετε να αποθηκεύσετε στον υπολογιστή σας για να την εισάγετε μετά σε ένα έγγραφο δικό σας.
ΠΡΟΣΟΧΗ!
Πολλές εικόνες που “παίρνετε” από το Διαδίκτυο έχουν Πνευματικά Δικαιώματα. Γι΄αυτό είναι καλό να κάνετε αναζήτηση σε ιστότοπους που παρέχουν δωρεάν εικόνες όπως π.χ. https://pixabay.com ή https://www.pexels.com. Επίσης είναι σημαντικό πάντα να αναφέρετε που βρήκατε την εικόνα, εφόσον δεν είναι δική σας δημιουργία.
Ουσιαστικά για να δημιουργήσετε μια ιστοσελίδα χρειάζεστε έναν απλό επεξεργαστή κειμένου – editor και έναν browser – φυλλομετρητή για να δείχνετε τα αρχεία που γράφετε με τον επεξεργαστή.
Για να διευκολύνετε τη ζωή σας μπορείτε να χρησιμοποιήσετε έναν επεξεργαστή που καταλαβαίνει και θα σας βοηθήσει στη σύνταξη html, css και javascript. Ο επεξεργαστής αυτός είναι ο vscode. Στην αρχή του άρθρου βλέπετε τη διεύθυνση από όπου μπορείτε να τον κατεβάσετε δωρεάν και πανεύκολα και μάλιστα αναγνωρίζει το λειτουργικό σας. Ιδού το vscode
VSCODE
Διαθέτει πολλά/ες extensions/προσθήκες, από τις οποίες θα ήταν καλό να εγκαταστήσετε μία μικρή προσθήκη που λέγεται open in browser. Τη διαλέγετε και πατάτε install και πολύ γρήγορα εγκαθίσταται. Το open in browser, όπως λέει αν δούμε τις οδηγίες του, έχει το καλό ότι όταν γράψετε ένα αρχείο html μπορείτε, πατώντας συγχρόνωςalt + b, να δείτε το αποτέλεσμα στον browser/φυλλομετρητή.
Με την εγκατάσταση δημιουργείτε εικονίδιο συντόμευσης πάνω στην επιφάνεια εργασίας σας. Διπλοπατώντας πάνω του παίρνετε την παρακάτω εικόνα
Αρχική οθόνη vscode
Καλό θα ήταν να δημιουργήσετε ένα φάκελο στον οποίο θα αποθηκεύετε τα αρχεία που θα δημιουργείτε. Πάτε στο εργαλείο File Explorer και δημιουργείτε όπου θέλετε μέσα στο File explorer του υπολογιστή σας έναν φάκελο με όνομα HTML. Από την επιλογή File του vscode επιλέγετε Open folder και εντοπίζετε το όνομα του φακέλου που δημιουργήσατε, δηλαδή HTML. Ο φάκελος αρχικά είναι άδειος.
Από το μενού File -> New file ή από την περιοχή Welcome πατώντας New file κάτω από το Start, δημιουργείτε ένα νέο αρχείο που έχει όνομα untitled-1. Το σώζετε (File -> Save as) με όνομα ex1.html.
Προσοχή ! Είναι σημαντικό να δηλώσετε ότι το αρχείο είναι html. Διότι ο vscode μπορεί να χρησιμοποιηθεί για ανάπτυξη κώδικα και σε άλλες γλώσσες προγραμματισμού.
Γράφετε τον παρακάτω κώδικα :
<html>
<body>
<p>Καλή σας μέρα<br>
και καλή σας νύχτα!<br>
και όνειρα γλυκά!</p>
</body>
</html>
και βλέπετε γράφοντας πόσο ο επεξεργαστής σας βοηθάει στο γράψιμο, υποδεικνύοντας, πληκτρολογώντας το 1ο γράμμα μιας ετικέτας, π.χ. <h…, ποιες εντολές αρχίζουν από h ώστε να επιλέξετε αυτή που χρειάζεστε. Όταν πατήσετε enter σας δείχνει ότι γράφετε τέσσερις χαρακτήρες πιο μέσα, δηλαδή στοιχίζει και κάνει πολύ πιο ευανάγνωστο τον κώδικα που παράγεται. Αν και αυτό στην html δεν είναι απαραίτητο, όπως σε άλλες γλώσσες προγραμματισμού όπως π.χ. στην Python, είναι αρκετά “βοηθητικό” και “οργανωτικό”.
Σώζετε το αρχείο με Ctrl+sή File -> Save (αφού το έχετε ονομάσει) και στη συνέχεια με Alt+b ανοίγει ο φυλλομετρητής και εκεί βλέπετε το αποτέλεσμα του κώδικά σας.
Αν κάνετε οποιαδήποτε αλλαγή στον κώδικά σας, την σώζετε (Ctrl+s) και :
ή πάτε στον φυλλομετρητή και κάνετε reload
ή πατάτε Alt+b και βλέπετε πάλι σε νέο παράθυρο του φυλλομετρητή το νέο αποτέλεσμα
Με Shift+Alt+b επιλέγετε browser/φυλλομετρητή.
Εάν θέλετε να δώσετε στην ιστοσελίδα σας τίτλο και να “τροποποιήσετε’ το πώς θα εμφανίζεται το <body>, τότε χρειάζεστε πάνω από το <body> μια ετικέτα <head> που θα περιλαμβάνει μια ετικέτα <title> και μια ετικέτα <style> η οποία θα περιλαμβάνει color και background-color για το body (όχι πως δεν υπάρχουν και άλλα στοιχεία διαμόρφωσης όπως font-size, font-family, κλπ.).
Τέλος μπορείτε να εισάγετε και μια εικόνα, αρκεί αυτή να βρίσκεται μέσα στο φάκελο HTML που δημιουργήσατε στην αρχή. Το μόνο που χρειάζεστε είναι η ετικέτα <img> που είναι κενή και περιέχει μόνο χαρακτηριστικά όπως :
• το χαρακτηριστικό src (source) που λέει στον φυλλομετρητή που θα βρει την εικόνα
• το χαρακτηριστικό alt που επιτρέπει να δηλώσετε ένα εναλλακτικό κείμενο για την εικόνα, το οποίο θα εμφανιστεί εάν για οποιαδήποτε αιτία η εικόνα δεν καταφέρει να φτάσει στο φυλλομετρητή του χρήστη και
• το χαρακτηριστικό style όπου ορίζετε το πλάτος/width και το ύψος/heigh της εικόνας
Άσκηση – Ιστοσελίδα του σχολείου μας
Στην παραπάνω εικόνα βλέπετε ένα πιο “προχωρημένο” παράδειγμα, μια αρχική σελίδα υποδοχής στην ιστοσελίδα π.χ. του σχολείου σας. Μια εικόνα του σχολείου σας μπορείτε να τραβήξετε μια μέρα με ένα κινητό, αλλιώς χρησιμοποιήστε την παρακάτω. Και μην ξεχνάτε την αποθήκευση. Ή αν κάνετε το παράδειγμα σε νέο αρχείο αποθηκεύστε από την αρχή ως αρχείο html. Καλή επιτυχία!
