Σημειώσεις σχετικά με την εργασία αυτή.

Εκφώνηση Ασκησης:

Να σχεδιάσετε και να υλοποιήσετε έναν ιστότοπο στον προσωπικό σας φάκελο "webpages", έτσι ώστε να είναι προσβάσιμος από το διαδίκτυο. Επιλέξτε ένα από τα παρακάτω θέματα:
1. On-line φοιτητικό περιοδικό.
2. Διαμαρτυρία για ένα φοιτητικό θέμα που απασχολεί έντονα την ακαδημαϊκή κοινότητα.
3. Προβολή του νέου κυλικείου και των διαδικασιών λειτουργίας του.
4. Ο φοιτητικός ραδιοφωνικός σταθμός που πρόκειται να λειτουργήσει.

Ο ιστότοπος θα πρέπει να αποτελείται από ένα σύνολο ιστοσελίδων που διαμορφώνουν μία λογική ενότητα πληροφοριών για το θέμα που θα επιλέξετε. Ζητείται να έχει τα παρακάτω χαρακτηριστικά:
1. Ο αναγνώστης μπορεί να μετακινηθεί σε όλες τις ιστοσελίδες χρησιμοποιώντας υπερσυνδέσμους και να βρει εύκολα τις πληροφορίες που χρειάζεται.
2. Το περιεχόμενο παρουσιάζεται σε μορφή απλή, ευχάριστη και ευανάγνωστη. Οι ιστοσελίδες θα πρέπει να παραμένουν ευανάγνωστες σε διάφορα μεγέθη παραθύρων και αναλύσεις οθόνης. Επίσης θα πρέπει να είναι σχεδιασμένες έτσι ώστε να είναι αναγνώσιμες με ικανοποιητική ταχύτητα, από κάποιον που χρησιμοποιεί modem 56Kbps.
3. Χρησιμοποιούνται πίνακες (tables) ή/και πλαίσια (frames) για τη διαίρεση των ιστοσελίδων σε ενότητες και για τη σωστή στοίχιση ή τοποθέτηση των στοιχείων (κειμένου και εικόνων) σε κάθε ιστοσελίδα.
4. Χρησιμοποιείται ένα εξωτερικό φύλλο στυλ (style sheet) για τον ομοιόμορφο καθορισμό της μορφοποίησης των ιστοσελίδων (π.χ. γραμματοσειρές, χρώματα, υπερσύνδεσμοι, μορφοποίηση τίτλων και εικόνων κλπ).

Σημειώσεις:
• Ο βαθμός αυτής της εργασίας αντιστοιχεί στο 20% της τελικής βαθμολογίας. Για κάθε ένα από τα 4 θέματα θα επιλεχθεί η καλύτερη εργασία και θα δοθεί bonus ενός βαθμού στην τελική βαθμολογία του μαθήματος.
• Οι σελίδες που θα παραδοθούν θα πρέπει να περιέχουν καθαρό κείμενο HTML, χωρίς εξειδικευμένα στοιχεία που προστίθενται από προγράμματα επεξεργασίας HTML, όπως το Frontpage.
• Η εργασία είναι ατομική και παραδίδεται το πολύ έως τις 15/01/2004, στέλνοντας e-mail στη διεύθυνση dlek@aegean.gr και αναφέροντας το URL από όπου είναι προσβάσιμες οι ιστοσελίδες σας. Μετά την ημερομηνία παράδοσης δεν θα πρέπει να γίνει καμία αλλαγή στο περιεχόμενο των ιστοσελίδων.

Περιγραφή ιδέας-υλοποίησης:

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

