Professional Documents
Culture Documents
gkdajhighadogfejgošewg90ues8zgbgyd
egh0dsa8gz7p9adszg8eaoigeoapgju9eađ0zg8e
fgeah908gt8ehgfieoLKTNoaejt9ieszgt8a
ges908gt8hoiweghipwećgu9'wezg0(ZE
Θέση Περιγραφή
Κάτω αριστερά Επιλέγεται η προβολή παραθύρου, δλδ με ποιόν τρόπο
θέλουμε να συντάξουμε το αρχείο html:
Design: Ότι γράφω αυτό θα εμφανίζεται στον
φυλλομετρητή, δηλαδή WYSIWYG (What You See Is
What You Get – Αυτό Που Βλέπεις Αυτό Θα Πάρεις)
Split: Το κάτω μισό παράθυρο είναι όπως το Design,
και το επάνω μισό εμφανίζεται ο html κώδικας.
Code: Εμφανίζεται μόνο ο κώδικας (για χρήστες που
θέλουν να κάνουν την ιστοσελίδα γράφοντας μόνο
κώδικα).
Preview: Προεπισκόπηση ιστοσελίδας σε εσωτερικό
φυλλομετρητή του FP2003 (Δεν χρειάζεται να έχουμε
πρώτα σώσει το αρχείο).
Η προεπισκόπηση μπορεί να γίνει και με εξωτερικό
φυλλομετρητή, πχ. Internet Explorer, πατώντας F12 ή
, αρκεί να έχουμε σώσει και τις τελευταίες αλλαγές
που έχουμε κάνει στο αρχείο.
Επάνω οριζόντια Περιέχει τα γνωστά από το word εργαλεία
εργαλειοθήκη μορφοποίησης κειμένου.
Μορφοποίησης Μια από τις διαφορές που παρατηρεί κανείς, είναι στα
(formatting) διαθέσιμα μεγέθη γραμματοσειράς, όπου υπάρχουν 8
τυποποιημένα μεγέθη από τα οποία μπορούμε να
επιλέξουμε.
Επάνω από το Με τη μορφή σελιδοδεικτών (ετικετών) εμφανίζονται τα
παράθυρο αρχεία html που έχουμε ανοιχτά στο FP2003 και
επεξεργασίας επεξεργαζόμαστε. Οι ετικέτες έχουν το όνομα του
περιεχομένου αρχείου html, και όταν υπάρχει αστερίσκος στο τέλος
ιστοσελίδων (*) σημαίνει ότι έχει γίνει κάποια αλλαγή στο
συγκεκριμένο αρχείο αλλά δεν έχει σωθεί ακόμα.
Βασική Τα γνωστά από το word εργαλεία:
εργαλειοθήκη - Νέο αρχείο, Άνοιγμα αρχείου, Αποθήκευση
(Standard) - Αποκοπή, Αντιγραφή, Επικόλληση,
Αντιγρ.Μορφοποίησης
- Αναίρεση, Ακύρωση αναίρεσης
-//- Δημιουργία Πίνακα
-//- Δημιουργία επιπέδου (Layer). Τα επίπεδα (Layers) στο
FP2003 είναι το αντίστοιχο των πλαισίων κειμένου στο
word. Δηλαδή, όπου σχεδιάσουμε ένα layer και
γράψουμε κείμενο, γραφικά κτλ, έκει ακριβώς θα
παρουσιάζεται και στον φυλλομετρητή ιστοσελίδων.
Μπορούμε να έχουμε τοποθετήσει περισσότερα του
ενός Layer σε ένα αρχείο HTML, αρκεί να προσέξουμε
τις επικαλύψεις μεταξύ τους.
-//- Εισαγωγή εικόνας από αρχείο.
-//- Εμφάνιση εργαλειοθήκης σχεδίασης (όμοια με το
word).
Μενού
Εμφανίζεται δεξιά της οθόνης ένα πλαίσιο επιλογής προτύπων
Επιλέγουμε
Ο πίνακας πήρε τη μορφή:
Στο πάνω κελί που θέλουμε να έχουμε το banner, τοποθετούμε τον κέρσορα και επιλέγουμε
από το μενού
Επαναλαμβάνουμε το ίδιο και για τα άλλα κελιά
Τραβάμε από τις κάτω δεξιές άκρες τα frames που φτιάξαμε ώστε να έρθουν στα ίδια (και
λίγο μικρότερα) περιθώρια των κελιών του πίνακα. Το αποτέλεσμα θα είναι κάπως έτσι:
Αν θέλουμε να είμαστε απόλυτα ακριβείς με τα περιθώρια θα πρέπει τα μεγέθη των κελιών με
αυτά των πλαισίων να είναι ίδια.
i. Για τα κελιά, μπορούμε να αλλάξουμε τις παραμέτρους τους κάνοντας δεξί κλικ μέσα
σε ένα κενό χώρο τους και επιλέγοντας από το μενού το Cell Properties
3. Τέλος, θέλουμε να ρυθμίσουμε κατάλληλα τα Links από το αριστερό frame ώστε να ανοίγει η
αντίστοιχη σελίδα στο κύριο (main) frame.
Για το link Αρχική Σελίδα
i. Επιλέγουμε το κείμενο
ii. Πατάμε
iii. Στο πλαίσιο διαλόγου Insert Hyperlink
Εδώ ολοκληρώθηκε το παράδειγμα, βάσει του οποίου μπορούμε να κάνουμε παρόμοιες αλλαγές και
προσθήκες ώστε να οργανώσουμε κατάλληλα τις πληροφορίες που θέλουμε να περιέχει συνολικά η
ιστοσελίδα μας.
Για το παράδειγμα ιστοσελίδας με frames που δόθηκε παραπάνω, θα ακολουθήσει ένα παράδειγμα
τοποθέτησης της ιστοσελίδας στο Tripod με χρήση εργαλείων του FP2003.
1. Κατ’ αρχήν δημιουργούμε έναν δωρεάν λογαριασμό χρήστη στο www.tripod.com μέσω του
συνδέσμου . Δημιουργήσαμε τον χρήστη kdao88 με ένα ανάλογο password (κωδικό).
2. Η διεύθυνση ιστοσελίδας που παραχωρεί το tripod.com εξαρτάται από το όνομα χρήστη που έχουμε
επιλέξει από τη διαδικασία sign-up. Στην περίπτωσή μας είναι kdao88.tripod.com .
3. Στο FP2003 από το μενού File επιλέγουμε Publish Site…
Λίστα
αρχείων
Λίστα στον web
αρχείων server
τοπικού
Η/Υ
7. Μόλις πατήσουμε το Publish Web Site, αρχίζουν και αντιγράφονται τα αρχεία που απαρτίζουν την
ιστοσελίδα μας από τον τοπικό Η/Υ προς τον web server.
8. Όταν ολοκληρωθεί η διαδικασία, στα δυο παράθυρα θα υπάρχουν τα ίδια αρχεία
9. Πλέον η σελίδα δημοσιεύτηκε και είναι ορατή στο διαδίκτυο στη διεύθυνση
http://kdao88.tripod.com
Στο εξής, για όποια αλλαγή ή προσθήκη κάνουμε στα αρχεία της ιστοσελίδας μας στον τοπικό H/Y, δεν
πρέπει να παραλείπουμε να ενημερώνουμε και τα αρχεία που φιλοξενούνται στον webserver,
ακολουθώντας την παραπάνω διαδικασία από το βήμα 3 έως 7.
Οι Σημειώσεις αυτές γράφτηκαν από τον πρώην Σπουδαστή μου, σημερινό Συνάδελφο και πάνω
απ’ όλα φίλο και αδελφό
Κώστα Οικονομίδη.
Βόλος Ιούνιος 2006