Ρύζι. 10.28. Εισαγωγή πλαισίου διαλόγου πίνακα Ρύζι. 10.29. Δημιουργία πινάκων σε ένα έγγραφο HTML Ρύζι. 10.30. Πίνακας τραπεζιού Ρύζι. 10.37. Πίνακας φορμών Ρύζι. 10.38. Παραδείγματα μορφών Ρύζι. 10.39. Μενού εντολών Form Field Ρύζι. 10.44. Παράδειγμα τυπικής σελίδας τίτλου ιστοσελίδας Ρύζι. 10.45. Πλαίσιο διαλόγου Ιδιότητες Marquee Ρύζι. 10.46. Πλαίσιο διαλόγου για τη δημιουργία κουμπιού Ρύζι. 10.47. Εισαγωγή πλαισίου διαλόγου πίνακα Ρύζι. 10.48. Επιλέξτε Πλαίσιο διαλόγου Αρχείο Ρύζι. 10.49. Δημιουργία πλαισίου διαλόγου υπερσύνδεσης

Το πακέτο λογισμικού FrontPage αναπτύχθηκε από την Vermeer Technologies, γνωστή για την ανάπτυξη τυπικών εργαλείων γραφικών για την παρουσίαση και τη δημοσίευση πληροφοριών στο WWW. Η Microsoft αγόρασε αυτό το πακέτο και το συμπεριέλαβε στο MS Office.

Το πακέτο λογισμικού FrontPage στοχεύει στην προσέλκυση ενός μεγάλου στρατού χρηστών που δεν έχουν επαρκή εμπειρία στην εργασία σε πιο σύνθετα περιβάλλοντα λογισμικού, αλλά θέλουν να δημιουργήσουν το δικό τους ηλεκτρονικό έγγραφο, για να εργαστούν σε ιστοσελίδες και ιστοσελίδες. Αυτό το πακέτο μπορεί επίσης να χρησιμοποιηθεί από επαγγελματίες πλοίαρχους Web για τη δημιουργία ορισμένων στοιχείων τοποθεσιών Web ή οικιακών ιστοσελίδων.

Όταν δημιουργήθηκε, οι προγραμματιστές πίστευαν ότι οι χρήστες δεν είχαν αρκετό χρόνο ή εμπειρία για να κατανοήσουν τις περιπλοκές της γλώσσας HTML. Επομένως, σε αυτό το περιβάλλον λογισμικού, δίνεται η ευκαιρία στον χρήστη να συναρμολογήσει μια ιστοσελίδα από έτοιμα στοιχεία με τη μορφή που θα εμφανίζεται στην οθόνη του προγράμματος περιήγησης. Το πρόγραμμα είναι υπεύθυνο για τη δημιουργία των αντίστοιχων κωδικών ελέγχου HTML. Στην πραγματικότητα, το καθήκον του δημιουργού του ιστότοπου όταν εργάζεται σε αυτό το πρόγραμμα έγκειται στην επιλογή υλικών και τη μορφοποίηση κειμένου. Έτσι, η δημοσίευση υλικού στο Διαδίκτυο έχει γίνει προσβάσιμη σε μη επαγγελματίες. Από την άλλη πλευρά, οι ειδικοί άρχισαν να ξοδεύουν λιγότερο χρόνο γράφοντας τυπικούς κώδικες λειτουργίας.

Το FrontPage, ενσωματωμένο στη σουίτα εφαρμογών του Microsoft Office, έχει γίνει τα τελευταία χρόνια ένα αρκετά ευρέως χρησιμοποιούμενο προϊόν για την προετοιμασία ηλεκτρονικών εκδόσεων για το Διαδίκτυο, συνδυάζοντας τμήματα πελάτη και διακομιστή και παρέχοντας τη δυνατότητα ανάπτυξης μιας τοποθεσίας Web στο σύνολό της και εγκατάστασης της έναν απομακρυσμένο διακομιστή.

Το πακέτο λογισμικού του FrontPage συνοδεύεται από πολλά πρόσθετα βοηθητικά προγράμματα, τα οποία μαζί αποτελούν το λεγόμενο πακέτο μπόνους του FrontPage:

Microsoft Image Composer, ένα πρόγραμμα επεξεργασίας γραφικών που έχει σχεδιαστεί για να δημιουργεί και να χειρίζεται εικόνες για μια τοποθεσία Web. Το βοηθητικό πρόγραμμα περιέχει διάφορα εφέ για επεξεργασία εικόνας και περισσότερα από 200 MB ηλεκτρονικών φωτογραφιών που μπορείτε να χρησιμοποιήσετε.

Microsoft Personal Web Server (Microsoft Personal Web Server), έκδοση του Internet Information Server (ΗΠΑ, Internet Information Server), που εκτελείται σε Windows 9.x και Windows NT Workstation. Ο Microsoft Personal Web Server διαφέρει από τον FrontPage Personal Web Server (FrontPage Personal Web Server), ο οποίος αποτελεί μέρος του ίδιου του FrontPage, λόγω της υψηλότερης απόδοσης και της παρουσίας πρόσθετων λειτουργιών.

Web Publishing Wizard, ο οποίος σας επιτρέπει να δημοσιεύετε τοποθεσίες Web σε έναν ISP ή μια ηλεκτρονική υπηρεσία. Αυτός ο οδηγός χρησιμοποιείται συνήθως για διακομιστές που δεν υποστηρίζουν επεκτάσεις διακομιστή FrontPage.

Το FrontPage χρησιμοποιεί το γραφικό FrontPage Explorer για τη δημιουργία, προβολή και συντήρηση τοποθεσιών Web, καθώς και για τη φιλοξενία τους σε υπολογιστή, τοπικό δίκτυο ή Διαδίκτυο. Το FrontPage Explorer περιέχει εντολές για τη διαχείριση τοποθεσιών Web του FrontPage, την επιθεώρηση, την προβολή και τη διαχείριση υπερσυνδέσμων (URL).

Το πακέτο λογισμικού Microsoft FrontPage, όπως ορίζεται από τους προγραμματιστές του, προορίζεται για τη δημιουργία και τη συντήρηση τοποθεσιών Web. Μπορεί να χρησιμοποιηθεί για τον αποτελεσματικό σχεδιασμό και την κατασκευή ενός δυναμικού ιστότοπου.

Μια τοποθεσία Web FrontPage είναι μια συλλογή από ιστοσελίδες, εικόνες και στοιχεία πολυμέσων οργανωμένων σε σχετικά αρχεία και φακέλους.

Η λειτουργικότητα του πακέτου MS FrontPage από έκδοση σε έκδοση προσεγγίζει τις δυνατότητες του πακέτου λογισμικού Macromedia Dreamweaver που συζητήθηκε προηγουμένως. Επομένως, το υλικό αυτής της παραγράφου, κατά μία έννοια, μπορεί να θεωρηθεί ως προσθήκη στο υλικό του προηγούμενου κεφαλαίου.

Ένα από τα κύρια χαρακτηριστικά του FrontPage Editor είναι η δυνατότητα των χρηστών να αναπτύσσουν ιστοσελίδες σε λειτουργία WYSIWYG. Δεν χρειάζεται να ορίσετε με μη αυτόματο τρόπο τις παραμέτρους των ετικετών ελέγχου HTML. Στην εργασία του με τη σήμανση HTML, το FrontPage χρησιμοποιεί τις μεθόδους ενός επεξεργαστή κειμένου και ενός οπτικού περιβάλλοντος προγραμματισμού, γεγονός που καθιστά τη διαδικασία ταχύτερη και πιο κατανοητή.

Το FrontPage μπορεί να δημιουργήσει νέες σελίδες και να επεξεργαστεί έγγραφα HTML που είχαν προετοιμαστεί προηγουμένως. Οι ιστοσελίδες μπορούν να προβληθούν σε λειτουργία WYSIWYG, ως σήμανση κώδικα HTML και ως προεπισκόπηση (παρόμοια με ένα παράθυρο προγράμματος περιήγησης). Επιπλέον, είναι δυνατή η φόρτωση μιας ιστοσελίδας σε ένα πρόγραμμα περιήγησης για προεπισκόπηση (συνήθως Internet Explorer).

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

Μορφοποίηση κειμένου. Το πακέτο FrontPage παρέχει τη δυνατότητα προσαρμογής της γραμματοσειράς των χαρακτήρων κειμένου, του χρώματος και του μεγέθους τους (σημείο). Οι περισσότερες επιλογές σχεδίασης μπορούν να αλλάξουν χρησιμοποιώντας τα κουμπιά στη γραμμή εργαλείων.

Το πρόγραμμα υποστηρίζει ένα σύνολο λειτουργιών μορφοποίησης παραγράφου: ρύθμιση απόστασης και κεντραρίσματος, εσοχές κ.λπ. Υπάρχει δυνατότητα επιλογής μορφοποίησης για στυλ λίστας.

Φύλλα στυλ. Χρησιμοποιώντας φύλλα στυλ, μπορείτε να συνδυάσετε πολλά χαρακτηριστικά στυλ (γραμματοσειρά, χρώμα, μέγεθος, απόσταση, εσοχή κ.λπ.) σε έναν ενιαίο πίνακα. Μπορείτε να ορίσετε πολλά διαφορετικά στυλ για κάθε στοιχείο. Σε αυτήν την περίπτωση, το πρόγραμμα περιήγησης θα τα ιεραρχήσει και θα επιλύσει τις διενέξεις με ιεραρχική σειρά.

Υπάρχουν πολλές επιλογές για την τοποθέτηση ενός φύλλου στυλ:

Εξωτερικό τραπέζι. Έχοντας δημιουργήσει έναν εξωτερικό πίνακα, μπορείτε στη συνέχεια να συνδέσετε οποιονδήποτε αριθμό σελίδων σε αυτόν. Όταν είναι απαραίτητο να κάνετε αλλαγές, γίνονται μόνο στο αρχείο *.css.

Εσωτερικό φύλλο στυλ. Ο πίνακας περιλαμβάνεται στον κώδικα της σελίδας. Τα στυλ που ορίζονται σε αυτό ισχύουν μόνο για μία σελίδα.

Ενσωματωμένο στυλ. Το εφέ του στυλ ισχύει μόνο για μεμονωμένα στοιχεία σελίδας και ορίζεται στην αρχική ετικέτα του εγγράφου.

Εισαγωγή αποσπασμάτων κώδικα. Το HTML αλλάζει γρήγορα και με την πάροδο του χρόνου μπορεί να εισάγει νέες ετικέτες ελέγχου ή χαρακτηριστικά ετικετών ελέγχου που δεν υποστηρίζονται σε ορισμένες εκδόσεις του FrontPage. Ωστόσο, το FrontPage παρέχει τη δυνατότητα εισαγωγής οποιουδήποτε τμήματος HTML, ακόμη και εκείνων που περιέχουν νέες οδηγίες. Ωστόσο, το FrontPage δεν ελέγχει την εγκυρότητα της εισαγόμενης σήμανσης. Στο παράθυρο του επεξεργαστή, ένα τέτοιο κείμενο θα επισημαίνεται με το εικονίδιο Άγνωστο HTML.

Συνδέσεις. Παρέχεται η δυνατότητα χρήσης σελιδοδεικτών (ακολουθώντας συνδέσμους μέσα στο κείμενο μιας σελίδας), επιτρέποντας στους χρήστες να πλοηγούνται μεταξύ των τμημάτων του κειμένου. Επιπλέον, έχει οριστεί μια διεπαφή αναζήτησης σελιδοδεικτών.

Το πακέτο λογισμικού του FrontPage υποστηρίζει διάφορους τύπους συνδέσμων:

Σύνδεσμοι URL (μπορείτε να εισαγάγετε τη διεύθυνση χειροκίνητα ή να επιλέξετε από τους υπάρχοντες συνδέσμους). Όταν εργάζεστε με υπερσυνδέσμους, μπορείτε να σύρετε και να αποθέσετε μια διεύθυνση URL από τον Explorer ή το πρόγραμμα περιήγησης στη σελίδα που σχεδιάζετε.

Σύνδεσμοι στη διεύθυνση email. Αυτός ο τύπος συνδέσμου επιτρέπει στους επισκέπτες της τοποθεσίας Web να στείλουν ένα μήνυμα σε μια συγκεκριμένη διεύθυνση που καθορίζεται στη σύνδεση. Αφού το επιλέξετε, ανοίγει ένα παράθυρο για τη σύνταξη ενός μηνύματος στο πρόγραμμα e-mail.

Είναι δυνατό να υποδειχθεί επιπλέον ένας σελιδοδείκτης μέσα σε έναν σύνδεσμο (το όνομα του σελιδοδείκτη υποδεικνύεται στο πλαίσιο διαλόγου δημιουργίας συνδέσμου), καθώς και να εμφανιστεί η σελίδα (ή το αρχείο) του συνδέσμου σε ξεχωριστό πλαίσιο (πλαίσιο).

Θα πρέπει να σημειωθεί ότι ο κώδικας που γράφεται στην τυπική αναπαράσταση URL μετατρέπεται αυτόματα σε υπερσύνδεσμο.

Πίνακες. Το FrontPage διαθέτει έναν βολικό μηχανισμό για τη δημιουργία πινάκων. Ο πίνακας μπορεί να καθοριστεί χρησιμοποιώντας το μενού Table. Ο Επεξεργαστής διαθέτει επίσης έναν πίνακα σχεδίασης πίνακα, από τον οποίο μπορείτε να χρησιμοποιήσετε τα εργαλεία Μολύβι και Γόμα για να σχεδιάσετε και να διαγράψετε κελιά πίνακα, αντίστοιχα. Το πρόγραμμα επεξεργασίας παρέχει μηχανισμούς για εργασία με πίνακες, όπως διαγραφή, εισαγωγή και συγχώνευση κελιών, ρύθμιση της στοίχισης (κάθετη και οριζόντια) των δεδομένων εντός του πίνακα και πλήρωση κελιών με συγκεκριμένο χρώμα.

Οι πίνακες του Excel και τα γραφήματα του Microsoft Office μπορούν επίσης να ενσωματωθούν σε μια ιστοσελίδα.

Κορνίζες (κορνίζες). Τα πλαίσια, οι ορθογώνιες περιοχές σε μια σελίδα που περιέχουν περιεχόμενο από άλλες σελίδες, υποστηρίζονται στον Επεξεργαστή. Χρησιμοποιώντας πρότυπα σελίδων με πλαίσιο, μπορείτε να δημιουργήσετε διαφορετικές επιλογές για τη διάταξη πλαισίων στην κύρια σελίδα (σύνολο πλαισίων). Το πακέτο FrontPage διαχειρίζεται τις ιδιότητες κάθε σελίδας που παρουσιάζεται σε ένα πλαίσιο, κάθε πλαίσιο και την κύρια σελίδα. Όταν εργάζεστε με πλαίσια, προστίθεται στον Επεξεργαστή ένας σελιδοδείκτης του κώδικα HTML του τρέχοντος πλαισίου, καθώς και η επιλογή προβολής της σελίδας με ή χωρίς πλαίσια.

εικόνες. Ένα σημαντικό θέμα είναι η παρουσίαση εικόνων σε ιστοσελίδες. Το FrontPage παρέχει μια διαδικασία για την εισαγωγή τόσο τυπικών εικόνων από τη βιβλιοθήκη (clip art) όσο και εικόνων από αρχεία γραφικών (μορφές που χρησιμοποιούνται: *.gif, *.jpg, *.bmp, *.tif, *.wmf, *.ras, * .pcx, *.pcd, *.tag, *.eps). Μετά την εισαγωγή μιας εικόνας, εμφανίζεται ένας πίνακας με κουμπιά για επιλογές επεξεργασίας εικόνας. Αυτές περιλαμβάνουν λειτουργίες για την τοποθέτηση της εικόνας σε σχέση με γειτονικά αντικείμενα, την τοποθέτηση κειμένου στην εικόνα, την περιστροφή και τη συμμετρική εμφάνιση της εικόνας, τον έλεγχο της φωτεινότητας και της αντίθεσης, τη λήψη ενός τμήματος, την επαναφορά των αρχικών παραμέτρων και τη ρύθμιση του πλαισίου.

Κάρτες εικόνας πελάτη. Ιδιαίτερη προσοχή πρέπει να δοθεί στους μηχανισμούς δημιουργίας υπερσυνδέσμων με χρήση εικόνων. Είναι δυνατή η αυτόματη δημιουργία μιας μικρογραφίας για προεπισκόπηση της εικόνας. Σε αυτήν την περίπτωση, το πρόγραμμα επεξεργασίας δημιουργεί αυτόματα μια υπερ-σύνδεση προς το αρχικό αρχείο εικόνας και παρουσιάζει ένα μειωμένο αντίγραφο στη σελίδα.

Μια ενδιαφέρουσα ιδιότητα είναι η επιλογή των περιοχών στην εικόνα στις οποίες μπορούν να οριστούν υπερσυνδέσεις. Για παράδειγμα, μπορείτε να καθορίσετε έναν κύκλο, ένα ορθογώνιο ή μια περιοχή πολυγραμμής όταν ένα κλικ του ποντικιού ανοίγει έναν υπερσύνδεσμο.

Έντυπα. Όταν εργάζεστε με ιστοσελίδες, χρησιμοποιούνται συχνά φόρμες. Τα δεδομένα σε αυτά είτε εισάγονται χειροκίνητα σε πεδία κειμένου είτε γίνεται επιλογή από ένα συγκεκριμένο σύνολο τιμών (κουμπιά ραδιοφώνου, πλαίσια λίστας κ.λπ.). Κατά κανόνα, τέτοιες φόρμες περιέχουν κουμπιά για την αποστολή πληροφοριών ή την επαναφορά τιμών. Οι φόρμες έχουν σχεδιαστεί για διαδραστική επικοινωνία με τους επισκέπτες του ιστότοπου. Εάν χρειάζεται να δημιουργήσετε ένα βιβλίο επισκεπτών ή μια σελίδα όπου οι επισκέπτες θα εκφράζουν τις απόψεις τους ή θα επισημαίνουν λάθη στον ιστότοπο, εάν οι επισκέπτες καλούνται να συμπληρώσουν τον ιστότοπο (για παράδειγμα, έχουν την ευκαιρία να εισάγουν τους συνδέσμους τους απευθείας από το πρόγραμμα περιήγησης), χρησιμοποιούνται διαδραστικές φόρμες.

Όταν ένας επισκέπτης σε μια ιστοσελίδα συμπληρώνει μια φόρμα και κάνει κλικ στο κουμπί που παρέχεται, τα δεδομένα αποστέλλονται σε ένα πρόγραμμα στον διακομιστή. Το πρόγραμμα διακομιστή πρέπει να υπάρχει. Χωρίς αυτό, οι πληροφορίες απλά δεν θα αποθηκευτούν. Όταν φτάνουν δεδομένα, το πρόγραμμα διακομιστή τα επεξεργάζεται. Η επεξεργασία μπορεί να είναι τόσο απλή όσο η αποθήκευση δεδομένων σε ένα αρχείο ή τόσο περίπλοκη όσο η ταξινόμηση, ο υπολογισμός των παρεχόμενων δεδομένων ή η αποστολή επιβεβαίωσης ότι οι πληροφορίες έχουν σταλεί. Το πρότυπο προγραμματισμού που καθορίζει τον τρόπο με τον οποίο οι επισκέπτες αλληλεπιδρούν με μια τοποθεσία Web ονομάζεται CGI - Common Gateway Interface. Τα προγράμματα διακομιστή που ασχολούνται με πληροφορίες εισόδου τύπου φόρμας ονομάζονται σενάρια CGI και είναι γραμμένα σύμφωνα με τις προδιαγραφές CGI. Χωρίς τη βοήθεια του FrontPage (ή παρόμοιου πακέτου), πρέπει να γράψετε ένα σενάριο CGI για να διαχειριστείτε τις φόρμες και να το εγκαταστήσετε στον διακομιστή Web. Ωστόσο, πολλοί πάροχοι Διαδικτύου δεν επιτρέπουν την εγκατάσταση σεναρίων χρηστών στους διακομιστές τους.

Κάθε φόρμα FrontPage έχει την ίδια βασική δομή: τουλάχιστον μία ερώτηση, ένα ή περισσότερα πεδία κειμένου για τον επισκέπτη να εισάγει πληροφορίες, ένα κουμπί που προτρέπει τον χρήστη να υποβάλει δεδομένα στον διακομιστή και ένα κουμπί διαγραφής για τη διαγραφή πληροφοριών που έχουν εισαχθεί ή επιλεγεί στο χωράφια. Στην πλευρά του διακομιστή υπάρχουν επίσης πολλά προγράμματα που σχετίζονται με φόρμες για την επεξεργασία δεδομένων που λαμβάνονται.

Οι φόρμες μπορούν να δημιουργηθούν στο FrontPage μόνο εάν ο προγραμματιστής έχει εγκαταστήσει έναν προσωπικό διακομιστή Web. Μπορείτε να δημιουργήσετε φόρμες FrontPage χρησιμοποιώντας τον Οδηγό φόρμας, σχεδιάζοντας τη δική σας προσαρμοσμένη φόρμα και χρησιμοποιώντας ένα πρότυπο.

Κάθε φόρμα έχει τουλάχιστον δύο στοιχεία (ή πεδία φόρμας) - ένα πεδίο για την εισαγωγή κειμένου ή την επιλογή μιας επιλογής και ένα κουμπί Υποβολή, το οποίο ξεκινά την εγγραφή των αποτελεσμάτων από τη φόρμα σε ένα αρχείο ή σε ένα πρόγραμμα επεξεργασίας στον διακομιστή. Κάθε φόρμα αποτελείται από στοιχεία, τα δεδομένα από τα οποία, όταν κάνετε κλικ στο κουμπί που συμπληρώνει τη φόρμα, εκτελείτε μια ομοιογενή ενέργεια - είτε αποστέλλονται όλα μαζί στον διακομιστή είτε διαγράφονται όλα. Το πακέτο FrontPage σάς επιτρέπει να δημιουργήσετε τα ακόλουθα στοιχεία φόρμας:

πλαίσιο κειμένου μιας γραμμής.

παράθυρο κειμένου κύλισης (κύλιση).

πλαίσια ελέγχου?

διακόπτες (κουμπί ραδιοφώνου).

πτυσώμενο μενού;

κουμπιά ώθησης?

γραφικά κουμπιά (Εικόνα).

Οι υφέρπουσες γραμμές χρησιμοποιούνται για να κάνουν τη σελίδα δυναμική. Παρέχεται ένα στοιχείο μαρκίζας.

Ο μετρητής επισκέψεων σάς επιτρέπει να υπολογίσετε τον αριθμό των επισκεπτών σε μια σελίδα. Κατά κανόνα, εγκαθίσταται μόνο στην κύρια σελίδα. Το FrontPage έχει μια φόρμα εισαγωγής μετρητή που προσφέρει στον προγραμματιστή πολλές επιλογές για την αναπαράσταση μετρητών, καθώς και τη δυνατότητα επιλογής ενός ειδικού αρχείου (για τον μετρητή, επιλέγεται ένα αρχείο σε γραφική μορφή, στο οποίο πρέπει να δίνονται όλοι οι αριθμοί από το 0 έως το 9 ).

Το Microsoft FrontPage έχει σχεδιαστεί για τη δημιουργία και την επακόλουθη διαχείριση τοποθεσιών Web Internet/Intranet. Το Microsoft FrontPage αποτελείται από δύο ενότητες: FrontPage Explorer και FrontPage Editor.

Μονάδα FrontPage Explorerδημιουργήθηκε για:

Δημιουργία ιστότοπου·

θέσπιση δικαιωμάτων πρόσβασης·

οργάνωση της δομής αρχείων μιας τοποθεσίας Web.

εκκινήστε το FrontPage Editor για να επεξεργαστείτε σελίδες.

Με την ολοκλήρωση της διαδικασίας δημιουργίας μιας τοποθεσίας Web, αυτή η ενότητα χρησιμοποιείται για τη φιλοξενία της σε διακομιστή στο Διαδίκτυο/Intranet.

Οι χρήστες μπορούν να δημιουργήσουν, να διαγράψουν, να ανοίξουν, να επεξεργαστούν και να κλείσουν κόμβους χρησιμοποιώντας το FrontPage Explorer και το FrontPage Editor στην επιφάνεια εργασίας του πελάτη.

Τα χαρακτηριστικά της μονάδας FrontPage Explorer είναι:

Στο Σχ. 10.1 Εμφανίζεται το παράθυρο εργασίας του FrontPage Explorer.

Η διεπαφή του πακέτου λογισμικού FrontPage έχει σχεδιαστεί με το στυλ άλλων εφαρμογών του Microsoft Office. Διαθέτει πολυσέλιδο παράθυρο εγγράφου με ευρετήρια σελίδων, παράθυρο με εικονίδια των κύριων ενοτήτων του έργου, γραμμές εργαλείων, αιωρούμενα μενού κ.λπ. Τα περισσότερα αντικείμενα υποστηρίζουν μεταφορά και απόθεση μεταξύ παραθύρων και πινάκων. Παρέχονται δυνατότητες διαχείρισης της σύνθεσης των πάνελ.

Το FrontPage έχει δημιουργηθεί ως εφαρμογή SDI (Single Document Interface - μόνο το τρέχον έγγραφο εμφανίζεται στο παράθυρο του προγράμματος). Για κάθε έγγραφο που ανοίγει πρόσφατα, σχηματίζεται το δικό του παράθυρο εργασίας.

Παράθυρα εργασίας του πακέτου λογισμικού. Μετά την εκκίνηση του προγράμματος, εμφανίζεται στην οθόνη το αρχικό παράθυρο εργασίας του πακέτου λογισμικού. Στο Σχ. 10.4 Εμφανίζεται το παράθυρο εργασίας που δημιουργείται από την εφαρμογή μετά την έναρξη της εργασίας από προεπιλογή. Αυτό το παράθυρο εμφανίζει τον κώδικα HTML που δημιουργείται από προεπιλογή για κάθε νέα σελίδα.

Σε αυτό το παράθυρο εργασίας, στα αριστερά υπάρχει ένας πίνακας με εικονίδια των κύριων τρόπων λειτουργίας του πακέτου λογισμικού. Όταν κάνετε κλικ στον κέρσορα του ποντικιού στο αντίστοιχο εικονίδιο, η μία ή η άλλη αναπαράσταση του έργου απεικονίζεται στην οθόνη: σχεδίαση της τρέχουσας σελίδας ως μέρος της τοποθεσίας Web, σύνθεση τοποθεσίας (κατά αρχεία και φακέλους), αναφορές και στατιστικά στοιχεία, πλοήγηση μεταξύ σελίδων του ιστότοπου, υπερσυνδέσμους ανά σελίδα, εργασίες ημερολογίου.