Λόγω του ότι ο σταθμός δεν έχει δημιουργηθεί ακόμη, κι έτσι μερικές πληροφορίες, π.χ. το πρόγραμμα, οι συντελεστές δεν ήταν δυνατόν να συλλεχθούν και να αναφερθούν, οπότε οι αντίστοιχοι σύνδεσμοι, πληροφορίες κι ονόματα είναι αποτέλεσμα προσωπικής μου έμπνευσης κι είτε παραμένουν ανενεργοί, είτε είναι προετοιμασμένες οι αντίστοιχες σελίδες για να προστεθούν τα απαραίτητα στοιχεία, στο μέλλον.
Παραδείγματα τέτοια μέσα στον ιστότοπο αυτό μπορούν να είναι κι η σελίδα όπου αναφέρεται κι η ζωντανή αναμετάδοση μέσω διαδικτύου κ.λ.π.
Αλλο παράδειγμα είναι το Πρόγραμμα του σταθμού, για το οποίο υπάρχει ένας πίνακας με μη αληθή στοιχεία, για τις ημέρες της εβδομάδας και τους συντελεστές.
Όμοια είναι κι η αντίστοιχη σελίδα με τους συντελεστές. Εδώ μάλιστα, έχει υπολογιστεί η προαιρετική φωτογραφία που ίσως θα ήθελαν να προσθέσουν οι φοιτητές-παραγωγοί του σταθμού. Αν το πεδίο/ κελί του αντίστοιχου πίνακα βέβαια αφεθεί κενό, πιστεύω πως δεν θα επηρεάσει ιδιαίτερα τη στοίχιση και γενική μορφή της σελίδας.

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

Παίρνοντας υπόψιν μου το βιβλίο του μαθήματος, όπου αναφέρει ότι κάποιες ετικέτες της HTML δεν συνιστώνται πλέον, όπως η font, bgcolor, κ.λ.π., και συνάμα τονίζει τη χρήση φύλλων στιλ, προσπαθώ να προχωρήσω όσον το δυνατόν γίνεται περισσότερο προς αυτήν την κατεύθυνση. Έτσι, στο σύνολο σχεδόν του ιστότοπου χρησιμοποιώ ένα εξωτερικό φύλλο στιλ στο οποίο αναφέρονται όλες οι σελίδες. Υπάρχουν μερικά σημεία ωστόσο, όπου χρησιμοποιώ και τοπικά στιλ, ή αλλού όπου αναγκάζομαι να καταφύγω σε τέτοιες ετικέτες, αλλά πιστεύω ότι είναι ελάχιστες αυτές.

Συνειδητά επίσης αποφεύγω να χρησιμοποιήσω τα πλαίσια (Frames), αφού όπως έχει αναφερθεί, δεν συνιστώνται για ανθρώπους με κάποιες ιδιαίτερες δυσκολίες - ατομα με ειδικές ανάγκες.
Αποφεύγω ακόμη, τουλάχιστον στη βασική μορφή της ιστοσελίδας, τη χρήση πολλών εικόνων, για να μην επιβαρύνω τη σελίδα, αλλά και να μην κουράσω πολύ το χρήστη. Δίνω έτσι -πιστεύω- τη δυνατότητα να προστεθούν ίσως κι άλλες εικόνες (π.χ. στη σελίδα με τον Εξοπλισμό ή τους Συντελεστές), χωρίς να «φορτώσουν» ιδιαίτερα τη σελίδα.
Μάλιστα, στις δύο παραπάνω σελίδες, όπου υπάρχουν πίνακες που προορίζονται για να υποδεχθούν φωτογραφίες, έχω δηλώσει με ακρίβεια τις διαστάσεις που προτιμάται για τη φωτογραφία.

Εδωσα λίγη προσοχή και στην υπαρκτή πιθανότητα ο χρήστης να θέλει να εκτυπώσει μια σελίδα από τον ιστότοπο αυτό. Ο ορισμός των πινάκων με ποσοστά, προσφέρει μια πολύ καλή και βολική λύση γι' αυτό. Έτσι, η σελίδα εμφανίζεται σωστά τόσο σε εκτυπωμένη μορφή (χωρίς να «κόβονται» τμήματά της, τόσο και σε διαφορετικά μεγέθη παραθύρου-ανάλυσης οθόνης (οι ιστοσελίδες έχουν ελεγχθεί σε οθόνες ανάλυσης 1400x1050, 1024x768, 800x600.). Τέλος, να προσθέσω ότι οι ιστοσελίδες εξετάστηκαν επίσης, εκτός από τον Internet Explorer κι από τον Mozilla περιηγητή ιστοσελίδων, χωρίς προβλήματα.