Υπάρχουν επτά διαφορετικές κύριες περιοχές του ιστότοπου πέρα από την αρχική σελίδα. Έτσι, προσέλαβα επτά διαφορετικούς εικονογράφους για να κάνω σχέδια. Αυτό είναι το πρώτο που θα σκάψουμε και θα εφαρμοστεί στον ιστότοπο. Είναι το τμήμα γκαλερί του ιστότοπου και γίνεται από την Erica Sirotich.
Παίζουμε γύρω από το HTML και το CSS για να κάνουμε χώρο για την κεφαλίδα στην κορυφή, κάτι που κάνουμε ουσιαστικά με το padding.
Κάνουμε κάποια αλλαγή μεγέθους με το Photoshop για να έχουμε την εικόνα ακριβώς στο μέγεθος που θέλουμε. Αρκετά πολύ μεγάλο, προς το παρόν, αλλά πιθανότατα θα κάνουμε κάποια πιο έξυπνα πράγματα στο μέλλον για τη φόρτωση γραφικών κεφαλίδας κατάλληλου μεγέθους για το μέγεθος της οθόνης.
Ένα μικρό τέλειο τέχνασμα που χρησιμοποιούμε είναι να προσθέσουμε μια δέσμη κάτω περιθωρίου στην αναδίπλωση σελίδας, έτσι το τέλος της σελίδας έχει κάποια κενή υφή στο κάτω μέρος που δίνει τελικό στο σχέδιο (τουλάχιστον για τώρα, έως ότου ασχοληθείτε με το υποσέλιδο).
Τελειώνουμε με την κεφαλίδα της γκαλερί όμορφα στη θέση της, αλλά έχουμε λίγη δουλειά να κάνουμε σε αυτό, προσθέτοντας ακόμη και τις απεικονίσεις των μικρών μπλε ανθρώπων που έκανε η Erica ως μέρος αυτής της απεικόνισης.
Αρχεία
- 57-CSSFramesFinal.psd.zip