Περιεχόμενα Λίγα λόγια από το συγγραφέα... 7 Μέρος 1 1 Βασικοί όροι... 11 2 Βασική δομή κώδικα HTML... 25 3 Μορφοποίηση κειμένου... 39 4 Μορφοποίηση παραγράφων... 51 5 Εισαγωγή εικόνας... 63 6 Λίστες με κουκκίδες και αριθμημένες λίστες... 71 Μέρος 2 7 FrontPage 2003... 81 8 Δημιουργία και διαχείριση τοποθεσίας Ιστού... 91 9 Μορφοποίηση χαρακτήρων... 111 10 Μορφοποίηση παραγράφων... 125 11 Λίστες με κουκκίδες και αριθμημένες λίστες... 139 12 Εικόνες... 153 13 Εφέ... 171 5
Περιεχόμενα 14 Πίνακες... 185 15 Μορφοποίηση σελίδας... 207 16 Πλαίσια... 217 17 Υπερσύνδεσμοι... 233 18 Φόρμες... 249 19 Δημοσίευση τοποθεσίας Ιστού... 263 20 Νομοθεσία και ασφάλεια... 271 Ευρετήριο... 281 6
Βασική δομή κώδικα HTML Στόχος κεφαλαίου Σκοπός αυτού του κεφαλαίου είναι να μάθουμε τι είναι η Γλώσσα Σήμανσης Υπερκειμένου (HyperText Markup Language) και την προετοιμασία που θα πρέπει να κάνουμε πριν από τη δημιουργία μιας ιστοσελίδας. Επίσης, θα αναφερθούμε στις ετικέτες (tags) και στη γενική δομή μιας ιστοσελίδας. Εισαγωγή Η HTML είναι μια γλώσσα σήμανσης υπερ-κειμένου. Με μια γλώσσα σήμανσης υπερκειμένου μπορούμε να δημιουργήσουμε τα περιεχόμενα μιας ιστοσελίδας και να τα μορφοποιήσουμε χρησιμοποιώντας ειδικούς χαρακτηρισμούς με ετικέτες (tags). Μια ιστοσελίδα μπορεί να περιέχει συνδυασμό διαφόρων στοιχείων, όπως: Κώδικα HTML Εικόνες Γραφικά Ηχητικά εφέ Βίντεο Σενάρια (scripts), κ.ά 25
Μέρος 1: Δημιουργία ιστοσελίδων με κώδικα HTML Δημιουργία ιστοσελίδων με κώδικα HTML Για να δημιουργήσουμε μια ιστοσελίδα με τη χρήση κώδικα HTML, χρειαζόμαστε δύο εφαρμογές: Ένα διορθωτή απλού κειμένου (text editor). Στο περιβάλλον των Windows μπορούμε να χρησιμοποιήσουμε το Σημειωματάριο (Notepad). Μια εφαρμογή φυλλομετρητή Ιστού (Web browser). Στο περιβάλλον των Windows μπορούμε να χρησιμοποιήσουμε το πρόγραμμα Internet Explorer. Τα βήματα που πρέπει να ακολουθήσουμε για να δημιουργήσουμε μια ιστοσελίδα είναι τα εξής: 1. Στο διορθωτή κειμένου, καταχωρίζουμε τον κώδικα HTML. 2. Αποθηκεύουμε τον κώδικα σε μορφή αρχείου με προέκταση.html ή.htm. 3. Μεταφερόμαστε στο φυλλομετρητή Ιστού, για παράδειγμα τον Internet Explorer. 4. Ανοίγουμε το αρχείο HTML που αποθηκεύσαμε. 5. Ελέγχουμε το αποτέλεσμα. 6. Σε περίπτωση που το αποτέλεσμα δεν είναι ικανοποιητικό, τροποποιούμε τον κώδικα και τον δοκιμάζουμε ξανά. Στην Εικόνα 2.1 βλέπουμε ένα διάγραμμα ροής που περιγράφει τα βήματα δημιουργίας μιας ιστοσελίδας με τη χρήση κώδικα HTML. Ετικέτες Όπως είπαμε, η γλώσσα HTML είναι μια γλώσσα σήμανσης (markup). Δηλαδή, οι εντολές για τη διάταξη, τη μορφοποίηση, και την εμφάνιση των περιεχομένων μιας ιστοσελίδας είναι ενσωματωμένες στο κείμενο της ιστοσελίδας. Προκειμένου ένας φυλλομετρητής Ιστού να διακρίνει τις εντολές αυτές, τις κλείνουμε μέσα σε γωνιακές αγκύλες, δηλαδή σύμβολα μεγαλύτερου (<) και μικρότερου (>). Η περιοχή ανάμεσα στα σύμβολα αυτά λέγεται ετικέτα (tag). Δηλαδή, για να μπορέσει ο φυλλομετρητής Ιστού να ερμηνεύσει τον κώδικα μιας ιστοσελίδας, ψάχνει για κείμενο που περικλείεται στα σύμβολα < και >. 26
Κεφάλαιο 2: Βασική δομή κώδικα HTML Καταχωρίζουμε κώδικα HTML Αποθηκεύουμε τον κώδικα σε μορφή αρχείου με προέκταση.html ή.htm Μεταφερόμαστε στο φυλλομετρητή Ιστού Ο Χ Ι Ανοίγουμε την ιστοσελίδα και ελέγχουμε το αποτέλεσμα Ικανοποιητικό αποτέλεσμα; Ν Α Ι Ολοκλήρωση εργασίας Εικόνα 2.1 Διάγραμμα ροής δημιουργίας ιστοσελίδας Σύνταξη κώδικα HTML Η γενική σύνταξη μιας εντολής HTML είναι η παρακάτω: <όνομα ετικέτας> κείμενο που θα εμφανιστεί </όνομα ετικέτας> Για παράδειγμα, η γραμμή κώδικα: <b> Η πρώτη μου ιστοσελίδα </b> εμφανίζει το κείμενο Η πρώτη μου ιστοσελίδα με έντονη γραφή. Όπως παρατηρούμε, μια εντολή HTML: Ξεκινάει με την ετικέτα αρχής, η οποία καθορίζει τη θέση από την οποία θα ισχύει η εντολή, για παράδειγμα <b>. 27
Μέρος 1: Δημιουργία ιστοσελίδων με κώδικα HTML Ακολουθεί το κείμενο ή το αντικείμενο στο οποίο θα εφαρμοστεί η εντολή. Καταλήγει στην ετικέτα τέλους, που καθορίζει τη θέση στην οποία θα παύσει να ισχύει η εντολή. Συνήθως, η ετικέτα τέλους είναι ίδια με την ετικέτα αρχής με τη διαφορά ότι προηγείται μια κάθετος, για παράδειγμα </b>. Ετικέτα αρχής Μορφοποιημένο κείμενο Ετικέτα τέλους Εικόνα 2.2 Παράδειγμα κώδικα HTML Καλό είναι να γνωρίζουμε ότι οι φυλλομετρητές Ιστού συνήθως δεν κάνουν διάκριση μεταξύ πεζών και κεφαλαίων χαρακτήρων κατά την ερμηνεία του κώδικα HTML. Παρόλα αυτά, είναι καλύτερα να χρησιμοποιούμε πεζούς χαρακτήρες κατά τη γραφή του κώδικά μας. Αν δεν τοποθετήσουμε σωστά την ετικέτα τέλους, ο φυλλομετρητής Ιστού δε θα καταλάβει τον τερματισμό της εντολής, με αποτέλεσμα η εντολή να ισχύει μέχρι το τέλος του κώδικα. Στο παράδειγμά μας, η έντονη γραφή θα ίσχυε για το υπόλοιπο κείμενο της ιστοσελίδας. Μια μεγάλη διαφορά μεταξύ της γλώσσας HTML και των γλωσσών προγραμματισμού είναι η ευελιξία στη χρήση της. Δηλαδή, αν καταχωρίσουμε λάθος κώδικα σε μια οποιαδήποτε γλώσσα προγραμματισμού, το πιο πιθανό είναι το πρόγραμμα να μη λειτουργήσει σωστά και να εμφανίσει ένα μήνυμα σφάλματος. Αν όμως καταχωρίσουμε λάθος εντολές στη γλώσσα HTML, ο φυλλομετρητής Ιστού τις περισσότερες φορές απλώς θα τις αγνοήσει κατά την εμφάνιση της ιστοσελίδας, χωρίς να δημιουργήσει κάποιο πρόβλημα ή να εμφανίσει μήνυμα σφάλματος. 28
Κεφάλαιο 2: Βασική δομή κώδικα HTML Βασική δομή του κώδικα HTML Τώρα που γνωρίζουμε τον τρόπο με τον οποίο ένας φυλλομετρητής Ιστού ερμηνεύει τον κώδικα HTML μιας ιστοσελίδας, θα συνεχίσουμε αναλύοντας τη βασική δομή τού κώδικα αυτού. Μια ιστοσελίδα συνήθως χωρίζεται στις εξής δύο βασικές ενότητες: HEAD (κεφαλή), η οποία περιέχει πληροφορίες για τον τίτλο και τη διεύθυνση URL της ιστοσελίδας. BODY (σώμα), που καταλαμβάνει το μεγαλύτερο μέρος μιας ιστοσελίδας εδώ βρίσκονται όλα τα περιεχόμενα της. Δηλαδή, στην ενότητα αυτή βρίσκουμε το κείμενο της ιστοσελίδας, τα γραφικά, τις ετικέτες μορφοποίησης, και άλλα πολλά. Γενικά, μπορούμε να πούμε ότι ένα έγγραφο HTML έχει συνήθως την εξής βασική διάταξη: <html> <head> </head> </html> <title> Τίτλος ιστοσελίδας </title> <body> Περιεχόμενα ιστοσελίδας </body> Όπως παρατηρούμε, κάθε ετικέτα αρχής συνοδεύεται και από την αντίστοιχη ετικέτα τέλους. Οι εσοχές που βλέπουμε στο παραπάνω παράδειγμα δεν είναι υποχρεωτικές. Τις χρησιμοποιούμε για να μπορούμε να διαβάζουμε τις διάφορες ενότητες πιο εύκολα. Η ετικέτα αρχής μιας εντολής, τα περιεχόμενα στα οποία θα εφαρμοστεί η εντολή, και η ετικέτα τέλους τής εντολής μπορούν να βρίσκονται είτε στην ίδια είτε σε διαφορετικές γραμμές. Δηλαδή, το τέλος παραγράφου (το πάτημα του πλήκτρου Enter) σε ένα αρχείο HTML αγνοείται από το φυλλομετρητή Ιστού. Γι αυτό, αν θέλουμε να προσθέσουμε αλλαγή γραμμής ή παραγράφου, πρέπει να τοποθετήσουμε ειδικές εντολές, όπως θα δούμε σε επόμενη ενότητα. 29
Μέρος 1: Δημιουργία ιστοσελίδων με κώδικα HTML Ο παρακάτω πίνακας παρουσιάζει τις βασικότερες ετικέτες που χρησιμοποιούμε κατά τη δημιουργία μιας ιστοσελίδας, καθώς και τον τρόπο με τον οποίο ερμηνεύονται αυτές από το φυλλομετρητή Ιστού: Ετικέτα αρχής Ετικέτα τέλους Περιγραφή <html> </html> Ορίζει την αρχή και το τέλος της ιστοσελίδας. <head> </head> Ορίζει την αρχή και το τέλος της κεφαλής της ιστοσελίδας. Στην περιοχή αυτή καταχωρίζουμε πληροφορίες που δεν εμφανίζονται στα περιεχόμενα της ιστοσελίδας. <title> </title> Ορίζει την αρχή και το τέλος του τίτλου της ιστοσελίδας. <body> </body> Ορίζει την αρχή και το τέλος του σώματος της ιστοσελίδας. Στην ενότητα αυτή περιλαμβάνονται όλες οι μορφοποιήσεις και τα περιεχόμενα της ιστοσελίδας. Δημιουργία ιστοσελίδας Για να εξοικειωθούμε με τη δημιουργία ιστοσελίδων και τη βασική δομή του κώδικα HTML, θα δημιουργήσουμε μια ιστοσελίδα η οποία θα έχει τίτλο Λάτρεις της τεχνολογίας και θα εμφανίζει το κείμενο Καλωσορίσατε στην ιστοσελίδα (Εικόνα 2.5). Για το σκοπό αυτόν, κάνουμε τα εξής: Ξεκινούμε το διορθωτή κειμένου Σημειωματάριο. Σε περιβάλλον Windows XP, πατάμε στο κουμπί έναρξη, δείχνουμε στο υπομενού Βοηθήματα του μενού Όλα τα προγράμματα, και πατάμε στην καταχώριση Σημειωματάριο. Καταχωρίζουμε τη βασική δομή του κώδικα HTML τον τίτλο και το κείμενο της ιστοσελίδας (Εικόνα 2.3). Εικόνα 2.3 Ο κώδικας HTML που καταχωρίζουμε στο Σημειωματάριο 30
Κεφάλαιο 2: Βασική δομή κώδικα HTML Οι εσοχές που δημιουργήσαμε στον κώδικα της παραπάνω εικόνας με το πλήκτρο Tab δεν είναι υποχρεωτικές. Παρόλα αυτά, καλό είναι να χρησιμοποιούμε εσοχές ώστε να είναι πιο ευανάγνωστος ο κώδικάς μας. Επίσης, οι κενές γραμμές και οι αλλαγές παραγράφου που προσθέτουμε στον κώδικά μας δεν εμφανίζονται στα περιεχόμενα της ιστοσελίδας. Αποθήκευση ως ιστοσελίδα Το επόμενο βήμα είναι να αποθηκεύσουμε το αρχείο HTML σε μορφή ιστοσελίδας. Για να αποθηκεύσουμε το αρχείο με το όνομα welcome_page.html στο φάκελο Τα έγγραφά μου, κάνουμε τα παρακάτω: Επιλέγουμε την εντολή Αποθήκευση από το μενού Αρχείο του Σημειωματάριου. Ανοίγει το πλαίσιο διαλόγου Αποθήκευση ως. Μεταφερόμαστε στο φάκελο Τα έγγραφά μου. Στο πλαίσιο Όνομα αρχείου, πληκτρολογούμε welcome_page.html. Πατάμε στο κουμπί Αποθήκευση. Η προέκταση αρχείων.html ορίζει ότι το έγγραφο θα αποθηκευτεί σε μορφή Γλώσσας Σήμανσης Υπερ-κειμένου. Για τον ίδιο σκοπό θα μπορούσαμε να χρησιμοποιήσουμε την προέκταση.htm η οποία είναι συμβατή και με εφαρμογές MS-DOS. Καλό είναι να γνωρίζουμε ότι τα ονόματα των ιστοσελίδων που δημιουργούμε δεν μπορούν να περιέχουν κενά διαστήματα γι αυτό, αντικαθιστούμε τα κενά διαστήματα με το σύμβολο της υπογράμμισης. Επίσης, τα ονόματα των ιστοσελίδων δεν μπορούν να περιέχουν ειδικά σύμβολα, όπως για παράδειγμα η κάθετος (/). Άνοιγμα ιστοσελίδας από το δίσκο Μετά την αποθήκευση του αρχείου HTML στο δίσκο μας, μπορούμε να χρησιμοποιήσουμε το πρόγραμμα Internet Explorer για να εξετάσουμε τα περιεχόμενα της ιστοσελίδας. Για να ανοίξουμε την ιστοσελίδα που αποθηκεύσαμε πριν από λίγο με το όνομα welcome_page.html, ακολουθούμε τα επόμενα βήματα: 31
Μέρος 1: Δημιουργία ιστοσελίδων με κώδικα HTML Ξεκινούμε το φυλλομετρητή Ιστού Internet Explorer. Επιλέγουμε την εντολή Άνοιγμα από το μενού Αρχείο. Εμφανίζεται το πλαίσιο διαλόγου Άνοιγμα (Εικόνα 2.4). Εικόνα 2.4 Το πλαίσιο διαλόγου Άνοιγμα Πατάμε στο κουμπί Αναζήτηση και στη συνέχεια μεταφερόμαστε στο φάκελο Τα έγγραφά μου. Επιλέγουμε το αρχείο welcome_page.html και πατάμε στο κουμπί Άνοιγμα. Πατάμε στο κουμπί ΟΚ και τα περιεχόμενα της ιστοσελίδας εμφανίζονται στη ο- θόνη μας (Εικόνα 2.5). Τίτλος ιστοσελίδας Περιεχόμενα ιστοσελίδας Όνομα ιστοσελίδας Εικόνα 2.5 Τα περιεχόμενα της ιστοσελίδας 32
Κεφάλαιο 2: Βασική δομή κώδικα HTML Όπως βλέπουμε στην παραπάνω εικόνα: Ο τίτλος της ιστοσελίδας, τον οποίο πληκτρολογήσαμε ανάμεσα στις ετικέτες <title> και </title>, είναι Λάτρεις της τεχνολογίας και εμφανίζεται στη γραμμή τίτλου του παραθύρου. Το όνομα της ιστοσελίδας, που ορίσαμε στο πλαίσιο διαλόγου Αποθήκευση ως είναι welcome_page και εμφανίζεται στη γραμμή Διευθύνσεων του παραθύρου. Επίσης, στη γραμμή Διευθύνσεων φαίνεται η πλήρης διαδρομή αποθήκευσης του αρχείου. Τα περιεχόμενα της ιστοσελίδας, τα οποία πληκτρολογήσαμε ανάμεσα στις ετικέτες <body> και </body>, είναι Καλωσορίσατε στην ιστοσελίδα και εμφανίζονται στο τμήμα περιεχομένων του παραθύρου. Εμφάνιση κώδικα ιστοσελίδας Όπως είναι λογικό, όταν ελέγχουμε μια ιστοσελίδα που έχουμε δημιουργήσει, πολλές φορές θα χρειαστεί να κάνουμε διάφορες τροποποιήσεις στα περιεχόμενά της. Σε αυτή την περίπτωση, θα πρέπει να εμφανίσουμε τα περιεχόμενα του αρχείου HTML και στη συνέχεια να κάνουμε τις κατάλληλες αλλαγές. Για να εμφανίσουμε τον κώδικα HTML μιας ιστοσελίδας, ακολουθούμε έναν από τους τρεις παρακάτω τρόπους: Εναλλαγή μεταξύ ανοιχτών παραθύρων Εφόσον έχουμε ανοιχτό το παράθυρο του διορθωτή κειμένου (Σημειωματάριο) με τον κώδικα HTML της ιστοσελίδας, και το παράθυρο του φυλλομετρητή Ιστού Internet Explorer, μπορούμε να μεταφερθούμε στο Σημειωματάριο πατώντας στο κουμπί του στη γραμμή εργασιών (Εικόνα 2.6). Εικόνα 2.6 Η γραμμή εργασιών με τα κουμπιά των ανοιχτών εφαρμογών Άνοιγμα αρχείου HTML στο Σημειωματάριο Αν το Σημειωματάριο δεν είναι ανοιχτό, το ξεκινούμε και επιλέγουμε την εντολή Ά- νοιγμα από το μενού Αρχείο. Για να εμφανίσουμε τα αρχεία HTML, πρέπει να πατήσουμε στο κάτω βέλος του πτυσσόμενου πλαισίου καταλόγου Αρχεία τύπου και, από τη λίστα που εμφανίζεται, να επιλέξουμε την καταχώριση Όλα τα αρχεία (Εικόνα 2.7). 33
Μέρος 1: Δημιουργία ιστοσελίδων με κώδικα HTML Εικόνα 2.7 Επιλογή τύπου αρχείου για άνοιγμα στο Σημειωματάριο Επιλέγουμε το αρχείο που θέλουμε να ανοίξουμε και μετά πατάμε στο κουμπί Άνοιγμα. Άνοιγμα αρχείου HTML με την εντολή Προβολή προέλευσης Αν έχουμε μια ιστοσελίδα ανοιχτή στο πρόγραμμα Internet Explorer, μπορούμε να εμφανίσουμε τον κώδικα HTML της ιστοσελίδας αυτής. Απλώς πατάμε με το δεξιό πλήκτρο του ποντικιού και, στη συνέχεια, από το μενού συντόμευσης που εμφανίζεται επιλέγουμε την εντολή Προβολή προέλευσης (Εικόνα 2.8). Ανοίγει ένα νέο παράθυρο του Σημειωματάριου με τον κώδικα HTML της ιστοσελίδας. Εικόνα 2.8 Το μενού συντόμευσης της ιστοσελίδας Τροποποίηση περιεχομένων ιστοσελίδας Για να εξοικειωθούμε στην τροποποίηση μιας ιστοσελίδας, θα προσθέσουμε στην ι- στοσελίδα welcome_page.html τη φράση φίλων της τεχνολογίας μετά το κείμενο Καλωσορίσατε στην ιστοσελίδα. Εμφανίζουμε τον κώδικα HTML της ιστοσελίδας welcome_page.html. 34
Κεφάλαιο 2: Βασική δομή κώδικα HTML Καταχωρίζουμε το κείμενο φίλων της τεχνολογίας μετά το υπάρχον κείμενο Καλωσορίσατε στην ιστοσελίδα στο σώμα του αρχείου HTML. Αποθηκεύουμε το αρχείο HTML, επιλέγοντας την εντολή Αποθήκευση από το μενού Αρχείο. Αν ο φυλλομετρητής Ιστού Internet Explorer είναι ανοιχτός στην ιστοσελίδα welcome_page.html, μεταφερόμαστε σε αυτόν και πατάμε στο κουμπί Ανανέωση της Βασικής γραμμής εργαλείων ή πατάμε το πλήκτρο F5. Επίσης, μπορούμε να επιλέξουμε την εντολή Ανανέωση από το μενού Προβολή. Σε διαφορετική περίπτωση, ξεκινούμε το φυλλομετρητή Ιστού και ανοίγουμε την ιστοσελίδα welcome_page.html Εμφανίζονται τα ανανεωμένα περιεχόμενα της ιστοσελίδας (Εικόνα 2.9). Εικόνα 2.9 Το τελικό αποτέλεσμα της ιστοσελίδας Κλείνουμε την εφαρμογή του Σημειωματάριου και του φυλλομετρητή Ιστού. 35
Μέρος 1: Δημιουργία ιστοσελίδων με κώδικα HTML Ερωτήσεις και ασκήσεις επανάληψης Κεφαλαίου 2 Πριν αρχίσετε την επίλυση των ασκήσεων, δημιουργήστε ένα φάκελο με το όνομα Ε- ναλλακτικές διακοπές μέσα στο φάκελο Τα έγγραφά μου, για να αποθηκεύετε σε αυτόν όλες τις ιστοσελίδες των ασκήσεων. 1. Τι είναι η HTML; 2. Τι μπορεί να περιέχει μια ιστοσελίδα; 3. Τι είναι και σε τι χρησιμεύουν οι ετικέτες (tags); 4. Τι περιέχει η ενότητα HEAD ενός αρχείου HTML; 5. Τι περιέχει η ενότητα BODY; 6. Εντοπίστε το λάθος στα παρακάτω παραδείγματα: Παράδειγμα 1 Παράδειγμα 2 <html> <head> <title>δείγμα</title> <body> Περιεχόμενα ιστοσελίδας. </body> </html> <html> <head><title>δείγμα</title></head> <body> Περιεχόμενα ιστοσελίδας. <body> </html> 7. Ξεκινήστε το Σημειωματάριο και δημιουργήστε μια ιστοσελίδα με τον τίτλο Γνωρίστε τις ομορφιές της Ελλάδας. 8. Πληκτρολογήστε το κείμενο Καλωσορίσατε στην καινούργια ιστοσελίδα του Συλλόγου Εναλλακτικού Τουρισμού Ελλάδος ως περιεχόμενο της ιστοσελίδας. 9. Αποθηκεύστε το αρχείο HTML με το όνομα welcome.html στο φάκελο Εναλλακτικές Διακοπές. 10. Εμφανίστε στο φυλλομετρητή Ιστού τα περιεχόμενα της ιστοσελίδας welcome.html. 11. Αναφέρετε δύο τρόπους με τους οποίους μπορούμε να εμφανίσουμε τον κώδικα HTML μιας ιστοσελίδας. 12. Μεταφερθείτε στο αρχείο HTML και πληκτρολογήστε τις λέξεις,ο Ερμής μετά το υπάρχον κείμενο. 36
Κεφάλαιο 2: Βασική δομή κώδικα HTML 13. Αποθηκεύστε το αρχείο, και εμφανίστε στο φυλλομετρητή Ιστού σας τα νέα περιεχόμενα της ιστοσελίδας welcome.html. 14. Διαγράψτε τη λέξη καινούργια από το αρχείο HTML. 15. Εμφανίστε τα νέα περιεχόμενα της ιστοσελίδας welcome. 16. Δημιουργήστε μια νέα ιστοσελίδα με τίτλο Ο Σκοπός του Συλλόγου. 17. Πληκτρολογήστε το κείμενο Ο σκοπός του Συλλόγου Εναλλακτικού Τουρισμού Ελλάδος, Ο Ερμής, είναι να κάνει ευρύτερα γνωστές τις ομορφιές της Ελλάδας μέσα από:, ως περιεχόμενο της ιστοσελίδας. 18. Αποθηκεύστε το αρχείο HTML με το όνομα purpose.html στο φάκελο Εναλλακτικές Διακοπές. 19. Εμφανίστε στο φυλλομετρητή Ιστού τα περιεχόμενα της ιστοσελίδας purpose.html 20. Ανοίξτε την ιστοσελίδα references.html από το συνοδευτικό CD. 21. Αλλάξτε το έτος ίδρυσης που εμφανίζεται στην ιστοσελίδα σε 2005. 22. Αποθηκεύστε το αρχείο HTML και εμφανίστε τα νέα περιεχόμενα της ιστοσελίδας references.html. 23. Κλείστε το Σημειωματάριο και το φυλλομετρητή Ιστού. 37