Φύλλο εξαπάτησης Dreamweaver CS6 For LuckyTemplates

Εάν είστε νέος στον σχεδιασμό ιστοσελίδων ή έχετε δημιουργήσει σελίδες HTML εδώ και χρόνια, το Adobe Dreamweaver CS6 είναι το ιδανικό εργαλείο για τη δημιουργία του ιστότοπού σας. Στην έκδοση CS6, θα βρείτε μια νέα οθόνη καλωσορίσματος και υποστήριξη για τα πιο πρόσφατα σε Cascading Style Sheets (CSS3) και HTML5. Το Dreamweaver είναι ένα δημοφιλές πρόγραμμα μεταξύ των επαγγελματιών σχεδιαστών ιστοσελίδων, καθώς και των ανθρώπων που θέλουν να δημιουργήσουν ιστότοπους για τα χόμπι τους, τα κλαμπ, τις οικογένειες και τις μικρές επιχειρήσεις τους.

Η οθόνη καλωσορίσματος του Adobe Dreamweaver CS6

Η εύχρηστη γραφική διεπαφή και η ισχυρή λίστα δυνατοτήτων του Dreamweaver το καθιστούν δημοφιλή επιλογή μεταξύ των επαγγελματιών σχεδιαστών ιστοσελίδων, καθώς και των χομπίστων. Με κάθε νέα έκδοση, το Dreamweaver CS6 προσφέρει νέες δυνατότητες, αλλά θα εξακολουθείτε να βρίσκετε τη γνωστή οθόνη καλωσορίσματος για να σας βοηθήσει να ξεκινήσετε.

Dreamweaver CS6: Προσθήκη σκιών κειμένου με CSS3

Στο 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 είτε άλλο λογισμικό σχεδιασμού ιστοσελίδων — συχνά αναφέρονται σε διαδικτυακούς πόρους για να συμβαδίσουν με τις δεξιότητές τους και να προσθέσουν ειδικές δυνατότητες στους ιστότοπούς τους. Αυτή η λίστα σας διευκολύνει να βρείτε μερικούς ιστότοπους και διαδικτυακούς πόρους που μπορούν να σας βοηθήσουν με τα έργα σχεδιασμού ιστοσελίδων σας.

• Υπηρεσίες φιλοξενίας ήχου και βίντεο:

  • YouTube

  • Vimeo

  • SoundCloud

• Προγράμματα blogging και CMS

  • Blogger

  • Joomla

  • Κινητικός ΤΥΠΟΣ

  • TypePad

  • Tumblr

  • WordPress

• Υπηρεσίες κοινής χρήσης μέσων κοινωνικής δικτύωσης

  • Πρόσθεσε αυτό

  • Lockerz Share

• Υπηρεσίες αναφοράς κίνησης:

  • Google Analytics

  • Yahoo! Web Analytics

  • HubSpot

• Δημοφιλή προγράμματα περιήγησης ιστού:

  • Apple Safari

  • Google Chrome

  • Microsoft Internet Explorer

  • Mozilla Firefox

  • ΛΥΡΙΚΗ ΣΚΗΝΗ

• Υπηρεσίες δοκιμής προγράμματος περιήγησης Ιστού:

  • Adobe Browser Lab

  • BrowserShots

  • Δοκιμή πολλαπλών προγραμμάτων περιήγησης

  • Browser Sandbox από το Spoon (πρώην Xenocode)

• Πόροι Dreamweaver, CSS και σχεδίασης ιστοσελίδων:

  • Dreamweaver Developer Center

  • Εκπαίδευση σχεδίασης ιστοσελίδων στο DigitalFamily.com

  • Πόροι HTML5 και CSS3 μετατροπών W3

  • Μια λίστα εκτός