Τώρα που μάθαμε μερικά ακόμα πράγματα για τα blocks, μπορούμε πλέον να διαμορφώσουμε τις σελίδες μας. Σήμερα θα δούμε μερικές ακόμα δυνατότητες που μας παρέχουν τα CSS και θα γεμίσουμε επιτέλους τα κουτιά μας!

Όλα τα elements της HTML έχουν συγκεκριμένες διαστάσεις, είτε πρόκειται για block είτε για inline. Ειδικά τα blocks, καταλαμβάνουν εξ ορισμού όλο το διαθέσιμο πλάτος και έχουν όσο ύψος χρειάζεται για το περιεχόμενο τους. Μέσω CSS όμως μπορούμε να αλλάξουμε τα μεγέθη τους κατά το δοκούν — λαμβάνοντας υπόψιν το box model.

Ωραία όλα αυτά με τα κουτάκια, αλλά, μέχρι στιγμής, όλα είναι άδεια. Έχω να προσθέσω το περιεχόμενο — ο λόγος για τον οποίο δημιουργήθηκε αυτό το site. Και πρέπει να είναι εύχρηστο, εύκολο και σαφες. Για να δούμε τι μπορούμε να κάνουμε…

Αφού είδαμε τα βασικά των CSS, ώρα να προχωρήσουμε στην πράξη. Ο σχεδιασμός, συχνά, ξεκινάει στο χαρτί ή σε κάποιο σχεδιαστικό πρόγραμμα, με πρόχειρα σχέδια, τα οποία δεν αφορούν μόνο στο design αλλά και στην λειτουργικότητα. Βέβαια, το site που δημιούργησα για τα μαθήματα δεν έχει τίποτα ιδιαίτερο — εμένα μου πήρε 4-5 ώρες (τα άρθρα ήταν ήδη έτοιμα) αφού το design είναι πολύ απλό και η λειτουργικότητα περιορισμένη. Ας τα πάρουμε όμως με τη σειρά.

Εγκαινιάζω την νέα χρονιά (καλή χρονιά!) με μια νέα σειρά μαθημάτων – Πρώτα βήματα στα CSS. Με βάση τα μαθήματα HTML θα φτιάξουμε ένα πραγματικό site. Αλλά πρώτα, λίγη θεωρία…