Πρώτα βήματα στα CSS: em, px και %
Όλα τα elements της HTML έχουν συγκεκριμένες διαστάσεις, είτε πρόκειται για block είτε για inline. Ειδικά τα blocks, καταλαμβάνουν εξ ορισμού όλο το διαθέσιμο πλάτος και έχουν όσο ύψος χρειάζεται για...
View ArticleΠρώτα βήματα στα CSS: float
Τώρα που μάθαμε μερικά ακόμα πράγματα για τα blocks, μπορούμε πλέον να διαμορφώσουμε τις σελίδες μας. Σήμερα θα δούμε μερικές ακόμα δυνατότητες που μας παρέχουν τα CSS και θα γεμίσουμε επιτέλους τα...
View ArticleΠρώτα βήματα στα CSS: μενού
Έχοντας ολοκληρώσει τα header και container, μπορούμε να δούμε το μενού πλοήγησης του site. Η λίστα ul (unordered list) είναι το καταλληλότερο tag για την δημιουργία του βασικού μας μενού και με την...
View ArticleΠρώτα βήματα στα CSS: hacks και bugs
Τα CSS hacks ανακαλύφθηκαν επειδή ο κάθε browser -ασχέτως με το πόσο κοντά στα standards βρίσκεται- έχει δική του άποψη για το πως θα ερμηνεύσει τον κώδικα CSS. Περίεργο, αλλά συμβαίνει, και τις...
View ArticleBreadcrumb navigation και άλλες ιστορίες!
Μετά από 6 δύσκολους, σε προσωπικό αλλά και επαγγελματικό επίπεδο, επιστρέφω στην ενεργό «δράση», με ένα σύντομο tutorial και τις καλύτερες ευχές για τη νέα χρονιά που μόλις πριν από 1 μήνα...
View ArticleΠρώτα βήματα στην HTML: το DOCTYPE
Αυτό είναι το πρώτο από μια σειρά άρθρων που ολοκλήρωσα στα τέλη του 2007 και πλέον πρέπει να επικαιροποιηθούν. Πρόκειται για τα πρώτα βήματα στην HTML και θα προσθέσω πληροφορίες για την HTML5 που...
View ArticleΠρώτα βήματα στην HTML: html και head
Αφού αποφασίσαμε τι είδους/version «γλώσσα» θα χρησιμοποιήσουμε για το site μας, ώρα να ξεκινήσουμε! Θα υποθέσω προς το παρόν οτι φτιάχνουμε ένα site σε HTML Strict 4.01 και, σε κάποιο επόμενο άρθρο,...
View ArticleΠρώτα βήματα στην HTML: body και τα πρώτα tags
Φτάσαμε στο <body>. Τώρα αρχίζουν τα δύσκολα διότι, ότι γράψουμε από εδώ και πέρα θα εμφανιστεί στο διαδίκτυο και θα μείνει για πάντα! Εδώ θα μπει το βιογραφικό μας σημείωμα, η φόρμα...
View ArticleΠρώτα βήματα στην HTML: table
Τα tables (πίνακες) είναι ίσως τα πιο κακομεταχειρισμένα tags της HTML. Τα περισσότερα sites που υπάρχουν στο διαδίκτυο και είναι φτιαγμένα μέχρι πριν από 5-6 χρόνια χρησιμοποιούν πίνακες για το design...
View ArticleΠρώτα βήματα στην HTML: form
Θα κλείσουμε αυτή την σύντομη ξενάγηση στα βασικότερα tags της HTML με τα form, label, input και τα υπόλοιπα tags που μας επιτρέπουν να σχεδιάσουμε κάθε είδους φόρμας. Δυστυχώς, οι φόρμες της HTML,...
View Article.webp)
.jpg)
