css3.gr

Το Sitemap είναι εκείνη η σελίδα ενός website που περιέχει μια σειρά από links προς όλες τις άλλες σελίδες του. Το link για το Sitemap συνήθως βρίσκεται στο footer κάθε σελίδας. Γενικά είναι μία από τα πιο “αόρατες”, αλλά όχι και πιο ασήμαντες σελίδες ενός website.

Γιατί είναι σημαντική;

• Γιατί δείχνει με μια ματιά τα περιεχόμενα όλου του site. Όσο πιο πολύπλοκη η δομή, τόσο πιο χρήσιμο είναι το Sitemap.
• Γιατί βοηθάει το SEO.
• Γιατί είναι μια σελίδα στην οποία αντρέχουν συχνά οι επισκέπτες με ειδικές ανάγκες προκειμένου να χρησιμοποιήσουν ένα website.

”Βαριέμαι να διαβάζω κείμενα για το πως γράφονται κείμενα. Ειδικά όταν είναι μεγάλα. Βαριέμαι τα κείμενα γενικώς. Θα βάλω φωτογραφίες στη θέση τους.”

Αν έχετε βρεθεί στην παραπάνω θέση έστω και μία φορά, είστε απόλυτα δικαιολογημένοι. Γιατί τα κείμενα γύρω μας, ειδικά τα κείμενα στο Διαδίκτυο είναι πολλά και βαρετά. Χωρίς νεύρο. Δεν προκαλούν κανένα συναίσθημα στον αναγνώστη. Αλλά αντισταθείτε στον πειρασμό να βάλετε φωτογραφίες στη θέση τους. Αντισταθείτε μέχρι να διαβάσετε ένα ακόμα κείμενο: αυτό.

Αν βγάλουμε από το παιχνίδι websites περιεχομένου σχετικού με φωτογραφίες π.χ. Flickr ή με video π.χ. YouTube, όπου το κείμενο λειτουργεί επικουρικά, σε όλες τις υπόλοιπες περιπτώσεις είναι η καρδιά ενός website. Όσο πιο καλογραμμένο είναι το κείμενο, τόσο πιο δυνατή η καρδιά. Το σημείο κλειδί είναι η λέξη “καλογραμμένο”. Τι να σημαίνει αυτό άραγε...

Στην αιώνια μάχη αν πρέπει το layout ενός website να είναι fixed (δηλαδή να καταλαμβάνει συγκεκριμένο πλάτος στην οθόνη) ή liquid (να καταλαμβάνει όλη την οθόνη) υπάρχει ένας ακόμα παίκτης που συχνά ξεχνάμε, το elastic layout.

Τι είναι το elastic layout θα το δούμε σε πολύ λίγο. Ας κάνουμε πρώτα εύκολο το διαχωρισμό μεταξύ fixed και liquid.

Fixed vs. liquid layout

Το fixed layout είναι το πιο συνηθισμένο μοντέλο. Καταλαμβάνει συγκεκριμένο πλάτος στην οθόνη, συνήθως 960px, ώστε να φαίνεται σωστά σε όλες τις συνηθισμένες αναλύσεις οθόνης. Παράδειγμα fixed layout είναι αυτό το site. Το καταλαβαίνει κάποιος με δυο εύκολους τρόπους:

• αν μικρύνει αρκετά το μέγεθος του browser του θα δει ότι από ένα σημείο και μετά ότι τα περιεχόμενα δε χωράνε σε αυτό, ενώ ταυτόχρονα το πλάτος παραμένει σταθερό
• αν πατήσει στο πληκτρολόγιο του Ctrl+ ή Ctrl- θα δει ότι μεγαλώνουν ή μικραίνουν τα γράμματα, χωρίς όμως να αυξάνεται ή να μειώνεται το πλάτος της γραμμής

Το liquid layout τώρα, αναλαμβάνει να καλύψει όλο το διαθέσιμο χώρο του browser όποιο μέγεθος κι αν έχει αυτός. Ένα παράδειγμα liquid layout είναι το molly.com της σπουδαίας advocate των Web Standards, Molly Holzschlag.

Το liquid layout θεωρείται αρκετά μη βολικό και δε θα ασχοληθούμε και ιδαίτερα μαζί του.

Τι θα έκανες αν έπρεπε να δημιουργήσεις το πιο σημαντικό design της μέχρι τώρα πορείας σου; Το design εκείνο που θα σε έβγαζε από τη λίστα των γνωστών, πλην συνηθισμένων, σχεδιαστών για το Web και που θα σου άνοιγε τους ορίζοντες;

Πώς ξεφεύγεις από το μπλοκάρισμα και τις συνηθισμένες πρακτικές σου ώστε να δημιουργήσεις κάτι αληθινά δυνατό; Πώς τελικά βγάζεις τη δημιουργικότητά σου στην οθόνη;

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