Από προεπιλογή, εμφανίζεται η τρέχουσα σελίδα στην τοποθεσία Web. Το κύριο έγγραφο σε αυτήν την περίπτωση είναι μια πολυσέλιδη φόρμα που υποδεικνύει τις σελίδες στο κάτω μέρος· στα αριστερά, οι σελίδες εντός της τοποθεσίας Web παρατίθενται με τη μορφή λίστας, η οποία επιτρέπει τη γρήγορη μετάβαση από σελίδα σε σελίδα κατά το σχεδιασμό .

Η πρώτη σελίδα είναι για σχεδιασμό με χρήση οπτικών στοιχείων WYSIWYG. Μπορείτε να επεξεργαστείτε απευθείας κείμενο, εικόνες, να εισαγάγετε και να διαγράψετε έτοιμα στοιχεία και να μετακινήσετε στοιχεία στη σελίδα. Χρησιμοποιώντας τα αναδυόμενα μενού, μπορείτε να επεξεργαστείτε τις ιδιότητες των στοιχείων. Η εμφάνιση του παραθύρου της σελίδας φαίνεται στο Σχ. 10.5 .

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

Εάν επιλεγεί μια σελίδα HTML, ο χρήστης μπορεί να δημιουργήσει τη διάταξη της σελίδας με μη αυτόματο τρόπο. Κατά κανόνα, ένα έγγραφο αλλάζει σε αυτήν τη λειτουργία όταν η δημιουργία μιας οπτικής εικόνας έχει ήδη ολοκληρωθεί και πρέπει να οριστούν πρόσθετες ρυθμίσεις, να γίνει επεξεργασία της εκτέλεσης σεναρίου κ.λπ. Οι ετικέτες ελέγχου επισημαίνονται έγχρωμα. Για κάθε ετικέτα, μπορείτε να εμφανίσετε ένα αναδυόμενο μενού με ένα σύνολο ιδιοτήτων της. Οι ιδιότητες της ετικέτας μπορούν επίσης να οριστούν χρησιμοποιώντας την εντολή Ιδιότητες ετικέτας.

Στο Σχ. 10.6 Εμφανίζεται η προβολή του παραθύρου εργασίας στη λειτουργία εργασίας με κώδικα HTML.

Η λειτουργία προεπισκόπησης χρησιμοποιείται για την προβολή του εγγράφου όπως θα εμφανίζεται στο παράθυρο του προγράμματος περιήγησης. Η προβολή σε προεπισκόπηση δεν πρέπει να είναι ο μόνος έλεγχος της εργασίας που γίνεται. Είναι απαραίτητο να δοκιμάσετε τη λειτουργία της τοποθεσίας Web σε μεγάλα προγράμματα περιήγησης.

Για να διαχειριστείτε τα περιεχόμενα του έργου - την ιεραρχία των φακέλων και τη σύνθεση των αρχείων - χρησιμοποιήστε το παράθυρο εργασίας που εμφανίζεται χρησιμοποιώντας το εικονίδιο Φάκελοι του πίνακα Προβολές (Εικ. 10.7 ).

Η λίστα στα αριστερά παραθέτει τους υποφακέλους μέσα στον κύριο φάκελο της τοποθεσίας Web. Το κύριο μέρος του παραθύρου περιέχει μια λίστα αρχείων ομαδοποιημένων σε υποφακέλους. Κάθε αρχείο συνοδεύεται από σχόλια που παρέχουν πληροφορίες για το είδος του αρχείου, τον χρόνο τροποποίησής του, τον συγγραφέα και επιπλέον επεξηγήσεις. Οι υποφάκελοι μπορούν να μετατραπούν σε υπο-ιστοσελίδες. Σε αυτήν την περίπτωση, μια καταχώρηση σχετικά με τον υποιστό θα προστεθεί στη λίστα των φακέλων.

Όταν εργάζεστε σε μια τοποθεσία Web, μπορεί να χρειαστείτε μια ποικιλία αναφορών κατάστασης. Οι αναφορές παρουσιάζονται σε ειδικό παράθυρο (Εικ. 10.8 ), εμφανίζεται όταν κάνετε κλικ στο εικονίδιο Αναφορές του πίνακα Προβολές. Η λίστα περιέχει τις ακόλουθες αναφορές:

Όλα τα αρχεία (λίστα όλων των αρχείων που περιλαμβάνονται στην τοποθεσία Web).

Εικόνες (λίστα με αρχεία γραφικών που περιλαμβάνονται στην τοποθεσία Web).

Μη συνδεδεμένα αρχεία (αρχεία που δεν είναι προσβάσιμα από την κύρια σελίδα της τοποθεσίας Web).

Συνδεδεμένα αρχεία (αρχεία προσβάσιμα από την κύρια σελίδα της τοποθεσίας Web).

