Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

Η παρουσίαση φορτώνεται. Παρακαλείστε να περιμένετε

Το περιβάλλον του παγκόσμιου ιστού (WWW: World Wide Web) 0.

Παρόμοιες παρουσιάσεις


Παρουσίαση με θέμα: "Το περιβάλλον του παγκόσμιου ιστού (WWW: World Wide Web) 0."— Μεταγράφημα παρουσίασης:

1 Το περιβάλλον του παγκόσμιου ιστού (WWW: World Wide Web) 0

2 Εισαγωγή - επανάληψη Ο παγκόσμιος ιστός είναι –μια υπηρεσία του διαδικτύου –της μορφής πελάτης / εξυπηρετητής –η οποία στηρίζεται στα Υπερμέσα Για την λειτουργία του ιστού απαιτείται: –εγκατάσταση λογισμικού εξυπηρετητή του ιστού σε έναν υπολογιστή (web server, πχ Apache) στο οποίον αποθηκεύονται οι ιστοσελίδες –εγκατάσταση λογισμικού πελάτη του ιστού σε πολλούς υπολογιστές (web clients, πχ Firefox) 1

3 Σημαντικό Οι ηλεκτρονικές διευθύνσεις URL (Uniform Resource Locator – Ενιαίος Προσδιοριστής Πόρου) ή πολύ πιο απλά « διεύθυνση web » Κατάληξη που δηλώνει: την περιοχή που ανήκει η ιστοσελίδα. Π.χ.: grΕλλάδα itΙταλία deΓερμανία ή τον τύπο της ιστοσελίδας. Π.χ. comεμπορική orgοργανισμός Ονομασία Server Συνήθως έχει σχέση με το όνομα του ιδιοκτήτη του δικτυακού τόπου. World Wide Web: Δηλώνει ότι πρόκειται για διεύθυνση στον Παγκόσμιο ιστό (προαιρετικό). Πρωτόκολλο HTTP (Hypertext transfer protocol) Σύνολο κανόνων στους οποίους υπακούει το λογισμικό πλοήγησης. Κατάλογος: Δηλώνει τον κατάλογο στον δίσκο του server που βρίσκεται αποθηκευμένη η ιστοσελίδα καθώς και το όνομα του αρχείου της ιστοσελίδας 2

4 Ο Παγκόσμιος ιστός και υπερκείμενο Οι ιστοσελίδες συνδέονται μεταξύ τους με ΣΥΝΔΕΣΜΟΥΣ. Όταν ο δείκτης του ποντικιού περνάει πάνω από έναν σύνδεσμο τότε από "βελάκι» μεταμορφώνεται σε χεράκι. Εκεί κάνουμε κλικ για να πάμε σε άλλη σελίδα 3

5 Δομή ιστοτόπου Εισαγωγική σελίδα Κεντρική σελίδα Σελίδα Δεν υπάρχει πάντα Μπαίνει για καλωσόρισμα Η βασική σελίδα «πρόσωπο» του ιστοτόπου Οι σελίδες της τοποθεσίας 4

6 Οι φυλλομετρητές / σελιδομετρητές 5

7 Πηγή wikimedia 6

8 Διαφοροποιήσεις ανά περιοχή 7

9 Πηγή 8

10 Πίσω (Back): Με το πλήκτρο αυτό επιστρέφουμε στην αμέσως προηγούμενη ιστοσελίδα που επισκεφτήκαμε πριν από την ιστοσελίδα που δείχνει το λογισμικό πλοήγησης. Εμπρός (Forward): Το πλήκτρο αυτό ενεργοποιείται, αν έχουμε χρησιμοποιήσει τουλάχιστον μία φορά το πλήκτρο Πίσω. Μας επαναφέρει στην ιστοσελίδα που είχαμε επισκεφτεί πριν επιλέξουμε το πλήκτρο Πίσω. Το πλήκτρο Εμπρός αναιρεί την τελευταία ενέργεια του πλήκτρου Πίσω. Αρχική (Ηome): Μας επαναφέρει στην αρχική σελίδα που επισκεφτήκαμε μόλις ενεργοποιήσαμε το λογισμικό πλοήγησης. Κάθε λογισμικό πλοήγησης έχει μία προκαθορισμένη ιστοσελίδα ως αρχική, την οποία μπορούμε να αλλάξουμε με κατάλληλες ρυθμίσεις. Τα τρία βασικά πλήκτρα με τα οποία είναι εφοδιασμένο ένα λογισμικό πλοήγησης: Σελιδομετρητές ή λογισμικό πλοήγησης 9

