Οδηγίες για προσθήκη Web Frames Tools to the Quick Access Bar σε μεταγενέστερη έκδοση του Word Επειδή οι μεταγενέστερες εκδόσεις του Word δεν περιλαμβάνουν στο μενού τη δυνατότητα δημιουργίας πολλαπλών frames, δίνονται οδηγίες ώστε οι εντολές "New Frame Above" and "New Frame Left" να εμφανιστούν στο Quick Access Bar. 1 Open "Word Options" from the Office button. 2 Select "Customize." 3 Choose "All Commands" under the "Choose commands from:" menu. 4 Add "New Frame Above" and "New Frame Left" commands. 5 Click the "OK" button.
Δημιουργία ιστοσελίδων Δημιουργία ιστοσελίδων Μπορούμε να χρησιμοποιήσουμε όλα τα εργαλεία του Microsoft Office για τη δημιουργία ιστοσελίδων (web pages). Στο παράδειγμα που ακολουθεί θα χρησιμοποιήσουμε τον επεξεργαστή κειμένου (Word) και την εφαρμογή δημιουργίας παρουσιάσεων (PowerPoint). Η προσέγγιση θα γίνει με δυο τρόπους : 1. Με τη δημιουργία σελιδοδεικτών (bookmarks) μέσα σε ένα κείμενο και κατόπιν με τη δημιουργία υπερσυνδέσμων (hyperlinks) από διάφορα σημεία του κειμένου προς αυτούς τους σελιδοδείκτες 2. Με τη δημιουργία υπερσυνδέσμων (hyperlinks) μεταξύ διαφόρων αρχείων. Χάριν παραδείγματος θα δημιουργήσουμε μια ιστοσελίδα η οποία θα παρουσιάζει δυο από τα τέσσερα κεφάλαια ενός βιβλίου. Α.1. Δημιουργία υπερσυνδέσμων με τη χρήση σελιδοδεικτών Κατ αρχάς θα καταχωρήσουμε ένα κείμενο χωρισμένο σε παραγράφους επάνω στο οποίο θα δημιουργήσουμε σελιδοδείκτες. 208
Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων Καταχωρούμε το κείμενο που ακολουθεί στον επεξεργαστή κειμένου (Word). Σαν πρώτο βήμα θα μορφοποιήσουμε το κείμενο. Ήτοι θα δημιουργήσουμε παραγράφους και κουκίδες (bullets). Επιλέγουμε την περιοχή του κειμένου που θέλουμε να παραγραφοποιήσουμε και σύρουμε τον πάνω δείκτη του χάρακα (ruler) μέχρι το επιθυμητό σημείο. Ο επάνω δείκτης καθορίζει τη θέση της αρχής κάθε παραγράφου, ενώ ο κάτω τη θέση του υπόλοιπου κειμένου. 209
Δημιουργία ιστοσελίδων Σαν επόμενο βήμα επιλέγουμε το κείμενο για το οποίο θα ορίσουμε κουκίδες και επιλέγουμε το κουμπί των κουκίδων. Αυτόματα θα δημιουργηθούν κουκίδες εμπρός από κάθε γραμμή που επιλέξαμε. Αν θέλουμε μπορούμε να αλλάξουμε μορφή κουκίδων με την επιλογή Μορφή (Format) Κουκίδες και αρίθμηση (Bullets and numbering). Το επόμενο βήμα αφορά τη στοίχιση των κουκίδων. Στις κουκίδες εμφανίζονται συνήθως τρία σύμβολα στον κανόνα. Ο επάνω δείκτης καθορίζει τη θέση των κουκίδων. Το σύμβολο του στηλοθέτη την αρχή της παραγράφου που ακολουθεί την κουκίδα και ο κάτω δείκτης τη θέση των υπολοίπων γραμμών της ίδιας παραγράφου. 210
Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων Μετακινώντας αυτούς τους τρεις δείκτες αλλάζει η στοίχιση του κειμένου των κουκίδων. 211
Δημιουργία ιστοσελίδων Α1.1. Δημιουργία σελιδοδεικτών Μετά την καταχώρηση και του υπόλοιπου κειμένου θα ορίσουμε σελιδοδείκτες στην αρχή κάθε επικεφαλίδας. Τοποθετούμε το δρομέα στην αρχή της πρώτης επικεφαλίδας (κλικ) και επιλέγουμε Εισαγωγή (Insert) Σελιδοδείκτης (Bookmark). Στην οθόνη που εμφανίζεται καταχωρούμε ένα κωδικό σελιδοδείκτη (έστω b1) και κατόπιν επιλέγουμε Προσθήκη (Add). Με τον ίδιο τρόπο δημιουργούμε και τους υπόλοιπους σελιδοδείκτες στην αρχή κάθε επικεφαλίδας με κωδικό b2, b3 κ.λ.π. Α.1.2. Δημιουργία υπερσυνδέσμων Στην αρχή του κειμένου καταχωρούμε τον ακόλουθο πίνακα περιεχομένων. Κάθε επιλογή περιεχομένων επιθυμούμε να οδηγεί αυτόματα στο σημείο του κειμένου όπου υπάρχει η αντίστοιχη επικεφαλίδα. 212
Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων Για τη δημιουργία των υπερσυνδέσμων επιλέγουμε την επικεφαλίδα στα περιεχόμενα και κατόπιν το δεξί πλήκτρο του ποντικιού. Από το μενού επιλέγουμε Υπερσύνδεση (Hyperlink). Κατόπιν επιλέγουμε Σελιδοδείκτη (Bookmark) ώστε να συνδέσουμε την επιλογή με έναν από τους ήδη ορισθέντες σελιδοδείκτες, και εμφανίζονται όλοι οι ήδη δημιουργημένοι σελιδοδείκτες του κειμένου. Επιλέγουμε τον πρώτο (b1) και OK. 213
Δημιουργία ιστοσελίδων Μετά εμφανίζεται η προηγούμενη οθόνη με τον αριθμό του σελιδοδείκτη #b1 στη θέση Πληκτρολογήστε το όνομα του αρχείου ή της ιστοσελίδας (Type the file or Web page name). Επιλέγοντας ΟΚ ολοκληρώνεται η διαδικασία. Το αποτέλεσμα της όλης διαδικασίας είναι να υπογραμμισθεί και να αλλάξει χρώμα η γραμμή που επιλέξαμε, δείχνοντας ότι υπάρχει υπερσύνδεσμος. Αυτό σημαίνει ότι όταν ο δρομέας περνά επάνω από τη συγκεκριμένη περιοχή αλλάζει σχήμα και γίνεται το χαρακτηριστικό χεράκι, που αν το πατήσουμε (κλικ) μας πηγαίνει στο αντίστοιχο σημείο του κειμένου όπου υπάρχει ο σελιδοδείκτης. 214
Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων Παρόμοια ορίζουμε υπερσυνδέσμους από τα περιεχόμενα στους υπόλοιπους σελιδοδείκτες του κειμένου. Στο τέλος της όλης διαδικασίας αποθηκεύουμε το κείμενο σαν ιστοσελίδα με την επιλογή Αποθήκευση ως ιστοσελίδας (Save as Web Page) και με την ονομασία chap04. Όταν ανοιχθεί η ιστοσελίδα από τον Internet Explorer η συμπεριφορά της είναι όπως περιγράφηκε ανωτέρω, ήτοι μπορούμε να μεταβούμε σε οποιαδήποτε παράγραφο από τα περιεχόμενα και κατόπιν να επιστρέψουμε στο σημείο κλήσης με το κουμπί Πίσω (Back). 215
Δημιουργία ιστοσελίδων A.2. Εμπλουτισμός με κινούμενα αντικείμενα (animation) Οι ιστοσελίδες που θα δημιουργήσουμε μπορούν να εμπλουτισθούν με εικόνες είτε από το clip art είτε από άλλες πηγές (Internet, scanner κ.λ.π.). Πέραν όμως των στατικών εικόνων, μια ιστοσελίδα (όπως άλλωστε και μια διαφάνεια παρουσίασης) μπορεί να εμπλουτισθεί με τη χρήση κινούμενων αντικειμένων. Τέτοια αντικείμενα μπορούν να βρεθούν στο Internet σε διάφορες διευθύνσεις, μεταξύ των οποίων και της Microsoft, η οποία δίνει τη δυνατότητα εμπλουτισμού των clip arts με εικόνες, φωτογραφίες, ήχους και κινούμενα αντικείμενα. Η διαδικασία είναι απλή. Επιλέγουμε κατηγορία, εικόνες και κατόπιν Download. 216
Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων Η συγκεκριμένη διεύθυνση δίνει τη δυνατότητα πολλαπλών επιλογών των clip arts, όπως κατά κατηγορία, είδος clip art, λέξη κλειδί κ.ά. Α.3. Δημιουργία Web παρουσιάσεων Έστω ότι από κάποιο σημείου των περιεχομένων του κειμένου που κατασκευάσαμε θέλουμε να καλέσουμε μια παρουσίαση PowerPoint ώστε να γίνει πιο ζωντανή η ιστοσελίδα. Κατασκευάστε τις διαφάνειες που ακολουθούν. Αποθηκεύστε το αποτέλεσμα σαν ιστοσελίδα με την ονομασία chap04ppt. Η παρουσίαση έχει γίνει παρουσίαση web και η μετακίνηση μεταξύ των σελίδων μπορεί να γίνει είτε από τον τίτλο κάθε διαφάνειας στο αριστερό μέρος, είτε εμπρός - πίσω διαφάνεια στο κάτω μέρος του παραθύρου. Επίσης υπάρχει κάτω δεξιά το εικονίδιο για παρουσίαση πλήρους οθόνης. 217
Δημιουργία ιστοσελίδων Σαν επόμενο βήμα θα συνδεθεί το κείμενο word με την διαφάνεια που μόλις δημιουργήθηκε. Ανοίγουμε τη σελίδα chap04 που δημιουργήσαμε με word και στο τέλος των περιεχομένων προσθέτουμε ένα κινούμενο αντικείμενο από αυτά που βρήκαμε στο διαδίκτυο. Η επιλογή γίνεται αν διαλέξουμε clip art, κινούμενα (motion) clips και την κατηγορία Εικόνες από το δίκτυο (Downloaded clips). Σαν επόμενο βήμα θα δημιουργήσουμε ένα υπερσύνδεσμο ανάμεσα στην εικόνα και στην παρουσίαση. Επιλέγουμε την εικόνα και πατάμε το δεξί πλήκτρο του ποντικιού. Από το μενού επιλέγουμε Υπερ-σύνδεση (Hyperlink). Επιλέγουμε Αρχείο (File) και το αρχείο της παρουσίασης (chap04ppt) και αποθηκεύουμε. Το αποτέλεσμα είναι όταν από τον Internet Explorer επιλέξουμε την εικόνα, εμφανίζεται η παρουσίαση (chap04ppt) και όταν επιλέξουμε Πίσω (Back), επιστρέφουμε στο κείμενο (chap04). 218
Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων A.4. Δημιουργία ιστοσελίδων πολλαπλών πλαισίων Η ιστοσελίδα που μόλις δημιουργήσαμε λειτουργεί μεν στο διαδίκτυο αλλά δεν είναι τόσο λειτουργική. Θα ήταν περισσότερο λειτουργικό να δημιουργήσουμε μια ιστοσελίδα σαν αυτή που ακολουθεί. Η ιστοσελίδα αυτή αποτελείται από τρία ξεχωριστά πλαίσια (frames) κάθε ένα από τα οποία εξυπηρετεί διαφορετική λειτουργία και είναι στην ουσία τρία διαφορετικά αρχεία κειμενογράφου (word). Το πλαίσιο της επικεφαλίδας παραμένει σταθερό ώστε να γνωρίζει ο αναγνώστης τι αφορά η ιστοσελίδα που χρησιμοποιεί. Το πλαίσιο αριστερά είναι πίνακας πλοήγησης (περιεχομένων), το οποίο δίνει τη δυνατότητα στον αναγνώστη να επιλέξει αυτό που θέλει. Το πλαίσιο δεξιά εμφανίζει το κείμενο που αφορά την επιλογή που έκανε ο αναγνώστης (στην συγκεκριμένη περίπτωση Περιεχόμενα). Για τη δημιουργία αυτής της ιστοσελίδας στον κειμενογράφο (word) επιλέγουμε Μορφή (Format) Πλαίσια (Frames) Δημιουργία σελίδας πλαισίων (New Frames Page). Εμφανίζεται ένας πίνακας δημιουργίας πλαισίων. Επιλέγουμε Δημιουργία πλαισίου επάνω (New Frame Above), επιλέγουμε κάπου στο κάτω πλαίσιο (κλικ) και κατόπιν Δημιουργία πλαισίου αριστερά (New Frame Left). Τέλος κλείνουμε τον πίνακα δημιουργίας πλαισίων. 219
Δημιουργία ιστοσελίδων Το αποτέλεσμα είναι η δημιουργία μιας σελίδας σαν αυτή που ακολουθεί. Το επόμενο βήμα είναι να μετακινήσουμε τις διαχωριστικές γραμμές των πλαισίων ώστε κάθε πλαίσιο να πάρει τις επιθυμητές διαστάσεις. Αυτό επιτυγχάνεται αν τοποθετήσουμε το δρομέα επάνω σε κάθε διαχωριστική γραμμή και σύρουμε μέχρι την επιθυμητή θέση. Το αποτέλεσμα θα γίνει κάπως έτσι. Μπορούμε να διαχειριστούμε κάθε πλαίσιο σαν ένα ξεχωριστό κείμενο. Επιλέγουμε το επάνω πλαίσιο (κλικ), κατόπιν Μορφή (Format) Φόντο (Background) Εφέ γεμίσματος (Fill Effects) και επιλέγουμε το επιθυμητό εφέ. Κατόπιν καταχωρούμε το κείμενο Σχεδιασμός Πληροφοριακών Συστημάτων και Σχεσιακών Βάσεων Δεδομένων (προτεινόμενο μέγεθος γραμμάτων 22) και την εικόνα clip art. Για να μπορέσει να τοποθετηθεί η εικόνα δεξιά επιλέγουμε με το δεξί πλήκτρο του ποντικιού την εικόνα και μετά Μορφοποίηση εικόνας (Format Picture) και κατόπιν Μορφή (Layout) Τετράγωνο (Square) και Δεξιά (Right). Τέλος 220
Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων μικραίνουμε την εικόνα στην επιθυμητή διάσταση ώστε να διαμορφωθεί το επάνω πλαίσιο κάπως έτσι : Κατόπιν στο αριστερό πλαίσιο, επιλέγουμε φόντο και καταχωρούμε τον πίνακα περιεχομένων (προτεινόμενο μέγεθος γραμμάτων 14). Τέλος αποθηκεύουμε σαν ιστοσελίδα με την ονομασία index. Η ονομασία αυτή χρησιμοποιείται σαν η πρώτη σελίδα εκκίνησης μιας διεύθυνσης στο διαδίκτυο. Επειδή η σελίδα αποθηκεύτηκε σαν ιστοσελίδα και όχι σαν κείμενο, εάν επιλέξουμε το αρχείο index (δυο κλικ) αντί του επεξεργαστή κειμένου (word) εμφανίζεται ο Internet Explorer. Για να μπορέσουμε να την επεξεργαστούμε επιλέγουμε το αρχείο με το δεξί πλήκτρο του ποντικιού και κατόπιν την επιλογή Επεξεργασία (Edit). Αυτό που απομένει είναι η δημιουργία της σελίδας κειμένου με τα περιεχόμενα και η δημιουργία των υπερσυνδέσμων (hyperlinks). Δημιουργείστε την σελίδα δεξιά με τον κειμενογράφο (επιλέγοντας μια εικόνα της αρεσκείας σας) και αποθηκεύστε την σαν ιστοσελίδα με την ονομασία intro. 221
Δημιουργία ιστοσελίδων Ανοίγουμε για επεξεργασία τη σελίδα index, επιλέγουμε όλη τη λέξη περιεχόμενα και πατάμε το δεξί πλήκτρο του ποντικιού. Επιλέγουμε Υπερσύνδεση (Hyperlink) και κατόπιν το αρχείο intro. Αυτό που απομένει είναι να διαλέξουμε σε ποιο πλαίσιο θα εμφανίζεται η ιστοσελίδα. Επιλέγουμε (κλικ) το δεξί πλαίσιο (Frame 1). Με την ίδια διαδικασία επιλέγουμε τη λέξη Κεφάλαιο 4 και δημιουργούμε υπερσύνδεσμο με το αρχείο chap04 που δημιουργήσαμε προηγούμενα. Και πάλι επιλέγουμε να εμφανίζεται το κείμενο στο δεξί πλαίσιο. Τέλος αποθηκεύουμε και ανοίγουμε το αρχείο index (που μόλις αποθηκεύσαμε) με τον Internet Explorer. 222
Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων Παρατηρούμε τις λέξεις Περιεχόμενα και Κεφάλαιο 4 που είναι υπογραμμισμένες. Αυτό σημαίνει ότι υπάρχουν υπερσύνδεσμοι. Επιλέγουμε τη λέξη Περιεχόμενα και εμφανίζεται το αρχείο Intro στο δεξί πλαίσιο. Κατόπιν επιλέγουμε τη λέξη Κεφάλαιο 4 και εμφανίζεται το αρχείο chap04 στο δεξί πλαίσιο. Αν τώρα επιλέξουμε το κινούμενο αντικείμενο εμφανίζεται η παρουσίαση την οποία είχαμε συνδέσει με το κείμενο chap04. Κατά τα άλλα ισχύουν τα κουμπιά του Internet Explorer για μετακίνηση Πίσω (Back), Εμπρός (Forward) κ.λ.π. 223