Slow Pages (σελίδες των οποίων η ταχύτητα μετάδοσης υπερβαίνει το όριο (για παράδειγμα, 30 δευτερόλεπτα για ταχύτητα 28,8 Kbps).

Παλαιότερα αρχεία - αρχεία που δημιουργήθηκαν νωρίτερα από τις τελευταίες 72 ημέρες.

Αρχεία που προστέθηκαν πρόσφατα - αρχεία που προστέθηκαν τις τελευταίες 30 ημέρες.

Υπερσυνδέσεις - λίστα όλων των υπερσυνδέσμων.

Μη επαληθευμένοι υπερσύνδεσμοι - μη επαληθευμένοι υπερσύνδεσμοι.

Σφάλματα στοιχείων - λίστα αρχείων στα οποία εμφανίζονται σφάλματα αναπαράστασης στοιχείων.

Μη ολοκληρωμένες εργασίες - λίστα ημιτελών εργασιών.

Μη χρησιμοποιημένα θέματα - λίστα με αχρησιμοποίητα διακοσμητικά.

Σε κάθε μία από τις λίστες, μπορείτε να μεταβείτε απευθείας στην επεξεργασία ενός συγκεκριμένου αντικειμένου κάνοντας κλικ στην αντίστοιχη καταχώρηση.

Κατά την ανάπτυξη μιας τοποθεσίας Web, είναι σημαντικό να έχετε κατανόηση της φύσης των μεταβάσεων μεταξύ σελίδων. Η τοπολογία τοποθεσίας μπορεί να αξιολογηθεί χρησιμοποιώντας τη σελίδα χάρτη πλοήγησης του πίνακα Προβολές (Εικ. 10.9 ). Στον χάρτη, κάθε σελίδα παρουσιάζεται ως ένα ορθογώνιο με ένα όνομα. Οι σελίδες σε ένα διάγραμμα μπορούν να χωριστούν σε γονικές σελίδες (σελίδες που έχουν θυγατρικές σελίδες χαμηλότερου επιπέδου που σχετίζονται με αυτές). θυγατρικές σελίδες (συνδεδεμένες με γονικές σελίδες μέσω υπερσυνδέσμων γραφικών ή κειμένου). σελίδες αδελφών (σελίδες που έχουν κοινούς γονείς).

Στο διάγραμμα υπερσύνδεσης του FrontPage (Εικ. 10.10 ) παρουσιάζει μια γραφική αναπαράσταση συνδέσμων μεταξύ τμημάτων μιας τοποθεσίας Web. Η οθόνη χωρίζεται σε δύο πίνακες - μια λίστα αρχείων και ένα διάγραμμα συνδέσμων. Το διάγραμμα εμφανίζει τη φύση των συνδέσμων με τη μορφή εικονιδίων. Ο φάκελος υποδηλώνει τη δυνατότητα αποστολής email απευθείας από τη σελίδα. σχέδιο - αρχείο γραφικών? υδρόγειος - εξωτερικός σύνδεσμος; κατεστραμμένος σύνδεσμος - η διεύθυνση του συνδέσμου έχει οριστεί λανθασμένα. ένα τρίγωνο με ένα θαυμαστικό - ένα σφάλμα στον καθορισμό του στοιχείου. Το διάγραμμα εμφανίζει επίσης εικονίδια των τύπων αρχείων του Microsoft Office στους οποίους συνδέονται οι σελίδες.

Σήμερα, τα έργα γίνονται όλο και πιο περίπλοκα. Επομένως, ο προγραμματιστής πρέπει να φανταστεί τον όγκο της εργασίας που πρέπει να εκτελεστεί, καθώς και να δημιουργήσει μια προσεκτική ακολουθία ενεργειών κατά τη δημιουργία μιας τοποθεσίας Web. Από την άλλη πλευρά, η ανάπτυξη ιστοσελίδων πραγματοποιείται συνήθως από μια ομάδα εργασίας της οποίας τα μέλη πρέπει να συντονίζουν τις ενέργειές τους. Από αυτή την άποψη, παρέχεται συντήρηση λιστών εργασιών.

Το FrontPage προσφέρει μια λειτουργία προβολής εργασιών (λίστα εργασιών). Ο Explorer διαμορφώνει μια λίστα εργασιών για κάθε τοποθεσία Web που δημιουργείται στο FrontPage και καθιστά αυτήν τη λίστα διαθέσιμη σε όλους τους συγγραφείς που συμμετέχουν στην εργασία. Το πακέτο λογισμικού όχι μόνο σας επιτρέπει να καταγράψετε όλες αυτές τις εργασίες, αλλά και εξαλείφει την ανάγκη να τις οργανώσετε. Κάθε εργασία συνοδεύεται από την περιγραφή, την προτεραιότητά της, τον συγκεκριμένο εκτελεστή κ.λπ.

Παράθυρο (Εικ. 10.11 ) ανοίγει κάνοντας κλικ στο εικονίδιο Tasks ή επιλέγοντας την επιλογή Tasks στο μενού Explorer View.

Το παράθυρο εμφανίζει μια λίστα εργασιών που αποτελείται από τα ακόλουθα πεδία:

Κατάσταση - κατάσταση εργασίας (κόκκινος δείκτης - δεν ολοκληρώθηκε, πράσινος - ολοκληρώθηκε),

Task - περιέχει μια περιγραφή της εργασίας,

Ανατεθεί- δείχνει τους υπεύθυνους για την ολοκλήρωση κάθε εργασίας,

Προτεραιότητα—Δηλώνει την προτεραιότητα της εργασίας: υψηλή, μεσαία ή χαμηλή.

Σχετίζεται με- το όνομα της σελίδας ή του αρχείου που χρειάζεται επεξεργασία για να ολοκληρωθεί η εργασία,

Τροποποιημένη ημερομηνία- ημερομηνία τελευταίας τροποποίησης της εργασίας,

Περιγραφή- περιγραφή κάθε εργασίας.

Κύριο μενού του πακέτου λογισμικού. Το κύριο μενού του προγράμματος έχει σχεδιαστεί ως τυπικό μενού του Microsoft Office 2000 και περιλαμβάνει δέκα εντολές: Αρχείο, Επεξεργασία, Προβολή, Εισαγωγή, Μορφοποίηση, Εργαλεία, Πίνακας, Πλαίσιο, Windows, Βοήθεια.

Το μενού Αρχείο συνδυάζει λειτουργίες για τη διαχείριση αρχείων και έργων, τη δημιουργία μιας τοποθεσίας Web και μιας ξεχωριστής ιστοσελίδας, την αποθήκευση, το κλείσιμό τους, την εκτύπωση και την έξοδο από το πρόγραμμα. Για παράδειγμα:

New/FrontPage Web - δημιουργία μιας νέας τοποθεσίας Web.

Νέος/Φάκελος - δημιουργία νέου καταλόγου σε υπάρχουσα τοποθεσία.

Open FrontPage Web - ανοίγει μια υπάρχουσα τοποθεσία Web για προβολή ή επεξεργασία.

Κλείσιμο FrontPage Web - κλείνει την τρέχουσα τοποθεσία Web.

Publish FrontPage Web - μεταφέρει το τρέχον περιεχόμενο σε άλλο διακομιστή ή φάκελο Web.

Διαγραφή FrontPage Web - διαγράφει τα περιεχόμενα της τρέχουσας τοποθεσίας Web.

Εισαγωγή - εισαγωγή αρχείων ή φακέλων στην τρέχουσα τοποθεσία Web.

Εξαγωγή - εξαγωγή του εγγράφου σε αρχείο.

Page Setup - ρύθμιση παραμέτρων σελίδας κατά την εκτύπωση.

Προεπισκόπηση εκτύπωσης - κάντε προεπισκόπηση του εγγράφου πριν από την εκτύπωση.

Πρόσφατο αρχείο - λίστα αρχείων που άλλαξαν πρόσφατα.

Το μενού Επεξεργασία περιλαμβάνει εντολές για την αναίρεση μιας ολοκληρωμένης ενέργειας, την αντιγραφή ενός αντικειμένου στο πρόχειρο, την εισαγωγή ενός αντικειμένου, την αναζήτηση και την αντικατάσταση τμημάτων κειμένου, καθώς και την εργασία με εργασίες. Η σύνθεση αυτού του μενού είναι πιο κοντά στα παραδοσιακά:

Κόψτε - κόψτε ένα έγγραφο και τοποθετήστε το στο πρόχειρο.

Επανάληψη - ακύρωση ακύρωσης.

Αντιγραφή - αντιγράψτε το έγγραφο στο πρόχειρο.

Επικόλληση - επικολλήστε ένα έγγραφο από το πρόχειρο.

Διαγραφή - διαγραφή εγγράφου.

Μετονομασία - μετονομάστε ένα έγγραφο (αυτό αλλάζει αυτόματα τους συνδέσμους σε όλα τα έγγραφα στο μετονομασμένο αντικείμενο για να διασφαλιστεί η ακεραιότητα των δεδομένων).

Άνοιγμα - άνοιγμα εγγράφου για επεξεργασία (Επεξεργαστής FrontPage για HTML, κ.λπ.).

Άνοιγμα με - άνοιγμα εγγράφου για επεξεργασία, υποδεικνύοντας τον τύπο του επεξεργαστή.

Προσθήκη σε εργασία - προσθέστε ένα στοιχείο στη λίστα εργασιών.

Σελιδοδείκτης - εισαγωγή/επεξεργασία σελιδοδείκτη.

Βάση δεδομένων - διαχείριση της επιλογής δεδομένων από τη βάση δεδομένων σε ένα έγγραφο.

Ιδιότητες - προβολή ιδιοτήτων εγγράφου κ.λπ.

Το μενού Προβολή περιλαμβάνει εντολές για τη ρύθμιση των τρόπων λειτουργίας, την οπτικοποίηση ετικετών και την εμφάνιση αιωρούμενων πινάκων:

Γραμμή εργαλείων - ενεργοποίηση/απενεργοποίηση της γραμμής εργαλείων.

Γραμμή κατάστασης - ενεργοποιήστε/απενεργοποιήστε τη γραμμή κατάστασης.

Μορφοποίηση σημάτων - ενεργοποιήστε/απενεργοποιήστε την εμφάνιση των συμβόλων μορφοποίησης.

Ανανέωση - ενημέρωση πληροφοριών στο έγγραφο.

Προβολή υπερσύνδεσης - ενεργοποιήστε τη λειτουργία προβολής συνδέσμων.

Προβολή φακέλου - ενεργοποιήστε τη λειτουργία προβολής δομής φακέλου.

Υπερσύνδεσμοι σε εικόνες - ενεργοποιήστε/απενεργοποιήστε τη λειτουργία προβολής συνδέσμων μεταξύ εγγράφων και αρχείων γραφικών.

Επαναλαμβανόμενες υπερσυνδέσεις - ενεργοποιήστε/απενεργοποιήστε την εμφάνιση επαναλαμβανόμενων συνδέσμων.

Υπερσύνδεσμοι εντός σελίδας - ενεργοποιήστε/απενεργοποιήστε τη λειτουργία εμφάνισης συνδέσμων μέσα στο έγγραφο.

Ανανέωση - ενημέρωση των εμφανιζόμενων πληροφοριών.

Το μενού Εισαγωγή περιλαμβάνει εντολές για την εισαγωγή στοιχείων διαφόρων τύπων (διάλειμμα, οριζόντια γραμμή, σύμβολο, σχόλιο, γραφική εικόνα, εικόνα βίντεο, μουσική φόντου, αρχείο κειμένου, στοιχείο ελέγχου, υπερσύνδεσμος, ActiveX, JavaScript, PowerPoint Animation, φόρμα, ημερομηνία και ώρα , κ.λπ.), συλλέγονται στα αντίστοιχα υπομενού.

Το μενού Μορφοποίηση συνδυάζει επιλογές για μορφοποίηση, διαχείριση της εμφάνισης σελίδων, ρύθμιση στυλ σχεδίασης, επιλογές γραμματοσειράς και παραγράφου, ρύθμιση τύπου λίστας, διαχείριση εφέ, ρύθμιση εικόνας φόντου κ.λπ.

Το μενού Εργαλεία περιλαμβάνει πρόσθετες λειτουργίες για τη διαχείριση των ιδιοτήτων του έργου, τον ορθογραφικό έλεγχο, τη ρύθμιση ιδιοτήτων για μια ολόκληρη τοποθεσία Web ή μια μεμονωμένη σελίδα σε αυτήν, καθώς και τον χώρο εργασίας του FrontPage. Αυτό το μενού εκκινεί το FrontPage Editor.

Τα μενού Table, Frames και Window περιλαμβάνουν συγκεκριμένες επιλογές για εργασία με πίνακες, πλαίσια και παράθυρα.

Ορισμένες από τις επιλογές σε αυτά τα υπομενού υποστηρίζονται από μενού χαμηλότερου επιπέδου, έτσι ώστε να επιτυγχάνεται μια ιεραρχική δομή. Παρακάτω, στο Σχ. 10.12 εμφανίζεται το υπομενού Εισαγωγή/Ενεργά στοιχεία.

Να σημειωθεί ότι από έκδοση σε έκδοση υπάρχει αλλαγή τόσο στη σύνθεση του βασικού μενού όσο και στις επιλογές που το υποστηρίζουν.

Παράθυρα διαλόγου. Όταν εργάζεστε με το πακέτο λογισμικού MS FrontPage, πολλές επιλογές απαιτούν την εγκατάσταση πρόσθετων ρυθμίσεων, για τις οποίες χρησιμοποιούνται παράθυρα διαλόγου. Εκτός από τα τυπικά παράθυρα του Microsoft Office (άνοιγμα και αποθήκευση μιας τοποθεσίας Web ή ενός αντικειμένου σε μια τοποθεσία, ένα παράθυρο με μια λίστα προτύπων κ.λπ.), το FrontPage χρησιμοποιεί επίσης ειδικά παράθυρα διαλόγου, μεταξύ των οποίων αξίζει να σημειωθούν τα παράθυρα διαλόγου για τον ορισμό ιδιοτήτων ετικέτας για καθεμία από τις τυπικές ετικέτες και κάποιες άλλες.

Ως παράδειγμα στο Σχ. 10.13 Εδώ είναι το παράθυρο διαλόγου Εισαγωγή πίνακα.

Οι εντολές που χρησιμοποιούνται πιο συχνά παρουσιάζονται ως μέρος των γραμμών εργαλείων. Η γενική εμφάνιση αυτών των πλαισίων είναι πανομοιότυπη με τα πάνελ του MS Office. Για παράδειγμα, στο Σχ. Το σχήμα 10.14 δείχνει μια γενική άποψη ενός τμήματος της γραμμής εργαλείων: μεταβείτε στον FrontPage Explorer (), εισαγάγετε ένα στοιχείο FrontPage (Εισαγωγή στοιχείου FrontPage), εισαγάγετε έναν πίνακα (Εισαγωγή πίνακα), εισαγάγετε μια εικόνα (Εισαγωγή εικόνας), δημιουργήστε ή επεξεργαστείτε ένα υπερσύνδεσμος (Δημιουργία ή Επεξεργασία υπερ-σύνδεσης).

Master Windows. Οι μάγοι στο FrontPage έχουν δημιουργηθεί με τον ίδιο τρόπο όπως οι οδηγοί σε άλλες εφαρμογές του Microsoft Office 2000. Ένα παράδειγμα είναι ο Οδηγός για τη δημιουργία ενός ιστότοπου συζήτησης που φαίνεται στην Εικόνα 10.15 .

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

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

Στην πραγματικότητα, ο FrontPage Explorer είναι μια εφαρμογή στο πακέτο λογισμικού του FrontPage που χρησιμοποιείται για τη διαχείριση μιας ολόκληρης τοποθεσίας Web.

Μία από τις πιο σημαντικές ιδιότητες του Explorer είναι η δημιουργία της δομής ενός εγγράφου Web. Μπορείτε να δημιουργήσετε πολλά κενά (κενά) έγγραφα, τα οποία στη συνέχεια περιλαμβάνουν όλες τις απαραίτητες πληροφορίες. Οι οδηγοί και τα πρότυπα του Explorer θα δημιουργήσουν πλήρη έγγραφα Web και θα τα εγκαταστήσουν. Το καθήκον του προγραμματιστή είναι να τα διαμορφώσει και να κάνει προσθήκες. Έτσι, η ύπαρξη ενός ιδρύματος διευκολύνει την ολοκλήρωση της δουλειάς στο σύνολό της.

Η Εξερεύνηση σάς επιτρέπει επίσης να ορίσετε επιλογές διαχείρισης εγγράφων Ιστού. Μπορείτε να καθορίσετε ποιος θα έχει πρόσβαση σε ένα έγγραφο Web σε διάφορα επίπεδα, από διαχειριστές και συντάκτες έως τελικούς χρήστες. Μπορείτε να περιορίσετε την πρόσβαση σε ένα έγγραφο Web εντός του οργανισμού σας. Μπορείτε να ορίσετε τον τρόπο εγγραφής των χρηστών πριν ανοίξουν ένα έγγραφο.

Παρέχοντας τρεις διαφορετικούς τρόπους οπτικοποίησης μιας τοποθεσίας Web, η Εξερεύνηση σάς βοηθά να δείτε πώς οργανώνονται και συνδέονται οι πληροφορίες και πού μπορεί να βρεθούν εσφαλμένοι σύνδεσμοι.

Αφού δημιουργήσετε έναν ιστότοπο, μπορείτε να τον μεταφέρετε στον διακομιστή επιλέγοντας την εντολή File/Copy Web (στον Explorer).

Δημιουργία νέου κόμβου. Για να δημιουργήσετε μια νέα τοποθεσία Web (ή, στην ορολογία του FrontPage, ένα νέο Web), πρέπει να επιλέξετε την εντολή New Web FrontPage από το μενού File ή να κάνετε κλικ στο κουμπί New Web στη γραμμή εργαλείων. Θα εμφανιστεί ένα πλαίσιο διαλόγου όπως φαίνεται στην Εικ. 10.16 . Από αυτό το παράθυρο πρέπει να επιλέξετε έναν από τους δύο τρόπους λειτουργίας: ανοίξτε μια υπάρχουσα τοποθεσία Web για να συνεχίσετε να εργάζεστε ή δημιουργήστε μια νέα τοποθεσία Web. Εάν δημιουργηθεί μια νέα τοποθεσία Web, τότε αφού κάνετε κλικ στο κουμπί OK, εμφανίζεται στην οθόνη το πλαίσιο διαλόγου που φαίνεται στην Εικ. 1. 10.17 .

Σε αυτό το παράθυρο, μπορείτε να επιλέξετε ένα από τα έξι προτεινόμενα πρότυπα τοποθεσιών Web ή ένα από τα δύο προγράμματα δημιουργίας τοποθεσιών Web.

Το πλαίσιο διαλόγου σάς επιτρέπει να επιλέξετε μεταξύ επιλογών που ποικίλλουν σε πολυπλοκότητα, από το Empty Web έως τον Corporate Presence Wizard. Η διαφορά έγκειται στο εύρος των δυνατοτήτων.

Για να δημιουργήσετε μια τοποθεσία Web από την αρχή, πρέπει να κάνετε την επιλογή Κενός Ιστός. Το Blank Web θα σας επιτρέψει να λάβετε ένα έγγραφο Web από το οποίο θα λείπουν οποιαδήποτε πληροφορία.

Επιλέγοντας την επιλογή "Οδηγός εταιρικής παρουσίας" εκκινείται ένας οδηγός (λογισμικό αυτοματισμού) που σας επιτρέπει να δημιουργήσετε ένα ολοκληρωμένο έγγραφο Web χρησιμοποιώντας πρότυπα σελίδων που έχουν σχεδιαστεί ειδικά για να αντιπροσωπεύουν την εταιρεία σας.

Αφού επιλέξετε την επιλογή τοποθεσίας Web, το πακέτο θα σας ζητήσει να εισαγάγετε ένα όνομα και έναν κωδικό πρόσβασης στο παράθυρο διαλόγου που εμφανίζεται και, στη συνέχεια, στο παράθυρο στην Εικ. 10.18 τοποθεσία της νέας τοποθεσίας Web.

Πρότυπο προσωπικής τοποθεσίας Web (Εικ. 10.19 ) έρχεται ήδη διαμορφωμένο, με συνδέσμους σε σελίδες υπαλλήλων και διαχειριστών, καθώς και σύνδεσμο mailto (αποστολή επιστολής).

Χρήση. Το πρόγραμμα επεξεργασίας FrontPage συνοδεύεται από τρεις οδηγούς - Σελίδα φόρμας, Πλαίσια και Προσωπική αρχική σελίδα. Ο επεξεργαστής χρησιμοποιεί πάνω από είκοσι πρότυπα (Εικ. 10.20 ).

Στο πλαίσιο διαλόγου, τα πρότυπα μπορούν να παρουσιαστούν ως λίστα ή εικονίδια.

Εάν θέλετε να δημιουργήσετε ένα κενό έγγραφο, επιλέξτε το πρότυπο Κανονικό.

Για να δημιουργήσετε μια νέα σελίδαπρέπει να ενεργοποιήσετε την εντολή File/New στο FrontPage Editor. Στη συνέχεια, στο παράθυρο διαλόγου Νέο που ανοίγει (Εικ. 10.20), επιλέξτε τον τύπο ή τη θέση του προτύπου Κανονική σελίδακαι κάντε κλικ στο OK. Στην τελευταία περίπτωση, θα εμφανιστεί μια κενή σελίδα στην οθόνη με έναν δρομέα που αναβοσβήνει στην επάνω δεξιά γωνία. Για να τοποθετήσετε κείμενο, πρέπει να το εισαγάγετε από το πληκτρολόγιο ή να το επικολλήσετε από το πρόχειρο. Το πρόγραμμα επεξεργασίας χρησιμοποιεί το πρόχειρο παρόμοια με άλλες εφαρμογές του MS Office: μπορείτε να αποκόψετε ή να αντιγράψετε τυχόν θραύσματα από άλλες σελίδες που έχουν ανοιχτεί στο πρόγραμμα επεξεργασίας ή από έγγραφα σε άλλες εφαρμογές λογισμικού. Η διαδικασία είναι παραδοσιακή: κόψτε ή αντιγράψτε το επιθυμητό κομμάτι στο πρόχειρο, μεταβείτε στο έγγραφο που δημιουργείται και επικολλήστε. Υπάρχουν διάφοροι τρόποι διαγραφής κειμένου ή άλλων στοιχείων: επιλέγοντας το τμήμα που θα διαγραφεί, μπορείτε στη συνέχεια να πατήσετε το πλήκτρο Del ή να ενεργοποιήσετε την εντολή Επεξεργασία/Διαγραφή.

Για να ανοίξετε μια σελίδα τοποθεσίας Web στο FrontPage Editor, χρησιμοποιήστε την εντολή File/Open. Όταν ενεργοποιηθεί αυτή η εντολή, ανοίγει το παραδοσιακό πλαίσιο διαλόγου Επιλογή αρχείου.

Ρύθμιση ιδιοτήτων ιστοσελίδας και τοποθεσίας Web. Για να ορίσετε το πρόγραμμα επεξεργασίας ιδιοτήτων σελίδας, χρησιμοποιήστε την εντολή Ιδιότητες αρχείου/σελίδας. Στο παράθυρο διαλόγου Ιδιότητες σελίδας (Εικ. 10.21 ) εκτός από τις γενικές πληροφορίες, για παράδειγμα, τον τίτλο της σελίδας, ορίζονται παράμετροι όπως εικόνα φόντου και ήχος φόντου, χρώμα φόντου, τυπικά χρώματα κειμένου και υπερσυνδέσμων και περιθώρια σελίδας. Για να επεξεργαστείτε ιδιότητες, η ιστοσελίδα πρέπει να είναι ανοιχτή στο FrontPage Editor.

Στο πεδίο κειμένου Τίτλος, μπορείτε να εισαγάγετε ή να επεξεργαστείτε τον τίτλο της σελίδας. Το πεδίο Base Location χρησιμοποιείται για τον καθορισμό της προαιρετικής βασικής διεύθυνσης URL της σελίδας. Για να ορίσετε έναν σύνδεσμο προς το πλαίσιο προορισμού αυτής της σελίδας, εισαγάγετε το όνομά του στο πεδίο κειμένου Προεπιλεγμένο πλαίσιο στόχου. Στο τμήμα Ήχος φόντουμπορείτε να ορίσετε τις ιδιότητες του ήχου φόντου (το αρχείο ήχου μπορεί να αναπαραχθεί πολλές φορές ή να επαναληφθεί ενώ η σελίδα είναι ανοιχτή).

Στην καρτέλα Περιθώρια μπορείτε να ορίσετε το επάνω και το αριστερό περιθώριο για τη σελίδα. Για να το κάνετε αυτό, ορίστε τη σημαία εσοχής και εισαγάγετε το μέγεθος της εσοχής σε pixel.

Η καρτέλα Προσαρμοσμένη παρέχει μια λίστα μεταμεταβλητών που χρησιμοποιούνται στη σελίδα, οι οποίες βρίσκονται στον κώδικα της σελίδας HTML και περιέχουν πληροφορίες σχετικά με τη σελίδα, τον τύπο περιεχομένου, το σύνολο χαρακτήρων, το όνομα της εφαρμογής που δημιούργησε τον κώδικα κ.λπ. Δεν εμφανίζονται στη σελίδα, αλλά φέρουν πληροφορίες για προγράμματα περιήγησης.

Αυτή η καρτέλα σάς επιτρέπει να προσθέτετε, να αφαιρείτε και να επεξεργάζεστε μεταμεταβλητές συστήματος και χρήστη.

Η καρτέλα Γλώσσα χρησιμοποιείται για τον ορισμό κωδικοποιήσεων. Σε παράθυρα με λίστες διαθέσιμων γλωσσών, επιλέγετε την κωδικοποίηση που χρησιμοποιείται κατά την αποθήκευση του εγγράφου HTML και την κωδικοποίηση που χρησιμοποιείται κατά τη φόρτωσή του αργότερα.

Για να ορίσετε τις ιδιότητες όχι μιας μεμονωμένης σελίδας, αλλά της τοποθεσίας Web στο σύνολό της, πρέπει να ανοίξετε το παράθυρο διαλόγου ρυθμίσεων τοποθεσίας Web Explorer του FrontPage (Εργαλεία/Ρυθμίσεις Ιστού). Σε αυτό το πολυλειτουργικό παράθυρο (Εικ. 10.22 ) μπορείτε να ορίσετε διάφορες παραμέτρους για την τοποθεσία Web που δημιουργήθηκε.

Η καρτέλα Γενικά εμφανίζει το όνομα της τοποθεσίας Web και πληροφορίες σχετικά με αυτήν (έκδοση επεκτάσεων διακομιστή και έκδοση του ίδιου του διακομιστή).

Η καρτέλα Για προχωρημένους περιέχει ένα πεδίο εισαγωγής με μια λίστα για την επιλογή της προεπιλεγμένης γλώσσας δέσμης ενεργειών (VBScript ή JavaScript). Για να εμφανίσετε αρχεία σε κρυφούς φακέλους, ορίστε την επιλογή εμφάνισης αρχείων σε κρυφούς φακέλους. Εάν πρέπει να διαγράψετε προσωρινά αρχεία, κάντε κλικ στο κουμπί Διαγραφή αρχείων.

Για να επιλέξετε την προεπιλεγμένη κωδικοποίηση σελίδας, πρέπει να καθορίσετε την τιμή της στο σύνθετο πλαίσιο Προεπιλεγμένη κωδικοποίηση σελίδας στην καρτέλα Γλώσσα. Στο σύνθετο πλαίσιο Server Message Language στον ίδιο φάκελο, μπορείτε να ορίσετε τη γλώσσα των μηνυμάτων που επιστρέφονται από τον διακομιστή.

Οι πίνακες πλοήγησης χρησιμοποιούν ενότητες για μετάβαση στην κύρια σελίδα, μία σελίδα προς τα εμπρός ή πίσω και ένα επίπεδο προς τα πάνω. Στην καρτέλα Πλοήγηση, μπορείτε να ορίσετε τα ονόματα των ενοτήτων (τα προεπιλεγμένα είναι Αρχική, Πίσω, Επόμενο, Επάνω). Κάνοντας κλικ στο κουμπί Προεπιλογή, οι τιμές που εισαγάγατε προηγουμένως αντικαθίστανται με αυτές που αναφέρονται παραπάνω.

Επεξεργασία εγγράφου. Αφού δημιουργήσετε ένα έγγραφο ή φορτώσετε ένα από μια υπάρχουσα συλλογή (Ιστός), μπορείτε να χρησιμοποιήσετε τις πολλές δυνατότητες του προγράμματος επεξεργασίας για να δημιουργήσετε ή να επεξεργαστείτε μια σελίδα.

Στο λεξικό του FrontPage, η λέξη Web αναφέρεται στην ομάδα εγγράφων που συνθέτουν μια τοποθεσία Web. Όταν ένα έγγραφο φορτώνεται από το Web, το έγγραφο που διαβάζεται είναι μέρος της τοποθεσίας που δημιουργήθηκε από το FrontPage.

Γραμμές εργαλείων επεξεργασίας. Ρύζι. Η Εικόνα 10.23 απεικονίζει τους πίνακες και τα εργαλεία του FrontPage Editor. Πολλά από αυτά είναι παρόμοια με τα κουμπιά της γραμμής εργαλείων που υπάρχουν σε άλλες εφαρμογές του MS Office.

Το πρόγραμμα επεξεργασίας FrontPage παρέχει έναν αριθμό γραμμών εργαλείων για τη δημιουργία εγγράφων. Η κάτω λωρίδα εργαλείων ονομάζεται γραμμή μορφοποίησης.

Εάν τοποθετήσετε το δείκτη του ποντικιού πάνω από οποιοδήποτε κουμπί στον πίνακα, μετά από λίγα δευτερόλεπτα θα εμφανιστεί μια υπόδειξη σχετικά με το σκοπό αυτού του κουμπιού.

Χρησιμοποιώντας τις επιλογές του μενού Προβολή, μπορείτε να κάνετε οποιαδήποτε από τις γραμμές εργαλείων ορατή ή αόρατη.

Μορφοποίηση κειμένου. Κατά τη μορφοποίηση κειμένου, μπορείτε να χρησιμοποιήσετε στυλ κειμένου. Τα σωματικά στυλ είναι διαθέσιμα μέσω της γραμμής εργαλείων.

Το πρόγραμμα επεξεργασίας FrontPage παρέχει πολλές παραλλαγές γραμματοσειρών κειμένου, τα χρώματα και τα μεγέθη τους. Μπορείτε να αλλάξετε τις περισσότερες παραμέτρους σχεδίασης χρησιμοποιώντας τα κουμπιά στη γραμμή εργαλείων και απολύτως όλες οι επιλογές περιλαμβάνονται επίσης στα διάφορα μενού.

Το FrontPage, σύμφωνα με τους κανόνες της γλώσσας HTML, υπολογίζει το μέγεθος της γραμματοσειράς σε επίπεδα. Σε αυτή την περίπτωση, το μικρότερο επίπεδο αντιστοιχεί στο μικρότερο μέγεθος. για παράδειγμα, το πρώτο επίπεδο αντιστοιχεί σε κείμενο με μέγεθος γραμματοσειράς 8 σημείων, το δεύτερο επίπεδο - 10 κ.λπ.

Για να αλλάξετε το μέγεθος της γραμματοσειράς, πρέπει να επιλέξετε την ενότητα κειμένου που θέλετε να αλλάξετε και, στη συνέχεια, κάντε κλικ στο κουμπί για να αυξήσετε (Αύξηση μεγέθους κειμένου) ή να μειώσετε (Μείωση μεγέθους κειμένου) το μέγεθος της γραμματοσειράς στη γραμμή εργαλείων. Μπορείτε επίσης να χρησιμοποιήσετε την εντολή Μορφή/Γραμματοσειρά, το οποίο προκαλεί το πλαίσιο διαλόγου που φαίνεται στην Εικ. 10.24 .

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

Ο επεξεργαστής παρέχει πολλά πρόσθετα στυλ (ειδικά στυλ). Για να τα επιλέξετε, χρησιμοποιήστε την καρτέλα Special Styles (Εικ. 10.25 ) του παραπάνω παραθύρου.

Για να εφαρμόσετε ένα προσαρμοσμένο στυλ, επιλέξτε το και μετά κάντε κλικ στο OK. Διατίθενται τα ακόλουθα ειδικά στυλ:

Παραπομπή. Πλάγια γράμματα, τα οποία μπορούν να χρησιμοποιηθούν για την επισήμανση επικεφαλίδων.

Δείγμα. Γραμματοσειρά γραφομηχανής.

Ορισμός. Χρησιμοποιείται για την επισήμανση όρων.

Αναβοσβήνω. Κάνει το κείμενο να τρεμοπαίζει.

Κώδικας. Μια γραμματοσειρά monospace που χρησιμοποιείται συνήθως για την αναπαράσταση του κώδικα προγράμματος.

Μεταβλητός. Πλάγια γράμματα, τα οποία μπορούν να χρησιμοποιηθούν για έμφαση (για παράδειγμα, ονόματα μεταβλητών).

Τολμηρός. Εντονη γραμματοσειρά.

Πλάγια γραφή. Απλά πλάγια γράμματα.

Πληκτρολόγιο. Μια γραμματοσειρά monospace που μπορεί να χρησιμοποιηθεί, για παράδειγμα, για είσοδο χρήστη.

Δίπλα σε κάθε πλαίσιο ελέγχου στυλ υπάρχει μια αντίστοιχη ετικέτα στυλ. Είναι δυνατή η χρήση πολλών στυλ ταυτόχρονα.

Το FrontPage σάς επιτρέπει να εισάγετε έναν ή περισσότερους χαρακτήρες πάνω ή κάτω από τη γραμμή βάσης. Αυτό το ειδικό στυλ ονομάζεται "υπέργραφος ή δείκτης" και χρησιμοποιείται αρκετά συχνά. Για να ορίσετε αυτό το στυλ στο αναπτυσσόμενο μενού

Κάθετη Θέση

κουτί διαλόγου

Γραμματοσειρά (καρτέλα Ειδικά στυλ)

επιλέγονται οι επιλογές

Εκθέτης (Υπεργραφή)

ή

Υπογεγραμμένη

.

Οι αριθμοί επιπέδου αντιστοιχούν σε αλλαγές στο ύψος του εκθέτη ή του δείκτη σε σχέση με την κύρια γραμμή.

Μορφοποίηση παραγράφων. Το πρόγραμμα επεξεργασίας FrontPage παρέχει τη δυνατότητα μορφοποίησης παραγράφων. Εκτελείται κατ' αναλογία με τους επεξεργαστές κειμένου.

Η δημιουργία μιας νέας παραγράφου κατά την εισαγωγή πληροφοριών κειμένου γίνεται πατώντας το πλήκτρο Enter.

Από προεπιλογή, η νέα παράγραφος θα χρησιμοποιεί το κανονικό στυλ. Για να ορίσετε ένα διαφορετικό στυλ παραγράφου, κάντε τα εξής:

Τοποθετήστε τον κέρσορα στο σημείο που θέλετε να ξεκινήσετε την επόμενη παράγραφο.

Επιλέξτε Παράγραφος από το μενού Μορφή. Επιλέξτε ένα νέο στυλ στο πλαίσιο διαλόγου Ιδιότητες παραγράφουκαι κάντε κλικ στο OK.

Το ίδιο αποτέλεσμα μπορεί να επιτευχθεί στη λειτουργία επεξεργασίας, για παράδειγμα:

Επιλέξτε μια παράγραφο και αντιστοιχίστε ένα νέο στυλ χρησιμοποιώντας τη μέθοδο που περιγράφεται παραπάνω.

Κάντε δεξί κλικ μέσα στην παράγραφο και επιλέξτε Ιδιότητες παραγράφου από το μενού περιβάλλοντος που εμφανίζεται, επιλέξτε ένα νέο στυλ στο παράθυρο διαλόγου που ανοίγει και κάντε κλικ στο OK.

Για να ορίσετε μια εσοχή παραγράφου, τοποθετήστε τον κέρσορα μέσα στην παράγραφο και κάντε κλικ στο κουμπί Αύξηση εσοχήςή κουμπί Μείωση εσοχήςστη γραμμή εργαλείων. Αυτό αυξάνει ή μειώνει την εσοχή.

Για να στοιχίσετε μια παράγραφο στο αριστερό και το δεξί περίγραμμα και στο κέντρο, χρησιμοποιήστε τα πλήκτρα Στοίχιση αριστερά, Στοίχιση δεξιάή Κέντροαντίστοιχα στον πίνακα μορφοποίησης. Αυτά τα κουμπιά μπορούν να χρησιμοποιηθούν τόσο για την τοποθέτηση μιας παραγράφου σε μια σελίδα όσο και για την τοποθέτηση κειμένου σε ένα κελί πίνακα.

Για να εισαγάγετε μια αλλαγή γραμμής, πρέπει να τοποθετήσετε τον κέρσορα στο σημείο που θέλετε να είναι η μετάβαση στην επόμενη γραμμή και, στη συνέχεια, να επιλέξετε Διακοπή γραμμής από το μενού Εισαγωγή. Εμφανίζεται το πλαίσιο διαλόγου Break Properties (Εικόνα 10.26 ).

Σε αυτό το παράθυρο, επιλέξτε μία από τις ακόλουθες επιλογές:

Κανονική διακοπή γραμμής. Προσθέστε μια αλλαγή γραμμής χωρίς μετατόπιση του κειμένου, ανεξάρτητα από το αν υπάρχει κάποιο γραφικό στην αριστερή ή τη δεξιά πλευρά.

Διαγραφή αριστερού περιθωρίου (Στην ελεύθερη αριστερή άκρη). Εάν υπάρχει μια εικόνα στο αριστερό άκρο της σελίδας, τότε η γραμμή μετά το διάλειμμα θα ξεκινά κάτω από την εικόνα, δηλ. κατά μήκος της καθαρής αριστερής άκρης.

Διαγραφή δεξιού περιθωρίου. Εάν υπάρχει μια εικόνα στη δεξιά άκρη της σελίδας, τότε η γραμμή μετά το διάλειμμα θα ξεκινά κάτω από την εικόνα, δηλ. κατά μήκος της καθαρής δεξιάς άκρης.

Εκκαθάριση και των δύο περιθωρίων (Μέχρι ελεύθερα περιθώρια και στις δύο πλευρές). Εάν υπάρχει μια εικόνα σε τουλάχιστον ένα άκρο της σελίδας, τότε η γραμμή μετά το διάλειμμα θα ξεκινήσει όπου το περιθώριο σελίδας είναι ελεύθερο.

Για να εισαγάγετε μια οριζόντια γραμμή, χρησιμοποιήστε την εντολή Εισαγωγή/Οριζόντια γραμμή. Η γραμμή που προκύπτει θα χρησιμοποιεί τις ίδιες παραμέτρους σχεδίασης με την προηγούμενη οριζόντια γραμμή που δημιουργήθηκε χρησιμοποιώντας τον Επεξεργαστή FrontPage.

Για να αλλάξετε το χρώμα, επιλέξτε ένα τμήμα κειμένου και πατήστε το κουμπί Χρώμα κειμένουστον πίνακα μορφοποίησης. Στο πλαίσιο διαλόγου Χρώμα που εμφανίζεται (Εικ. 10.27 ) επιλέξτε ένα χρώμα από το τυπικό σύνολο και πατήστε το κουμπί OK. Για να χρησιμοποιήσετε επιπλέον χρώματα, πρέπει να κάνετε κλικ στο κουμπί Ορίστε προσαρμοσμένα χρώματα, ορίστε ένα χρώμα και, στη συνέχεια, κάντε κλικ στο κουμπί Προσθήκη στα προσαρμοσμένα χρώματα.

Δημιουργία πινάκων. Για να εισαγάγετε έναν πίνακα, μπορείτε να χρησιμοποιήσετε την εντολή Table/Insert Table ή να κάνετε κλικ στο κουμπί Εισαγωγή πίνακα στη γραμμή εργαλείων. Ένα παράθυρο διαλόγου θα εμφανιστεί στην οθόνη

Αφού κάνετε κλικ με τον κέρσορα στο κουμπί του πίνακα με την εικόνα μολυβιού (πρώτα στα αριστερά), μπορείτε να σχεδιάσετε χειροκίνητα κελιά πίνακα. Σε αυτήν την περίπτωση, ο δρομέας στο πεδίο εργασίας του παραθύρου μετατρέπεται σε σύμβολο μολυβιού. Κατασκευάζεται το περίγραμμα του μελλοντικού πίνακα, παρόμοιο με την κατασκευή ενός ορθογωνίου σε ένα πακέτο γραφικών. Σχεδιάζοντας ευθείες γραμμές που εμφανίζονται ως διακεκομμένες γραμμές κατά τη διάρκεια του σχεδίου, μπορείτε να διαιρέσετε την περιγραφόμενη περιοχή σε σειρές και στήλες και να λάβετε οποιαδήποτε, ανεξάρτητα από το πόσο περίπλοκη, δομή πίνακα. Όταν αφήνετε το αριστερό κουμπί του ποντικιού, οι διακεκομμένες γραμμές μετατρέπονται στο περίγραμμα ενός κελιού, μιας σειράς ή μιας στήλης.

Για να αφαιρέσετε τα σημάδια του πίνακα, χρησιμοποιήστε το εργαλείο Γόμα (το δεύτερο κουμπί του πίνακα από αριστερά). Μπορείτε επίσης να εισαγάγετε αυτόματα μια στήλη ή μια γραμμή στον πίνακα (κουμπιά Εισαγωγή σειρών, Εισαγωγή στήλης). Τα επιλεγμένα κελιά διαγράφονται κάνοντας κλικ στο κουμπί Διαγραφή κελιών.

Έχοντας επιλέξει πολλά κελιά, μπορείτε να τα συνδυάσετε σε ένα ή να τα χωρίσετε σε μέρη (κουμπιά Split Cells και Merge Cells).

Τα κουμπιά καθορίζουν τον τρόπο ευθυγράμμισης των αντικειμένων στα κελιά (Στοίχιση επάνω - κατά μήκος της επάνω άκρης του κελιού, Κέντρο κάθετα - στο κέντρο, Στοίχιση κάτω - κατά μήκος της κάτω άκρης).

Τα επιλεγμένα κελιά μπορούν να ευθυγραμμιστούν κατά ύψος (κουμπί Ομοιόμορφη κατανομή σειρών) ή πλάτος (κουμπί Ομοιόμορφη κατανομή σειρών).

Το γέμισμα επιλέγεται από την αναπτυσσόμενη λίστα (κουμπί Χρώμα πλήρωσης).

Συχνά χρειάζεται να περιορίσετε τα μεγέθη των κελιών στο μέγεθος των αντικειμένων. Για να το κάνετε αυτό, χρησιμοποιήστε το κουμπί Auto Fit.

Εισαγωγή εικόνων. Όταν επιλέγετε μια εικόνα σε μια σελίδα, η γραμμή εργαλείων Εικόνα γίνεται διαθέσιμη. Δεν σας επιτρέπει μόνο να ενσωματώνετε εικόνες, αλλά παρέχει επίσης τη δυνατότητα δημιουργίας ειδικών hotspot σε εικόνες για τη δημιουργία υπερσυνδέσμων. Χρησιμοποιώντας αυτό το πλαίσιο, μπορείτε να εκτελέσετε ορισμένους μετασχηματισμούς εικόνας, όπως να ορίσετε διαφανή χρώματα σε μια εικόνα.

Το FrontPage μπορεί να εισάγει εικόνες. Ταυτόχρονα, το FrontPage υποστηρίζει μια ποικιλία μορφών αρχείων: *.TIF, *.PCX, *.JPG και *.GIF από αρχεία URL ή αρχεία. Δυστυχώς, δεν βρέθηκε τρόπος μετατροπής της μορφής *.JPG σε μορφή .GIF. Αυτό μπορεί να προκαλέσει προβλήματα κατά τη χρήση προγραμμάτων που δεν υποστηρίζουν τη μορφή *.JPG.

Για να τοποθετήσετε μια εικόνα στη σελίδα, πρέπει να επιλέξετε το στοιχείο μενού Εισαγωγή/Εικόνα. Αυτή η εντολή εμφανίζει το πλαίσιο διαλόγου εισαγωγής εικόνας (Εικ. 10.31 ).

Αυτό το παράθυρο παρέχει επιλογές για τη λήψη ενός αρχείου από μια τοπική μονάδα δίσκου ή μέσω μιας διεύθυνσης URL, η οποία μπορεί να συνδεθεί με μια σελίδα.

Από προεπιλογή, η εικόνα τοποθετείται στη θέση του δρομέα και στοιχίζεται προς τα αριστερά. Μπορείτε να αποκτήσετε περισσότερο έλεγχο στην τοποθέτηση μιας εικόνας χρησιμοποιώντας το παράθυρο ιδιοτήτων της εικόνας. Για να ανοίξετε το παράθυρο, κάντε δεξί κλικ στο πεδίο της εικόνας και επιλέξτε Ιδιότητες στο μενού περιβάλλοντος που εμφανίζεται. Το πλαίσιο διαλόγου Ιδιότητες εμφανίζεται στην Εικόνα 10.32 . Εδώ μπορείτε να ορίσετε τη λειτουργία ευθυγράμμισης, να προσδιορίσετε το μέγεθος του πλαισίου, το μέγεθος του οριζόντιου και κάθετου διαστήματος, την εναλλακτική λύση κειμένου της εικόνας και την έκδοση χαμηλότερης ανάλυσης και, εάν υπάρχουν υπερσύνδεσμοι, με ποιες διευθύνσεις URL σχετίζονται.

Μπορείτε να χρησιμοποιήσετε χαρακτηριστικά ετικέτας εάν είναι απαραίτητο που δεν είναι διαθέσιμα στο παράθυρο διαλόγου Ιδιότητες, κάντε κλικ στο κουμπί Εκτεταμένο για να ανοίξετε ένα πλαίσιο διαλόγου όπου μπορείτε να εισαγάγετε το χαρακτηριστικό και την τιμή του με μη αυτόματο τρόπο.

Εργασία με πλαίσια (πλαίσια). Για να προετοιμάσετε μια σελίδα με πλαίσια, χρησιμοποιήστε τις επιλογές του μενού Frame (πλαίσιο, πλαίσιο). Στη λειτουργία δημιουργίας ενός νέου εγγράφου, μια εντολή είναι διαθέσιμη στο μενού Frame: New Frames Page. Με την ενεργοποίησή του ανοίγει ένα παράθυρο διαλόγου για την επιλογή ενός από τα δέκα πρότυπα (Εικ. 10.33 ).

Στην αριστερή πλευρά του πλαισίου διαλόγου, το πεδίο Frames εμφανίζει τους τύπους πιθανών συνδυασμών πλαισίων. Μπορούν να παρουσιαστούν με τη μορφή λίστας ή εικονιδίων. Ένα προεπιλεγμένο σύνολο πλαισίων απεικονίζεται στο πεδίο Προεπισκόπηση στη δεξιά πλευρά του πλαισίου διαλόγου (Εικ. 10.33). Αφού επιλέξετε το κατάλληλο πρότυπο στη σελίδα (σύνολο πλαισίων) που δημιουργείται, κάνοντας κλικ στο κουμπί ΟΚ, η σελίδα θα χωριστεί σε πλαίσια. Στο Σχ. 10.34 Ακολουθεί ένα παράδειγμα πλαισίων προτύπων Banner και περιεχομένου.

Κάθε ένα από τα τρία πλαίσια που παρουσιάζονται στη σελίδα περιέχει τα ίδια κουμπιά:

Ορισμός αρχικής σελίδας : Επιλέξτε την ολοκληρωμένη σελίδα ως περιεχόμενο του πλαισίου (πλαίσιο).

Νέα σελίδα: Δημιουργεί μια νέα σελίδα για το πλαίσιο.

Αφού κάνετε κλικ στο αντίστοιχο κουμπί, η επιλεγμένη σελίδα πλαισίου θα εμφανιστεί στον Επεξεργαστή.

Για να διαχειριστείτε τις ιδιότητες πλαισίου, χρησιμοποιήστε το πλαίσιο διαλόγου Ιδιότητες πλαισίου (Εικ. 10.35 ), το οποίο αποκαλύπτεται από την εντολή Frame/Frame Properties.

Καθορίζει τις διαστάσεις και τις εσοχές κατά την εμφάνιση του πλαισίου, το όνομα του πλαισίου και την αρχική σελίδα, καθώς και τον τρόπο παρουσίασης της γραμμής κύλισης: όπως απαιτείται, πάντα, ποτέ (Εικ. 10.36 ).

Τα όρια μεταξύ των πλαισίων μπορούν να συρθούν με τον κέρσορα του ποντικιού.

Τοποθέτηση πανό. Τα banner χρησιμοποιούνται για την τοποθέτηση μεταβαλλόμενου διαφημιστικού κειμένου ή εικόνων σε μια ιστοσελίδα. Για να εισαγάγετε ένα banner σε μια σελίδα, χρησιμοποιήστε το Banner Manager (Εικ. 10.40 ). Το παράθυρο του διαχειριστή ανοίγει χρησιμοποιώντας την εντολή Insert/Component/Banner Ad Manager.

Τα πεδία Width και Height υποδεικνύουν το πλάτος και το ύψος του banner σε pixel. Για μετάβαση μεταξύ διαδοχικών εικόνων, χρησιμοποιήστε τη μέθοδο που καθορίζεται στο πεδίο Εφέ μετάβασης (οριζόντια μετάβαση, κάθετη μετάβαση, διάλυση, συρρίκνωση, επέκταση ή απλή μετάβαση χωρίς οπτικά εφέ). Στο πεδίο Εμφάνιση κάθε εικόνας για... εισαγωγή, ορίστε τον χρόνο εμφάνισης κάθε εικόνας (σε δευτερόλεπτα).

Κάνοντας κλικ στο κουμπί του banner θα πρέπει να γίνει μετάβαση στον πόρο που καθορίζεται από τον διαφημιστή. Επομένως, το πεδίο Σύνδεση σε περιέχει τη διεύθυνση URL στην οποία θα γίνει η σύνδεση.

Για να λειτουργήσει το banner, πρέπει να καθορίσετε εικόνες. Για να το κάνετε αυτό, καθορίστε μια λίστα με αρχεία γραφικών στη λίστα Εικόνες για εμφάνιση. Η λίστα είναι εξοπλισμένη με έναν τυπικό πίνακα πλοήγησης (Προσθήκη - προσθήκη, Αφαίρεση - διαγραφή, Μετακίνηση προς τα επάνω - μετακινήστε την εικόνα ψηλότερα στη λίστα, Μετακίνηση προς τα κάτω - μετακινήστε την χαμηλότερα).

Για να εισαγάγετε ένα ολοκληρωμένο banner, κάντε κλικ στο κουμπί OK στο παράθυρο του διαχειριστή, ακυρώστε κάνοντας κλικ στο Cancel.

Ρύθμιση υπερσυνδέσμων. Για να δημιουργήσετε έναν υπερσύνδεσμο, πρέπει να επισημάνετε το κείμενο που θα χρησιμεύσει ως ένδειξη υπερ-σύνδεσης και να κάνετε κλικ στο κουμπί Δημιουργία ή Επεξεργασία συνδέσμου () της γραμμής εργαλείων. Στην οθόνη θα εμφανιστεί ένα παράθυρο διαλόγου παρόμοιο με αυτό που φαίνεται στην Εικόνα. 10.41 .

Ο ορισμός ενός συνδέσμου σε μια εικόνα είναι βασικά το ίδιο με τη δημιουργία ενός συνδέσμου σε ένα κομμάτι κειμένου. Σε αυτήν την περίπτωση, πρέπει να κάνετε κλικ στην εικόνα για την οποία δημιουργείται ο σύνδεσμος και να κάνετε κλικ στο κουμπί Δημιουργία ή επεξεργασία συνδέσμουγια να ανοίξετε το πλαίσιο διαλόγου που φαίνεται στο Σχ. 10.41.

Όταν δημιουργείτε έναν σύνδεσμο για μια εικόνα χάρτη, κάνετε κλικ στην εικόνα και χρησιμοποιείτε τα κουμπιά στη γραμμή εργαλείων Εικόνα για να καθορίσετε τις τριγωνικές, κυκλικές ή πολυγωνικές θερμές περιοχές που σχετίζονται με τη σύνδεση.

Το πλαίσιο διαλόγου Δημιουργία συνδέσμου σάς επιτρέπει να δημιουργείτε συνδέσμους σε αρχεία στην τοπική σας τοποθεσία Web, σε αρχεία σε άλλες τοποθεσίες Web στο Διαδίκτυο ή σε αρχεία που έχουν δημιουργηθεί αλλά είναι κενά.

Εργαλεία για τη διαχείριση συνδέσμων. Αυτές οι λειτουργίες συνήθως εκχωρούνται στον διαχειριστή της τοποθεσίας Web. Η παρακολούθηση όλων των συνδέσμων εντός ή εκτός μιας δεδομένης τοποθεσίας Web απαιτεί τακτικό έλεγχο κάθε συνδέσμου ξεχωριστά. Γι' αυτό το FrontPage Explorer συνοδεύεται από βοηθητικά προγράμματα για εργασία με συνδέσμους.

Έλεγχος συνδέσμων. Εάν έχει επιλεγεί η εντολή Επαλήθευση υπερσυνδέσμων από το μενού Εργαλεία, τότε ο Explorer πρέπει να ελέγξει όλους τους συνδέσμους στον κόμβο, συμπεριλαμβανομένων εκείνων που οδηγούν σε σελίδες που βρίσκονται έξω από αυτόν. Ο Explorer παρέχει μια αναφορά με τη μορφή που φαίνεται στην Εικ. 10.42 .

Οι σύνδεσμοι σε σελίδες σε μια τοποθεσία Web επισημαίνονται με έναν κόκκινο κύκλο και τη λέξη Broken εάν διαπιστωθεί ότι είναι σπασμένες. Εάν ο σύνδεσμος λειτουργεί καλά, δεν εμφανίζεται καθόλου στην οθόνη. Οι σύνδεσμοι προς σελίδες εκτός του ιστότοπου επισημαίνονται με έναν κίτρινο κύκλο και ένα ερωτηματικό. Αυτό σημαίνει ότι δεν έχουν ακόμη επαληθευτεί. Μπορείτε να επαληθεύσετε κάθε εξωτερικό σύνδεσμο επισημαίνοντάς τον και κάνοντας κλικ στο κουμπί Επαλήθευση. Εάν ο εξωτερικός σύνδεσμος φαίνεται να λειτουργεί, ο Explorer τοποθετεί έναν πράσινο κύκλο με τη λέξη OK μπροστά από τον σύνδεσμο. Εάν ο σύνδεσμος είναι χαλασμένος, εμφανίζεται ένας κόκκινος κύκλος με τη λέξη Broken.

Επανυπολογισμός συνδέσμων. Ομάδα Εργαλεία/Επανυπολογισμός συνδέσμων) ενημερώνει ό,τι είναι ορατό σε καθεμία από τις τρεις λειτουργίες προβολής για να αντικατοπτρίζει τις αλλαγές που έγιναν από τους συγγραφείς.

