RESPONSIVE WEB DESIGN

Ένα website, που έχει κατασκευαστεί ακολουθώντας την εξειδικευμένη προσέγγιση του Responsive Web Design, προσαρμόζεται δυναμικά και άμεσα σε κάθε ανάλυση και προσανατολισμό οθόνης. Ακριβέστερα, διαμορφώνεται με τέτοιο τρόπο, ώστε το περιεχόμενο του να απεικονίζεται σωστά, σε κάθε οθόνη στην οποία εμφανίζεται το website (οθόνη υπολογιστή, tablet, κινητού τηλεφώνου).

Εκτός από την προφανή διευκόλυνση του χρήστη, μέσω της λειτουργικότητας που προσφέρει, η μεγάλη τομή που εισάγει το Responsive Web Design είναι η διευκόλυνση στη διαχείριση: Δηλαδή, αντί να υπάρχουν δύο ή περισσότερα websites, τα οποία χρειάζονται ξεχωριστή ενημέρωση, υπάρχει για ενημέρωση μόνον ένα ευέλικτο website το οποίο μπορεί να προσαρμοστεί σε κάθε οθόνη.

Σήμερα, η αλματώδης αύξηση της χρήσης κινητών συσκευών για πλοήγηση στο web, καθιστά απαραίτητη την κατασκευή ενός website ως Responsive website, εφόσον αυτή εξασφαλίζει την πληρέστερη και πιo αποδοτική προβολή στο web.

Εισηγητής: Κώστας Λαζαρόπουλος, Programmer – Web Designer

Ο Κώστας Λαζαρόπουλος είναι διπλωματούχος αρχιτέκτονας μηχανικός Ε.Μ.Π. Έχει συνεργαστεί με διαφημιστικές εταιρείες, δημιουργικά γραφεία και εταιρείες γραφικών τεχνών, παρέχοντας υπηρεσίες ψηφιακής επεξεργασίας εικόνας, ψηφιακής σελιδοποίησης εντύπου, καθώς και υπηρεσίες σχεδιασμού εφαρμογών πολυμέσων (multimedia). Έχει σχεδιάσει websites εταιρειών και οργανισμών, καθώς και πειραματικές διαδραστικές κατασκευές για το διαδίκτυο. Είναι υποψήφιος διδάκτορας Πληροφορικής στο Ε.Μ.Π.

Σε ποιους απευθύνεται

Απευθύνεται σε επαγγελματίες (γραφίστες, web designers) οι οποίοι γνωρίζουν την κλασσική κατασκευή ενός website (μέσω HTML και CSS) και θέλουν να επεκτείνουν τα επαγγελματκά τους εφόδια, γνωρίζοντας μία νέα εξειδικευμένη μέθοδο κατασκευής website.

Αναλυτικό Πρόγραμμα Σεμιναρίου

Γενικές θεωρητικές έννοιες για την εισαγωγή στο Responsive Web Design.
Η έννοια και ο ορισμός του Viewport.
Η έννοια του Grid-View και η κατασκευή ενός Responsive Grid-View.
Η ειδική οργάνωση του περιεχομένου για τη δημιουργία ενός Responsive website.
Ο απαραίτητος κώδικας (HTML 5.0 και CSS 3.0) για τη δημιουργία Responsive δομών.
Αναλυτικά σχόλια στον παραπάνω κώδικα.
Η τεχνική των Media Queries.
Η διαχείριση των Media Queries (Managing Media Queries).
Η τεχνική της προσθήκης Breakpoints.
Η διαχείριση των εικόνων και ο κώδικας που τη συνοδεύει σε ένα Responsive website.
Η διαχείριση των videos και ο κώδικας που τη συνοδεύει σε ένα Responsive website.
Η διαχείριση του διαδραστικού (interactive) περιεχομένου σε ένα Responsive website.
Η εισαγωγή menus διαφόρων τύπων στα Responsive websites.
Περί Responsive Web Design Frameworks.
Θεωρητικές αναφορές και ανάλυση στις έννοιες των User Experience Design (UX) και User Interface Design (UI).
Οι αρχές της δημιουργίας ενός ευέλικτου Layout για ένα Responsive website, ακολουθώντας βασικούς κανόνες των UX και UI.
Κατασκευή ενός πλήρους Responsive website, με χρήση προχωρημένου κώδικα HTML και CSS.