ΑΣΠΑΙΤΕ Α Πρακτική Άσκηση Εισαγωγή στο Frontpage Ημερομηνία : Τμήμα :. Ονοματεπώνυμο : Αφού ανοίξετε τον υπολογιστή σας και δείτε την Επιφάνεια Εργασίας σας, ξεκινήστε το πρόγραμμα κατασκευής ιστοσελίδων Frontpage. Με πόσους και ποιους τρόπους μπορεί να γίνει η εκκίνηση του προγράμματος; 1. 2. 3. Από τη γραμμή μενού του Frontpage, επιλέξτε File, New και από το task pane, Blank page, προκειμένου να δημιουργήσετε μία νέα, κενή ιστοσελίδα. Εισάγετε το κείμενο «Αυτή είναι η πρώτη μου ιστοσελίδα!» Κοιτάξτε στη γραμμή κατάστασης το χρόνο που απαιτείται για να κατέβει η ιστοσελίδα (estimated download time, στα δεξιά). Σε ποια από τις προβολές του Frontpage, εργάζεστε τώρα; Ποιες είναι οι υπόλοιπες προβολές του Frontpage; - 1 -
1. 2. 3. Ποιο είναι το εξ ορισμού όνομα της ιστοσελίδας; Αποθηκεύστε την ιστοσελίδα σας με το όνομα index.htm στην Επιφάνεια Εργασίας σας. Αλλάξετε τον τίτλο της ιστοσελίδας σας, όπως φαίνεται στο παρακάτω παράθυρο: Τσεκάρετε ότι όντως το αρχείο index.htm, βρίσκεται στην Επιφάνεια Εργασίας σας. Βεβαιωθείτε επίσης ότι το όνομα του αρχείου σας είναι index.htm, κοιτάζοντας την τρέχουσα καρτέλα στο Frontpage. Δημιουργήστε μία δεύτερη ιστοσελίδα (με τον ίδιο ακριβώς τρόπο όπως και παραπάνω), εισάγετε το κείμενο «Η δεύτερή μου ιστοσελίδα», αποθηκεύστε την με το όνομα first.htm και τίτλο Page1. - 2 -
Πατήστε ENTER και εισάγετε το κείμενο «Αρχική σελίδα». Επιλέξτε το τελευταίο κείμενο, πατήστε δεξί κλικ και επιλέξτε hyperlink. Με αυτόν τον τρόπο, μπορείτε να εισάγετε έναν υπερδεσμό προς την αρχική σας σελίδα. Η συμβουλή οθόνης (το μήνυμα που θα φαίνεται όταν ο χρήστης τοποθετήσει το ποντίκι του επάνω στον υπερδεσμό), θέλουμε να είναι το «Επιστροφή στην αρχική σελίδα». Τι πρέπει να επιλέξετε προκειμένου να εισάγετε έναν υπερδεσμό Για μία διεύθυνση ηλεκτρονικού ταχυδρομείου; Για μία άλλη ιστοσελίδα; - 3 -
Προσέξτε ότι στο όνομα της ιστοσελίδας σας στο εσωτερικό του Frontpage, υπάρχει τώρα ένα αστεράκι, που υποδηλώνει ότι η ιστοσελίδα σας δεν έχει ακόμη αποθηκευτεί (first.htm*). Εξερευνήστε τις διάφορες προβολές του Frontpage και δείτε πως μεταφράζονται αυτά που έχετε εισάγει στην κανονική προβολή σε εντολές html. - 4 -
Πηγαίνετε στην Επιφάνεια Εργασίας σας και βεβαιωθείτε ότι η σύνδεση που βάλατε λειτουργεί σωστά. Κάνετε κάτι ανάλογο για την μετάβαση από την πρώτη στη δεύτερη σελίδα. Στη δεύτερη σελίδα σας εισάγετε μία εικόνα (Από το μενού Insert, Picture, From File). Με επιλεγμένη την εικόνα και με δεξί κλικ, επιλέξτε Auto thumbnail. Παρατηρήστε ότι μέγεθος της εικόνας μίκρυνε κατά πολύ και γύρω της υπάρχει ένα μπλε πλαίσιο, που υπονοεί την ύπαρξη υπερδεσμού. Για ποιο λόγο επιλέγουμε αυτή τη λειτουργία; Κοιτάξτε στη γραμμή κατάστασης το χρόνο που απαιτείται για να κατέβει η ιστοσελίδα. Προσπαθήστε να αποθηκεύσετε την ιστοσελίδα και προσέξτε ότι θα σας ζητήσει να αποθηκεύσετε και την εικόνα που έχετε εισάγει στην ιστοσελίδα. - 5 -
Εισάγετε μία τρίτη ιστοσελίδα, τοποθετήστε σε αυτήν μία άλλη εικόνα και αποθηκεύστε την με το όνομα second.htm. Εισάγετε μία νέα εικόνα και υπερδεσμούς για μεταβάσεις στις δύο προηγούμενες ιστοσελίδες σας. Βεβαιωθείτε ότι έχετε ενεργή τη γραμμή εργαλείων εικόνας, επιλέξτε το κουμπί Circular Hotspot και στη συνέχεια κάνετε κλικ μέσα στην εικόνα προκειμένου να επιλέξετε μία κυκλική περιοχή. Μετά την επιλογή της περιοχής θα ανοίξει αυτόματα το παράθυρο για την εισαγωγή υπερδεσμού που θα ενεργοποιείται κάθε φορά που ο χρήστης τοποθετεί το ποντίκι του στην επιλεγμένη περιοχή (τα σημεία ενδιαφέροντος ονομάζονται hotspots). Σε ποιες περιπτώσεις είναι χρήσιμη η λειτουργία αυτή; Αποθηκεύστε τις ιστοσελίδες σας και τερματίστε το Frontpage. - 6 -