Με την εντολή Επανυπολογισμός συνδέσμων μπορείτε:

ενημέρωση πληροφοριών σχετικά με την τοποθεσία Web που απεικονίζονται στην προβολή επισκόπησης, προβολής συνδέσμου και γενικευμένης προβολής.

αναγέννηση όλων των εξαρτημένων εντολών στον ανοιχτό ιστότοπο.

ενημερώστε το ευρετήριο που δημιουργήθηκε από το στοιχείο Search bot.

Ο επανυπολογισμός συνδέσμου πραγματοποιείται στην πραγματικότητα στον προσωπικό διακομιστή Web, ο οποίος αποτελεί μέρος του πακέτου FrontPage. Αφού ο διακομιστής ολοκληρώσει την εκτέλεση αυτής της εντολής, ο έλεγχος επιστρέφει στον Explorer.

Αποθήκευση εγγράφου. Για να αποθηκεύσετε το έγγραφο που δημιουργήθηκε, χρησιμοποιήστε την εντολή Αρχείο/Αποθήκευση ως, η οποία ανοίγει το πλαίσιο διαλόγου που φαίνεται στην Εικ. 10.43 . Αυτό το πλαίσιο διαλόγου σάς επιτρέπει να αποθηκεύετε έγγραφα ως κανονικό αρχείο ή ως πρότυπο.

Όταν εργάζεστε με πολλά αρχεία ταυτόχρονα στο μενού Αρχείο), εφαρμόσαμε τις ακόλουθες διαδικασίες: Κατά το σχεδιασμό ιστοσελίδων, μπορείτε επίσης να χρησιμοποιήσετε τους τύπους σχεδίασης που προσφέρονται στο πακέτο λογισμικού. Μπορείτε να προσπελάσετε το μενού Μορφή/Θέμα/Επιλογή θέματος. Όταν ενεργοποιηθεί αυτή η εντολή, ανοίγει το πλαίσιο διαλόγου θεμάτων που φαίνεται στην Εικ. 1. 10.50 .

Ως παράδειγμα υλοποίησης ενός εγγράφου Web στο πακέτο λογισμικού του FrontPage, παρουσιάζουμε μια ηλεκτρονική δημοσίευση που προετοιμάστηκε ως μέρος μιας εργασίας μαθήματος για ηλεκτρονικές δημοσιεύσεις, η σελίδα τίτλου της οποίας φαίνεται στο Σχ. 10.51 .

Η σελίδα τίτλου είναι κατασκευασμένη με τη μορφή δύο πλαισίων που έχουν σχεδιαστεί για να απεικονίζουν τον πίνακα περιεχομένων (αριστερό πλαίσιο) και το περιεχόμενο του έργου (δεξιό πλαίσιο). Το σωστό πλαίσιο είναι σχεδιασμένο με κύλιση, επιτρέποντάς σας να κάνετε κύλιση στο υλικό. Με κανονικό μέγεθος παραθύρου προγράμματος περιήγησης, ο πίνακας περιεχομένων της ηλεκτρονικής έκδοσης χωράει εξ ολοκλήρου στο αριστερό πλαίσιο, επομένως δεν παρέχεται κύλιση.

Στο κέντρο του δεξιού πλαισίου πάνω από τον τίτλο της ηλεκτρονικής έκδοσης υπάρχει παράθυρο με κινούμενα σχέδια.

Από το παράθυρο μενού μπορείτε να ακολουθήσετε έναν σύνδεσμο προς οποιαδήποτε ενότητα κειμένου. Σε αυτήν την περίπτωση, τα περιεχόμενα του δεξιού πλαισίου αλλάζουν (Εικ. 10.52 ).

Παρέχονται γραφικά κουμπιά για οριζόντια κίνηση μεταξύ των τμημάτων (Εικ. 10.53 ), που σας επιτρέπουν να κάνετε κύλιση στο υλικό των ενοτήτων χωρίς να επιστρέψετε στον πίνακα περιεχομένων.

Έτσι, το πακέτο λογισμικού FrontPage είναι ένα πολυλειτουργικό περιβάλλον λογισμικού που σας επιτρέπει να δημιουργείτε πλήρεις ιστοσελίδες και τοποθεσίες Web. Η ενσωμάτωσή του στο πακέτο του Microsoft Office, σύμφωνα με τους προγραμματιστές, καθιστά δυνατή την αποτελεσματικότερη χρήση των δυνατοτήτων των εφαρμογών MS Office για τη δημιουργία υλικών για την πλήρωση ιστοσελίδων και πλαισίων (πλαισίων) εισάγοντας υλικά από αυτές τις εφαρμογές.

Ανιχνεύοντας τις τάσεις ανάπτυξης αυτού του περιβάλλοντος λογισμικού, θα πρέπει να σημειωθεί ότι οι προγραμματιστές του FrontPage προσπαθούν όχι μόνο να κάνουν το πακέτο λογισμικού προσβάσιμο σε μη επαγγελματίες χρήστες, αλλά και να επικεντρωθούν στη χρήση αυτού του πακέτου λογισμικού για την ανάπτυξη τοποθεσιών Web ενός υψηλό βαθμό πολυπλοκότητας, μεταξύ άλλων στο πλαίσιο των εταιρικών δραστηριοτήτων των προγραμματιστών τοποθεσιών. Στο υλικό που παρουσιάστηκε παραπάνω, οι συγγραφείς προσπάθησαν να δείξουν την απλότητα και την προσβασιμότητα της διεπαφής του πακέτου λογισμικού, σε συνδυασμό με τη λειτουργική ποικιλομορφία αυτού του περιβάλλοντος λογισμικού, που υλοποιείται σε επίπεδο οπτικής αναπαράστασης του ιστότοπου που αναπτύσσεται σε όλες τις πτυχές του.

Χρήση στοιχείων πολυμέσων, γλωσσών δέσμης ενεργειών, μικροεφαρμογών Java κ.λπ. ανοίγει ευρείες ευκαιρίες για τη δημιουργία σύγχρονων ιστοσελίδων και ιστοσελίδων στο εξεταζόμενο περιβάλλον λογισμικού που ανταποκρίνονται στις απαιτήσεις των επαγγελματιών.

Όταν ξεκινάτε να εργάζεστε στο πρόγραμμα επεξεργασίας FrontPage, θα πρέπει να γνωρίζετε ότι το αποτέλεσμα της χρήσης του είναι ένα έγγραφο HTML,κατασκευασμένο σύμφωνα με τους ίδιους κανόνες με αυτούς που δημιουργήθηκαν με το χέρι. Το γεγονός αυτό καθορίζει αμέσως τις δυνατότητες και τους περιορισμούς στο έργο αυτού του συντάκτη.

Όλες οι λειτουργίες Το πρόγραμμα επεξεργασίας FrontPage υλοποιείται μοναδικά από ετικέτες HTML;

Συντάκτης Το FrontPage δεν διαθέτει χαρακτηριστικά που δεν μπορούν να αναπαρασταθούν ως ετικέτεςHTML;

Χρήστης συνήθως δεν ξέρει τι σημαίνει HTMLχρησιμοποιούνται για την επίτευξη ενός δεδομένου αποτελέσματος και πόσο σωστά εφαρμόζονται.

Συντάκτης Εξώφυλλο«προσανατολισμένο» στη χρήση του προγράμματος περιήγησης Internet Explorer, άρα ο κώδικας που παράγει είναι HTMLεμφανίζεται επαρκέστερα σε αυτό το πρόγραμμα περιήγησης. Συγκεκριμένα, το FrontPage επιτρέπει τη χρήση ενός ticker, μια δυνατότητα που δεν περιλαμβάνεται στο πρότυπο HTML,αλλά υποστηρίζεται από τον Internet Explorer. Μεταξύ των τυπικών μέσων HTMLΤο πρόγραμμα επεξεργασίας FrontPage δεν υποστηρίζει πλαίσια (ακριβέστερα, τη δημιουργία εγγράφων περιγραφής πλαισίων).

Παράθυρο FrontPage είναι ένας συνδυασμός παράθυρα επεξεργασίας και παράθυρα προγράμματος περιήγησης.Εγγραφο HTMLεμφανίζεται από το πρόγραμμα επεξεργασίας ως συγκεκριμένο πρόγραμμα περιήγησης, εμφανίζοντας ακόμη και συνήθως αόρατα στοιχεία (όπως άγκυρες). Ταυτόχρονα, αυτό το κείμενο μπορεί να επεξεργαστεί χρησιμοποιώντας εργαλεία παρόμοια με αυτά που είναι διαθέσιμα σε έναν επεξεργαστή κειμένου.

Ρύζι. 1

Το πρώτο βήμα είναι να δημιουργήσετε έναν φάκελο , στο οποίο θα βρίσκεται ο μελλοντικός ιστότοπος πριν αναρτηθεί στο Διαδίκτυο. Αυτός ο φάκελος θα πρέπει επίσης να περιέχει "υποφάκελους" που προορίζονται για εικόνες, αρχεία μουσικής κ.λπ. Είναι επίσης χρήσιμο να εκχωρήσετε έναν ξεχωριστό φάκελο για κάθε ενότητα του ιστότοπου. Ο ριζικός κατάλογος πρέπει να περιέχει την κύρια σελίδα του ιστότοπου.

Για να ανοίξετε ένα πρόγραμμα από το μενού Αρχήεπιλέγω Ολα τα προγράμματα - το γραφείο της Microsoft – Microsoft Office FrontPage 2003 .

Για να απλοποιήσετε και να αυτοματοποιήσετε τη δημιουργία ιστοσελίδων, το πρόγραμμα επεξεργασίας FrontPage σάς επιτρέπει τη χρήση κυρίουςΚαι πρότυπαΕπιλογή λίστας Δείγμαή Web Host Wizard, εκτός από το στοιχείο Κανονική σελίδα, οδηγεί στη χρήση οδηγού ή προτύπου εγγράφου . Το αποτέλεσμα είναι περισσότερο μια διάταξη σελίδας παρά ένα τελικό προϊόν και απαιτεί από τον χρήστη να γεμίσει τις δημιουργημένες ενότητες με συγκεκριμένο περιεχόμενο.

Τα πρότυπα (Φόρμα κριτικής ή φόρμα επιβεβαίωσης) αντιπροσωπεύουν ένα έτοιμο «γενικό» έγγραφο. Σε εκείνα τα μέρη όπου πρέπει να βρίσκεται κείμενο που αντιστοιχεί στις ανάγκες ενός συγκεκριμένου χρήστη, τοποθετείται κείμενο που περιγράφει τις αρχές για τη συμπλήρωση της αντίστοιχης ενότητας. Αυτό το κείμενο αντικαθίσταται καθώς επεξεργάζεστε το έγγραφο. Στην αρχή του εγγράφου προτύπου υπάρχει ένα σχόλιο (δεν εμφανίζεται σε ένα κανονικό πρόγραμμα περιήγησης) που περιγράφει τους γενικούς κανόνες για τη συμπλήρωση αυτού του προτύπου. Η αποθήκευση ενός εγγράφου που δημιουργείται από ένα πρότυπο δεν αλλάζει το ίδιο το πρότυπο, το οποίο μπορεί να χρησιμοποιηθεί επανειλημμένα.

Όταν χρησιμοποιείτε τον οδηγό, το πρόγραμμα θέτει μια σειρά ερωτήσεων και, με βάση τις απαντήσεις, δημιουργεί ένα πρότυπο.

1. Στο μενού Αρχείοεπιλέξτε ομάδα Δημιουργώκαι τομείς εργασιών Δημιουργία εγγράφουστην Ομάδα Δημιουργήστε έναν ιστότοποεπιλέγω Περισσότερα πρότυπα ιστοτόπων...;

2. Στο πλαίσιο διαλόγου Πρότυπα ιστοτόπωνεπιλέξτε το επιθυμητό πρότυπο (για παράδειγμα, Προσωπικός ιστότοπος).

3. Ένας νέος ιστότοπος θα δημιουργηθεί στο φάκελο Τα αρχεία μου - Ο κόμβος μουκαι άνοιξε στο παράθυρο του προγράμματος (Εικ. 1 );

4. Στο παράθυρο Λίστα φακέλωνΘα εμφανιστούν σελίδες και φάκελοι ιστότοπου για την αποθήκευση φωτογραφιών, σχεδίων, θεμάτων σχεδίασης κ.λπ.

5. Κάντε διπλό κλικ για να ανοίξετε οποιαδήποτε σελίδα για επεξεργασία (το πρότυπο σελίδας έχει ήδη σχεδιασμό χρώματος και γραμματοσειράς (θέμα) και διάταξη σελίδας που αποτελείται από πίνακες, καθώς και γραμμές πλοήγησης που συνδέουν τις σελίδες του ιστότοπου). Η πρώτη (κύρια) σελίδα του ιστότοπου καλείται πάντα Δείκτης.

6. Μην ξεχάσετε να αποθηκεύσετε τις αλλαγές· οι μη αποθηκευμένες σελίδες ιστότοπου υποδεικνύονται με αστερίσκους.

1. Δημιουργήστε έναν φάκελο για τον ιστότοπό σας.

3. Το πρόγραμμα θα σας ζητήσει να προσθέσετε δεδομένα Εξώφυλλο- Κάντε κλικ Εντάξει;

4. Δημιουργήστε την πρώτη σελίδα του ιστότοπου. Στο μενού Αρχείοεπιλέξτε ομάδα Δημιουργώκαι στην περιοχή εργασιών Δημιουργώ σελίδαεπιλέγω Κενή σελίδα.

Υπάρχει ένας κανόνας: το μέγεθος της σελίδας πρέπει να ταιριάζει στο μέγεθος μιας οθόνης. Εκείνοι. εάν ο ιστότοπος έχει σχεδιαστεί για χρήστες οθόνης 15 ιντσών, τότε η ανάλυση θα πρέπει να είναι 600x800 και για οθόνη 17 ιντσών - 1024x786. Η γραμμή κατάστασης εμφανίζει το μέγεθος της σελίδας και τον χρόνο φόρτωσης. Για να αλλάξετε το μέγεθος της σελίδας, κάντε αριστερό κλικ στο πεδίο μεγέθους στη γραμμή κατάστασης και επιλέξτε το επιθυμητό μέγεθος από την αναπτυσσόμενη λίστα.

5. Δημιουργήστε μια δομή ιστότοπου. Μεταβείτε στον σελιδοδείκτη Μεταβάσειςή επιλέξτε μια ομάδα Μεταβάσειςστο μενούΘέα. 6. Επιλέξτε μια ομάδα Δημιουργώ – Κορυφαία σελίδαστο μενού περιβάλλοντος στην περιοχή πλοήγησης (Ρύζι. 3). Ονομάστε τις σελίδες (κατά τη δημιουργία της δομής, καθορίζονται τα ονόματα των σελίδων (όχι των αρχείων)).
7. Στο παράθυρο της λίστας φακέλων θα μοιάζει με αυτό (Ρύζι. 4). 8. Τα αρχεία μπορούν να μετονομαστούν (μην βάζετε κενά στα ονόματα αρχείων)

9. Στη συνέχεια οι σελίδες γεμίζουν με τις απαραίτητες εικόνες και κείμενο. Για τη σωστή τοποθέτηση κειμένου, πινάκων πλοήγησης και εικόνων στη σελίδα, τοποθετούνται σε πίνακες με διαφανή πλαίσια. Για να δημιουργήσετε έναν πίνακα, χρησιμοποιήστε την εντολή Τραπέζι - Εισάγετε τραπέζι. Στο παράθυρο διαλόγου που ανοίγει, υποδείξτε το μέγεθος του πίνακα (σε κελιά), καθώς και πρόσθετες παραμέτρους που υλοποιήθηκαν ως χαρακτηριστικά των αντίστοιχων ετικετών. Για να εισαγάγετε πληροφορίες σε έναν πίνακα, τοποθετήστε τον κέρσορα στο επιθυμητό κελί και ξεκινήστε την εισαγωγή. Όταν εργάζεστε με κελιά πίνακα, μπορείτε να χρησιμοποιήσετε οποιεσδήποτε εντολές μορφοποίησης.

Το κύριο εργαλείο μορφοποίησης που χρησιμοποιείται είναι Γραμμή εργαλείων μορφοποίησης. Περιέχει:

Πρόσθετα στοιχεία μορφοποίησης που δεν περιλαμβάνονται στη γραμμή εργαλείων ορίζονται σε ξεχωριστά πλαίσια διαλόγου. Μπορούν να ανοίξουν, για παράδειγμα, χρησιμοποιώντας τις εντολές Μορφή - ΓραμματοσειράΚαι Μορφή - Λίστα.

Για να δημιουργήσετε έναν υπερσύνδεσμο πρέπει να επιλέξετε ένα κομμάτι κειμένου που θα χρησιμοποιηθεί ως σύνδεσμος και να δώσετε την εντολή Εισάγετε - Υπερσύνδεσμος. Στο παράθυρο διαλόγου «Προσθήκη υπερ-σύνδεσης» που ανοίγει, επιλέξτε την καρτέλα Συνδέω με . Για δημιουργώντας έναν εξωτερικό σύνδεσμοεισάγετε στο πεδίο τη διεύθυνση Διαδικτύου της επιθυμητής σελίδας Διεύθυνση, Για δημιουργώντας έναν σύνδεσμο προς μια άλλη σελίδατον κόμβο σας (χρησιμοποιείται η σχετική διεύθυνση), επιλέξτε το φάκελο στον οποίο βρίσκεται το αρχείο και τοποθετήστε τον δείκτη του ποντικιού σε αυτόν. Για να δημιουργήσετε έναν σύνδεσμο μέσα σε μια σελίδα, επιλέξτε την εντολή και υποδείξτε σε ποιον σελιδοδείκτη αναφέρεται το αντικείμενο, έχοντας προηγουμένως τοποθετήσει τον σελιδοδείκτη σε αυτό το μέρος χρησιμοποιώντας την εντολή Εισάγετε – Σελιδοδείκτηςκαι προσδιορίζοντας το όνομα του σελιδοδείκτη. Επιλέγοντας μια καρτέλα ταυτόχρονα με τη δημιουργία ενός συνδέσμου, θα δημιουργηθεί ένα αντίστοιχο έγγραφο, το οποίο θα ανοίξει αμέσως για επεξεργασία.

Κουμπί χρησιμεύει για να υποδείξει πού θα ανοίξει ο σύνδεσμος (στο ίδιο παράθυρο, σε ένα νέο παράθυρο, κ.λπ.)

Ο δημιουργημένος υπερσύνδεσμος εμφανίζεται στο παράθυρο του προγράμματος FrontPage με τον ίδιο τρόπο όπως στο παράθυρο του προγράμματος περιήγησης: μπλε και υπογραμμισμένο. Για να ελέγξετε τη λειτουργικότητα του συνδέσμου, κάντε δεξί κλικ πάνω του και επιλέξτε την εντολή από το μενού περιβάλλοντοςΣύνδεσμος.

10. Οι σελίδες που δημιουργούνται συνδυάζονται χρησιμοποιώντας συνδέσμους. Όταν συνδέονται σε ένα κοινό έγγραφο, οι σύνδεσμοι μπορούν να κρυφτούν κάτω από οποιοδήποτε ορατό αντικείμενο (εικόνες, μενού, κουμπιά κ.λπ.). Μπορείτε να χρησιμοποιήσετε το μενού Εισάγετε - Γραμμή συνδέσμων (Ρύζι. 5) ή μενού Κουμπί εισαγωγής - αλλαγής(Ρύζι. 6).

11. Στο τέλος, όταν δημιουργηθεί η σελίδα, πρέπει να αποθηκευτεί στον επιθυμητό φάκελο. Αποθηκεύστε το αρχείο κάτω από το όνομα δείκτης στον φάκελο του ιστότοπου και δώστε στη σελίδα έναν τίτλο κάνοντας κλικ στο κουμπί ΑλλαγήΣτο κεφάλαιο Ονομα(για παράδειγμα, Σπίτι ή Σπίτι) (
Ρύζι. 7).

Ρύζι. 7

Το πρόγραμμα επεξεργασίας FrontPage δεν διαθέτει ειδική εντολή δημιουργίας φόρμας. Ωστόσο, κατά την προσθήκη πεδία φόρμας(μέσω μενού Εισάγετε - Μορφή) δημιουργείται μια φόρμα που περιλαμβάνει αυτό το πεδίο. Όταν προσθέτετε επόμενα πεδία, θα πρέπει να βεβαιωθείτε ότι περιλαμβάνονται στην ίδια φόρμα.

