Professional Documents
Culture Documents
Εννοώντας απλές ιστοσελίδες, θεωρούμε ένα σύνολο αρχείων, κατά βάση τύπου HTML ή ΗΤΜ.
Το FP2003 δεν διαφέρει πολύ από τον κειμενογράφο word όσον αφορά την σύνταξη αρχείων HTML. Αν
κάποιος δεν γνωρίζει καθόλου κώδικα HTML, μέσω του FP2003 και των εργαλείων που αυτό παρέχει μπορεί
να:
Γράψει κείμενο και να το μορφοποιήσει
Εισάγει εικόνες
Εισάγει πίνακες
Εισάγει συνδέσμους (Hyperlinks) που οδηγούν σε άλλες ιστοσελίδες.
Πριν όμως κάποιος αρχίσει να “χτίζει” την ιστοσελίδα του είναι άκρως απαραίτητο να έχει κάνει ένα
σκαρίφημα στο χαρτί με τη διάρθωση που θέλει να έχει η ιστοσελίδα. Ένας καλός τρόπος είναι η εφαρμογή
του Δέντρου, όπου στην κορυφή θα υπάρχει η “Κεντρική Σελίδα” (Homepage), και από κάτω οι επιμέρους
σελίδες.
Επίσης, πολύ σημαντικό είναι όλα τα αρχεία που θα απαρτίζουν την ιστοσελίδα μας, να τα σώζουμε και να
τα επεξεργαζόμαστε σε ΕΝΑΝ φάκελο. Δλδ, αρχεία HTML, εικόνες, video, κτλ.
Συνήθως η κεντρική σελίδα ονοματίζεται index.htm ή index.html, και περιέχει ένα είδος καλωσορίσματος
στον επισκέπτη. Από την κεντρική σελίδα υπάρχουν σύνδεσμοι (hyperlinks) που εμφανίζονται άλλες
σελίδες (δικές μας ή άλλων στο διαδίκτυο).
Παρακάτω δίδεται ένα παράδειγμα που θα βοηθήσει στην κατανόηση της χρήσης πλαισίων.
Ενδιαφέροντα
Πλαίσιο
navbar
Πλαίσιο
main
Το banner θέλουμε πάντα να είναι σταθερό, καθώς θα περιέχει κάποιο λογότυπο κτλ. (banner.html)
Kάτω από το banner και αριστερά θέλουμε να έχουμε μια θεματολογία υπό μορφή Links.
(navigation.html)
Κάτω από το banner και δεξιά, θέλουμε να είναι ο χώρος όπου θα εμφανίζονται τα περιεχόμενα των
Links που θα επιλέγουμε από την αριστερή θεματική λίστα. (mainpage.html)
Η συνολική σελίδα θέλουμε να είναι η index.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