Δικτυακά Πολυμέσα ΙΙ Διάλεξη #12 η : Επανάληψη, προετοιμασία για τις γραπτές εξετάσεις Γαβαλάς Δαμιανός dgavalas@aegean.gr Γραπτή εξέταση H διάρκεια της εξέτασης θα είναι 2 ώρες και 15 Θα απαντήσετε σε όλα τα θέματα. Ανοικτό βιβλίο/σημειώσεις: Μπορείτε να φέρετε στην εξέταση το βιβλίο που σας διανεμήθηκε καθώς και δεμένες σημειώσεις του μαθήματος (διαφάνειες θεωρίας/εργαστηρίου, λύσεις ασκήσεων εργαστηρίου, δικές σας σημειώσεις, κλπ) Φεύγοντας θα πρέπει να παραδώσετε την κόλλα σας και τα θέματα με το όνομα και Α.Μ. σας συμπληρωμένο Θα πρέπει να έχετε μαζί σας αποδεικτικό της ταυτότητας (αστυνομική ταυτότητα ή φοιτητική ταυτότητα με φωτογραφία) ΔΕΝ επιτρέπεται η χρήση τηλεφώνων ή άλλων ηλεκτρονικών συσκευών Απαγορεύεται η μεταξύ σας ανταλλαγή βιβλίων ή σημειώσεων την ώρα της εξέτασης 1
«Βάρος» γραπτής εξέτασης Η εργασία «πιάνει» 20% της συνολικής βαθμολογίας Η ίδια εργασία θα λαμβάνεται υπόψη και για την εξεταστική του Σεπτέμβρη Η εργασία ΔΕΝ θα μπορεί να παραδοθεί το Σεπτέμβρη Η γραπτή εξέταση 80% Όποιος δεν έχει παραδώσει την εργασία θα μπορεί να βαθμολογηθεί με άριστα το 8 «Ύφος» θεμάτων γραπτής εξέτασης: Θεωρία Θα πρέπει να έχετε κατανοήσει τις βασικές έννοιες με τις οποίες ασχοληθήκαμε στη θεωρία του μαθήματος (βλ. http://www2.aegean.gr/dgavalas/dp_ii/lectures.php) gr/dgavalas/dp php) Βασικές έννοιες σχεδιασμού στο web Καλές αρχές / κανόνες σχεδιασμού Γραφικά (formats, βέλτιστη χρήση γραφικών, μενού πλοήγησης βασισμένα σε γραφικά (graphics based) ή σε κείμενο (text based) Γραμματοσειρές και χρώμα Αρχές λειτουργίας μηχανών αναζήτησης Θέματα προσβασιμότητας Σχεδιασμός στον ιστό για κινητές συσκευές (mobile web) 2
«Ύφος» θεμάτων γραπτής εξέτασης: Θεωρία Τα θέματα της θεωρίας μπορούν να είναι: Ερωτήσεις ρωτήσειςπολλαπλήςεπιλογής επιλογής (με αρνητική βαθμολογία για τα λάθη και χωρίς βαθμολογία όταν δε δίνεται απάντηση Θέματα ελεύθερης ανάπτυξης στα οποία θα σας ζητηθεί να αναπτύξετε το πώς κατανοείτε κάποιο συγκεκριμένο θέμα ή αντιμετωπίζετε ένα πρόβλημα «Ύφος» θεμάτων γραπτής εξέτασης: Ασκήσεις Οι ασκήσεις θα αφορούν όλες την τεχνολογία CSS Οι ασκήσεις μπορούν να είναι δύο «τύπων» 1. Μπορεί να σας δοθεί η εικόνα κάποιας «έτοιμης» σελίδας (html κώδικας, μορφοποιημένος με CSS) και να σας ζητηθεί να γράψετε τον CSS κώδικα που μορφοποιεί τη σελίδα με αυτό τον τρόπο Είτε θα σας δοθούν «έτοιμα» τα <div> που υπάρχουν στον html κώδικα είτε θα χρειαστεί να παρέμβετε στον html κώδικα προσθέτοντας τα κατάλληλα <div> που θα σας εξυπηρετήσουν στο σχεδιασμό 2. Μπορεί να σας δοθεί «έτοιμος» CSS κώδικας (ίσως σας δοθεί και η τελική εικόνα μιας σελίδας στην οποία εφαρμόζεται το CSS) και να σας ζητηθεί να εξηγήσετε τον CSS κώδικα 3
«Ύφος» θεμάτων γραπτής εξέτασης: Ασκήσεις 1 ο παράδειγμα Μπορεί να σας ζητηθεί να γράψετε τον CSS κώδικα που μορφοποιεί την παρακάτω σελίδα: <div id= img_caption > <div id= big_box > Λεζάντα εικόνας Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Blablablablablablabla bla <div id= small_box > «Ύφος» θεμάτων γραπτής εξέτασης: Ασκήσεις 2 ο παράδειγμα Μπορεί να σας ζητηθεί να εξηγήσετε τι ακριβώς κάνει κάθε ένας κανόνας ενός CSS: #wrapper { position:absolute; left:50%; top:30px; width: 450px; margin left: 225px; }.box { border: 2px solid #f00; background color:blue; color:#f90; text align:center; font size:100px; font weight:bold; font family:arial, Helvetica, sans serif; } 4
Επανάληψη για γραπτές εξετάσεις Πολύ καλή επανάληψη των διαφανειών της θεωρίας Κατανόηση τεχνικών ορισμού κατάλληλων «λογικών» ενοτήτων σε xhtml έγγραφα (<div id= > >, <div class= >) Επανάληψη στην τεχνολογία των CSS απλοί κανόνες μορφοποίησης, κατανόηση του box model (padding, margin, border, κλπ), background εικόνες, τεχνικές μορφοποίησης, menu hover, μορφοποίηση διάταξης (float, position/top/left), layering (z index), κλπ Είτε έχετε παρακολουθήσει το εργαστήριο είτε όχι, θα σας φανούν χρήσιμα (για πρακτική εξάσκηση) κάποια online CSS tutorials, π.χ.: http://www.w3schools.com/css/ (πολύ καλό!!) http://www.csstutorial.net/ http://www.echoecho.com/css.htm 5