Στο σημερινό άρθρο θα σας παρουσιάσουμε πως μπορείτε να βάλετε φόντο στην ιστοσελίδα που σχεδιάζετε με την χρήση CSS (Cascading Style Sheets). Ουσιαστικά η τεχνική που θα ακολουθήσουμε είναι απλή αλλά μπορούν να χρησιμοποιηθούν διάφορες παραλλαγές ώστε να πετύχετε το εικαστικό αποτέλεσμα που επιθυμείτε. (περισσότερα…)

Με απλές τεχνικές CSS (Cascading Style Sheets) μπορείτε να διορθώσετε αρκετά θέματα ασυμβατότητας στα διάφορα προγράμματα πλοήγησης διαδικτύου (cross browser issues) και παράλληλα να δώσετε την λεπτομέρεια που επιθυμείτε στην ιστοσελίδα – website που σχεδιάζετε. (περισσότερα…)

Με την χρήση των CSS (Cascading Style Sheets) μπορείτε να διαμορφώσετε αρκετά στοιχεία προβολής στην ιστοσελίδα που σχεδιάζετε. Μπορείτε να εμπλουτίσετε γραφικά και διάφορα εικονίδια, ώστε να δημιουργήσετε μία πιο όμορφη και ελκυστική ιστοσελίδα χωρίς να την επιβαρύνετε με πολλές γραμμές κώδικα. (περισσότερα…)

Ένα συχνό πρόβλημα που αντιμετωπίζουν οι web designers όταν χρησιμοποιούν float layer layouts είναι ότι το βασικό layer (container) που περιέχει τα floats δεν μεγαλώνει σε ύψος (stretch) για να τα καλύψει (wrap). Αυτό ουσιαστικά είναι ένα σημαντικό θέμα που δεν τους επιτρέπει να έχουν πλήρη έλεγχο των divs (layers) και τους μειώνει τις εικαστικές δυνατότητες. (περισσότερα…)

Ένα συχνό πρόβλημα που αντιμετωπίζουν οι web designers όταν μεταβούν από table based authoring σε divs (layers authoring) είναι το θέμα με το fixed height (συγκεκριμένο ύψος). Ουσιαστικά το πρόβλημα εντοπίζεται όταν οριστεί συγκεκριμένο ύψος height σε κάποιο div με αποτέλεσμα αντί να κάνει «expand» και να φιλοξενήσει το περιεχόμενο, λειτουργεί λανθασμένα (overlap) αλλοιώνοντας το layout της ιστοσελίδας. (περισσότερα…)

Όπως αναφέρθηκε σε προηγούμενο άρθρο, το DOCTYPE (document type declaration) είναι πολύ βασικό στην κατασκευή ιστοσελίδων – websites. Η χρήση του είναι απαραίτητη όταν θέλουμε να πληρούμε τα παγκόσμια πρότυπα W3C και να πετυχαίνουμε μέγιστη συμβατότητα με τα προγράμματα πλοήγησης διαδικτύου “browsers”. (περισσότερα…)

Τι είναι το DOCTYPE;

Σύμφωνα με τα (X)HTML standards κάθε HTML αρχείο που χρησιμοποιούμε να κατασκευάσουμε ιστοσελίδες – websites χρειάζεται ένα DOCTYPE (document type declaration). Στα Ελληνικά αυτό μεταφράζεται ως «δήλωση τύπου εγγράφου». Ουσιαστικά είναι μία γραμμή κώδικα που τοποθετείται στο πάνω μέρος του κάθε HMTL αρχείου της ιστοσελίδας το οποίο ενημερώνει το W3C validator ποιά έκδοση (X)HTML χρησιμοποιείτε. (περισσότερα…)

Ένα θέμα που πολλοί web designers αγνοούνε είναι η επιλογή των “σωστών” γραμματοσειρών (fonts) που χρησιμοποιούν στην σχεδίαση ιστοσελίδων. Στο συγκεκριμένο άρθρο θα δείξουμε ποιές γραμματοσειρές (fonts) υποστηρίζονται από τα λειτουργικά σύστηματα Win – Mac και μπορούν να χρησιμοποιηθούν άφοβα για cross browser compatibility.

(περισσότερα…)

Ένας καλός τρόπος να “κεντράρετε” ένα website που είναι σχεδιασμένο με divs είναι με την χρήση των CSS. Αυτό μπορεί να γίνει με δύο απλά βήματα. Aναλυτικότερα:
(περισσότερα…)

Στα πλαίσια καλύτερης εκμάθησης και συχνότερης χρήσης των CSS το Webdesignblog θα δημοσιεύει άρθρα που θα εξηγούν τους τρόπους να αποφεύγετε επιπλέον γραφικά και γενικότερα πως να εφαρμόζετε καλύτερα στησίματα (layout) με valid και semantic markup στις ιστοσελίδες που σχεδιάζετε.
(περισσότερα…)