Εάν είστε νέος στον σχεδιασμό ιστοσελίδων ή έχετε δημιουργήσει σελίδες HTML εδώ και χρόνια, το Adobe Dreamweaver CS6 είναι το ιδανικό εργαλείο για τη δημιουργία του ιστότοπού σας. Στην έκδοση CS6, θα βρείτε μια νέα οθόνη καλωσορίσματος και υποστήριξη για τα πιο πρόσφατα σε Cascading Style Sheets (CSS3) και HTML5. Το Dreamweaver είναι ένα δημοφιλές πρόγραμμα μεταξύ των επαγγελματιών σχεδιαστών ιστοσελίδων, καθώς και των ανθρώπων που θέλουν να δημιουργήσουν ιστότοπους για τα χόμπι τους, τα κλαμπ, τις οικογένειες και τις μικρές επιχειρήσεις τους.
Η εύχρηστη γραφική διεπαφή και η ισχυρή λίστα δυνατοτήτων του Dreamweaver το καθιστούν δημοφιλή επιλογή μεταξύ των επαγγελματιών σχεδιαστών ιστοσελίδων, καθώς και των χομπίστων. Με κάθε νέα έκδοση, το Dreamweaver CS6 προσφέρει νέες δυνατότητες, αλλά θα εξακολουθείτε να βρίσκετε τη γνωστή οθόνη καλωσορίσματος για να σας βοηθήσει να ξεκινήσετε.
Στο Dreamweaver CS6, μπορείτε να βελτιώσετε τα σχέδιά σας και να δώσετε στις σελίδες σας μεγαλύτερο βάθος προσθέτοντας σκιές κειμένου με κανόνες CSS3, την τελευταία λέξη της τεχνολογίας web. Η προσθήκη σκιών κειμένου κάνει τις λέξεις σας πιο ευανάγνωστες, ειδικά εάν το σχέδιό σας έχει πολύπλοκο φόντο ή εάν το φόντο και τα χρώματα του κειμένου σας δεν έχουν αντίθεση.
Πίστωση: Paul Gual, istockphoto.com
Το Dreamweaver CS6 περιλαμβάνει υποστήριξη για σκιές κειμένου CSS3 όταν χρησιμοποιείτε το παράθυρο Ιδιότητες στον πίνακα Στυλ CSS. Μπορείτε να δημιουργήσετε στυλ κλάσης ή αναγνωριστικού με σκιές κειμένου και μπορείτε να προσθέσετε σκιές κειμένου σε υπάρχοντα στοιχεία HTML ορίζοντας ένα στυλ ετικέτας, όπως το στυλ επικεφαλίδας 1 που χρησιμοποιείται στην εικόνα.
Ο κώδικας CSS3 που δημιουργεί αυτή τη σκιά κειμένου είναι
h1 {text-shadow: 2px 2px 3px #000;}
Οι αριθμοί στον κώδικα καθορίζουν ότι η σκιά του κειμένου πρέπει να εκτείνεται 2 pixel προς τα δεξιά και 2 pixel κάτω από το κείμενο με θάμπωμα 3 pixel. Επιπλέον, η σκιά δημιουργείται με το μαύρο χρώμα, που καθορίζεται από τον συντομευμένο δεκαεξαδικό χρωματικό κωδικό #000.
Όταν δημιουργείτε κανόνες για σκιές κειμένου, μπορείτε να καθορίσετε έως και τέσσερις τιμές:
Οριζόντια και κάθετη: Απαιτούνται οι δύο πρώτες τιμές αριθμών και καθορίζουν τις οριζόντιες και κάθετες μετατοπίσεις — την απόσταση που εκτείνεται η σκιά κάτω από το κείμενο (οριζόντια) και στα δεξιά του κειμένου (κάθετη).
Ακτίνα θολώματος: Η τρίτη τιμή καθορίζει την ποσότητα θαμπώματος στη σκιά. Εάν δεν συμπεριλάβετε την ακτίνα θαμπώματος, η προεπιλογή είναι 0, κάτι που κάνει τη σκιά να εμφανίζεται ως συμπαγές χρώμα.
Χρώμα: Η τέταρτη τιμή καθορίζει το χρώμα της σκιάς και μπορεί να οριστεί χρησιμοποιώντας έναν δεκαεξαδικό χρωματικό κωδικό ή έναν κωδικό χρώματος RGBa.
Μπορείτε να προσθέσετε μια σκιά κειμένου χρησιμοποιώντας το παράθυρο Ιδιότητες στο κάτω μέρος του πλαισίου Στυλ CSS, όπως φαίνεται στην εικόνα. Για να το κάνετε αυτό, ακολουθήστε τα εξής βήματα:
Κάντε κλικ στον σύνδεσμο Προσθήκη ιδιότητας στην αριστερή πλευρά του παραθύρου Ιδιότητα στυλ CSS.
Εισαγάγετε το όνομα του κανόνα στυλ CSS3, τη σκιά κειμένου ή επιλέξτε τον κανόνα στυλ από την αναπτυσσόμενη λίστα.
Αφού εμφανιστεί το όνομα στην αριστερή πλευρά, ένα μικρό βέλος εμφανίζεται στα δεξιά.
Κάντε κλικ για να επιλέξετε το βέλος στα δεξιά της σκιάς κειμένου.
Εμφανίζεται ένα πλαίσιο.
Εισαγάγετε τις μετατοπίσεις X και Y, την ακτίνα θαμπώματος και το χρώμα.
Οι έμπειροι σχεδιαστές ιστοσελίδων — είτε χρησιμοποιούν το Adobe Dreamweaver είτε άλλο λογισμικό σχεδιασμού ιστοσελίδων — συχνά αναφέρονται σε διαδικτυακούς πόρους για να συμβαδίσουν με τις δεξιότητές τους και να προσθέσουν ειδικές δυνατότητες στους ιστότοπούς τους. Αυτή η λίστα σας διευκολύνει να βρείτε μερικούς ιστότοπους και διαδικτυακούς πόρους που μπορούν να σας βοηθήσουν με τα έργα σχεδιασμού ιστοσελίδων σας.
Υπηρεσίες φιλοξενίας ήχου και βίντεο:
Προγράμματα blogging και CMS
Υπηρεσίες κοινής χρήσης μέσων κοινωνικής δικτύωσης
Υπηρεσίες αναφοράς κίνησης:
Δημοφιλή προγράμματα περιήγησης ιστού:
Υπηρεσίες δοκιμής προγράμματος περιήγησης Ιστού:
Browser Sandbox από το Spoon (πρώην Xenocode)
Πόροι Dreamweaver, CSS και σχεδίασης ιστοσελίδων:
Το πλαίσιο Σελίδες στο InDesign Creative Suite 5 σάς επιτρέπει να επιλέξετε, να μετακινήσετε, να προσθέσετε, να διαγράψετε, να αριθμήσετε, να αντιγράψετε, το μέγεθος και να περιηγηθείτε σε σελίδες σε μια δημοσίευση του InDesign.
Διορθώστε εύκολα τυπογραφικά και ορθογραφικά λάθη με τον ορθογραφικό έλεγχο στο InDesign Creative Suite 5, δημιουργώντας προσαρμοσμένα λεξικά χρήστη για καλύτερη ακρίβεια.
Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε πλαίσια κειμένου στο Adobe InDesign CS6. Εξερευνήστε νέες μεθόδους και εργαλεία για αποτελεσματική σχεδίαση.
Ανακαλύψτε πώς να μετατρέψετε τις φωτογραφίες σας σε ελαιογραφίες χρησιμοποιώντας το φίλτρο Oil Paint στο Photoshop CS6. Μάθετε χρήσιμες τεχνικές για καλύτερα αποτελέσματα.
Ανακαλύψτε πώς να δημιουργήσετε και να χρησιμοποιήσετε οδηγούς στο Photoshop CS6 για ακριβή ευθυγράμμιση και σχεδίαση.
Επιλέξτε Image→ Mode για να δείτε τις επιλογές λειτουργίας εικόνας στο Adobe Photoshop CS5. Χρησιμοποιήστε τη λειτουργία Duotone για τη δημιουργία εικόνας με 1-4 χρώματα, ιδανικά για επαγγελματικές εκτυπώσεις.
Μάθετε πώς να μετατρέψετε την εικόνα σας από RGB σε CMYK στο Adobe Photoshop CS6 με αυτές τις χρήσιμες οδηγίες.
Μάθετε πώς να μετρήσετε αποστάσεις και αντικείμενα στο Photoshop CS6 χρησιμοποιώντας εύχρηστες μεθόδους. Χρησιμοποιήστε τους χάρακες και τις γενικές επιλογές για ακριβείς μετρήσεις.
Μάθετε τα βασικά εργαλεία σχήματος στο Illustrator и την αποτελεσματική χρήση τους για δημιουργία επαγγελματικών σχεδίων.
Μάθετε πώς να εφαρμόζετε τη διαφάνεια στα γραφικά SVG στο Illustrator. Εξερευνήστε πώς να εξάγετε SVG με διαφανές φόντο και να εφαρμόσετε εφέ διαφάνειας.
