ιδακτικό υλικό µαθητή δηµιουργία ιστοσελίδων Για να εµφανισθεί µια ιστοσελίδα στην οθόνη, πρέπει ο φυλλοµετρητής να εκτελεί τις εντολές ενός προγράµµατος που είναι γραµµένο µε ειδικό λογισµικό Οι ιστοσελίδες δηµιουργούνται µε διάφορους τρόπους, µε βασικούς τους ακόλουθους: 1 Με τη γλώσσα HTML είτε και µε άλλες γλώσσες 74 1998-1999, 1999-2000 ΠανΠειραιώς-ΤµΠληρ/κής & Παιδαγωγικό Ινστιτούτο-Έργο ΣΕΠΠΕ
Γνωριµία µε τους υπολογιστές 2 Με τη χρήση εξειδικευµένου λογισµικού όπου ο χρήστης δη- µιουργεί την κάθε σελίδα όπως σε ένα κειµενογράφο, (γράφει και µορφοποιεί κείµενο, τοποθετεί εικόνες, κά) Το πρόγραµµα αυτόµατα δηµιουργεί τις κατάλληλες εντολές της γλώσσας HTML που αντιστοιχούν στη σελίδα Ένα τέτοιο περιβάλλον είναι το FrontPage της Microsoft Παράδειγµα Για τη δηµιουργία ιστοσελίδων που περιέχουν πληροφορίες για το Σχολείο µας πρέπει πρώτα να ορίσουµε το περιεχόµενο, τη δοµή και τη µορφοποίησή τους Μια απλή µορφή είναι η ακόλουθη: 1998-1999, 1999-2000 ΠανΠειραιώς-ΤµΠληρ/κής & ΠαιδΙνστιτούτο-Έργο ΣΕΠΠΕ 75
ιδακτικό υλικό µαθητή Όνοµα αρχείου:αρχικηhtml ηµοτικό Σχολείο Φωτογραφία Σχολε ίου ΤΑΞΗ ΣΤ Οµάδα1 Οµάδα2 Το σχολείο Οι µαθητές Οι εκδηλώσεις µας Όνοµα Το Σχολείο ΤΑΞΕΙΣ Α Β ΣΤ αρχείου: Επιστροφή ΦωτογρΟµ άδας Κείµενο 76 1998-1999, 1999-2000 ΠανΠειραιώς-ΤµΠληρ/κής & Παιδαγωγικό Ινστιτούτο-Έργο ΣΕΠΠΕ Επιστροφή
Γνωριµία µε τους υπολογιστές Για να δηµιουργήσουµε αυτές τις ιστοσελίδες, µε το περιβάλλον FrontPage, θα πρέπει να εργαστούµε σε γενικές γραµµές- µε τον ακόλουθο τρόπο που µοιάζει µε τη δηµιουργία εγγράφου Από τον κατάλογο Αρχείο επιλέγουµε ηµιουργία και το περιβάλλον ρωτά για το πρότυπο που θα χρησιµοποιηθεί για τη δηµιουργία της σελίδας 1998-1999, 1999-2000 ΠανΠειραιώς-ΤµΠληρ/κής & ΠαιδΙνστιτούτο-Έργο ΣΕΠΠΕ 77
ιδακτικό υλικό µαθητή Από την επιλογή Ιδιότητες σελίδας µπορούµε να ορίσουµε παραµέτρους που αφορούν τη σελίδα, όπως το Φόντο για παράδειγµα σε γκρι χρώµα 78 1998-1999, 1999-2000 ΠανΠειραιώς-ΤµΠληρ/κής & Παιδαγωγικό Ινστιτούτο-Έργο ΣΕΠΠΕ
Γνωριµία µε τους υπολογιστές Στη συνέχεια γράφουµε κείµενο και το µορφοποιούµε ή εισάγουµε εικόνα από αρχείο 1998-1999, 1999-2000 ΠανΠειραιώς-ΤµΠληρ/κής & ΠαιδΙνστιτούτο-Έργο ΣΕΠΠΕ 79
ιδακτικό υλικό µαθητή Συµπληρώνουµε το κείµενο και το µορφοποιούµε 80 1998-1999, 1999-2000 ΠανΠειραιώς-ΤµΠληρ/κής & Παιδαγωγικό Ινστιτούτο-Έργο ΣΕΠΠΕ
Γνωριµία µε τους υπολογιστές ηµιουργούµε συνδέσµους από σηµεία της σελίδας προς άλλες σελίδες Έτσι για παράδειγµα, µπορούµε να δηµιουργήσουµε υπερσύνδεσµο µεταξύ της φράσης «Το Σχολείο µας» και της ιστοσελίδας µε όνοµα αρχείου SXOLEIOHTML Αυτό γίνεται επιλέγοντας τη σχετική φράση και πληκτρολογώντας, στο σχετικό πλαίσιο, το όνοµα του αρχείου της ιστοσελίδας που θα καλείται 1998-1999, 1999-2000 ΠανΠειραιώς-ΤµΠληρ/κής & ΠαιδΙνστιτούτο-Έργο ΣΕΠΠΕ 81
ιδακτικό υλικό µαθητή Με παρόµοιο τρόπο συµπληρώνουµε τα υπόλοιπα στοιχεία της ιστοσελίδας Την αποθηκεύουµε σε αρχείο, για παράδειγµα το 31html Με τον ίδιο τρόπο δηµιουργούµε την ιστοσελίδα για την επιλογή «το Σχολείο» και την αποθηκεύουµε στο αρχείο SXOLEIOΗΤΜ 82 1998-1999, 1999-2000 ΠανΠειραιώς-ΤµΠληρ/κής & Παιδαγωγικό Ινστιτούτο-Έργο ΣΕΠΠΕ
Γνωριµία µε τους υπολογιστές Για να ελέγξουµε τη δουλειά µας πρέπει να καλέσουµε από κάποιον φυλλοµετρητή, για παράδειγµα τον Internet Explorer, το αρχείο 31html και να οδηγηθούµε στις επιλογές του 1998-1999, 1999-2000 ΠανΠειραιώς-ΤµΠληρ/κής & ΠαιδΙνστιτούτο-Έργο ΣΕΠΠΕ 83