11 Εικόνα 12.7: Χρήσιμα πλήκτρα ενός λογισμικού πλοήγησης Σελιδομετρητές ή λογισμικό πλοήγησης

12 Καρτέλες Σελιδοδείκτες Ιστορικό Αρχική σελίδα Ρυθμίσεις 11

13 Δραστηριότητα με σελιδομετρητές Άνοιγμα πολλών καρτελών Δημιουργία και διαχείριση σελιδοδεικτών Διαχείριση ιστορικού Αλλαγή ρυθμίσεων σελιδομετρητή 12

14 Σημαντικό Τρόπος λειτουργίας του ιστού Ο παγκόσμιος ιστός είναι το σύνολο των ιστοσελίδων που υπάρχουν σε όλον τον κόσμο. Η κατασκευή των σελίδων γίνεται με την γλώσσα HTML (Hypertext Markup Language, Γλώσσα μορφοποίησης του υπερκειμένου) Η HTML ΔΕΝ είναι γλώσσα προγραμματισμού αλλά ένας τρόπος για να περιγράφουμε την μορφοποίηση μιας ιστοσελίδας 13

15 Παράδειγμα HTML This is heading 1 This is heading 2 This is heading 3 This is heading 4 This is heading 5 This is heading 6 Κώδικας HTMLΑποτέλεσμα (ιστοσελίδα) 14

16 Έστω ότι θέλουμε να μεταφέρουμε ένα μεγάλο μηχάνημα. Υπάρχουν δύο τρόποι να το κάνουμε: 1.Να το στείλουμε συναρμολογημένο 2.Να στείλουμε –τα κομμάτια του –και τις οδηγίες συναρμολόγησης Το συναρμολογημένο είναι πιο δύσκολο να μεταφερθεί και θα καθυστερήσει περισσότερο στους δρόμους Κομμάτι 1 Κομμάτι 2 μαζί στέλνουμε και Οδηγίες συναρμολόγησης Κομμάτι 3 Πλεονεκτήματα και μειονεκτήματα της κάθε περίπτωσης Πολύ Σημαντικό 15

17 Έστω ότι θέλουμε να μεταφέρουμε μία ιστοσελίδα από έναν υπολογιστή του internet σε άλλον. Υπάρχουν δύο τρόποι να το κάνουμε: 1.Να τη στείλουμε ολόκληρη. 2.Να στείλουμε –τα κομμάτια της (εικόνες, ήχο, κείμενο, βίντεο) ξεχωριστά το καθένα –και τις οδηγίες συναρμολόγησης τους Τι είναι καλύτερο από τα δύο και τι λέτε ότι συμβαίνει τελικά; 16

18 Τι γίνεται από την στιγμή που πληκτρολογούμε την διεύθυνση, μέχρι να σχηματιστεί η σελίδα στην οθόνη μας: 1.Ο σελιδομετρητής απευθύνεται στον DNS και εντοπίζει από την URL την δ/νση IP του web-server. 2.Ο σελιδομετρητής στέλνει το αίτημα στον web- server. 3.Το αίτημα φτάνει στον web-server και αυτός αποκρίνεται στέλνοντας το υλικό της σελίδας σε HTML μαζί με οδηγίες για την αναπαράσταση του. 4.Ο σελιδομετρητής λαμβάνει το υλικό της HTML. 5.Ο σελιδομετρητής αρχίζει να σχεδιάζει την σελίδα οδηγούμενος από την HTML. 6.Όλη αυτή η διαδικασίας μεταφοράς βασίζεται στο πρωτόκολλο TCP/IP. 17