Στη γλώσσα HTMLΟι ιδιότητες του στοιχείου καθορίζονται από τα χαρακτηριστικά της ετικέτας. Ο επεξεργαστής FrontPage τους παρέχει τη βοήθεια ειδικών πλαισίων διαλόγου. Για να ανοίξετε ένα τέτοιο παράθυρο διαλόγου, κάντε δεξί κλικ στο στοιχείο που επεξεργάζεστε. Στο κάτω μέρος του μενού περιβάλλοντος υπάρχουν εντολές που σχετίζονται με στοιχεία εγγράφου που θεωρούνται ανοιχτά από τον επεξεργαστή. Η σειρά με την οποία εμφανίζονται οι εντολές αντιστοιχεί στη σειρά με την οποία είναι ένθετα τα στοιχεία. Επιλέγοντας μία από αυτές τις εντολές ανοίγει το παράθυρο διαλόγου ιδιότητες για το αντίστοιχο στοιχείο. Τα στοιχεία ελέγχου σε αυτό το πλαίσιο διαλόγου αντιστοιχούν στα χαρακτηριστικά της ετικέτας ανοίγματος για το επιλεγμένο στοιχείο.

Πρόσθετα αντικείμενα εισάγονται στο επεξεργασμένο έγγραφο χρησιμοποιώντας το μενού Εισάγετε. Για παράδειγμα, για εισαγωγή εικόναςχρησιμοποιείται η εντολή Εισάγετε – Σχέδιο,και μετά επιλέξτε μενού εικόνες(αυτή η εντολή σάς επιτρέπει να εισάγετε μια εικόνα από τη συλλογή MS office) ή μενού Από αρχείο(ανοίγει ένα παράθυρο διαλόγου στο οποίο πρέπει να καθορίσετε τη θέση της εικόνας ή της φωτογραφίας στο δίσκο). Κατά τη δημιουργία εγγράφου, μετατρέπονται αυτόματα διάφορες μορφές γραφικών GIF και JPEG.Το αρχείο που έχει μετατραπεί αποθηκεύεται όταν αποθηκεύετε το έγγραφο και θα σας ζητηθεί να καθορίσετε τον φάκελο στον οποίο θα αποθηκευτεί το σχέδιο.

Άλλα στοιχεία που μπορούν να τοποθετηθούν στη σελίδα είναι:

Οριζόντιος χάρακας ( Εισάγετε - Οριζόντιος γραμμή);

Εγγραφή βίντεο ( Εισάγετε -Σχέδιο- Εγγραφή βίντεο);

Ήχος παρασκηνίου ( Μορφή – Φόντο - Ήχος παρασκηνίου καικαι πατώντας το κουμπί Ανασκόπησηυποδεικνύουν τη θέση του ήχου).

"τικερ" ( Εισάγετε - στοιχείο Ιστού - Καρδιά, αυτό το στοιχείο αποδίδεται μόνο από τον Internet Explorer).

Οι περιορισμένες δυνατότητες επεξεργασίας με χρήση του FrontPage οδηγούν μερικές φορές στην ανάγκη άμεσης παρέμβασης στον κώδικα που δημιουργείται HTML. μιΑυτό μπορεί να γίνει με δύο τρόπους. Πρώτον, υπάρχουν τέσσερα κουμπιά πάνω από τη γραμμή κατάστασης που σας επιτρέπουν να μεταβείτε σε διαφορετικές λειτουργίες προβολής σελίδας , επιλέξτε έναν σελιδοδείκτη Κώδικας.

Η δεύτερη μέθοδος είναι να ανοίξετε ένα παράθυρο για την προβολή του παραγόμενου κώδικα χρησιμοποιώντας την εντολή Θέα – προβολή ετικέτες.Η χρωματική κωδικοποίηση σάς επιτρέπει να βλέπετε αμέσως λέξεις-κλειδιά ετικετών (εμφανίζονται με μωβ), χαρακτηριστικά (με κόκκινο) και τιμές χαρακτηριστικών (με μπλε). Αυτός ο κωδικός μπορεί να επεξεργαστείχειροκίνητα.

Το Microsoft Office FrontPage 2003 είναι ένα μοναδικό πρόγραμμα με το οποίο μπορείτε εύκολα να δημιουργήσετε έναν ιστότοπο. Η παρουσία της Βοήθειας και πολλών απλών, θα έλεγε κανείς, τυπικών προγραμμάτων το καθιστούν απαραίτητο βοηθό για αρχάριους. Για να εξοικειωθούμε περισσότερο με τις δυνατότητες του Microsoft Office FrontPage, θα εξετάσουμε ένα σύνολο πιθανών εντολών.

Για να βελτιστοποιήσετε το κείμενο HTML κατά τη δημοσίευση μιας σελίδας, πρέπει να διαμορφώσετε έναν απομακρυσμένο ιστότοπο.

1. Στην προβολή Απομακρυσμένη τοποθεσία Web, στην καρτέλα Τοποθεσία Web, κάντε κλικ στο κουμπί Optimize Published HTML.

2. Στην καρτέλα Βελτιστοποίηση HTML, επιλέξτε Κατά τη δημοσίευση, βελτιστοποιήστε τον κώδικα HTML αφαιρώντας τα ακόλουθα στοιχεία.

3. Επιλέξτε τις επιλογές που θέλετε.

Σημειώσεις

· Το Microsoft FrontPage δεν εφαρμόζει αυτές τις ρυθμίσεις σε ιστοσελίδες που είχαν δημοσιευτεί προηγουμένως στην τοποθεσία Web. Για να εφαρμόσετε αυτές τις ρυθμίσεις σε μια σελίδα, δημοσιεύστε την σε έναν ιστότοπο.

· Μπορείτε να βελτιστοποιήσετε το κείμενο HTML κατά τη δημοσίευση από έναν τοπικό ιστότοπο σε έναν απομακρυσμένο ιστότοπο, αλλά όχι το αντίστροφο.

· Εάν επιλέξετε το πλαίσιο ελέγχου Όλα τα σχόλια HTML ή Σημειώσεις δυναμικών προτύπων Ιστού, το FrontPage καταργεί όλο τον κώδικα δυναμικού προτύπου Ιστού για αυτήν τη σελίδα κατά τη βελτιστοποίηση του κειμένου HTML. Επομένως, οποιοδήποτε περιεχόμενο σελίδας που σχετίζεται με το δυναμικό πρότυπο ιστού δεν θα εμφανίζεται πλέον στους επισκέπτες του ιστότοπου. Χρησιμοποιώντας τα στοιχεία Web στο Microsoft FrontPage, μπορείτε να συμπεριλάβετε ένα ευρύ φάσμα λειτουργιών στον ιστότοπό σας, από μετρητές επισκέψεων, που καταγράφουν τον αριθμό των επισκεπτών σε μια σελίδα, έως συλλογές φωτογραφιών, που είναι συλλογές εικόνων γραφικών. Υπάρχουν δύο είδη στοιχείων ιστού: στοιχεία χρόνου σχεδίασης και στοιχεία χρόνου προβολής. Τα στοιχεία σχεδιασμού χρόνου είναι εργαλεία για τη δημιουργία και την ανάπτυξη ιστοσελίδων. Είναι διαθέσιμα στο πρόγραμμα FrontPage. Όταν προσθέτετε ένα στοιχείο χρόνου σχεδίασης σε μια τοποθεσία Web—για παράδειγμα, μια συλλογή φωτογραφιών ή μια γραμμή συνδέσμων—δεν χρειάζεται να εγκαταστήσετε πρόσθετο λογισμικό ή τεχνολογία διακομιστή στον διακομιστή Web που φιλοξενεί την τοποθεσία Web. Τα στοιχεία του χρόνου περιήγησης είναι διαθέσιμα σε τοποθεσίες Web που φιλοξενούνται σε διακομιστές Web που εκτελούν επεκτάσεις διακομιστή Microsoft FrontPage Server, υπηρεσίες ομάδας Microsoft SharePoint ή Microsoft Windows SharePoint Services.

· Ένας υπερσύνδεσμος είναι ένας σύνδεσμος μεταξύ ιστοσελίδων ή αρχείων. Όταν ένας επισκέπτης του ιστότοπου κάνει κλικ σε μια υπερ-σύνδεση, το αντικείμενο στο οποίο αναφέρεται εμφανίζεται στο πρόγραμμα περιήγησης Ιστού, ανοίγει ή εκτελείται, ανάλογα με τον τύπο του αντικειμένου. Για παράδειγμα, όταν κάνετε κλικ σε έναν υπερσύνδεσμο σε μια σελίδα, αυτή η σελίδα εμφανίζεται στο πρόγραμμα περιήγησής σας στον ιστό και όταν κάνετε κλικ σε έναν υπερσύνδεσμο σε avi-file Αυτό το αρχείο ανοίγει στο Windows Player. Τρόποι χρήσης υπερσυνδέσμων:

Μεταβείτε σε ένα αρχείο ή μια ιστοσελίδα σε τοπικό δίκτυο, intranet ή Διαδίκτυο

Μεταβείτε σε ένα αρχείο ή μια ιστοσελίδα που θα δημιουργηθεί στο μέλλον

Αποστολή μηνύματος μέσω email

Έναρξη μεταφοράς αρχείων, όπως λήψη αρχείου ή αποστολή αρχείου μέσω πρωτοκόλλου FTP

Μετάβαση σε σελιδοδείκτη

Αφού δημιουργήσετε έναν υπερσύνδεσμο, ακολουθήστε τον στον προορισμό για να βεβαιωθείτε ότι οδηγεί στην επιθυμητή σελίδα, πρόγραμμα, αρχείο ή διεύθυνση email. Όταν τοποθετείτε το ποντίκι σας πάνω από κείμενο ή εικόνα που περιέχει υπερσύνδεσμο, εμφανίζεται ως ένα χέρι με τον δείκτη σηκωμένο, υποδεικνύοντας ότι μπορείτε να κάνετε κλικ στο στοιχείο. Στο Microsoft FrontPage, οι υπερσύνδεσμοι ακολουθούνται και εμφανίζονται διαφορετικά ανάλογα με τον στόχο. Όταν δημιουργείται ένας υπερσύνδεσμος, ο προορισμός του κωδικοποιείται σε μορφή URL (Uniform Resource Locator). Η διεύθυνση URL καθορίζει το πρωτόκολλο (όπως HTTP ή FTP) και περιέχει το όνομα διακομιστή ιστούή θέσεις δικτύου, καθώς και τη διαδρομή και το όνομα αρχείου, όπως φαίνεται στον πίνακα.

Οι υπερσύνδεσμοι στις εικόνες δεν είναι πάντα ορατοί. Ωστόσο, για να ελέγξετε αν μια εικόνα είναι υπερσύνδεσμος, απλώς τοποθετήστε το ποντίκι σας πάνω της. Όταν τοποθετείτε το δείκτη του ποντικιού πάνω από έναν υπερσύνδεσμο, ο δείκτης του ποντικιού μετατρέπεται σε ένα χέρι με τον δείκτη σηκωμένο. Μπορείτε να δημιουργήσετε έναν υπερσύνδεσμο ως κείμενο ή εικόνα. Ένας υπερσύνδεσμος κειμένου είναι μια λέξη ή φράση στην οποία έχει εκχωρηθεί μια διεύθυνση. URLεφόδια. Ένας υπερσύνδεσμος εικόνας είναι μια εικόνα στην οποία έχει εκχωρηθεί μια διεύθυνση URL προορισμού. Αυτή η διεύθυνση μπορεί να εκχωρηθεί σε μια εικόνα με έναν από τους δύο τρόπους.

· Σε ολόκληρη την εικόνα εκχωρείται ένας προεπιλεγμένος υπερσύνδεσμος. Σε αυτήν την περίπτωση, κάνοντας κλικ σε οποιοδήποτε μέρος του σχεδίου εμφανίζεται ο προορισμός. Για παράδειγμα, ένα κουμπί είναι μια εικόνα στην οποία έχει εκχωρηθεί ένας προεπιλεγμένος υπερσύνδεσμος.

· Ένα ή περισσότερα υπεραντικείμενα μπορούν να αντιστοιχιστούν σε μια εικόνα, δηλαδή, μπορούν να καθοριστούν περιοχές της εικόνας που είναι υπερσύνδεσμοι. Ένα σχέδιο που περιέχει υπεραντικείμενα ονομάζεται υπερχάρτης. Για παράδειγμα, ένας υπερχάρτης θα μπορούσε να είναι ένα γραφικό που αντιπροσωπεύει διαφορετικές ενότητες μιας τοποθεσίας Web, όπως η αρχική σελίδα, η σελίδα καταλόγου και ούτω καθεξής. Για να εμφανιστεί μια σελίδα, ένας επισκέπτης του ιστότοπου κάνει κλικ στην αντίστοιχη περιοχή του υπερχάρτου.

Πώς εμφανίζονται οι υπερσύνδεσμοι: Στα προγράμματα περιήγησης ιστού, οι υπερσύνδεσμοι κειμένου συνήθως υπογραμμίζονται και εμφανίζονται με διαφορετικό χρώμα. Μπορείτε να επιλέξετε τα χρώματα που θα χρησιμοποιηθούν στο πρόγραμμα περιήγησης ιστού για την εμφάνιση υπερσυνδέσμων. Όταν χρησιμοποιείτε τυπικά χαρακτηριστικά HTML, μπορείτε να επιλέξετε τρία χρώματα για να αντιπροσωπεύσετε διαφορετικές καταστάσεις υπερσύνδεσης. Υπερσύνδεσμος -- ένας αχρησιμοποίητος υπερσύνδεσμος. Η ενεργή υπερσύνδεση είναι η τρέχουσα επιλεγμένη υπερ-σύνδεση. Μια προβαλλόμενη υπερσύνδεση είναι μια υπερσύνδεση που έχει ήδη ακολουθηθεί. Ένας σελιδοδείκτης είναι μια συγκεκριμένη τοποθεσία ή επιλεγμένο κείμενο σε μια σελίδα που επισημαίνεται με τον κατάλληλο τρόπο.

Οι σελιδοδείκτες μπορούν να χρησιμοποιηθούν ως προορισμοί για υπερσυνδέσμους. Για παράδειγμα, εάν θέλετε να δείξετε σε έναν επισκέπτη του ιστότοπου ένα συγκεκριμένο τμήμα μιας σελίδας, προσθέστε έναν υπερσύνδεσμο που ορίζει τον προορισμό σε σελιδοδείκτη για αυτό το τμήμα της σελίδας. Κάνοντας κλικ σε αυτόν τον υπερσύνδεσμο θα εμφανιστεί το αντίστοιχο τμήμα της σελίδας και όχι η αρχή της σελίδας. Οι σελιδοδείκτες μπορούν επίσης να χρησιμοποιηθούν για την εύρεση συγκεκριμένων θέσεων σε μια σελίδα. Για παράδειγμα, μπορείτε να προσθέσετε έναν σελιδοδείκτη για κάθε κύρια επικεφαλίδα μιας σελίδας. Κατά την αλλαγή της σελίδας, κάθε ενότητα μπορεί να βρεθεί εύκολα κάνοντας κλικ στην αντίστοιχη καρτέλα.

Όταν δημιουργείται ένας σελιδοδείκτης για μια τοποθεσία και όχι για κείμενο, υποδεικνύεται από ένα εικονίδιο στο FrontPage. Διαφορετικά, το κείμενο υπογραμμίζεται με διακεκομμένη γραμμή. Όταν μετονομάζετε ένα αρχείο σε μια τοποθεσία Web, το Microsoft FrontPage αναζητά υπερσυνδέσμους σε αυτό το αρχείο. Εάν υπάρχουν τέτοιοι υπερσύνδεσμοι, το όνομα του αρχείου ενημερώνεται αυτόματα σε αυτούς. Όταν μετακινείτε ένα αρχείο σε μια τοποθεσία Web (για παράδειγμα, σε διαφορετικό φάκελο ή υποφάκελο), το Microsoft FrontPage ενημερώνει αυτόματα όλους τους υπερσυνδέσμους σε αυτό. Συνιστάται να δοκιμάζετε πάντα τους υπερσυνδέσμους πριν δημοσιεύσετε τον ιστότοπό σας. Εάν μια τοποθεσία Web περιέχει κατεστραμμένο υπερσύνδεσμο (υπερσύνδεσμος με εσφαλμένη διεύθυνση URL προορισμού), εμφανίζεται ένα μήνυμα σφάλματος στο πρόγραμμα περιήγησης Web όταν ένας επισκέπτης της τοποθεσίας κάνει κλικ στη σύνδεση. Αυτό το σφάλμα μπορεί να οφείλεται σε τυπογραφικό λάθος στη διεύθυνση URL ή η διεύθυνση URL μπορεί να οδηγεί σε μια σελίδα που έχει αφαιρεθεί από τον ιστότοπο. Εάν ο προορισμός είναι άλλη σελίδα Διαδικτύου, ενδέχεται να έχει μετακινηθεί ή διαγραφεί.

Έλεγχος προσβασιμότητας: Το Microsoft Resources Office FrontPage 2003 παρουσιάζει έναν νέο έλεγχο προσβασιμότητας για ιστοσελίδες. Η δοκιμή προσβασιμότητας εντοπίζει ότι ορισμένες λειτουργίες δεν συμμορφώνονται με τις Οδηγίες προσβασιμότητας περιεχομένου Ιστού (WCAG) Κοινοπραξία WWW (W3C)ή τις απαιτήσεις του άρθρου 508 του νόμου περί αποκατάστασης των Η.Π.Α. Το WCAG θέτει τα θεμέλια για τη δημιουργία προσβάσιμων ιστοσελίδων για άτομα με προβλήματα κινητικότητας, όρασης και ακοής. Η ενότητα 508 ορίζει τα πρότυπα της κυβέρνησης των ΗΠΑ για την προσβασιμότητα σε ένα ευρύ φάσμα πηγών πληροφοριών και τεχνολογιών.

Για περισσότερες πληροφορίες σχετικά με τις δυνατότητες ελέγχου προσβασιμότητας του FrontPage, ανατρέξτε στη Βοήθεια του Microsoft FrontPage. Χρησιμοποιήστε συντομεύσεις πληκτρολογίου για να εκτελέσετε γρήγορα εργασίες που χρησιμοποιούνται συχνά. Η διαθεσιμότητα των συντομεύσεων πληκτρολογίου στο Microsoft FrontPage εξαρτάται από το εάν η επιθυμητή εντολή είναι διαθέσιμη στην επιλεγμένη προβολή. Εργασίες που χρησιμοποιούνται συνήθως στο Microsoft FrontPage:

Διαχείριση και εργασία με ιστοσελίδες - F8

Εκκινήστε τον έλεγχο προσβασιμότητας - CTRL+N

Δημιουργήστε μια νέα ιστοσελίδα - CTRL+O

Άνοιγμα ιστοσελίδας - CTRL+F4

Κλείσιμο ιστοσελίδας - CTRL+S

Αποθήκευση ιστοσελίδας - CTRL+P

Εκτύπωση ιστοσελίδας - F5

Ενημέρωση της ιστοσελίδας. ενημέρωση της λίστας φακέλων - CTRL+TAB

Εναλλαγή μεταξύ ανοιχτών ιστοσελίδων - CTRL+SHIFT+B

Προβολή ιστοσελίδας σε πρόγραμμα περιήγησης ιστού - ALT+F4

Τερματίστε τη λειτουργία Microsoft FrontPage - CTRL+ SHIFT+8

Εμφάνιση μη εκτυπώσιμων χαρακτήρων - CTRL+ /

Εμφάνιση ετικετών HTML σε προβολή σχεδίασης - CTRL+F

Βρείτε κείμενο ή κώδικα HTML σε μια ιστοσελίδα - CTRL+H

Αντικατάσταση κειμένου ή κώδικα HTML σε μια ιστοσελίδα - F7

Ελέγξτε την ορθογραφία σε μια ιστοσελίδα - SHIFT+F7

Αναζητήστε μια λέξη στο βιβλίο αναφοράς - ESC

Ακυρώστε μια ενέργεια - CTRL+Z ή ALT+SPACEBAR

Αναίρεση τελευταίας ενέργειας - CTRL+Y ή SHIFT+ALT+ΔΙΑΣΤΗΜΑ

Επιστρέψτε ή επαναλάβετε μια ενέργεια - DEL

Καταργήστε μια ιστοσελίδα ή φάκελο από τη λίστα φακέλων ή οποιοδήποτε παράθυρο διαλόγου - SPACEBAR

Πρόσβαση και χρήση προβολών - F12

Κάντε προεπισκόπηση της τρέχουσας σελίδας στο πρόγραμμα περιήγησης ιστού CTRL+PAGE DOWN ή CTRL+PAGE UP

Μετακίνηση μεταξύ των προβολών κώδικα, σχεδίασης, διαχωρισμού και προβολής - ALT+PAGE DOWN ή ALT+PAGE UP

Μετακινηθείτε μεταξύ των παραθύρων Κώδικας και Σχεδίασης σε διαίρεση - ALT+F1

Εμφάνιση ή απόκρυψη της λίστας φακέλων - Πλήκτρο βέλους ΠΑΝΩ

Πλοηγηθείτε στους κόμβους υπερσυνδέσμων στην προβολή Υπερσυνδέσμων - ΠΑΝΩ, ΚΑΤΩ, ΑΡΙΣΤΕΡΑ ή ΔΕΞΙ ΒΕΛΟΣ

Αναπτύξτε τον τρέχοντα κόμβο και πλοηγηθείτε προς τα δεξιά στην προβολή Υπερσυνδέσμων - SHIFT+ΑΡΙΣΤΕΡΟ ΒΕΛΟΣ

Εργασία με εργαλεία κωδικοποίησης

Γρήγορη επεξεργασία ετικετών - CTRL+F2

Εισαγωγή προσωρινού σελιδοδείκτη - F2

Επόμενος προσωρινός σελιδοδείκτης - SHIFT+F2

Προηγούμενος προσωρινός σελιδοδείκτης - CTRL+G

Μετάβαση στη γραμμή - CTRL+L

Αυτόματη συμπλήρωση - CTRL+ENTER

Εισαγωγή αποσπασμάτων κώδικα - CTRL+>

Εισαγάγετε μια ετικέτα κλεισίματος - CTRL+<

Εισαγωγή ετικέτας ανοίγματος - CTRL+ /

Εισαγωγή σημειώσεων HTML - CTRL+SPACEBAR

Μορφοποίηση κειμένου και παραγράφων - CTRL+SHIFT+F

Αλλαγή της γραμματοσειράς - CTRL+SHIFT+P

Αλλαγή μεγέθους γραμματοσειράς - CTRL+B

Εφαρμογή έντονης μορφοποίησης - CTRL+U

Εφαρμογή υπογράμμισης - CTRL+I

Εφαρμογή πλάγιας μορφοποίησης - SHIFT+TAB

Χρησιμοποιώντας το σταγονόμετρο - σύμβολο CTRL+συν

Εφαρμογή υπέργραφομορφοποίηση - CTRL + σύμβολο πλην

Εφαρμογή υπογεγραμμένημορφοποίηση - CTRL+ SHIFT+C

Μορφοποίηση αντιγραφής - CTRL+SHIFT+V

Επικόλληση μορφοποίησης - CTRL+SHIFT+Z ή CTRL+SPACEBAR

Αφαίρεση μορφοποίησης με μη αυτόματο τρόπο - CTRL+E

Στοίχιση παραγράφου στο κέντρο - CTRL+L

Ευθυγραμμίστε μια παράγραφο αριστερά - CTRL+R

Ευθυγραμμίστε μια παράγραφο προς τα δεξιά - CTRL+M

Ρύθμιση της αριστερής εσοχής για μια παράγραφο - CTRL+ SHIFT+M

Ορίστε τη σωστή εσοχή για μια παράγραφο - CTRL+ SHIFT+S

Εφαρμογή στυλ- CTRL+SHIFT+N

Εφαρμογή του στυλ "Normal" - CTRL+ALT+1

Εφαρμογή του στυλ Επικεφαλίδας 1 - CTRL+ALT+2

Εφαρμογή του στυλ Επικεφαλίδας 2 - CTRL+ALT+3

Εφαρμογή του στυλ Επικεφαλίδας 3 - CTRL+ALT+4

Εφαρμογή του στυλ Επικεφαλίδας 4 - CTRL+ALT+5

Εφαρμογή του στυλ Επικεφαλίδας 5 - CTRL+ALT+6

Εφαρμογή του στυλ Επικεφαλίδας 6 - CTRL+ SHIFT+L

Επεξεργασία και μετακίνηση κειμένου και εικόνων - BACKSPACE

Διαγραφή ενός χαρακτήρα από τα αριστερά - DEL

Διαγράψτε έναν χαρακτήρα από τα δεξιά - CTRL+BACKSPACE

Διαγράψτε μία λέξη από τα αριστερά - CTRL+DEL

Διαγράψτε μία λέξη από τα δεξιά - CTRL+C ή CTRL+INS

Αντιγράψτε κείμενο ή εικόνες - CTRL+X ή SHIFT+DEL

Αποκοπή επιλεγμένου κειμένου στο πρόχειρο του Microsoft Office - CTRL+V ή SHIFT+INS

Επικολλήστε τα περιεχόμενα του προχείρου - SHIFT+ENTER

Εισαγάγετε μια αλλαγή γραμμής - CTRL+SHIFT+SPACEBAR

Επιλογή κειμένου και εικόνων - SHIFT+ΔΕΞΙΟ ΒΕΛΟΣ

Επιλέξτε έναν χαρακτήρα από τα δεξιά - SHIFT+ΑΡΙΣΤΕΡΟ ΒΕΛΟΣ

Επιλέξτε έναν χαρακτήρα στα αριστερά - CTRL+SHIFT+ΔΕΞΙ ΒΕΛΟΣ

Επιλέξτε μια λέξη μέχρι το τέλος - CTRL+SHIFT+ΑΡΙΣΤΕΡΟ ΒΕΛΟΣ

Επιλέξτε μια γραμμή μέχρι το τέλος - SHIFT+HOME

Επιλέξτε μια γραμμή από την αρχή - SHIFT+ΕΠΑΝΩ ΒΕΛΟΣ

Επιλέξτε μία γραμμή στο επάνω μέρος - SHIFT+ΚΑΤΩ ΒΕΛΟΣ

Επιλέξτε μία γραμμή από κάτω - CTRL+SHIFT+ΚΑΤΩ ΒΕΛΟΣ

Επιλέξτε μια παράγραφο μέχρι το τέλος - CTRL+SHIFT+ΕΠΑΝΩ ΒΕΛΟΣ

Επιλογή μιας οθόνης από κάτω - SHIFT+PAGE UP

Επιλέξτε μία οθόνη από πάνω - CTRL+A

Επιλέξτε ολόκληρη τη σελίδα - ALT+ENTER

Εισαγωγή πίνακα - TAB

Επιλέγει όλα τα κελιά σε μια σειρά όταν ο δρομέας βρίσκεται σε ένα κελί.

Δημιουργία αυτόματης σκίτσοεπιλεγμένη εικόνα - CTRL+K

Πρόσβαση και εργασία με το παράθυρο εργασιών Βοήθεια και το παράθυρο Βοήθειας - SHIFT+CTRL+ALT+T

Εισαγωγή πίνακα - TAB

Επιλογή των περιεχομένων του επόμενου κελιού πίνακα - SHIFT+TAB

