Άσκηση 11 Κατασκευή ολοκληρωμένου ιστότοπου Περιγραφή: Στη συγκεκριμένη άσκηση πρόκειται να δημιουργήσετε έναν ολοκληρωμένο ιστότοπο με θέμα της επιλογής σας. Οδηγίες: Θα χρησιμοποιήσετε τον ιστότοπο Weebly προκειμένου να δημιουργήσετε έναν δικό σας ιστότοπο με θεματολογία που θα επιλέξετε και υλικά που θα βρείτε στο διαδίκτυο (κείμενα, εικόνες, ήχο, video κ.λπ.). Η θεματολογία που θα επιλέξετε θα ήταν προτιμότερο να είναι πολιτιστική ή τουριστική. Παραδείγματα: Μουσείο, Τουριστική μονάδα, Τοποθεσία με έμφαση στον τουρισμό, Πολιτιστικό γεγονός (φεστιβάλ, δρώμενο κ.λπ.), Αθλητισμός, Ιστορία. Όσοι επιθυμούν όμως, μπορούν να δημιουργήσουν έναν ιστότοπο γενικότερου ενδιαφέροντος. Προδιαγραφές: 1. Ο ιστότοπος θα περιλαμβάνει τουλάχιστον 6 διαφορετικές ιστοσελίδες. 2. Από τη θεματολογία του ιστοτόπου πρέπει οπωσδήποτε να προκύψουν υποκατηγορίες σε κάποια γενική κατηγορία στο μενού πλοήγησης. 3. Ο ιστότοπος πρέπει να περιλαμβάνει τουλάχιστον μία φορά τα εξής: πεδίο τίτλου εικόνα αριθμημένη ή μη αριθμημένη λίστα κειμένου κείμενο με διάφορες επεξεργασίες (αλλαγή χρώματος, τονισμού, μεγέθους) συνδέσμους σε ιστοσελίδες του site σας αλλά και εξωτερικές ιστοσελίδες συνδέσμους σε κάθε σελίδα για την πηγή του κειμένου σας φόρμα επικοινωνίας με τα εξής πεδία: όνομα, επώνυμο, email, σχόλια, ερώτηση Σας άρεσε ο ιστότοπος; με επιλογές απαντήσεων Πολύ, Λίγο, Καθόλου με το εργαλείο Options Buttons. Οδηγίες δίνονται παρακάτω. Χάρτη Video youtube Διαχωριστικό κειμένου (Divider) κάθετο για δημιουργία στηλών Πεδίο κατεβάσματος αρχείου (File). Το αρχείο που θα είναι διαθέσιμο για κατέβασμα θα είναι της επιλογής σας αλλά σχετικό με τη θεματολογία του ιστοτόπου. π.χ. pdf ή έγγραφο word με περισσότερες πληροφορίες, εικόνα σε μεγαλύτερη ανάλυση Οδηγίες για τη δημιουργία φόρμας επικοινωνίας: Όταν θα εισάγετε τη φόρμα επικοινωνίας (Contact Form) θα είναι συμπληρωμένη με κάποια πεδία που φαίνονται παρακάτω. Αυτό που χρειάζεται να κάνετε είναι να αλλάξετε τα ονόματα των πεδίων και να κάνετε τις απαραίτητες ρυθμίσεις:
Στο σημείο που λέει Click here to edit πατήστε και πληκτρολογήστε Φόρμα Επικοινωνίας. Στη συνέχεια πατήστε στο πεδίο Name. Στο παράθυρο που εμφανίζεται πληκτρολόγίστε στο πεδίο τίτλου Ονοματεπώνυμο. Εισάγετε το εργαλείο Options buttons ανάμεσα στο πεδίο Email και στα Σχόλια. Πατήστε πάνω του και συμπληρώστε στο Field Title την ερώτηση: Σας άρεσε η πλοήγηση στο site; Επίσης απενεργοποιείστε το κουμπί Required. Πατήστε στην επιλογή Option Items. Στο παράθυρο που εμφανίζεται πληκτρολογήστε τις απαντήσεις όπως φαίνεται στην παρακάτω εικόνα.
Επιλέξτε το πεδίο Comments. Αλλάξτε τον τίτλο σε Σχόλια, απενεργοποιείστε το Required και αλλάξτε τις διαστάσεις πατώντας το Width & Height. Αλλάξτε το πλάτος (Width) του πεδίου σε μεγάλο (Large). Επιλέξτε το κουμπί Submit. Πατήστε στην επιλογή Button και αλλάξτε τον τίτλο του σε Υποβολή.
Η τελική μορφή της φόρμας επικοινωνίας πρέπει να είναι η παρακάτω: Οδηγίες ρύθμισης Χάρτη Εισάγουμε το εργαλείο του χάρτη και πατώντας πάνω προσθέτουμε στο πεδίο τη διεύθυνση που θα εμφανίζεται στο κεντρικό του σημείο: Επίσης μπορούμε να αλλάξουμε το πόσο zoom θα έχει, το μέγεθος του παραθύρου και τη στοίχισή του στη σελίδα. Οδηγίες ρύθμισης Video Youtube Εισάγουμε το πεδίο στην ιστοσελίδα και πατάμε πάνω. Στο παράθυρο που εμφανίζεται, στο πρώτο της πεδίο αντιγράφουμε τη διεύθυνση του video στο youtube που επιθυμούμε να προβάλλεται.
Οδηγίες ρύθμισης κατεβάσματος αρχείου Εισάγουμε το πεδίο File στην ιστοσελίδα. Πατάμε πάνω του και στο κουμπί Upload file πατάμε και επιλέγουμε το αρχείο στον υπολογιστή μας που θα ανέβει στο site και θα είναι διαθέσιμο στους χρήστες να το κατεβάσουν.