19 Εμπορικές υπηρεσίες Ηλεκτρονική πώληση πληροφοριών Ηλεκτρονική πώληση προϊόντων / υπηρεσιών Ηλεκτρονική διαφήμιση Εργασία μέσω του δικτύου (τηλεργασία) 18

20 Μηχανές αναζήτησης Τι είναι οι μηχανές αναζήτησης; –Λογισμικό Παραδείγματα μηχανών αναζήτησης –www.google.comwww.google.com –www.bing.comwww.bing.com –www.yahoo.comwww.yahoo.com –www.webcrawler.comwww.webcrawler.com Ποια είναι η τέλεια μηχανή αναζήτησης; –εκείνη στην οποία περιγράφουμε την πληροφορία που ζητάμε και η μηχανή την εντοπίζει ακριβώς Θα υπάρξει ολόκληρο μάθημα για τις μηχανές αναζήτησης 19

21 Από τι αποτελείται μια ιστοσελίδα; Κείμενο Πίνακες Πλαίσια Γραφικά Βίντεο Μουσική ή Ήχο Υπερσυνδέσμους 20

22 Δομή ιστοσελίδων 21

23 Τα πλεονεκτήματα του ιστού Γραφικός τρόπος χειρισμού Η μαγεία του υπερκειμένου και των υπερμέσων. Η ευκολία δημοιυργία ιστοσελίδων. Η ελευθερία στη χρήση των υπερσυνδέσμων. 22

24 Δραστηριότητα Στοιχειώδης επεξεργασία εικόνας Μετατροπή από bmp σε jpg και ανάποδα Αλλαγή μεγέθους και ανάλυσης Επεξεργασία με paint 23

25 Δραστηριότητα Δημιουργία ιστολογίου τάξης Επίδειξη δημιουργίας ιστολογίου Δημιουργία ιστολογίου τάξης 24

26 Δραστηριότητα Ανατομία μιας ιστοσελίδας Μια ιστοσελίδα αποτελείται από: –Κείμενο, Πίνακες, Πλαίσια, Γραφικά, Βίντεο, Μουσική ή Ήχο, Υπερσυνδέσμους Συνδεθείτε με το σελίδομετρητή στον ιστότοπο και αποθηκεύστε τον στην επιφάνεια εργασίας Παρατηρείστε και σχολιάστε τι αποθηκεύτηκε Δημιουργείστε στον φάκελο τα έγγραφά μου την δομή των φακέλων του ιστότοπου σας 25

27 Φάκελος Τα έγγραφά μου Φάκελος SporadesWebSite Φάκελος pics (εδώ όλες οι εικόνες) Φάκελος sounds (εδώ όλοι οι ήχοι) Φάκελος etc (εδώ όλα τα διάφορα) Αρχεία ιστεσελίδων html Η δομή των φακέλων ενός ιστοτόπου για τα νησιά των Σποράδων ΠΡΟΣΟΧΗ: Τα ονόματα των φακέλων γραμμένα με λατινικούς, μικρούς χαρακτήρες 26

28 Η δομή ιστοσελίδων του ιστοτόπου για τα Νησιά των Σποράδων 27

29 Δημιουργήστε την δική σας δομή των φακέλων στον υπολογιστή που θα καθίσετε Δημιουργία ομάδων Δημιουργία φακέλων –mywebsites askisi1 –pics –sounds –etc askisi2 –pics –sounds –etc 28

30 Δημιουργία της πρώτης σας ιστοσελίδας με τη χρήση HTML Αυτή είναι η πρώτη μου σελίδα Είμαι και ο πρώτος Πολύ μου αρέσω 29

31 Αποτέλεσμα του προηγούμενου κώδικα HTML 30

32 Δραστηριότητα Apache web Server Στήσιμο του Apache στον Server του εργαστηρίου Ενεργοποίηση και απενεργοποίηση του service του Αποθήκευση σελίδων στο htdocs του Προβολή τους από άλλους υπολογιστές 31


Κατέβασμα ppt "Το περιβάλλον του παγκόσμιου ιστού (WWW: World Wide Web) 0."

Παρόμοιες παρουσιάσεις


Διαφημίσεις Google