Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... ·...

17
Οδηγίες για προσθήκη 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.

Transcript of Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... ·...

Page 1: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Οδηγίες για προσθήκη 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.

Page 2: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Δημιουργία ιστοσελίδων

208

Δημιουργία ιστοσελίδων

Μπορούμε να χρησιμοποιήσουμε όλα τα εργαλεία του Microsoft

Office © για τη δημιουργία ιστοσελίδων (web pages).

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

στή κειμένου (Word) και την εφαρμογή δημιουργίας παρουσιάσεων

(PowerPoint).

Η προσέγγιση θα γίνει με δυο τρόπους :

1. Με τη δημιουργία σελιδοδεικτών (bookmarks) μέσα σε ένα κεί-

μενο και κατόπιν με τη δημιουργία υπερσυνδέσμων

(hyperlinks) από διάφορα σημεία του κειμένου προς αυτούς

τους σελιδοδείκτες

2. Με τη δημιουργία υπερσυνδέσμων (hyperlinks) μεταξύ διαφό-

ρων αρχείων.

Χάριν παραδείγματος θα δημιουργήσουμε μια ιστοσελίδα η οποία θα

παρουσιάζει δυο από τα τέσσερα κεφάλαια ενός βιβλίου.

Α.1. Δημιουργία υπερσυνδέσμων με τη χρήση σελιδοδεικτών

Κατ’ αρχάς θα καταχωρήσουμε ένα κείμενο χωρισμένο σε παραγρά-

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

Page 3: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων

209

Καταχωρούμε το κείμενο που ακολουθεί στον επεξεργαστή κειμένου

(Word).

Σαν πρώτο βήμα θα μορφοποιήσουμε το κείμενο. Ήτοι θα δημιουρ-

γήσουμε παραγράφους και κουκίδες (bullets).

Επιλέγουμε την περιοχή του κειμένου που θέλουμε να παραγραφο-

ποιήσουμε και σύρουμε τον πάνω δείκτη του χάρακα (ruler) μέχρι το επιθυ-

μητό σημείο. Ο επάνω δείκτης καθορίζει τη θέση της αρχής κάθε παραγρά-

φου, ενώ ο κάτω τη θέση του υπόλοιπου κειμένου.

Page 4: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Δημιουργία ιστοσελίδων

210

Σαν επόμενο βήμα επιλέγουμε το κείμενο για το οποίο θα ορίσουμε

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

γηθούν κουκίδες εμπρός από κάθε γραμμή που επιλέξαμε.

Αν θέλουμε μπορούμε να αλλάξουμε

μορφή κουκίδων με την επιλογή Μορφή

(Format) – Κουκίδες και αρίθμηση (Bullets

and numbering).

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

εμφανίζονται συνήθως τρία σύμβολα στον κανόνα. Ο επάνω δείκτης καθο-

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

ραγράφου που ακολουθεί την κουκίδα και ο κάτω δείκτης τη θέση των υπο-

λοίπων γραμμών της ίδιας παραγράφου.

Page 5: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων

211

Μετακινώντας αυτούς τους τρεις δείκτες αλλάζει η στοίχιση του κει-

μένου των κουκίδων.

Page 6: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Δημιουργία ιστοσελίδων

212

Α1.1. Δημιουργία σελιδοδεικτών

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

λιδοδείκτες στην αρχή κάθε επικεφαλίδας.

Τοποθετούμε το δρομέα στην αρχή της πρώτης επικεφαλίδας (κλικ)

και επιλέγουμε Εισαγωγή (Insert) – Σελιδοδείκτης (Bookmark). Στην οθόνη

που εμφανίζεται καταχωρούμε ένα κωδικό σελιδοδείκτη (έστω b1) και κα-

τόπιν επιλέγουμε Προσθήκη (Add). Με τον ίδιο τρόπο δημιουργούμε και

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

b3 κ.λ.π.

Α.1.2. Δημιουργία υπερσυνδέσμων

Στην αρχή του κειμένου καταχωρούμε τον ακόλουθο πίνακα περιεχο-

μένων.

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

μείο του κειμένου όπου υπάρχει η αντίστοιχη επικεφαλίδα.

Page 7: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων

213

