Το να δημιουργησουμε μια σελίδα ειναι πολύ απλό, μπορούμε μεχρι και να ανοιξουμε το word και να το κανουμε export σαν html. Άν και δε νομίζω πως σας καλύπτει κάτι τετοιο (μάλιστα το βρίσκω τελείως αντιεπαγγελματικό ειδικά αν εχετε εταιρία!!!):

Το να δημιουργησουμε μια σελίδα που να συμβαδίζει με τη τεχνολογια της εποχής, λίγο πιο δύσκολο και σιγουρα πολύπλοκότερο.
Το να δημιουργήσουμε όμως μια σελίδα με τα παραπάνω ΣΥΝ του να είναι σύμφωνη με τα παγκοσμίως αποδεκτά (τουλαχιστον) κριτήρια αισθητικής – χρώμματος και αρμονίας θέλει παραπάνω σκέψη!
Ψάχνοντας για άρθρα πάνω σε αυτό περισσότερο για να δώ αν ο προβληματισμός έχει κάποια βάση έπεσα σε καποια λινκ τα οποία διαβάζοντάς τα ανακάλυψα πως ναι όντως,
πολλοί προβληματίζονται για τα όρια, τα αποδεκτά, τα όμορφα . Βέβαια η ομορφια ειναι υποκειμενική οπως ολοι ξερουμε, το να κρατάμε όμως κάποια στάνταρ,οπως στην ιδιωτικη μας ζωη πχ το να ειμαστε καθαροί και χτενισμένοι ειναι γενικως αποδεκτο, ειναι σίγουρα ωφέλιμο.
Γιά να δούμε λοιπον κάποια γενικά αποδεκτά στάνταρ όσον αφορά το σχεδιασμό ενός web site!
( το αρχικό άρθρο στα αγγλικά ειναι εδω )
Περί γραφικών
1. Think small (όπως λέει και το πρωτότυπο κείμενο) 10-12KB για κάθε εικόνα είναι αρκετο.
2. Χρησιμοποιήστε γραφικά τα οποία να ταιριάζουν με το περιεχόμενο της σελίδας. Πχ αν εχω συνεργείο αλλα έχω μια πανέμορφη φωτογραφία μιας τουρτας, δε σημαινει πως θα τη βάλω!
3. Τα πολλά γραφικά στην ιδια σελιδα τα οποια αναβοσβήνουν στριφογυρνανε και κάνουν διάφορα εφέ τα οποία αποσπούν το χρήστη είναι απαγορευτικα!
Περί layout (“στήσιμο” της σελιδας )

1.Χρησιμοποιήστε κάποιο απο τα δεδομένα και δοκιμασμένα στησίματα πχ δύο στηλες στις άκρες και το περιεχόμενο στη μέση, μπορεί να σας φαίνεται βαρετό αλλα είναι κάτι δοκιμασμένο που δε θα μπερδέψει το χρήστη και θα κάνει τη πλοηγηση ευκολότερη.
2. Χρησιμοποιήστε λευκά! τα κενά μεταξυ γραφικών κειμενου, φλάς κα, ειναι πολύ σημαντικά στο να μη φαινεται το σαιτ σας μπουκωμένο και στριμωγμενο!
3. Οι φωτογραφίες και τα γραφικά γενικότερα, δέν ειναι απλώς φωτογραφίες. Ειναι στοιχεια του σαιτ σας και πρεπει να τα βλεπετε ετσι. Προσθέστε κείμενο επάνω τους, μετατρέψτε τις σε μπάνερ, φερθείτε τους σαν να ειναι αναποσπαστο κομμάτι.
Περί γραμματοσειρών
1. Xρησιμοποιήστε απλές και ευκολοδίαβαστες γραμματοσειρες.
πχ Serif γραμματοσειρες για τίτλους

και Sans serif για το κειμενο σας

Τις διαφορές τους θα τις δείτε με κόκκινο:
.
Με λίγα λόγια οι “ουρίτσες” κάνουν τη διαφορα
2. Ο σίγουρος τρόπος για να κάνετε το σαιτ σας να μοιάζει ερασιτεχνικό ειναι το να αλλάζετε χρώμματα, μεγέθη και γραμματοσειρες ! Βάλτε όριο στο πόσες γραμματοσειρές θα υπάρχουν στη σελίδα. 2 Ή 3 το πολύ γραμματοσειρές ειναι πολύ καλά.
3. Επιλέξτε απο τις στάνταρ οικογένειες γραμματοσειρών ( standard font families). Το να επιλέξετε μια γραμματοσειρα όπως η Rockwood LT Standard, είναι εφικτό αλλά κινδυνεύετε να μπορείτε να τη δείτε μόνο εσείς! Όποιος χρήστης δέν διαθέτει τη γραμματοσειρα αυτή στο συστημά του δέν θα βλέπει το αποτέλεσμα που εσείς θέλετε, καθώς ο browser θα του αντικαταστήσει την μη υπάρχουσα γραμματοσειρά με μια άλλη απο τις standard font families οπότε γιατί να μη τις χρησιμοποιήσετε εξαρχής; Οι Verdana, Geneva, Arial, and Helvetica , μπορεί να σας φαινονται συνηθισμένες και βαρετές αλλα ειναι η σίγουρη λύση.
Cross-browser Checking
Τσεκάρετε αν το σαιτ σας συμπεριφέρεται το ίδιο σε διαφορετικούς browser ή όσο το δυνατόν ίδιο… Το oτι είστε σίγουροι πως δουλεύει μια χαρα πχ στον xplorer, το να το δείτε μετα με Safari η Mozilla μπορεί να σας μοιάζει με ενα μινι…”εγκεφαλικό”. Και φυσικά πρέπει να σκεφτούμε πως δέν υπάρχουν μονο τα pc αλλα και τα Macintosh, καλό θα ηταν να μπορούμε να τα τσεκάρουμε και εκει. Κατα τη διάρκεια λοιπόν της δημιουργίας κάντε cross-check σε διαφορετικους browser για να αποφυγετε τις πολύ δυσάρεστες εκπλήξεις! ( που μπορεί στο τέλος για να διορθωθούν να ειναι γολγοθάς!)
Για περισσότερα καθως και για το πώς πρέπει να αντιμετωπίσετε τις διαφημίσεις στα σαιτ ( πχ εάν ειστε κάτοχος καποιου πορταλ που διαφημίζονται εταιριες σε αυτο) μπορείτε να επισκεφθείτε τη διεύθυνση http://webdesign.about.com/od/webdesigntutorials/a/aa070504.htm