Επιλέξτε μια στήλη όταν ο κέρσορας βρίσκεται στο επάνω ή στο κάτω κελί - CTRL +T

Δημιουργία αυτόματης σκίτσοεπιλεγμένη εικόνα - CTRL+K

Μπορείτε να ορίσετε τον τύπο δεδομένων και άλλες επιλογές που επιτρέπονται για πεδία κειμένου και περιοχές κειμένου. Για παράδειγμα, για να συλλέξετε αριθμούς μελών ή σειριακούς αριθμούς, θα πρέπει να επιτρέπετε μόνο αριθμούς στο πεδίο κειμένου και να μην επιτρέπετε άλλους χαρακτήρες. Μπορείτε επίσης να καθορίσετε τον απαιτούμενο αριθμό χαρακτήρων, έτσι ώστε ο επισκέπτης του ιστότοπου να μην χάσει έναν αριθμό ή ένα γράμμα κατά λάθος. Μπορείτε να απαιτήσετε να ρυθμιστεί ένα κουμπί επιλογής σε μια ομάδα κουμπιών επιλογής.

Για παράδειγμα, εάν μια φόρμα έχει δύο κουμπιά επιλογής, Ναι και Όχι, και ένας επισκέπτης του ιστότοπου προσπαθήσει να υποβάλει τη φόρμα χωρίς να ελέγξει ένα από αυτά, θα εμφανιστεί ένα μήνυμα. Μπορείτε να ζητήσετε από έναν επισκέπτη του ιστότοπου να επιλέξει ένα στοιχείο από μια αναπτυσσόμενη λίστα, να καθορίσει έναν ελάχιστο και μέγιστο αριθμό επιτρεπόμενων στοιχείων και να αποτρέψει την επιλογή του πρώτου στοιχείου εάν πρόκειται για μια δήλωση όπως "Επιλέξτε ένα στοιχείο". Αφού ορίσετε τους κανόνες εισαγωγής δεδομένων, πρέπει να αποφασίσετε πώς θα γίνει η επεξεργασία των αποτελεσμάτων από τη φόρμα. Αφού υποβάλετε μια φόρμα από έναν επισκέπτη του ιστότοπου, είναι απαραίτητο να συλλέξετε τα καταχωρημένα δεδομένα - τα αποτελέσματα της φόρμας· μπορείτε να τα δείτε, να τα εμφανίσετε στον επισκέπτη του ιστότοπου ή να τα επεξεργαστείτε με συγκεκριμένο τρόπο.

Όταν ένας επισκέπτης του ιστότοπου υποβάλλει μια φόρμα στο πρόγραμμα περιήγησης, εσωκλείονται οι τιμές όλων των πεδίων της

Και

αποστέλλονται επεξεργαστής φόρμας (Επεξεργαστής φόρμας. Ένα πρόγραμμα στον διακομιστή που εκτελείται όταν ένας επισκέπτης τοποθεσίας υποβάλλει μια φόρμα. Κάθε φόρμα στο Microsoft FrontPage σχετίζεται με έναν συγκεκριμένο επεξεργαστή φορμών.). Για παράδειγμα, εάν ένα πεδίο φόρμας είναι πεδίο κειμένου, τότε η τιμή που αποστέλλεται στον χειριστή φόρμας είναι το κείμενο που έχει εισαχθεί στο πεδίο. Το Microsoft FrontPage διαθέτει πολλούς χειριστές φορμών που δέχονται αποτελέσματα φόρμας και εκτελούν διάφορες λειτουργίες. Κάθε φορά που υποβάλλετε μια φόρμα, το FrontPage αποθηκεύει τις πληροφορίες στη βάση δεδομένων. Για παράδειγμα, εάν χρησιμοποιείτε μια φόρμα για τη συλλογή στοιχείων επικοινωνίας, μπορείτε να αποθηκεύσετε τα αποτελέσματα της φόρμας απευθείας στη βάση δεδομένων πελατών. Μπορείτε να αποθηκεύσετε τα αποτελέσματα σε μια υπάρχουσα βάση δεδομένων ή να δημιουργήσετε μια νέα χρησιμοποιώντας το FrontPage. Κάθε φορά που ένας επισκέπτης του ιστότοπου υποβάλλει μια φόρμα, το FrontPage προσαρτά αποτελέσματα στο αρχείο που μπορούν να προβληθούν την επόμενη φορά που θα ανοίξει το αρχείο. Για παράδειγμα, μπορείτε να δημιουργήσετε ένα βιβλίο επισκεπτών για επισκέπτες του ιστότοπου και να επιλέξετε να αποθηκεύσετε τα αποτελέσματα σε ένα αρχείο HTML και να δημιουργήσετε έναν σύνδεσμο προς αυτό το αρχείο, ώστε οι επισκέπτες του ιστότοπου να μπορούν να δουν τι έγραψαν οι άλλοι. Εάν αποθηκεύσετε τα αποτελέσματα σε ένα αρχείο XML, μπορείτε να χρησιμοποιήσετε τα αποτελέσματα στο FrontPage ή να τα εξαγάγετε σε οποιαδήποτε εφαρμογή που υποστηρίζει δεδομένα XML, όπως το Office Excel 2003. Κάθε φορά που ένας επισκέπτης του ιστότοπου υποβάλλει μια φόρμα, θα αποστέλλεται αυτόματα ένα μήνυμα ηλεκτρονικού ταχυδρομείου στην καθορισμένη διεύθυνση που περιέχει τα αποτελέσματα αυτής της φόρμας.

Μπορείτε επίσης να χρησιμοποιήσετε προσαρμοσμένα σενάρια για την επεξεργασία των αποτελεσμάτων της φόρμας. Η διαδικασία δημοσίευσης μιας τοποθεσίας Web περιλαμβάνει την αντιγραφή όλων των αρχείων και των φακέλων που απαρτίζουν την τοποθεσία από την αρχική τοποθεσία σε μια συγκεκριμένη τοποθεσία. Στο Microsoft FrontPage, δημοσιεύετε μια τοποθεσία για να την καταστήσετε διαθέσιμη στους επισκέπτες, για να δημιουργήσετε ένα αντίγραφο ασφαλείας της τοποθεσίας και να ενημερώσετε μια τοποθεσία που είχε δημοσιευτεί στο παρελθόν. Συνήθως, η δημιουργία αρχείων και φακέλων τοποθεσίας Web πραγματοποιείται στον τοπικό σας υπολογιστή. Μόλις δημιουργηθεί ένας ιστότοπος, δημοσιεύεται στο Διαδίκτυο ή στο τοπικό intranet, έτσι ώστε οι επισκέπτες να μπορούν να δουν τις ιστοσελίδες του χρησιμοποιώντας ένα πρόγραμμα περιήγησης Ιστού. Μερικές φορές χρειάζεται να δημιουργήσετε ένα αντίγραφο μιας τοποθεσίας Web και να αποθηκεύσετε αυτό το αντίγραφο σε μια συγκεκριμένη θέση στον σκληρό δίσκο ή τη μονάδα δικτύου. Το εργαλείο δημοσίευσης του Microsoft FrontPage παρέχει έναν βολικό τρόπο δημιουργίας αυτού του αντιγράφου. Κατά την ενημέρωση αρχείων ή φακέλων σε μια τοποθεσία Web, το FrontPage χρησιμοποιεί ειδικούς όρους για τη διάκριση μεταξύ των τοποθεσιών προέλευσης και προορισμού. Η τοπική τοποθεσία Web είναι η τοποθεσία Web προέλευσης που ανοίγει στο FrontPage και η απομακρυσμένη τοποθεσία Web είναι η τοποθεσία Web προορισμού στην οποία δημοσιεύετε.

Η προβολή απομακρυσμένης τοποθεσίας Web επιτρέπει την αμφίδρομη δημοσίευση, που σημαίνει ότι μπορείτε εύκολα να μετακινήσετε αρχεία μεταξύ απομακρυσμένων και τοπικών τοποθεσιών. Αυτό είναι πιο χρήσιμο κατά την ενημέρωση ενός κόμβου που δημοσιεύτηκε προηγουμένως. Στην προβολή Απομακρυσμένη τοποθεσία Web, οι πίνακες Τοπικής τοποθεσίας Web και Απομακρυσμένης τοποθεσίας Web εμφανίζουν εικονίδια με περιγραφές που δείχνουν την κατάσταση δημοσίευσης του αρχείου. Σε περιβάλλοντα συνεργασίας εργασίας, πολλοί συντάκτες μπορεί να είναι υπεύθυνοι για την ενημέρωση τόσο των τοπικών όσο και των απομακρυσμένων τοποθεσιών Web. Το Microsoft FrontPage θα συγκρίνει τα αρχεία στην τοπική τοποθεσία Web με τα δημοσιευμένα αρχεία στην απομακρυσμένη τοποθεσία Web. Τα παρακάτω περιγράφουν περιπτώσεις όπου μπορεί να χρειαστεί να συγχρονίσετε τοπικές και απομακρυσμένες εκδόσεις αρχείων.

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

Η Microsoft Corporation, ο δημιουργός αυτού του προγράμματος, δεσμεύεται να ενισχύσει την ασφάλεια των προσωπικών σας πληροφοριών. Για να γίνει αυτό, χρησιμοποιούμε μια ποικιλία τεχνολογιών και διαδικασιών για την προστασία των προσωπικών πληροφοριών από μη εξουσιοδοτημένη πρόσβαση, χρήση και αποκάλυψη. Η Microsoft μπορεί, κατά την κρίση της, να ενημερώσει αυτήν τη δήλωση απορρήτου. Κάθε φορά που συμβαίνει μια τέτοια ενημέρωση, η ημερομηνία ενημέρωσης στο επάνω μέρος της δήλωσης αλλάζει. Μια ενημερωμένη δήλωση απορρήτου θα συμπεριληφθεί στο επόμενο Service Pack (SP) για το Microsoft Office FrontPage Resources 2003. Η συνεχής χρήση του Microsoft Office FrontPage Resources 2003 συνιστά αποδοχή αυτής της δήλωσης απορρήτου και τυχόν ενημερώσεων σε αυτήν. Η Microsoft καλωσορίζει τα σχόλιά σας σχετικά με αυτήν τη δήλωση απορρήτου.

Εργασία 1. Δημιουργία τοποθεσιών Web χρησιμοποιώντας το MS FrontPage

Ολοκληρώνοντας τις προηγούμενες εργασίες, εξοικειωθείτε με τις δυνατότητες της γλώσσας HTML για τη δημιουργία τοποθεσιών Web. Αν και η γνώση αυτής της γλώσσας δεν είναι πολύ δύσκολη, η δημιουργία μιας πραγματικά αποτελεσματικής τοποθεσίας Web είναι μια επίπονη εργασία που απαιτεί σημαντικές δεξιότητες και γνώσεις. Η χρήση των εργαλείων του MS Office μπορεί να απλοποιήσει την προετοιμασία του υλικού για δημοσίευση στο Διαδίκτυο. Ωστόσο, για μεγάλους ιστότοπους αυτό το εργαλείο δεν είναι πάντα βολικό, καθώς δεν έχει τη δυνατότητα επεξεργασίας του ιστότοπου στο σύνολό του, δεν υπάρχουν εργαλεία υπηρεσίας για τον έλεγχο της ορθότητας των προετοιμασμένων εγγράφων κ.λπ. Επιπλέον, η μορφοποίηση εγγράφου χρησιμοποιώντας το MS Office, που συζητήθηκε παραπάνω, πραγματοποιείται σύμφωνα με την αρχή WYSIWYG - αντιστοιχία της πραγματικής εικόνας του με το περιεχόμενο. Ωστόσο, τα τεχνικά μέσα των χρηστών είναι πολύ διαφορετικά μεταξύ τους και ο προγραμματιστής του ιστότοπου μπορεί να το δει διαφορετικά από τον χρήστη του δικτύου, δηλαδή παραβιάζεται η αρχή της αντιστοιχίας. Όλα αυτά αποτελούν σημαντικό περιορισμό στη χρήση του Ms Office (Word, Excel, Power Point) για την ανάπτυξη ιστοσελίδων.

Ταυτόχρονα, η εργασία δημιουργίας ιστοσελίδων μπορεί να αυτοματοποιηθεί και ένα από αυτά τα εργαλεία είναι το MS FrontPage - ένας εξειδικευμένος επεξεργαστής ιστοσελίδων.

Όταν ξεκινάτε να εργάζεστε με το FrontPage, να θυμάστε ότι το αποτέλεσμα είναι ένα έγγραφο HTML που δημιουργήθηκε σύμφωνα με τους ίδιους κανόνες με αυτούς που δημιουργήθηκαν με το χέρι. Το FrontPage έχει σχεδιαστεί για χρήση με τον Internet Explorer και ο κώδικας HTML που δημιουργεί αντικατοπτρίζεται επαρκώς σε αυτό το πρόγραμμα περιήγησης.

Η δημιουργία ενός ιστότοπου αποτελείται από τρία κύρια στάδια:

§ σχεδιασμός της δομής του κόμβου.

§ δημιουργία σελίδων που περιλαμβάνονται στη δομή.

§ αναγνώριση συνδέσεων μεταξύ σελίδων.

Το MS FrontPage σάς επιτρέπει να σχεδιάσετε τη δομή του ιστότοπου και οι μεμονωμένες σελίδες του μπορούν να γίνουν με οποιοδήποτε τεχνικό μέσο, ​​συμπεριλαμβανομένης της χρήσης.

Ας υποθέσουμε ότι μια πραγματική εταιρεία που παράγει προϊόντα αρτοποιίας προσπαθεί να επεκτείνει τη βάση πελατών της χρησιμοποιώντας το Διαδίκτυο, καθώς και να βρει νέους προμηθευτές πρώτων υλών.

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

Ας πούμε ότι ο ιστότοπος που αναπτύσσουμε θα αποτελείται από τρεις σελίδες:

Η αρχική σελίδα Russian Bread, που είναι αποθηκευμένη στο αρχείο index.htm, θα πρέπει να περιέχει σύντομες πληροφορίες σχετικά με το ιστορικό της εταιρείας και τα γενικά χαρακτηριστικά των προϊόντων που παράγονται.

Η σελίδα "Τιμοκατάλογος" (αρχείο price.htm) παρουσιάζει πληροφορίες σχετικά με το προϊόν όπως όνομα, τιμή και χαρακτηριστικά.

Η σελίδα "Παραγγελία" (αρχείο order.htm) θα πρέπει να παρέχει την ευκαιρία να κάνετε μια παραγγελία και να κάνετε προτάσεις στον κατασκευαστή.

Η δομή ενός τέτοιου ιστότοπου και η ροή πληροφοριών μεταξύ των σελίδων μπορούν να αναπαρασταθούν σχηματικά στο Σχ. 4.1.

Ρύζι. 4.1. Δομή τοποθεσίας

Για να δημιουργήσετε μια δομή τοποθεσίας Web, πρέπει να κάνετε λήψη της εφαρμογής MS FrontPage και να εκτελέσετε την εντολή Αρχείο/Νέο/Ιστός(Αρχείο/Νέο/Ιστός) , και μετά στο παράθυρο διαλόγου που εμφανίζεται Νέος(Εικ. 4.2) υποδεικνύουν τον τύπο της τοποθεσίας (Ιστός μιας σελίδας)και τη θέση του.

Ρύζι. 4.2. Δομή παραθύρου MS FrotnPage

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

Το παράθυρο της εφαρμογής FrontPage περιλαμβάνει τρία μέρη:

§ πίνακας Προβολές(Προβολή) περιέχει συντομεύσεις για την εμφάνιση διαφορετικών προβολών της τοποθεσίας Web.

§ πίνακας Λίστα φακέλωνεμφανίζει ένα δέντρο αρχείων και φακέλων που συνθέτουν τη φυσική δομή του κόμβου.

§ παράθυρο για εργασία με την επιλεγμένη προβολή.

Πίνακας Προβολέςσας επιτρέπει να προβάλλετε την τοποθεσία Web στις ακόλουθες λειτουργίες:

§ Προβολή σελίδας(προβολή σελίδας);

§ Προβολή φακέλων(περιήγηση φακέλων)

§ Προβολή αναφορών(προβολή αναφοράς)

§ Προβολή πλοηγού(προβολή σε λειτουργία πλοήγησης).

§ Προβολή υπερσυνδέσμων(προβολή υπερσυνδέσμων)

§ Προβολή εργασιών(προβολή εργασιών).

Για να αποθηκεύσετε μια σελίδα τοποθεσίας Web που βρίσκεται στο ενεργό παράθυρο του FrontPage, χρησιμοποιήστε την εντολή Αρχείο/Αποθήκευση(Αρχείο/Αποθήκευση). Εάν η ιστοσελίδα δεν έχει αποθηκευτεί ποτέ, θα εμφανιστεί ένα παράθυρο διαλόγου. Αποθήκευση ως(Αποθήκευση ως).

Νέες ιστοσελίδες μπορούν να δημιουργηθούν με διάφορους τρόπους. Για παράδειγμα, για να δημιουργήσετε μια σελίδα "Τιμοκατάλογος", τοποθετήστε τον κέρσορα στη λίστα φακέλων Λίστα φακέλωνκαι εκτελέστε την εντολή Αρχείο/Νέο/Σελίδα(Αρχείο/Νέο/Σελίδα). Χρησιμοποιώντας το μενού περιβάλλοντος και την εντολή Μετονομάζω(Μετονομασία), πληκτρολογήστε το όνομα αρχείου price.htm. Για να δημιουργήσετε την επόμενη σελίδα "Παραγγελία", που προορίζεται για την εισαγωγή πληροφοριών από αγοραστές και προμηθευτές, χρησιμοποιήστε το κουμπί ΝΕΑ ΣΕΛΙΔΑστη γραμμή εργαλείων. Ορίστε το όνομα του νέου αρχείου ως order.htm.

Για να συμπεριλάβετε σελίδες στη δομή του ιστότοπου, σύρετε αρχεία από τον πίνακα Λίστα φακέλωνστο παράθυρο τρόπου λειτουργίας Πλοήγηση.

Ο ενσωματωμένος επεξεργαστής FrontPage γίνεται διαθέσιμος στο Σελίδακαι σας επιτρέπει να εργάζεστε με μια ιστοσελίδα με έναν από τους τρεις τρόπους:

§ Κανονική - επεξεργασία σελίδας σε λειτουργία WYSIWYG, π.χ. όταν η σελίδα παρουσιάζεται όπως θα εμφανίζεται στον Internet Explorer.

§ HTML - επεξεργασία της σελίδας σε προβολή κειμένου.

§ Προεπισκόπηση - προβολή και δοκιμή της σελίδας.

Για να εισαγάγουμε τις αρχές της επεξεργασίας ιστοσελίδων, ας ανοίξουμε τη σελίδα index.htm. Υπάρχουν διάφοροι τρόποι για να ανοίξετε σελίδες στο FrontPage. Μπορείτε να χρησιμοποιήσετε την εντολή Αρχείο/Άνοιγμα(Αρχείο/Άνοιγμα) ή κάντε κλικ στο κουμπί Ανοιξε(Ανοιχτές) γραμμές εργαλείων Πρότυπο. Δοκιμάστε να ανοίξετε τη σελίδα κάνοντας διπλό κλικ στο όνομα του αρχείου σελίδας σε μία από τις λειτουργίες - F παλαιότεροι, Υπερσύνδεσμοι, Navigatorή Σελίδα. Θα ανοίξει η ιστοσελίδα Σελίδα/Κανονικόκαι θα είναι διαθέσιμο για επεξεργασία. Εισαγάγετε κείμενο που αντιστοιχεί στο περιεχόμενο της αρχικής σελίδας (Εικ. 4.3). Λάβετε υπόψη ότι ένα αποτελεσματικό μέσο για τη δομή ενός εγγράφου είναι η χρήση επικεφαλίδων για διάφορες παραγράφους του κειμένου.

Για να δημιουργήσετε μια επικεφαλίδα, τοποθετήστε τον κέρσορα πάνω από την παράγραφο για την οποία θέλετε να εφαρμόσετε μορφοποίηση στυλ και, στη συνέχεια, επιλέξτε ένα από τα έξι επίπεδα επικεφαλίδας από τη λίστα Στυλ(Στυλ) στη γραμμή εργαλείων μορφοποίησης.

Για τη δημιουργία λογικών ενοτήτων σε μια ιστοσελίδα, χρησιμοποιούνται οριζόντιες γραμμές, οι οποίες ορίζονται χρησιμοποιώντας την εντολή Εισαγωγή/Οριζόντια γραμμή(Εισαγωγή/Οριζόντια γραμμή). Για να αλλάξετε την εμφάνιση μιας οριζόντιας γραμμής:

§ επισημάνετε μια οριζόντια γραμμή.

§ από το μενού περιβάλλοντος επιλέξτε το στοιχείο Ιδιότητες οριζόντιας γραμμής(Ιδιότητες οριζόντιας γραμμής) και ορίστε το πλάτος στο παράθυρο διαλόγου που ανοίγει ( Πλάτος), ύψος ( Υψος), χρώμα ( Χρώμα) και τοποθεσία στη σελίδα ( Ευθυγραμμίσεις).

Ρύζι. 4.3. Αρχική σελίδα

Κάντε προεπισκόπηση των αποτελεσμάτων μορφοποίησης σελίδας κάνοντας κλικ στην ετικέτα Προεπισκόπηση. Αυτή η λειτουργία δεν μπορεί να αναπαράγει όλες τις αποχρώσεις της επεξεργασμένης σελίδας, όπως και κανένας επεξεργαστής δεν μπορεί να το κάνει αυτό. Η τελική προβολή της ιστοσελίδας θα πρέπει να γίνει με πρόγραμμα περιήγησης στο Web. Για να εκκινήσετε το πρόγραμμα περιήγησης χρησιμοποιήστε την εντολή Αρχείο/Προεπισκόπηση στο πρόγραμμα περιήγησης(Αρχείο/Προβολή με πρόγραμμα περιήγησης). Στο παράθυρο διαλόγου που ανοίγει Προεπισκόπηση στο πρόγραμμα περιήγησηςεπιλέξτε ένα από τα προγράμματα περιήγησης που είναι εγκατεστημένα στον υπολογιστή σας, ορίστε το μέγεθος του παραθύρου του προγράμματος περιήγησης στην ομάδα παραμέτρων Μέγεθος παραθύρου(Μέγεθος παραθύρου) και κάντε κλικ στο κουμπί Προεπισκόπηση. Εάν η σελίδα δεν έχει αποθηκευτεί προηγουμένως, θα εμφανιστεί ένα παράθυρο διαλόγου. Αποθήκευση ως(Αποθήκευση ως).

Ένα σημαντικό πλεονέκτημα που παρέχει το FrontPage είναι η δυνατότητα διαχείρισης του ιστότοπου τόσο κατά τη δημιουργία του όσο και όταν οι χρήστες επισκέπτονται σελίδες. Αυτή η δυνατότητα παρέχεται από κοινά πεδία και γραμμές πλοήγησης. Οι γραμμές πλοήγησης είναι σύνολα υπερσυνδέσμων που βρίσκονται σε κοινά πεδία μιας ιστοσελίδας. Τα γενικά πεδία βρίσκονται κατά την κρίση του προγραμματιστή σε οποιοδήποτε άκρο της σελίδας. Εκτός από την κύρια λειτουργία πλοήγησης, τα κοινά πεδία και οι γραμμές πλοήγησης δίνουν στις ιστοσελίδες ένα ενοποιημένο στυλ.

Μπορείτε να δημιουργήσετε γραμμές πλοήγησης ως εξής:

§ Επιλέξτε μια ομάδα Μορφή/Κοινόχρηστα σύνορα(Μορφή/Γενικά πεδία) σε έναν από τους τρόπους λειτουργίας - Φάκελοι,Υπερσυνδέσεις,Πλοηγόςή Σελίδα.

§ Στο πλαίσιο διαλόγου Κοινόχρηστα σύνορα(Εικ. 4.4) καθορίστε τις σελίδες στις οποίες θέλετε να εμφανίζονται κοινά πεδία (σε όλες ή επιλεγμένες σελίδες), καθορίστε την τοποθέτηση των κοινών πεδίων και των κουμπιών πλοήγησης.