Για τη δημιουργία των υπερ-

συνδέσμων επιλέγουμε την επικε-

φαλίδα στα περιεχόμενα και κατό-

πιν το δεξί πλήκτρο του ποντικιού.

Από το μενού επιλέγουμε Υπερ-

σύνδεση (Hyperlink).

Κατόπιν επιλέγουμε Σελιδοδείκτη (Bookmark) ώστε να συνδέσουμε

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

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

τον πρώτο (b1) και OK.

Page 8: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Δημιουργία ιστοσελίδων

214

Μετά εμφανίζεται η προηγούμενη οθόνη με τον αριθμό του σελιδο-

δείκτη #b1 στη θέση Πληκτρολογήστε το όνομα του αρχείου ή της ιστοσε-

λίδας (Type the file or Web page name). Επιλέγοντας ΟΚ ολοκληρώνεται η

διαδικασία.

Το αποτέλεσμα της όλης διαδικασίας είναι να υπογραμμισθεί και να

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

δεσμος. Αυτό σημαίνει ότι όταν ο δρομέας περνά επάνω από τη συγκεκρι-

μένη περιοχή αλλάζει σχήμα και γίνεται το χαρακτηριστικό χεράκι, που αν

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

υπάρχει ο σελιδοδείκτης.

Page 9: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων

215

Παρόμοια ορίζουμε υπερσυνδέσμους από τα περιεχόμενα στους υπό-

λοιπους σελιδοδείκτες του κειμένου.

Στο τέλος της όλης διαδικασίας αποθηκεύουμε το κείμενο σαν ιστο-

σελίδα με την επιλογή Αποθήκευση ως ιστοσελίδας (Save as Web Page) και

με την ονομασία chap04.

Όταν ανοιχθεί η ιστοσελίδα από τον Internet Explorer η συμπεριφορά

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

οποιαδήποτε παράγραφο από τα περιεχόμενα και κατόπιν να επιστρέψουμε

στο σημείο κλήσης με το κουμπί Πίσω (Back).

Page 10: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Δημιουργία ιστοσελίδων

216

A.2. Εμπλουτισμός με κινούμενα αντικείμενα (animation)

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

με εικόνες είτε από το clip art είτε από άλλες πηγές (Internet, scanner

κ.λ.π.). Πέραν όμως των στατικών εικόνων, μια ιστοσελίδα (όπως άλλωστε

και μια διαφάνεια παρουσίασης) μπορεί να εμπλουτισθεί με τη χρήση κι-

νούμενων αντικειμένων. Τέτοια αντικείμενα μπορούν να βρεθούν στο

Internet σε διάφορες διευθύνσεις, μεταξύ των οποίων και της Microsoft, η

οποία δίνει τη δυνατότητα εμπλουτισμού των clip arts με εικόνες, φωτο-

γραφίες, ήχους και κινούμενα αντικείμενα.

Η διαδικασία είναι απλή. Επιλέγουμε κατηγορία, εικόνες και κατόπιν

Download.

Page 11: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων

217

Η συγκεκριμένη διεύθυνση δίνει τη δυνατότητα πολλαπλών επιλο-

γών των clip arts, όπως κατά κατηγορία, είδος clip art, λέξη κλειδί κ.ά.

Α.3. Δημιουργία Web παρουσιάσεων

Έστω ότι από κάποιο σημείου των περιεχομένων του κειμένου που

κατασκευάσαμε θέλουμε να καλέσουμε μια παρουσίαση PowerPoint ώστε

να γίνει πιο ζωντανή η ιστοσελίδα. Κατασκευάστε τις διαφάνειες που ακο-

λουθούν.

Αποθηκεύστε το αποτέλεσμα σαν ιστοσελίδα με την ονομασία

chap04ppt. Η παρουσίαση έχει

γίνει παρουσίαση web και η

μετακίνηση μεταξύ των σελίδων

μπορεί να γίνει είτε από τον

τίτλο κάθε διαφάνειας στο αρι-

στερό μέρος, είτε εμπρός - πίσω

διαφάνεια στο κάτω μέρος του

παραθύρου. Επίσης υπάρχει

κάτω δεξιά το εικονίδιο για πα-

ρουσίαση πλήρους οθόνης.

