Professional Documents
Culture Documents
Document Economy
Document Economy
Document Economy
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
τυποποιημένα μεγέθη από τα οποία μπορούμε να
επιλέξουμε.
Παρακάτω δίδεται ένα παράδειγμα που θα βοηθήσει στην κατανόηση της χρήσης πλαισίων.
Ενδιαφέροντα
Πλαίσιο
navbar
Πλαίσιο
main
Το banner θέλουμε πάντα να είναι σταθερό, καθώς θα περιέχει κάποιο λογότυπο κτλ. (banner.html)
Kάτω από το banner και αριστερά θέλουμε να έχουμε μια θεματολογία υπό μορφή Links.
(navigation.html)
Μενού
Εμφανίζεται δεξιά της οθόνης ένα πλαίσιο επιλογής προτύπων
Επιλέγουμε
Στο πάνω κελί που θέλουμε να έχουμε το banner, τοποθετούμε τον κέρσορα και επιλέγουμε
από το μενού
Επαναλαμβάνουμε το ίδιο και για τα άλλα κελιά
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