Απλές τεχνικές CSS που κάνουν την δουλεία του web designer ευκολότερη.
Με απλές τεχνικές CSS (Cascading Style Sheets) μπορείτε να διορθώσετε αρκετά θέματα ασυμβατότητας στα διάφορα προγράμματα πλοήγησης διαδικτύου (cross browser issues) και παράλληλα να δώσετε την λεπτομέρεια που επιθυμείτε στην ιστοσελίδα – website που σχεδιάζετε. (συνέχεια…)
Δημιουργήστε λίστες με όμορφα γραφικά με την χρήση CSS.
Με την χρήση των CSS (Cascading Style Sheets) μπορείτε να διαμορφώσετε αρκετά στοιχεία προβολής στην ιστοσελίδα που σχεδιάζετε. Μπορείτε να εμπλουτίσετε γραφικά και διάφορα εικονίδια, ώστε να δημιουργήσετε μία πιο όμορφη και ελκυστική ιστοσελίδα χωρίς να την επιβαρύνετε με πολλές γραμμές κώδικα. (συνέχεια…)
Μάθετε πώς να κάνετε clear floating layers (divs).
Ένα συχνό πρόβλημα που αντιμετωπίζουν οι web designers όταν χρησιμοποιούν float layer layouts είναι ότι το βασικό layer (container) που περιέχει τα floats δεν μεγαλώνει σε ύψος (stretch) για να τα καλύψει (wrap). Αυτό ουσιαστικά είναι ένα σημαντικό θέμα που δεν τους επιτρέπει να έχουν πλήρη έλεγχο των divs (layers) και τους μειώνει τις εικαστικές δυνατότητες. (συνέχεια…)
Αντιμετωπίστε το πρόβλημα του fixed height στα divs με την λύση του min-height hack.
Ένα συχνό πρόβλημα που αντιμετωπίζουν οι web designers όταν μεταβούν από table based authoring σε divs (layers authoring) είναι το θέμα με το fixed height (συγκεκριμένο ύψος). Ουσιαστικά το πρόβλημα εντοπίζεται όταν οριστεί συγκεκριμένο ύψος height σε κάποιο div με αποτέλεσμα αντί να κάνει «expand» και να φιλοξενήσει το περιεχόμενο, λειτουργεί λανθασμένα (overlap) αλλοιώνοντας το layout της ιστοσελίδας. (συνέχεια…)
Ποιοί είναι οι διάφοροι τύποι DOCTYPES και ποιά είναι η σωστή χρήση τους.
Όπως αναφέρθηκε σε προηγούμενο άρθρο, το DOCTYPE (document type declaration) είναι πολύ βασικό στην κατασκευή ιστοσελίδων – websites. Η χρήση του είναι απαραίτητη όταν θέλουμε να πληρούμε τα παγκόσμια πρότυπα W3C και να πετυχαίνουμε μέγιστη συμβατότητα με τα προγράμματα πλοήγησης διαδικτύου “browsers”. (συνέχεια…)
Τι είναι το DOCTYPE και γιατί το χρησιμοποιούμε.
Τι είναι το DOCTYPE;
Σύμφωνα με τα (X)HTML standards κάθε HTML αρχείο που χρησιμοποιούμε να κατασκευάσουμε ιστοσελίδες – websites χρειάζεται ένα DOCTYPE (document type declaration). Στα Ελληνικά αυτό μεταφράζεται ως «δήλωση τύπου εγγράφου». Ουσιαστικά είναι μία γραμμή κώδικα που τοποθετείται στο πάνω μέρος του κάθε HMTL αρχείου της ιστοσελίδας το οποίο ενημερώνει το W3C validator ποιά έκδοση (X)HTML χρησιμοποιείτε. (συνέχεια…)
Ποιές γραμματοσειρές (fonts) μπορούν να χρησιμοποιηθούν στην σχεδιάση ιστοσελίδων.
Ένα θέμα που πολλοί web designers αγνοούνε είναι η επιλογή των «σωστών» γραμματοσειρών (fonts) που χρησιμοποιούν στην σχεδίαση ιστοσελίδων. Στο συγκεκριμένο άρθρο θα δείξουμε ποιές γραμματοσειρές (fonts) υποστηρίζονται από τα λειτουργικά σύστηματα Win – Mac και μπορούν να χρησιμοποιηθούν άφοβα για cross browser compatibility.
Κεντράροντας ένα website με divs με την χρήση CSS.
Ένας καλός τρόπος να “κεντράρετε” ένα website που είναι σχεδιασμένο με divs είναι με την χρήση των CSS. Αυτό μπορεί να γίνει με δύο απλά βήματα. Aναλυτικότερα:
(συνέχεια…)
Διπλό border σε εικόνα με χρήση CSS.
Στα πλαίσια καλύτερης εκμάθησης και συχνότερης χρήσης των CSS το Webdesignblog θα δημοσιεύει άρθρα που θα εξηγούν τους τρόπους να αποφεύγετε επιπλέον γραφικά και γενικότερα πως να εφαρμόζετε καλύτερα στησίματα (layout) με valid και semantic markup στις ιστοσελίδες που σχεδιάζετε.
(συνέχεια…)
Γράφοντας valid XHTML με Flash (swf) στην ιστοσελίδα σας.
Ένα σημαντικό θέμα το οποίο έχει προβληματίσει και απασχολεί τους web designers παγκοσμίως είναι η μη έγκυρη (not valid) ενσωμάτωση των Flash Objects (swf) με το κώδικα του Dreamweaver. Δυστυχώς ο κώδικας που δημιουργείται από το συγκεκριμένο πρόγραμμα σχεδίασης και κατασκευής ιστοσελίδων δεν είναι έγκυρος σύμφωνα με το W3C.
Το άρθρο θα σας εξηγήσει ένα καλό και εύχρηστο τρόπο να χρησιμοποιείτε Flash Objects (swf) με έγκυρο κώδικα XHMTL. Αναλυτικότερα: (συνέχεια…)









Recent comments
[...] ΠΛΗΡΟΦΟΡΙΑ: Το άρθρο Τα SEO Rankings έχουν πεθάνει; γράφτηκε από το WebDesignBlog. Η ομάδα μας σας υπενθυμίζει [...]
Τα SEO Rankings έχουν πεθάνει;[...] ΠΛΗΡΟΦΟΡΙΑ: Το άρθρο HTML5, CSS3, JQuery & WordPress Cheat Sheets. Το οπλοστάσιο του Web Designer. γράφτηκε από το WebDesignBlog. Η ομάδα μας σας υπενθυμίζει [...]
HTML5, CSS3, JQuery & WordPress Cheat Sheets. Το οπλοστάσιο του Web Designer.