Page 12: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Δημιουργία ιστοσελίδων

218

Σαν επόμενο βήμα θα συνδεθεί το κείμενο word με την διαφάνεια που

μόλις δημιουργήθηκε. Ανοίγουμε τη σελίδα chap04 που δημιουργήσαμε με

word και στο τέλος των περιεχομέ-

νων προσθέτουμε ένα κινούμενο

αντικείμενο από αυτά που βρήκαμε

στο διαδίκτυο. Η επιλογή γίνεται

αν διαλέξουμε clip art, κινούμενα

(motion) clips και την κατηγορία

Εικόνες από το δίκτυο

(Downloaded clips).

Σαν επόμενο βήμα θα δημιουργήσουμε ένα υπερσύνδεσμο ανάμεσα

στην εικόνα και στην παρουσίαση. Επιλέγουμε την εικόνα και πατάμε το

δεξί πλήκτρο του ποντικιού. Από το μενού επιλέγουμε Υπερ-σύνδεση

(Hyperlink). Επιλέγουμε Αρχείο (File) και το αρχείο της παρουσίασης

(chap04ppt) και αποθηκεύουμε.

Το αποτέλεσμα είναι όταν από τον Internet Explorer επιλέξουμε την

εικόνα, εμφανίζεται η παρουσίαση (chap04ppt) και όταν επιλέξουμε Πίσω

(Back), επιστρέφουμε στο κείμενο (chap04).

Page 13: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων

219

A.4. Δημιουργία ιστοσελίδων πολλαπλών πλαισίων

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

αλλά δεν είναι τόσο λειτουργική. Θα ήταν περισσότερο λειτουργικό να

δημιουργήσουμε μια ιστοσελίδα σαν αυτή που ακολουθεί. Η ιστοσελίδα

αυτή αποτελείται από τρία ξεχωριστά πλαίσια (frames) κάθε ένα από τα

οποία εξυπηρετεί διαφορετική λειτουργία και είναι στην ουσία τρία

διαφορετικά αρχεία κειμενογράφου (word). Το πλαίσιο της επικεφαλίδας

παραμένει σταθερό ώστε να γνωρίζει ο αναγνώστης τι αφορά η ιστοσελίδα

που χρησιμοποιεί. Το πλαίσιο αριστερά είναι πίνακας πλοήγησης

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

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

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

Περιεχόμενα).

Για τη δημιουργία αυτής της ιστοσελίδας στον κειμενογράφο (word)

επιλέγουμε Μορφή (Format) – Πλαίσια (Frames) – Δημιουργία σελίδας

πλαισίων (New Frames Page). Εμφανίζεται ένας πίνακας δημιουργίας πλαι-

σίων. Επιλέγουμε Δημιουργία πλαισίου επάνω (New Frame Above), επιλέ-

γουμε κάπου στο κάτω πλαίσιο (κλικ) και κατόπιν Δημιουργία πλαισίου

αριστερά (New Frame Left). Τέλος κλείνουμε τον πίνακα δημιουργίας

πλαισίων.

Page 14: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Δημιουργία ιστοσελίδων

220

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

λουθεί.

Το επόμενο βήμα είναι να μετακινήσουμε τις διαχωριστικές γραμμές

των πλαισίων ώστε κάθε πλαίσιο να πάρει τις επιθυμητές διαστάσεις. Αυτό

επιτυγχάνεται αν τοποθετήσουμε το δρομέα επάνω σε κάθε διαχωριστική

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

κάπως έτσι.

Μπορούμε να διαχειριστούμε κάθε πλαίσιο σαν ένα ξεχωριστό κεί-

μενο. Επιλέγουμε το επάνω πλαίσιο (κλικ), κατόπιν Μορφή (Format) – Φό-

ντο (Background) – Εφέ γεμίσματος (Fill Effects) και επιλέγουμε το επιθυ-

μητό εφέ. Κατόπιν καταχωρούμε το κείμενο

“Σχεδιασμός Πληροφοριακών Συστημάτων και

Σχεσιακών Βάσεων Δεδομένων” (προτεινόμενο

μέγεθος γραμμάτων 22) και την εικόνα clip art.

