27 απίστευτα website header designs
Όταν επισκεπτόμαστε ένα website το πρώτο πράγμα που κάνουμε συνήθως, είναι να κοιτάξουμε το design της ιστοσελίδας πριν καν κάνουμε scroll down για να δούμε το υπόλοιπο. Αν ένα website έχει εντυπωσιακό header design, τότε ο σχεδιαστής του διαδικτυακού τόπου καταφέρνει να κερδίσει την προσοχή μας από την πρώτη κιόλας στιγμή! Η πρώτη εντύπωση είναι πάντα και η πιο έντονη και αυτή που μένει στον επισκέπτη. Έτσι, σχεδιάζοντας ένα καλό header δεν έχει καταφέρει μόνο να μας προκαλέσει εντύπωση, αλλά και να μας προσφέρει μια εικόνα που δύσκολα ξεχνιέται. Έχει κάνει ένα πετυχημένο website design. Το http://inspectelement.com έχει μαζέψει μια σειρά από 27 φανταστικά header designs τα οποία και θα σας παρουσιάσουμε σήμερα: (περισσότερα…)
Η σωστή αρχιτεκτονική ενός website και τα οφέλη της
Κάθε διαδικτυακός τόπος αποτελείται από πληροφορίες ενωμένες και δομημένες με τέτοιο τρόπο ώστε να εξυπηρετούν το σκοπό του δημιουργού τους. Ο τρόπος με τον οποίο αυτές οι πληροφορίες προσεγγίζονται και χρησιμοποιούνται ονομάζεται αρχιτεκτονική ενός website. Το επίκεντρο της αρχιτεκτονικής αυτής είναι το περιεχόμενο απ’ όλες του τις απόψεις. Δηλαδή, ποιο είναι αυτό το περιεχόμενο, πώς είναι δομημένο, πώς μπορεί κάποιος να το προσεγγίσει και με ποιο τρόπο παρουσιάζεται στον τελικό χρήστη. (περισσότερα…)
Πότε είναι ώρα για Website Redesign;
Υπάρχουν πολλές εταιρίες και ιδιώτες που έχουν website, όμως το design του είναι ξεπερασμένο και χρειάζεται επανασχεδιασμό. Δυστυχώς, τις περισσότρερες φορές η ανάγκη για επανασχεδιασμό δεν γίνεται αντιληπτή από τους υπεύθυνους. Υπάρχουν διάφορα στοιχεία τα οποία μπορείτε εσείς σαν Web Designers ή Internet Consultants να τους επισημάνετε, ώστε να τους βοηθήσετε να καταλάβουν ότι το website τους χρειάζεται ανανέωση – αναβάθμιση. (περισσότερα…)
Πώς να αυξήσετε την απόδοση ενός website.
Η κατασκευή ενός αποδοτικού website που πετυχαίνει τους στόχους του είναι κάτι το οποίο καθορίζεται από ποικίλους παράγοντες. Σίγουρα η καλαίσθητη εμφάνιση και η προβολή ποιοτικού design επηρεάζει τον επισκέπτη αλλά δεν είναι ο μόνος λόγος. Υπάρχουν διάφορα θέματα που πρέπει να προσέξετε για να αυξήσετε την απόδοση της ιστοσελίδας σας δημιουργώντας τις προϋποθέσεις ανάπτυξης και υψηλού ROI (Return of Investment) σε σας και στους πελάτες σας. (περισσότερα…)
4 συμβουλές για ένα καλύτερο Online Portfolio
Σύμφωνα με τον Andy Stratton του blog www.freelanceswitch.com, είναι πολύ σημαντικό όταν σχεδιάζετε το Online Portfolio σας να ακολουθείτε κάποιους συγκεκριμένους κανόνες. Έτσι, θα μπορέσετε να έχετε μια καλύτερη διαδικτυακή παρουσία ενισχύοντας το Image σας. Μην ξεχνάτε, εξάλλου, πως οι υποψήφιοι πελάτες σας θα αποφασίσουν αν θα επικοινωνήσουν μαζί σας κρίνοντας από αυτό που βλέπουν στην ιστοσελίδα σας. Οπότε όσο καλύτερο είναι αυτό που έχετε να παρουσιάσετε, τόσο περισσότερες είναι οι πιθανότητες να έρθουν σε επαφή. (περισσότερα…)
Τι είναι το 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 στις ιστοσελίδες που σχεδιάζετε.
(περισσότερα…)
Recent comments
Πολυ καλο αθρο πραγματικα!
Η σωστή αρχιτεκτονική ενός website και τα οφέλη τηςΠολύ χρήσιμη η λίστα με τα online tools. Ο επιτυχημένος σχεδιασμός μιας ιστοσελίδας βοηθά σε δύο κατευθύνσεις. Η πρώτη είναι ότι βελτιώνει την εμπειρία του επισκέπτη της ιστοσελίδας με συνέπεια ο τελευταίος να βλέπει περισσότερες σελίδες και να μένει περισσότερο χρόνο σε αυτή. Η δεύτερη είναι ότι επειδή ακριβώς βελτιώνονται τα στατιστικά στοιχεία της ιστοσελίδας, όπως το bounce rate, ο μέσος χρόνος παραμονής στην ιστοσελίδα και ο αριθμός των σελίδων ανά επίσκεψη, βελτιώνεται και η κατάταξη της ιστοσελίδας στα οργανικά αποτελέσματα της Google.
10+1 Χρήσιμα website και on line tools