Εργασία: Κατασκευή απλής ιστοσελίδας

Τα αρχεία ιστοσελίδων έχουν επέκταση html ή htm. Το Microsoft Word μας παρέχει έναν εύκολο τρόπο για να δημιουργήσουμε ιστοσελίδες αφού μπορούμε να μετατρέψουμε ένα έγγραφο του Word σε HTML. Όταν δημιουργούμε μια ιστοσελίδα, το Word προσαρμόζει ορισμένες γραμμές εργαλείων, μενού και επιλογές, προκειμένου να έχουμε στη διάθεσή μας, τις δυνατότητες σύνταξης ιστοσελίδων.

Η ιστοσελίδα μας θα περιέχει: α) κείμενο, β) μία εικόνα / φωτογραφία, γ) φόντο, δ) ήχο παρασκηνίου και ε) Σύνδεση με την αρχική σελίδα εργασιών των μαθητών.

Βήμα 1ο: Πληκτρολόγηση του κειμένου

Ανοίγουμε το πρόγραμμα επεξεργασίας κειμένου Microsoft Word. Πληκτρολογούμε το κείμενο, χωρίς καμία μορφοποίηση.

Βήμα 2ο: Αποθήκευση σε μορφή ιστοσελίδας

  1. Από το μενού "Αρχείο", επιλέγουμε "Αποθήκευση ως HTML" .
  2. Στο παράθυρο που εμφανίζεται, ανοίγουμε το φάκελο μέσα στον οποίο θέλουμε να αποθηκευτεί η ιστοσελίδα και στο πλαίσιο "Όνομα αρχείου" πληκτρολογούμε ένα όνομα για την ιστοσελίδα (Γράψτε το όνομα μόνο με αγγλικούς χαρακτήρες, χωρίς κενά και ειδικά σύμβολα. Αν το όνομα αποτελείται από περισσότερες από μία λέξεις, χωρίστε τες με -). Κάνουμε κλικ στο κουμπί "Αποθήκευση".
  3. Εμφανίζεται ένα παράθυρο το οποίο μας προειδοποιεί ότι η μορφοποίηση του εγγράφου ίσως χαθεί και μας ρωτά αν θέλουμε να γίνει η αποθήκευση. Κάνουμε κλικ στο κουμπί ΝΑΙ.
  4. Τέλος, μας ζητείται να επιλέξουμε γλώσσα. Επιλέγουμε "Ελληνική" και να κάνουμε κλικ στο κουμπί ΟΚ.

Βήμα 3ο: Μορφοποίηση του κειμένου

Τώρα μορφοποιούμε το κείμενο. Παρατηρείστε ότι δεν μπορείτε να ορίσετε συγκεκριμένο μέγεθος χαρακτήρων, όπως στα έγγραφα του Word. Για να μεγαλώσετε κάποιους χαρακτήρες, επιλέξτε τους και κάντε κλικ στο κουμπί "Α" . Για να μικρύνετε κάποιους χαρακτήρες, επιλέξτε τους και κάντε κλικ στο κουμπί "Α"

Βήμα 4ο: Εισαγωγή εικόνας

  1. Κάνουμε κλικ στο σημείο όπου θέλουμε να εισάγουμε την εικόνα.
  2. Από το μενού "Εισαγωγή", επιλέγουμε "Εικόνα" - "Από αρχείο".
  3. Ανοίγουμε το φάκελο μέσα στον οποίο βρίσκεται η εικόνα που θέλουμε να εισάγουμε και κάνουμε κλικ στο αρχείο εικόνας.
  4. Τέλος, κάνουμε κλικ στο κουμπί "Εισαγωγή".

Κάνοντας κλικ πάνω στην εικόνα, εμφανίζεται το παράθυρο "Εικόνα". Κάνοντας κλικ στο 2ο κουμπί (Δεξιά αναδίπλωση) του παραθύρου, η εικόνα τοποθετείται δεξιά του κειμένου (όπως είναι σ' αυτή τη σελίδα), ενώ αν κάνουμε κλικ στο 3ο κουμπί (Αριστερή αναδίπλωση), η εικόνα τοποθετείται αριστερά του κειμένου.

Αν χρειάζεται, μπορούμε να την αυξομειώσουμε (όπως τα παράθυρα των Windows).

Βήμα 5ο: Εισαγωγή φόντου (Background)

Από το μενού "Μορφή", επιλέγουμε "Φόντο".

α) Μπορούμε να επιλέξουμε ως φόντο, ένα από τα χρώματα που εμφανίζονται (ή να κάνουμε κλικ στην επιλογή "Περισσότερα χρώματα" για να δούμε περισσότερα χρώματα ή και να ορίσουμε δικά μας).

ή

β) Κάνοντας κλικ στην επιλογή "Εφέ γεμίσματος" μπορούμε να επιλέξουμε έναν από τους προτεινόμενους φόντους ή να κάνουμε κλικ στο κουμπί "Άλλη υφή" και να αναζητήσουμε μέσα στους φακέλους του σκληρού μας δίσκου, την εικόνα που θέλουμε να εισάγουμε ως φόντο.

Βήμα 6ο: Εισαγωγή ήχου παρασκηνίου

  1. Από το μενού "Εισαγωγή", επιλέγουμε "Ήχος παρασκηνίου" - "Ιδιότητες".
  2. Από το παράθυρο "Ήχος παρασκηνίου" που εμφανίζεται, κάνουμε κλικ στο κουμπί "Αναζήτηση". Βρίσκουμε το αρχείο ήχου που θέλουμε να ακούγεται στο παρασκήνιο και κάνουμε κλικ στο κουμπί "Άνοιγμα".
  3. Στο παράθυρο "Ήχος παρασκηνίου" ορίζουμε τον αριθμό των επαναλήψεων και κάνουμε κλικ στο κουμπί ΟΚ.

Βήμα 7ο: Εισαγωγή δεσμού με άλλη ιστοσελίδα

1. Επιλέγουμε τη λέξη, φράση ή εικόνα η οποία θέλουμε να μας οδηγεί στην άλλη ιστοσελίδα (δεσμός).

2. Από το μενού "Εισαγωγή", επιλέγουμε "Δεσμός". Εμφανίζεται το παράθυρο "Εισαγωγή δεσμού". Στο πλαίσιο "Σύνδεση με αρχείο ή URL"

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

ή καλύτερα

β) κάνουμε κλικ στο κουμπί "Αναζήτηση". Εμφανίζεται το παράθυρο "Σύνδεση με το αρχείο". Βρίσκουμε το φάκελο που περιέχει την ιστοσελίδα, στην οποία θέλουμε να οδηγείται ο χρήστης, όταν κάνει κλικ πάνω στη λέξη ή στην εικόνα, επιλέγουμε τη ζητούμενη ιστοσελίδα και κάνουμε κλικ στο κουμπί ΟΚ.

3. Στο παράθυρο "Εισαγωγή δεσμού" κάνουμε κλικ στο κουμπί ΟΚ.

4. Η λέξη ή η εικόνα πάνω στην οποία κάναμε εισαγωγή δεσμού, εμφανίζεται τώρα υπογραμμισμένη. Αν κάνουμε κλικ πάνω της, θα μας οδηγήσει στην ιστοσελίδα που επιλέξαμε στο παράθυρο "Σύνδεση με το αρχείο".