Ρύζι. 4.4. Κοινόχρηστα σύνορα διαλόγου (

Η προσθήκη γραμμής πλοήγησης γίνεται με την εντολή Εισαγωγή/Γραμμή πλοήγησης.

Καθώς το Διαδίκτυο αναπτύσσεται, ο σχεδιασμός σελίδων και ιστοσελίδων γίνεται όλο και πιο περίπλοκος και ουσιαστικά μετατρέπεται σε μια ξεχωριστή μορφή τέχνης. Το FrontPage παρέχει ένα ευρύ φάσμα δυνατοτήτων σχεδίασης Ιστού: Οι τοποθεσίες Web μπορούν να δημιουργηθούν χρησιμοποιώντας οδηγούς και πρότυπα, καθώς και θέματα στυλιστικής σχεδίασης. Η χρήση θεμάτων απλοποιεί σημαντικά τη διαδικασία σχεδιασμού ιστοτόπων και διασφαλίζει ομοιομορφία στο σχεδιασμό των σελίδων· επιπλέον, ένα θέμα μπορεί να αλλάξει, να διαγραφεί, να εφαρμοστεί σε μεμονωμένες σελίδες ή σε ολόκληρο τον ιστότοπο ανά πάσα στιγμή.

Για να εφαρμόσετε το θέμα πρέπει να εκτελέσετε την εντολή Μορφή/Θέματα(Μορφή/Θέμα), το οποίο ανοίγει το πλαίσιο διαλόγου Θέματα για την επιλογή ενός θέματος και τη ρύθμιση των ιδιοτήτων του - Εικ. 4.5. Ρύθμιση επιλογών λοιπόν Ζωηρά χρώματα(Ζωντανά χρώματα) κάνει το χρώμα ορισμένων μπλοκ κειμένου ή γραφικών να φαίνεται πιο ζωντανό, Ενεργά γραφικά(Active Graphics) δημιουργεί κινούμενα σχέδια ορισμένων στοιχείων της ιστοσελίδας, Εικόνα φόντου(Μοτίβο φόντου) προσθέτει μια υφή φόντου σε μια ιστοσελίδα, Εφαρμογή με χρήση CSS(Χρήση φύλλου στυλ) σάς επιτρέπει να χρησιμοποιείτε φύλλα στυλ σε σειρά.

Ρύζι. 4.5. Παράθυρο θεμάτων

Εφαρμόστε ένα από τα θέματα στον ιστότοπο που εργαζόμαστε και συγκρίνετε τα αποτελέσματα με το Σχ. 4.6.

Ρύζι. 4.6. Εμφάνιση αρχικής σελίδας με χρήση θέματος

Εργασία 2. Σχεδιασμός πινάκων με χρήση του MS FrontPage

Ας δούμε τη χρήση πινάκων σε ιστοσελίδες χρησιμοποιώντας το παράδειγμα του σχεδιασμού της σελίδας «Τιμοκατάλογος», σκοπός της οποίας είναι η παρουσίαση πληροφοριών για τα προϊόντα που παράγει η εταιρεία.

Κατά την ανάπτυξη τοποθεσιών Web, η χρήση πινάκων παρέχει δόμηση πληροφοριών οποιουδήποτε τύπου: αριθμητικές, δοκιμαστικές, ακόμη και γραφικές. Ανάλογα με τον τύπο των πληροφοριών που παρουσιάζονται, ο πίνακας μπορεί να έχει μια παραδοσιακή εμφάνιση, δηλαδή με γραμμές περιγράμματος γύρω από τον πίνακα και τα συστατικά του κελιά ή χωρίς γραμμές περιγράμματος, οι οποίες συχνά χρησιμοποιούνται για την παρουσίαση πληροφοριών γραφικών. Ας τοποθετήσουμε έναν πίνακα στη σελίδα "Τιμοκατάλογος" που περιέχει το όνομα και την εικόνα της εμφάνισης του προϊόντος. Για αυτό:

§ σε λειτουργία ΣελίδαΕπιλέξτε το αρχείο price.htm και τοποθετήστε τον κέρσορα στο σημείο της ιστοσελίδας όπου σκοπεύουμε να τοποθετήσουμε την αριστερή γωνία του πίνακα.

§ δημιουργήστε έναν πίνακα στη σελίδα «Τιμοκατάλογος», που αποτελείται από τέσσερις σειρές και τρεις στήλες, χρησιμοποιώντας την εντολή Πίνακας/Εισαγωγή/Πίνακας(Πίνακας/Εισαγωγή/Πίνακας). Όταν εμφανιστεί το πλαίσιο διαλόγου Εισαγωγή πίνακα, το Σειρές(Αριθμός γραμμών) και στο πεδίο Στήλες(Αριθμός στηλών) εισάγετε τον αριθμό 3.

§ συμπληρώστε τον πίνακα με πληροφορίες σύμφωνα με το Σχ. 4.7. Θα εισαγάγουμε τις υπόλοιπες πληροφορίες που παρουσιάζονται στη σελίδα λίγο αργότερα.

Ρύζι. 4.7. Ιστοσελίδα Τιμοκατάλογος

Αφού δημιουργήσετε τον πίνακα, μπορείτε να αλλάξετε την εμφάνισή του στο παράθυρο διαλόγου Ιδιότητες πίνακα(Πίνακες ιδιότητες). Για να το κάνετε αυτό, επιλέξτε οποιοδήποτε κελί πίνακα και εκτελέστε την εντολή Πίνακας/Ιδιότητες/Πίνακας(Πίνακας/Ιδιότητες/Πίνακας). Στο πλαίσιο διαλόγου Ιδιότητες πίνακα(Εικ. 4.8) οι ακόλουθες επιλογές είναι διαθέσιμες για εγκατάσταση:

Ρύζι. 4.8. Πλαίσιο διαλόγου Ιδιότητες πίνακα (Αρχείο F_Table_Properties)

Ομάδα διάταξης:

Ευθυγραμμία(Στοίχιση) – ορίζει τον τύπο της στοίχισης πίνακα οριζόντια σε σχέση με το πλάτος της ιστοσελίδας.

Φλοτέρ(Ανατύλιξη) – σας επιτρέπει να τοποθετήσετε κείμενο που δεν περιλαμβάνεται στον πίνακα αριστερά ή δεξιά του πίνακα.

Γέμισμα κυττάρων(Περιθώρια κελιού) – καθορίζει το μέγεθος των εσοχών σε pixel από τις άκρες του κελιού έως τα στοιχεία που το γεμίζουν (από προεπιλογή έχει οριστεί σε 1).

Διάστημα κλήσεων(Βήμα κελιού) – ορίζει την απόσταση σε pixel μεταξύ γειτονικών κελιών (ορίζεται σε 2 από προεπιλογή).

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

Φωτεινό περίγραμμα(Φωτεινό περίγραμμα) – ορίζει το χρώμα της φωτεινής γραμμής.

Dark Border(Dark Border) – καθορίζει το χρώμα της σκοτεινής γραμμής.

Σύνορο(Περίγραμμα) – ορίζει το χρώμα του περιγράμματος εάν οι επιλογές Φωτεινό περίγραμμαΚαι Dark Borderορίζεται από προεπιλογή (Προεπιλογή)/

Ομάδα φόντου:

Χρώμα(Χρώμα) - σας επιτρέπει να ορίσετε το χρώμα φόντου του πίνακα.

Χρησιμοποιήστε εικόνα φόντου(Χρήση εικόνας φόντου) – σας επιτρέπει να επιλέξετε μια εικόνα που θα επιλεγεί ως φόντο στον πίνακα.

Εάν θέλετε, μπορείτε να τοποθετήσετε τον τίτλο πριν από τον πίνακα. Σε αυτό το τέλος:

§ Τοποθετήστε τον κέρσορα σε οποιοδήποτε κελί πίνακα και εκτελέστε την εντολή Πίνακας/Ένθετο/Λεζάντα(Πίνακας/Εισαγωγή/Υπογραφή). Ο δείκτης εισαγωγής κειμένου θα μετακινηθεί στο κέντρο πάνω από τον πίνακα.

§ Εισαγάγετε κείμενο υπογραφής, όπως την ημερομηνία ενημέρωσης του πίνακα.

Εργασία 3. Δημιουργία συνδέσμων και φορμών σε σελίδες χρησιμοποιώντας το MS FrontPage

Θυμηθείτε ότι ένας υπερσύνδεσμος είναι ένας σύνδεσμος που οδηγεί από μια ιστοσελίδα σε μια άλλη σελίδα, εικόνα, διεύθυνση email ή αρχείο που βρίσκεται εκτός του ιστότοπου που δημιουργείτε ή προβάλλετε. Αυτό επιτρέπει στους υπερσυνδέσμους να υποδιαιρούνται ως εξής:

Για να δημιουργήσετε υπερσυνδέσμους, πρέπει να καταλάβετε ότι υπάρχουν δύο μέρη στη διαδικασία. Το πρώτο είναι να επιλέξετε κείμενο ή ένα αντικείμενο στη σελίδα, το οποίο ορίζεται ως υπερσύνδεσμος και το δεύτερο είναι να καθορίσετε τον πόρο στόχο, δηλαδή το αρχείο ή τη σελίδα (τοποθεσία στη σελίδα) όπου γίνεται κλικ στον υπερσύνδεσμο.

Μπορείτε να δείτε όλους τους συνδέσμους που σχετίζονται με την επιλεγμένη σελίδα στο Υπερσυνδέσεις.

Ας δούμε μερικούς τρόπους δημιουργίας υπερσυνδέσμων χρησιμοποιώντας το παράδειγμα περαιτέρω σχεδίασης της ιστοσελίδας "Τιμοκατάλογος". Αρχικά, εισαγάγετε όλες τις αρχικές πληροφορίες στην επεξεργασμένη σελίδα σύμφωνα με την Εικ. 4.7. Στη συνέχεια, για να δημιουργήσετε έναν σύνδεσμο προς τον σελιδοδείκτη, πρέπει:

§ Δημιουργήστε σελιδοδείκτες χρησιμοποιώντας την εντολή Εισαγωγή/Σελιδοδείκτης(Εισαγωγή/Σελιδοδείκτης).

§ Επιλέξτε κείμενο ή αντικείμενο στο οποίο, όταν το δείχνουμε, απαιτείται να ακολουθήσετε έναν υπερσύνδεσμο και να εκτελέσετε μια εντολή Εισαγωγή/Υπερσύνδεσμος(Εισαγωγή/Υπερσύνδεσμος).

§ Στο παράθυρο διαλόγου που εμφανίζεται - Εικ. 4.9, επιλέξτε τη σελίδα στην οποία βρίσκονται οι σελιδοδείκτες και επιλέξτε τον επιθυμητό σελιδοδείκτη από τη λίστα Σελιδοδείκτης(Σελιδοδείκτης).

Ρύζι. 4.9. Εισαγωγή πλαισίου διαλόγου υπερσυνδέσμων

Εκτελέστε τη λειτουργία δημιουργίας υπερσυνδέσμων που παρέχουν μετάβαση από τις εικόνες στη στήλη Χαρακτηριστικά στο κείμενο της σελίδας όπου βρίσκονται τα χαρακτηριστικά του προϊόντος.

Για να δημιουργήσετε υπερσυνδέσμους που πλοηγούνται σε άλλους πόρους-στόχους, μελετήστε προσεκτικά τις δυνατότητες του πλαισίου διαλόγου Εισαγωγή υπερσύνδεσης.

Εκτός από συνηθισμένους συνδέσμους σε μορφή κειμένου ή εικόνων, η εφαρμογή FrontPage σας επιτρέπει να δημιουργείτε τις λεγόμενες κάρτες - γραφικές εικόνες στις οποίες έχει εκχωρηθεί ένας σύνδεσμος. Κάνοντας κλικ στην ενεργή ζώνη, μπορείτε να ακολουθήσετε τον καθορισμένο σύνδεσμο. Μπορείτε να αντιστοιχίσετε έναν σύνδεσμο σε μια ολόκληρη εικόνα ή σε ένα ξεχωριστό τμήμα. Ας εξετάσουμε αυτήν τη λειτουργία χρησιμοποιώντας το παράδειγμα σχεδιασμού της ιστοσελίδας "Παραγγελία". Ετοιμάστε ένα μικρό σχέδιο αποθηκεύοντάς το σε ένα φάκελο εικόνεςτον ιστότοπό σας και μόνο μετά επικολλήστε τον στη σελίδα "Παραγγελία". Στη συνέχεια, η δημιουργία ενός χάρτη πρέπει να γίνει με την ακόλουθη σειρά:

§ Επιλέξτε μια εικόνα στη σελίδα. Στην οθόνη θα εμφανιστεί μια γραμμή εργαλείων Εικόνες;

§ χρησιμοποιώντας το εργαλείο σχεδίασης ορθογωνίου, έλλειψης, πολυγώνου, σχεδιάστε ένα περίγραμμα στην ενεργή περιοχή της εικόνας.

Σε αυτήν την περίπτωση, θα υποθέσουμε ότι το τμήμα του σχήματος στο οποίο βρίσκεται το κείμενο «Τμήμα Μάρκετινγκ» θα πρέπει να έχει υπερσύνδεσμο στη φόρμα παραγγελίας προϊόντος και το κείμενο «Διαχειριστής Ιστού» θα πρέπει να έχει υπερσύνδεσμο στη διεύθυνση email του διαχειριστής ιστού. Η φόρμα παραγγελίας μπορεί να τοποθετηθεί στην ίδια σελίδα. Εισαγάγετε τον τίτλο της φόρμας στο κάτω μέρος της σελίδας και ορίστε έναν σελιδοδείκτη μπροστά του, στον οποίο θα πλοηγηθείτε όταν κάνετε κλικ στο κείμενο «Τμήμα Μάρκετινγκ». Η σελίδα order.htm φαίνεται στην Εικ. 4.10.

Ρύζι. 4.10. Τμήμα της σελίδας παραγγελίας.htm

Εκτός από τους υπερσυνδέσμους, αυτή η σελίδα παρουσιάζει τη χρήση ενός κοινού και αποτελεσματικού τρόπου δημιουργίας επαφών μεταξύ του χρήστη και του κατόχου της τοποθεσίας Web. Οι φόρμες μπορούν να δημιουργηθούν με διάφορους τρόπους. Ένα από αυτά είναι η χρήση προτύπων, όπου ο προγραμματιστής της ιστοσελίδας επιλέγει την κατάλληλη φόρμα από ένα σύνολο διαθέσιμων προτύπων. Εάν κανένα από τα προτεινόμενα πρότυπα δεν σας ταιριάζει, μπορείτε να χρησιμοποιήσετε τον Οδηγό φόρμας Form Page Wizard. Για να το κάνετε αυτό, όταν δημιουργείτε μια νέα σελίδα, επιλέξτε ένα πρότυπο από τη λίστα των προτεινόμενων προτύπων Form Page Wizard. Σε αυτήν την περίπτωση, ο σχεδιασμός της φόρμας εκτελείται διαδραστικά σύμφωνα με τα αιτήματα του οδηγού.

Ορισμένοι προγραμματιστές προτιμούν να σχεδιάζουν οι ίδιοι φόρμες. Για να το κάνετε αυτό, χρησιμοποιήστε τη γραμμή εργαλείων Μορφή(Φόρμα) δημιουργεί μια νέα φόρμα στην οποία τοποθετείτε στη συνέχεια στοιχεία ελέγχου, κείμενο και γραφικά.

Η διαδικασία δημιουργίας μιας φόρμας αποτελείται από πολλά στάδια. Πρώτα πρέπει να προσδιορίσουμε ποια δεδομένα θέλουμε να λαμβάνουμε από πιθανούς επισκέπτες της σελίδας μας. Το επόμενο βήμα είναι να τοποθετήσετε στοιχεία ελέγχου των οποίων η επιλογή καθορίζεται από τις ιδιότητες των δεδομένων. Το τελευταίο βήμα είναι να ρυθμίσετε τις παραμέτρους του επεξεργαστή για τα δεδομένα που λαμβάνονται.

Κάθε στοιχείο ελέγχου φόρμας έχει ένα σύνολο ιδιοτήτων που καθορίζουν το όνομα του στοιχείου, τις προεπιλεγμένες ρυθμίσεις, την εμφάνιση και τον τύπο των δεδομένων που λαμβάνονται. Για να ανοίξετε ένα παράθυρο διαλόγου στο οποίο έχουν οριστεί ιδιότητες, πρέπει να επιλέξετε το στοιχείο ελέγχου, να καλέσετε το μενού περιβάλλοντος κάνοντας δεξί κλικ με το ποντίκι και να εκτελέσετε την εντολή Από Ιδιότητες Πεδίου(Ιδιότητες πεδίου φόρμας).

Για να εισαγάγετε το επώνυμό σας, το όνομα, το πατρώνυμο και άλλες πληροφορίες κειμένου, συνιστάται να επιλέξετε το One-line On-line Text Box. Αυτό το πεδίο έχει τις ακόλουθες ιδιότητες, που αντικατοπτρίζονται στο πλαίσιο διαλόγου (Εικ. 4.11):

Ρύζι. 4.11. Πλαίσιο διαλόγου Ιδιότητες πλαισίου κειμένου

Ονομα(Όνομα) – το όνομα του στοιχείου ελέγχου, το οποίο χρησιμεύει για την αναγνώριση των δεδομένων που περιέχει.

Αρχική τιμή(Αρχική τιμή) – σύμβολα που εμφανίζονται μετά το άνοιγμα της φόρμας.

Πλάτος σε χαρακτήρες(Αριθμός χαρακτήρων) – μήκος του πεδίου κειμένου σε χαρακτήρες.

Σειρά καρτελών(Σειρά αναζήτησης) – καθορίζει τη σειρά με την οποία εναλλάσσονται τα χειριστήρια όταν πατιέται ένα πλήκτρο Αυτί.

Πεδίο κωδικού πρόσβασης(Κωδικός πρόσβασης) – σετ Ναίεάν πρέπει να εισαγάγετε κωδικό πρόσβασης.

Για να καταγράψετε μια παραγγελία για ένα προϊόν, χρησιμοποιήστε το πεδίο Πλαίσιο ελέγχου(Πλαίσιο ελέγχου). Οι ιδιότητες αυτού του πεδίου αποτελούνται από μια περιγραφή του ονόματός του, την τιμή που αποστέλλεται στον διακομιστή και την ένδειξη και την ανάγκη ορισμού του κατά το άνοιγμα της φόρμας.

Το πεδίο φόρμας που σας επιτρέπει να επιλέξετε τον τύπο παράδοσης των αγαθών μπορεί να αναπαρασταθεί από μια αναπτυσσόμενη λίστα. Το πλαίσιο διαλόγου ιδιοτήτων για αυτό το στοιχείο ελέγχου εμφανίζεται στην Εικ. 4.12.

Ρύζι. 4.12. Πλαίσιο διαλόγου αναπτυσσόμενου μενού

Αυτό το παράθυρο παρέχει την ευκαιρία να συμπληρώσετε ή να αλλάξετε την αναπτυσσόμενη λίστα:

κουμπί § Προσθήκη(Προσθήκη) - προσθήκη στοιχείων λίστας.

κουμπί § Τροποποιώ(Αλλαγή) – αλλαγή του ονόματος, της τιμής ή της αρχικής κατάστασης της καταχώρισης.

κουμπί § Αφαιρώ(Διαγραφή) – αφαιρεί μια γραμμή από τη λίστα.

§ Μετακίνηση προς τα επάνω(Πάνω) και Μετακινηθείτε προς τα κάτω(Κάτω)—αλλάζει τη διάταξη των εγγραφών.

Από προεπιλογή, το πλαίσιο διαλόγου έχει μια επιλογή που σας επιτρέπει να επιλέξετε μόνο μία καταχώρηση από τη λίστα. Για να επιτρέπεται η πολλαπλή επιλογή στη σειρά Επιτρέψτε πολλαπλές επιλογές(να επιτρέπεται πολλαπλή επιλογή) πρέπει να ρυθμίσετε την τιμή του κουμπιού επιλογής στη θέση Ναί(Ναί).

Όταν δημιουργείτε μόνοι σας μια φόρμα, πρέπει να καθορίσετε ένα εργαλείο για την επεξεργασία των δεδομένων που αποστέλλονται στον διακομιστή. Για να το κάνετε αυτό, ανοίξτε το μενού περιβάλλοντος κάνοντας δεξί κλικ οπουδήποτε στη φόρμα και επιλέξτε τη γραμμή Ιδιότητες φόρμας(Ιδιότητες σχήματος) - εικ. 4.13.

Ρύζι. 4.13. Πλαίσιο διαλόγου Ιδιότητες φόρμας

Αυτό το πλαίσιο διαλόγου προσφέρει διάφορες επιλογές επεξεργασίας φόρμας:

§ Αποστολή στο Όνομα αρχείου(Αποστολή σε αρχείο)

§ Αποστολή σε E-mail(Απόστειλε μέσω ηλεκτρονικού ταχυδρομείου);

§ Στείλτε σε άλλους(Αλλα).

Αφού επιλέξετε μια μέθοδο για την επεξεργασία δεδομένων, για παράδειγμα, την αποστολή δεδομένων σε ένα αρχείο, πρέπει να ορίσετε επιλογές στο πλαίσιο διαλόγου (Επιλογές αποθήκευσης αποτελεσμάτων φόρμας) - Εικ. 4.14. Αυτό το παράθυρο είναι προσβάσιμο κάνοντας κλικ στο κουμπί Επιλογές στο πλαίσιο διαλόγου Ιδιότητες φόρμας(Ιδιότητες σχήματος).

Ρύζι. 4.14. Επιλογές του πλαισίου διαλόγου φόρμας

Αυτό το παράθυρο έχει τέσσερις καρτέλες:

§ Αποτελέσματα αρχείου(Γράψτε τα αποτελέσματα στο αρχείο).

§ Αποτελέσματα email(Αποστολή αποτελεσμάτων μέσω email).

§ Σελίδα επιβεβαίωσης(Σελίδα επιβεβαίωσης).

§ Αποθηκευμένα Πεδία(Αποθηκευμένα πεδία).

Κατά την αποστολή δεδομένων σε ένα αρχείο, το όνομα αρχείου για την αποθήκευση των δεδομένων της φόρμας ορίζεται στην αντίστοιχη καρτέλα ( Ονομα αρχείου), μορφή αρχείου ( Μορφή αρχείου), καθώς και επιλογές που σας επιτρέπουν να στέλνετε δεδομένα ζευγοποιημένα με ένα όνομα πεδίου ( Συμπεριλάβετε ονόματα πεδίων) και προστέθηκε στο τέλος του αρχείου HTML ( Τελευταία αποτελέσματα στο και). Εάν τα δεδομένα αποστέλλονται σε ένα αρχείο κειμένου, τότε προστίθενται πάντα στο τέλος.

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

Εργασία 4. Έλεγχος της ανάπτυξης της τοποθεσίας Web

Η δημιουργία ενός δικτυακού τόπου είναι μια επίπονη, συστηματική εργασία που απαιτεί τον έλεγχο όχι μόνο του μεγάλου όγκου πληροφοριών που αναμένεται να τοποθετηθούν σε ιστοσελίδες, αλλά και των σταδίων δημιουργίας κάθε σελίδας, της ποιότητας του προετοιμασμένου υλικού, της ορθότητας των υπερσυνδέσμων , και τα λοιπά. Το FrontPage περιέχει εργαλεία που σας επιτρέπουν να διαχειρίζεστε τη διαδικασία δημιουργίας και συντήρησης τοποθεσιών Web.

Για να λάβετε πληροφορίες σχετικά με τον κόμβο που δημιουργείται και την ανάλυσή του, μπορείτε να χρησιμοποιήσετε τη λειτουργία προβολής Αναφορών στον πίνακα Προβολές. Όταν κάνετε κλικ στο εικονίδιο ΑναφορέςΟ πίνακας (Αναφορές) θα εμφανιστεί στη γραμμή εργαλείων Κανω ΑΝΑΦΟΡΑ(Αναφορές), όπου πρέπει να επιλέξετε τον τύπο αναφοράς από την αναπτυσσόμενη λίστα. Τυπική λειτουργία - Περίληψη τοποθεσίας(Επισκόπηση τοποθεσίας) – εικ. 4.15.

Ρύζι. 4.15. Γενική αναφορά για το περιεχόμενο της ιστοσελίδας

Αυτή η λειτουργία παρέχει γενικές πληροφορίες σχετικά με τις σελίδες του ιστότοπου. Στην έκθεση Ολα τα αρχεία(Όλα τα αρχεία) υποδεικνύει τον συνολικό αριθμό αρχείων και το συνολικό τους μέγεθος. Κανω ΑΝΑΦΟΡΑ Εικόνες(Εικόνες) παρέχει πληροφορίες σχετικά με τον αριθμό και το μέγεθος των εικόνων. Προθεσμίες Συνδεδεμένα Αρχεία(Συνδεδεμένα αρχεία) και Μη συνδεδεμένα αρχεία(Unlinked Files) δείχνει ποια αρχεία είναι προσβάσιμα μέσω υπερσυνδέσμων από την αρχική σελίδα και ποια αρχεία όχι. Γραμμή αργές σελίδες(Αργές σελίδες) παρέχει πληροφορίες σχετικά με αργή φόρτωση σελίδων. Ο ορισμός ενός χρονικού ορίου φόρτωσης σελίδας γίνεται χρησιμοποιώντας την εντολή Εργαλεία/Επιλογές/αυτί Προβολή αναφορών(καρτέλα Εργαλεία/Επιλογές/Αναφορές). Μια σελίδα θεωρείται αργή εάν ο χρόνος φόρτωσης υπερβαίνει την τιμή "counter". Αργή σελίδα" πάρτε τουλάχιστον… ("Αργή φόρτωση σελίδων τουλάχιστον..."). Ο χρόνος λήψης υπολογίζεται λαμβάνοντας υπόψη την αναμενόμενη ταχύτητα σύνδεσης, η οποία μπορεί να επιλεγεί από τη λίστα Υποθέστε την ταχύτητα σύνδεσης(Υποθέστε ότι η ταχύτητα σύνδεσης είναι ίση).

Για να προβάλετε αναφορές που παρέχουν πληροφορίες σχετικά με την ορθότητα των υπερσυνδέσμων σε έναν ιστότοπο, χρησιμοποιήστε τη γραμμή Κατεστραμμένοι υπερσύνδεσμοι(«Νεκροί» σύνδεσμοι). Αυτή η λειτουργία σάς επιτρέπει να ανιχνεύσετε την παρουσία συνδέσμων σε έναν ανύπαρκτο πόρο.

Εκτός από την ανάλυση του περιεχομένου του ιστότοπου, είναι πολύ σημαντικό να παρακολουθείτε την πρόοδο της δημιουργίας, τροποποίησης και ενημέρωσης ιστοσελίδων. Για να γίνει αυτό, ο διαχειριστής έργου καταρτίζει μια λίστα εργασιών, υποδεικνύοντας το όνομα της εργασίας και το χρονοδιάγραμμα ολοκλήρωσής της, καθώς και πληροφορίες σχετικά με το άτομο που είναι υπεύθυνο για το αποτέλεσμα.

Το FrontPage παρέχει αυτοματοποίηση για τη διατήρηση μιας τέτοιας λίστας. Για να εισαγάγετε μια νέα εργασία και να προβάλετε μια λίστα με ήδη δημιουργημένες εργασίες στον πίνακα Προβολές(προβολή) που χρησιμοποιείται Προβολή εργασιών(προβολή εργασιών). Μια νέα εργασία σε αυτήν τη λειτουργία ενεργοποιείται χρησιμοποιώντας την εντολή Αρχείο/Νέο/Εργασίες(Αρχείο/Νέο/Εργασία), το οποίο όταν εκτελεστεί ανοίγει ένα παράθυρο διαλόγου Νέα εργασία(Δημιουργία εργασίας). Η εισαγωγή πληροφοριών στα κατάλληλα πεδία αυτού του πλαισίου διαλόγου σάς επιτρέπει να εισαγάγετε τις απαραίτητες πληροφορίες για την παρακολούθηση της προόδου της εργασίας.

Η πρόσβαση στην εργασία γίνεται κάνοντας διπλό κλικ στη γραμμή με την περιγραφή της εργασίας στο παράθυρο Καθήκοντα.

5.1.1. Δημιουργία νέου ιστότοπου και τρόπων παρουσίασης…………………… - 58

5.1.2. Οργάνωση της δομήςιστότοπος…………………………………………….. - 61

5.1.3. Επεξεργασία ιστοσελίδας……………………………………………… - 64

5.1.4. Προσθήκη και μορφοποίηση κειμένου……………………………………….. - 66

5.1.5. Οργάνωση Βασικών Χρωμάτωνιστοσελίδες……………………………….. - 69

5.1.6. Δημιουργία και επεξεργασία πινάκων, πινάκων διάταξης………………….. - 69

5.2. Οι γραφικές εικόνες ως αντικείμενα εφαρμογής ……………………………. - 76

5.2.1. Εισαγωγή γραφικού και ήχου φόντου σε μια ιστοσελίδα…………………
5.2.2. Εισαγωγή εικόνας σε ιστοσελίδα…………………………………………………………………
5.2.3. Ιδιότητες εικόνας…………………………………………………………
5.2.4. Επεξεργασία εικόνας……………………………………………………………………
5.2.5. Σχεδιασμένα αντικείμενα………………………………………………………………
5.3.1. Δημιουργία υπερσυνδέσμων και σελιδοδεικτών σε ιστοσελίδες……………………….
5.3.2. Δημιουργία γραφικών hotspot………………………..
5.3.3. Έλεγχος υπερσυνδέσμων με χρήση του FrontPage 2003 …………………………
5.3.4. Γενικά όρια……………………………………………………………………….
5.4. Cascading Style Sheets (CSS) ………………………………………………………………
5.4.1. Εσωτερικά στυλ………………………………………………………………….
5.4.2. Υλοποιημένα στυλ………………………………………………………………
5.4.3. Εξωτερικά φύλλα στυλ………………………………………………………..
5.5. Πλαίσια (πλαίσια) στην εφαρμογή FrontPage 2003 ………………………………………

5.6. Έντυπα στην εφαρμογή FrontPage 2003……………………………………………………………. - 100

5.7. Στοιχεία εφαρμογής και σύντομη περιγραφή τους…………………………. - 104

5.8. Πρόσθετες δυνατότητες του FrontPage 2003 …………………………………… - 111

5.8.1. Χρήση περιτύλιξης και τοποθέτησης……………………………. - 111

5.8.2. Εφέ με χρήση δυναμικού HTML και JavaScript……………….. - 113

Ενότητα 5. Εφαρμογή Microsoft Office FrontPage 2003.

Το Microsoft Office FrontPage 2003 είναι μια εφαρμογή που έχει σχεδιαστεί για τη δημιουργία και τη συντήρηση ιστοσελίδων (ιστοσελίδες) χρησιμοποιώντας μια τυπική διεπαφή

WYSIWYG («αυτό που βλέπεις είναι αυτό που παίρνεις»).

Το MS FrontPage2003 είναι διαθέσιμο ως ξεχωριστή εφαρμογή. Το μέγεθος του φακέλου εγκατάστασης είναι 155 MB. Απαιτήσεις υλικού.

Υπολογιστής και επεξεργαστής. Υπολογιστής με επεξεργαστή Pentium 133 MHz ή υψηλότερο, συνιστάται το Pentium III.

επιπλέον 8 MB μνήμης RAM για κάθε εφαρμογή που εκτελείται ταυτόχρονα.

HDD. 245 MB ελεύθερου χώρου στον σκληρό δίσκο και 115 MB χώρου στον σκληρό δίσκο,

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

Λειτουργικά συστήματα: Microsoft Windows® 2000 Service Pack 3 (SP3), Microsoft Windows XP ή νεότερη έκδοση.

Πληροφορίες βοήθειας για το πρόγραμμα στον ιστότοπο – http://office.microsoft.com/ruru/frontpage/FX100647001049.aspx?CTT=96&Origin=CL100570711049.

Το MS Office FrontPage 2003 παρέχει ένα νέο περιβάλλον ανάπτυξης: διατάξεις, χάρακες,

Γραμμές πλέγματος, δείγματα εικόνων, επίπεδα, πρότυπα, προηγμένα θέματα έχουν σχεδιαστεί για να διευκολύνουν τη διαδικασία υλοποίησης ενός έργου ιστότοπου για έναν προγραμματιστή που μπορεί να μην έχει καν γνώση HTML. Το πρόγραμμα επεξεργασίας ιστού διαθέτει βολικά εργαλεία για εργασία με πίνακες, ενσωματωμένα εργαλεία για την επεξεργασία εικόνας και σας επιτρέπει να τοποθετείτε εύκολα διάφορα αντικείμενα πολυμέσων σε σελίδες: σχέδια, βίντεο, κινούμενα σχέδια, θραύσματα ήχου. Η στενή ενοποίηση με το πακέτο MS Office σάς επιτρέπει να εμφανίζετε έγγραφα MS Word σε σελίδες,

Πίνακες και γραφήματα MS Excel, λάβετε δυναμικά δεδομένα από το MS Access, χρησιμοποιήστε VBA, ορθογραφικό έλεγχο και περίπου 60 έτοιμα θέματα για το σχεδιασμό σελίδων ιστότοπου. Το MS FrontPage 2003 παρέχει υποστήριξη για σύγχρονο Web

τεχνολογίες όπως τα cascading style sheets (CSS), τα δυναμικά εφέ (DHTML), τα πλαίσια, οι ενεργές σελίδες (ASP), τα στοιχεία ελέγχου ActiveX και οι μικροεφαρμογές Java.

Το πρόγραμμα FrontPage δεν είναι μόνο πρόγραμμα επεξεργασίας ιστοσελίδων, αλλά περιέχει επίσης εργαλεία διαχείρισης ιστοτόπων, όπως σχήμα πλοήγησης σελίδας, ανάλυση ιστότοπου με χρήση διαφόρων αναφορών, συλλογική ανάπτυξη, προσαρμογή για ορισμένα

προγράμματα περιήγησης, μεταφόρτωση τοποθεσίας σε διακομιστή Web μέσω πρωτοκόλλων HTTP και FTP. Χρησιμοποιώντας αυτό το πρόγραμμα, μπορείτε όχι μόνο να δημιουργήσετε και να επεξεργαστείτε ιστοσελίδες, αλλά και να εισαγάγετε διάφορα πολύπλοκα στοιχεία σε αυτές (μετρητές, γραμμές συνδέσμων, γραμμές αναζήτησης, δυναμικά εφέ, αναρριχητικά προγράμματα κ.λπ.) χωρίς να γράψετε πρόσθετα σενάρια.

Ωστόσο, τα περισσότερα από αυτά τα στοιχεία θα λειτουργήσουν μόνο εάν ο ιστός

FrontPage (Microsoft), SharePoint™ Team Services 1.0 (Microsoft) ή

Microsoft Windows® SharePoint Services. Ορισμένα στοιχεία ενδέχεται να μην λειτουργούν ανάλογα με τον τύπο του προγράμματος περιήγησης που χρησιμοποιείτε. Αυτό επιβάλλει ορισμένους περιορισμούς στη χρήση των δυνατοτήτων της εφαρμογής κατά τη δημιουργία ιστοσελίδων.

Τα μειονεκτήματα του προγράμματος επεξεργασίας ιστού MS FrontPage περιλαμβάνουν τον κυρίαρχο προσανατολισμό του στο πρόγραμμα περιήγησης Internet Explorer, επομένως θα πρέπει να ελέγξετε τη λειτουργία του ολοκληρωμένου ιστότοπου σε άλλα προγράμματα περιήγησης. Και επίσης κάποια περίσσεια του τελικού κώδικα HTML. Το πρόγραμμα επεξεργασίας παρακολουθεί τις αλλαγές στον κώδικα της σελίδας και επαναφέρει τις ετικέτες που έχουν διαγραφεί από τον χρήστη.

Εικόνα 5.1 – Παράθυρο προγράμματος MS Office FrontPage 2003

Βασικά, το MS FrontPage 2003 μοιάζει με τις περισσότερες εφαρμογές του MS Office

2003 (Εικ. 5.1).

	– γραμμή κεφαλίδας		- Χώρος εργασίας
	– γραμμή μενού		– προβολή γραμμής κουμπιών
	– τυπική γραμμή εργαλείων		– Γραμμή εργαλείων «σχεδίασης».
	– Γραμμή εργαλείων «μορφοποίησης».			- γραμμή κατάστασης
	– πάνελ παρουσίασης			- παράθυρο εργασιών
	– περιοχή πληροφοριών του ρεύματος			Αναφορά

προβολές Για να λάβετε βοήθεια σχετικά με το πρόγραμμα, πρέπει να εκτελέσετε την εντολή

Βοήθεια→Microsoft Office FrontPage και στον πίνακα Βοήθεια του FrontPage ακολουθήστε τους συνδέσμουςΠίνακας περιεχομένων . Εάν ο υπολογιστής σας είναι συνδεδεμένος στο Διαδίκτυο, τα έγγραφα που βρίσκονται στον ιστότοπο http://office.microsoft.com προστίθενται στον πίνακα περιεχομένων βοήθειας. Διαφορετικά, ο πίνακας περιεχομένων αποτελείται μόνο από έγγραφα που είναι εγκατεστημένα με την εφαρμογή.

5.1. Δημιουργία και επεξεργασία ιστότοπου στο περιβάλλον εφαρμογής.

Όταν ξεκινάτε να δημιουργείτε έναν ιστότοπο, πρέπει να αποφασίσετε για το θέμα του, τον αριθμό των υποενοτήτων του ιστότοπου και των σελίδων σε καθεμία από αυτές, δηλ. να αναπτύξει ένα λεπτομερές δομικό διάγραμμα, καθώς και να προετοιμάσει κείμενο και γραφικό υλικό για κάθε μία από τις ιστοσελίδες. Η διαδικασία ανάπτυξης ενός ιστότοπου απευθείας στο MS Office FrontPage 2003 μπορεί να πραγματοποιηθεί χρησιμοποιώντας τον ακόλουθο αλγόριθμο.

1) Δημιουργήστε έναν νέο ιστότοπο ή ανοίξτε έναν ήδη δημιουργημένο.