Για να μπορέσει να τοποθετηθεί η εικόνα δεξιά

επιλέγουμε με το δεξί πλήκτρο του ποντικιού

την εικόνα και μετά Μορφοποίηση εικόνας

(Format Picture) και κατόπιν Μορφή (Layout)

Τετράγωνο (Square) και Δεξιά (Right). Τέλος

Page 15: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων

221

μικραίνουμε την εικόνα στην επιθυμητή διάσταση ώστε να διαμορφωθεί το

επάνω πλαίσιο κάπως έτσι :

Κατόπιν στο αριστερό πλαίσιο, επιλέγουμε φόντο και καταχωρούμε

τον πίνακα περιεχομένων (προτεινόμενο μέγεθος γραμμάτων 14). Τέλος

αποθηκεύουμε σαν ιστοσελίδα με την ονομασία index. Η ονομασία αυτή

χρησιμοποιείται σαν η πρώτη σελίδα εκκίνησης μιας διεύθυνσης στο διαδί-

κτυο.

Επειδή η σελίδα αποθηκεύτηκε σαν ιστοσελίδα και όχι σαν κείμενο,

εάν επιλέξουμε το αρχείο index (δυο κλικ) αντί του επεξεργαστή κειμένου

(word) εμφανίζεται ο Internet Explorer. Για να μπορέσουμε να την επεξερ-

γαστούμε επιλέγουμε το αρχείο με το δεξί πλήκτρο του ποντικιού και κατό-

πιν την επιλογή Επεξεργασία (Edit).

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

περιεχόμενα και η δημιουργία των

υπερσυνδέσμων (hyperlinks). Δη-

μιουργείστε την σελίδα δεξιά με

τον κειμενογράφο (επιλέγοντας

μια εικόνα της αρεσκείας σας) και

αποθηκεύστε την σαν ιστοσελίδα

με την ονομασία intro.

Page 16: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Δημιουργία ιστοσελίδων

222

Ανοίγουμε για επεξεργασία τη σελίδα index, επιλέγουμε όλη τη λέξη

περιεχόμενα και πατάμε το δεξί πλήκτρο του ποντικιού. Επιλέγουμε Υπερ-

σύνδεση (Hyperlink) και κατόπιν το αρχείο intro. Αυτό που απομένει είναι

να διαλέξουμε σε ποιο πλαίσιο θα εμφανίζεται η ιστοσελίδα. Επιλέγουμε

(κλικ) το δεξί πλαίσιο (Frame 1).

Με την ίδια διαδικασία επιλέγουμε τη λέξη Κεφάλαιο 4 και δημιουρ-

γούμε υπερσύνδεσμο με το αρχείο chap04 που δημιουργήσαμε προηγού-

μενα. Και πάλι επιλέγουμε να εμφανίζεται το κείμενο στο δεξί πλαίσιο. Τέ-

λος αποθηκεύουμε και ανοίγουμε το αρχείο index (που μόλις αποθηκεύ-

σαμε) με τον Internet Explorer.

Page 17: Οδηγίες για προσθήκη Web Frames Tools to the Quick Access ... · Δημιουργία ιστοσελίδων 212 Α1.1. Δημιουργία σελιδοδεικτών

Σχεδιασμός πληροφοριακών συστημάτων και σχεσιακών βάσεων δεδομένων

223

Παρατηρούμε τις λέξεις Περιεχόμενα και Κεφάλαιο 4 που είναι υπο-

γραμμισμένες. Αυτό σημαίνει ότι υπάρχουν υπερσύνδεσμοι. Επιλέγουμε τη

λέξη Περιεχόμενα και εμφανίζεται το αρχείο Intro στο δεξί πλαίσιο.

Κατόπιν επιλέγουμε τη λέξη Κεφάλαιο 4 και εμφανίζεται το αρχείο

chap04 στο δεξί πλαίσιο.

Αν τώρα επιλέξουμε το κινού-

μενο αντικείμενο εμφανίζεται η πα-

ρουσίαση την οποία είχαμε συνδέσει

με το κείμενο chap04. Κατά τα άλλα

ισχύουν τα κουμπιά του Internet

Explorer για μετακίνηση Πίσω

(Back), Εμπρός (Forward) κ.λ.π.