2) Οργάνωση (επεξεργασία) δομήςδικτυακός τόπος.

3) Επεξεργασία σελίδωνιστότοπος με οποιαδήποτε σειρά: 3.1) μεταβείτε σε λειτουργία επεξεργασίας για μια συγκεκριμένη σελίδα.

3.2) ορίστε τις ιδιότητες της ιστοσελίδας.

3.3) Εισαγάγετε κείμενο από το πληκτρολόγιο ή επικολλήστε το μέσω του προχείρου και μορφοποιήστε το. 3.4) εισαγάγετε φόντο, ήχο, πίνακες, γραφικά,

3.5) προσθέστε δυναμικά εφέ και στοιχεία του MS Office FrontPage 2003. 3.6) αποθηκεύστε την ιστοσελίδα και προβάλετε την στο πρόγραμμα περιήγησης Internet Explorer.

3.7) συνεχίστε την επεξεργασία ή προχωρήστε στην επεξεργασία μιας άλλης ιστοσελίδας.

4) Εάν είναι απαραίτητο, επιστρέψτε στο βήμα 2 και προσθέστε νέαιστοσελίδες.

5) Κλείστε το FrontPage 2003, ανοίξτειστότοπο σε ένα πρόγραμμα περιήγησης και δοκιμάστε τον (προβάλετε τον ιστότοπο με διαφορετικές επεκτάσεις οθόνης σε διαφορετικά προγράμματα περιήγησης).

5. 1.1. Δημιουργία νέας ιστοσελίδας και τρόποι παρουσίασης.

Για να δημιουργήσετε έναν νέο ιστότοπο, πρέπει να ολοκληρώσετε τα παρακάτω βήματα.

1) Εκτέλεση εντολήςΑρχείο→ Νέο.

2) Στον πίνακα Δημιουργία (1 Εικ.5.2) της περιοχής εργασιών, ακολουθήστε τους υπερσυνδέσμους

Ιστότοπος μιας σελίδας (2 Εικ. 5.2).

3) Στο παράθυρο Πρότυπα τοποθεσίας Web που ανοίγει (3 Εικ. 5.2), στην καρτέλα Γενικά, επιλέξτε το πρότυπο τοποθεσίας Web μιας σελίδας (4 Εικ. 5.2). Περιγραφή του προτύπου (5 Εικ.5.2)

εμφανίζεται κάτω δεξιά στο παράθυρο διαλόγου. (Εάν επιλέξετε οποιοδήποτε άλλο πρότυπο, ο νέος ιστότοπος θα περιέχει ήδη έναν αριθμό ιστοσελίδων με συγκεκριμένο σχέδιο, σε ορισμένες περιπτώσεις θα εκκινηθεί ένας ειδικός οδηγός

ρυθμίσεις, με τις οποίες μπορείτε να ορίσετε τη δομή του ιστότοπου.)

4) Συμπληρώστε το πεδίοΚαθορίστε τη θέση του νέου ιστότοπου: (6 Εικ.5.2) χειροκίνητα

(εισάγετε την πλήρη διαδρομή) ή χρησιμοποιώντας το κουμπί Αναζήτηση (7 Εικ.5.2) (καθορίστε τη θέση στο

δίσκο για να αποθηκεύσετε έναν νέο ιστότοπο, ανοίξτε (δημιουργήστε) έναν φάκελο, πατήστε το κουμπί

Ανοιξε).

5) Πατήστε το κουμπί OK.

Εικόνα 5.2 – Δημιουργία νέου ιστότοπου

Μετά τη δημιουργία του ιστότοπου (Εικ. 5.3), στο προβολή πάνελΗ καρτέλα ιστότοπου (1) εμφανίζεται στο προβολή πίνακα οργάνωνΠληροφορίες υπηρεσίας (2) και κουμπιά εντολών (3) είναι διαθέσιμα σε αυτήν την προβολή και στο παράθυρο εργασίας τα περιεχόμενα (4) της τρέχουσας προβολής.

Πίνακας κουμπιά προβολής(5 Εικ. 5.3) περιέχει έξι κουμπιά με τα οποία μπορείτε να μεταβείτε σε διαφορετικούς τρόπους παρουσίασης του ιστότοπου.

Προβολή φακέλων – Εμφανίζει μια λίστα φακέλων και σελίδων σε έναν ιστότοπο. Σε αυτή τη λειτουργία είναι βολικό να δημιουργείτε νέους φακέλους χρησιμοποιώντας το κουμπί Δημιουργία φακέλου στη δεξιά πλευρά

Εικόνα 5.3 – Προβολή του ιστότοπου Folders

Απομακρυσμένη προβολή τοποθεσίας Web – χρησιμοποιείται για την προβολή του ιστού σας

τοποθεσία σε έναν απομακρυσμένο διακομιστή ιστού.

Προβολή αναφορών – περιέχει μια λίστα επιλογών αναφοράς σχετικά με τον ιστότοπο. Κάθε συνοπτική αναφορά έχει το δικό της όνομα, αριθμό στοιχείων, συνολικό μέγεθος αρχείου και περιγραφή.

Αυτή η λειτουργία, για παράδειγμα, μπορεί να χρησιμοποιηθεί για τον εντοπισμό σφαλμάτων στις μεταβάσεις υπερκειμένου.

Προβολή μεταβάσεων – δείχνει μια γραφική αναπαράσταση της δομής ενός ιστότοπου.

σελίδες.

Προβολή εργασιών – χρησιμοποιείται για την οργάνωση εργασιών για τη δημιουργία ιστού-

ιστότοπος (συνήθως χρησιμοποιείται εάν πολλά άτομα εμπλέκονται στην εργασία σε έναν ιστότοπο).

Όλες αυτές οι προβολές είναι προσβάσιμες από το μενού Προβολή.

Ένας ιστότοπος που δημιουργήθηκε με το FrontPage 2003 μπορεί να περιέχει ιστοσελίδες, εικόνες, αρχεία πολυμέσων, π.χ. Σχεδόν όλοι οι πιθανοί τύποι αρχείων, καθώς και κρυφοί φάκελοι και αρχεία (δεν εμφανίζονται στην εφαρμογή), υποστηρίζοντας ειδική λειτουργικότητα της εφαρμογής. Οι κρυφοί φάκελοι περιλαμβάνουν _vti_cnf και _vti_pvt. Μπορούν να φανούν εάν ανοίξετε το φάκελο της τοποθεσίας web, για παράδειγμα, στο πρόγραμμα Ο Υπολογιστής μου. Ο φάκελος _vti_cnf περιέχει πληροφορίες για κάθε αρχείο, όπως πληροφορίες σχετικά με

Από προεπιλογή, όταν δημιουργείται Μια σελίδαιστοσελίδα, δημιουργούνται φάκελοι

Το Private και οι εικόνες και το αρχείο index.htm είναι η πρώτη (αρχική) σελίδα του ιστότοπου.

Για να προβάλετε την ιστοσελίδα index.htm, πρέπει να κάνετε διπλό κλικ στο αριστερό κουμπί του ποντικιού στο όνομα του αρχείου. Ως αποτέλεσμα, στις προβολή πάνελστα δεξιά της καρτέλας

ιστοσελίδα, θα εμφανιστεί η καρτέλα index.htm (1 Εικ.5.4) και το κουμπί Κλείσιμο (2 Εικ.5.4), στο προβολή πινάκων περιοχών πληροφοριώνκουμπί Γρήγορη επιλογή ετικετών(3 Εικ.5.4), και στο

χώρο εργασίας θα εμφανιστεί ένα κενό έγγραφο. Επίπροβολή γραμμών κουμπιών (4

Εικ.5.4) θα εμφανιστούν κουμπιά με τα οποία μπορείτε να μεταβείτε σε διάφορους τρόπους επεξεργασίας μιας ιστοσελίδας.

Προβολή σχεδιαστή – Εμφανίζει την ιστοσελίδα ως προηγμένο επεξεργαστή κειμένου σε λειτουργία WYSIWYG.

Split View – εμφανίζει την ίδια ιστοσελίδα τόσο στη λειτουργία βελτιωμένης επεξεργασίας κειμένου όσο και στον επεξεργαστή κώδικα HTML της ιστοσελίδας. Οι αλλαγές που γίνονται σε μία από τις λειτουργίες αντικατοπτρίζονται αμέσως στη δεύτερη.

Προβολή κώδικα – σας επιτρέπει να επεξεργαστείτε απευθείας τον κώδικα HTML του ιστού

σελίδες.

Προβολή προεπισκόπησης – Δείχνει πώς θα φαίνεται η σελίδα στο πρόγραμμα περιήγησης.

Για πρόσβαση σε αυτές τις προβολές, χρησιμοποιήστε την εντολή Προβολή→Σελίδα.

Για να δείτε μια λίστα αρχείων και φακέλων σε έναν ιστότοπο στην προβολή σελίδας, πρέπει να εκτελέσετε την εντολή Προβολή→ Λίστα φακέλωνή πατήστε το κουμπί

Πίνακας διακοπτώνστην τυπική γραμμή εργαλείων ή πατήστε ταυτόχρονα ALT και F1 στο πληκτρολόγιο.

ΣΕ Ως αποτέλεσμα, η περιοχή εργασίας χωρίζεται σε δύο μέρη (Εικ. 5.4). Στα αριστερά

– προβολές του ιστότοπου Λίστα φακέλων (5) ή Μεταβάσεις, στα δεξιά – οποιαδήποτε προβολή από το μενού Προβολή.

Αυτή η οργάνωση παρουσίασης ιστοσελίδας για επεξεργασία στο πρόγραμμα

Το FrontPage 2003 φαίνεται να είναι το πιο βολικό.

Για να αυξήσετε τον χώρο εργασίας της ιστοσελίδας που επεξεργάζεστε, μπορείτε να κλείσετε το παράθυρο εργασιών. Για να αποτρέψετε την εμφάνιση αυτού του πίνακα σε επόμενες εκκινήσεις της εφαρμογής FrontPage 2003, πρέπει να εκτελέσετε την εντολή

Εργαλεία→ Επιλογές και στην καρτέλα Γενικά, καταργήστε την επιλογή του πλαισίου για να ανοίξετε το παράθυρο εργασιών.

Για να ολοκληρώσετε την εργασία με τον ιστότοπο, πρέπει να εκτελέσετε την εντολή

Αρχείο→ Κλείσιμο κόμβου.

Εικόνα 5.4 – Παράθυρο προγράμματος FrontPage 2003 μετά την εκτέλεση της εντολής Προβολή→ Λίστα φακέλων

Για να ανοίξετε έναν ιστότοπο στο FrontPage 2003, πρέπει να ολοκληρώσετε τα ακόλουθα βήματα.

Εκτέλεση εντολής Αρχείο→ Άνοιγμα κόμβου.

Στο παράθυρο διαλόγου Άνοιγμα ιστότοπου που ανοίγει, ανοίξτε το φάκελο που είναι ο ιστότοπος.

Κάντε κλικ στο κουμπί Άνοιγμα.

5. 1.2. Οργάνωση
δομή της ιστοσελίδας.
Μετά την ιστοσελίδα
δημιουργήσατε, πρέπει να το δημιουργήσετε
η αρχική δομή, δηλ.
Προσθήκη	απαραίτητη
νέες ιστοσελίδες. Πρόσθεση					Εικόνα 5.5 – Πίνακας πληροφοριών μεταβάσεων
νέες ιστοσελίδες στη δομή					– δημιουργία νέας ιστοσελίδας
ο ιστότοπος μπορεί να οργανωθεί					– προσθήκη μιας υπάρχουσας ιστοσελίδας
					– δημιουργία γραμμής συνδέσμων
διαφορετικοί τρόποι.					– συμπερίληψη (εξαίρεση) στη γραμμή συνδέσμων
	Ας σκεφτούμε				– θέα σε υποδέντρο
δημιουργία ιστοσελίδων σε λειτουργία					– οριζόντια ή κάθετη τοποθέτηση
αναπαράσταση					– επιλογή της κλίμακας εμφάνισης της δομής

Μεταβάσεις. Σε αυτήν τη λειτουργία (Εικ. 5.5), οι ιστοσελίδες εμφανίζονται με τη μορφή γραφικού διαγράμματος (8) και ο πίνακας πληροφοριών περιέχει εντολές (1-7) που σας επιτρέπουν να εργαστείτε με

δομή της ιστοσελίδας. Για να δημιουργήσετε νέες ιστοσελίδες, πρέπει να ολοκληρώσετε τα παρακάτω βήματα.

1) Πατήστε το κουμπί 1 στον πίνακα πληροφοριών. Εάν αυτή τη στιγμή δεν έχει επιλεγεί καμία από τις ιστοσελίδες της δομής, τότε μια ιστοσελίδα με τον τίτλο

Κορυφαία σελίδα 1. Σε περίπτωση που κάποια από τις διαθέσιμες ιστοσελίδες

έχει επιλεγεί δομή, θα εμφανιστεί μια ιστοσελίδα με τον τίτλο New Page 1 συνδεδεμένη με μια λεπτή γραμμή (8) στην επιλεγμένη σελίδα. Το ίδιο αποτέλεσμα όπως στην τελευταία περίπτωση μπορεί να επιτευχθεί κάνοντας δεξί κλικ σε οποιαδήποτε από τις διαθέσιμες ιστοσελίδες και εκτελώντας την εντολή στο αναπτυσσόμενο μενού Νέα→ Σελίδα. Όλες οι επόμενες σελίδες θα διαφέρουν από τις προηγούμενες μόνο κατά αριθμό.

2) Στη συνέχεια, έτσι ώστε οι ιστοσελίδες που δημιουργήσατε να εμφανίζονται στο παράθυρο Λίστα φακέλων

πρέπει να εκτελέσετε την εντολή Ανανέωση είτε στην τυπική γραμμή εργαλείων είτε από το μενού Προβολή.

3) Στο παράθυρο Λίστα φακέλων μιας ιστοσελίδας με κεφαλίδες Κορυφαία σελίδα X

αντιστοιχούν σε αρχεία toppageX.htm, ιστοσελίδες με κεφαλίδα Νέα σελίδα Χ, αντιστοιχούν στα αρχεία new_str_X.htm, όπου Χ είναι ο αριθμός. Αρχεία με ονόματα

Το new_str_X.htm πρέπει να μετονομαστεί έτσι ώστε τα ονόματά τους να αποτελούνται από

μόνο από λατινικά γράμματα, αριθμούς και επιτρεπόμενα σύμβολα . Για να το κάνετε αυτό, κάντε δεξί κλικ στο αντίστοιχο αρχείο και επιλέξτε την εντολήΜετονομασία και

αντικαταστήστε το όνομα αρχείου με το απαιτούμενο.

4) Όταν αλλάζετε τη δομή ενός ιστότοπου, οι υπάρχουσες σελίδες μπορούν να διαγραφούν (κάντε δεξί κλικ στην επιθυμητή, επιλέξτε Διαγραφή, ενεργοποιήστε το κάτω πλαίσιο ελέγχου και κάντε κλικ στο OK) και να μετακινηθείτε σύμφωνα με το σχήμα (κάντε αριστερό κλικ για να μετακινήσετε τη σελίδα στην επιθυμητή τοποθεσία). Εάν ο ιστός διαγράφεται ή μετακινείται

η σελίδα έχει σελίδες χαμηλότερου επιπέδου, θα διαγραφούν επίσης ή

	μετακόμισε.
			δημιουργήθηκε		ιστοσελίδες
	τοποθετείται στον ριζικό φάκελο του ιστότοπου. Αν
	υπάρχουν πολλές σελίδες, είναι λογικό να τις τοποθετήσετε σε διαφορετικές
		συμφωνώς προς		δομή.	Για αυτό
	παράθυρο Λίστα φακέλων (Εικ. 5.6) που πρέπει να δημιουργήσετε						Εικόνα 5.6 – Παράθυρο λίστας φακέλων
								Δημιουργήστε μια ιστοσελίδα
	πίνακα πληροφοριών Λίστα φακέλων) και πατήστε							- δημιουργία φακέλου
								- κλείστε ένα παράθυρο

Κάντε αριστερό κλικ για να μετακινήσετε αρχεία στους φακέλους που θέλετε.

II. Ας δούμε τη διαδικασία δημιουργίας ιστοσελίδων χρησιμοποιώντας το παράθυρο Λίστα φακέλων (Εικ. 5.6). Αυτό το παράθυρο εμφανίζει τους φακέλους και τα αρχεία του ιστότοπου με αλφαβητική σειρά, υποδεικνύοντας την ένθεση τους. Για να δημιουργήσετε νέες ιστοσελίδες, πρέπει να ολοκληρώσετε τα παρακάτω βήματα.

1) Χρησιμοποιώντας το κουμπί 2, δημιουργήστε τον απαιτούμενο αριθμό φακέλων με μια συγκεκριμένη δομή ένθεσης, αλλάζοντας τα ονόματα New folderX στα απαιτούμενα.

2) Επιλέξτε το φάκελο στον οποίο σκοπεύετε να δημιουργήσετειστοσελίδα.

3) Πατήστε το κουμπί 1 και αντικαταστήστε το όνομα του νέου αρχείου από το new_page_Х.htm με το απαιτούμενο

(μόνο λατινικά γράμματα, αριθμοί και επιτρεπόμενα σύμβολα ) χωρίς αλλαγή της επέκτασης

αρχείο .htm.

4) Εάν είναι απαραίτητο, μπορείτε να σύρετε αρχεία από φάκελο σε φάκελο πατώντας το αριστερό κουμπί του ποντικιού.

5) Για ευκολία και σαφήνεια στην εργασία με την προκύπτουσα δομήιστοσελίδα, μπορείτε επίσης να την τακτοποιήσετε σε γραφική μορφή. Για να το κάνετε αυτό, επιλέξτε τη λειτουργία παρουσίασης ιστότοπου Transitions και πατήστε το αριστερό κουμπί του ποντικιού για να μεταφέρετε τις δημιουργημένες ιστοσελίδες στο

γραφικό μπλοκ διάγραμμα. Εάν είναι απαραίτητο, μπορείτε να αλλάξετε τα ονόματα των γραφικών στοιχείων του διαγράμματος κάνοντας δεξί κλικ στο επιθυμητό και επιλέγοντας την εντολή

Μετονομάζω.

Εικόνα 5.7 – Αποθήκευση νέας ιστοσελίδας