Adobe CS5 Εικόνες σελίδας Dreamweaver - ανδρείκελα

Μπορείτε να προσθέσετε εικόνες που περιλαμβάνουν φυσικά αρχεία Photoshop (PSD) και Fireworks (PNG) στην κενή σελίδα σας στο Adobe Creative Suite 5 (Adobe CS5) Dreamweaver. Η τοποθέτηση εικόνων επηρεάζει τον πίνακα Dreamweaver Files.

1. Επιλέξτε Εισαγωγή → Εικόνα.

   Εμφανίζεται το παράθυρο διαλόγου Επιλογή εικόνας προέλευσης.

   Εναλλακτικά, κάντε κλικ στην Κοινή καρτέλα του πλαισίου Εισαγωγή και κάντε κλικ στο κουμπί Εισαγωγή εικόνας.

2. Πλοηγηθείτε στη θέση της εικόνας σας και κάντε κλικ στην επιλογή Επιλογή (Mac) ή OK (Windows).

   Εάν επιλέξετε μια εικόνα έτοιμη για web, όπως GIF, JPG ή PNG και η εικόνα βρίσκεται εκτός του φακέλου του ιστότοπού σας, θα δείτε μια προειδοποίηση. Το Dreamweaver σάς ειδοποιεί ότι η εικόνα βρίσκεται εκτός του ριζικού φακέλου, γεγονός που προκαλεί προβλήματα όταν αντιγράφετε σελίδες σε ένα διακομιστή ιστού.
   Κάντε κλικ στο κουμπί Ναι για να αντιγράψετε το αρχείο στον ριζικό κατάλογο του ιστοτόπου σας. Εκχωρήστε ένα νέο όνομα εκεί ή απλά κάντε κλικ στην επιλογή Αποθήκευση για να διατηρήσετε το ίδιο όνομα και να αντιγράψετε το αρχείο εικόνας στον φάκελο του ιστότοπού σας.

   Εμφανίζεται το παράθυρο διαλόγου Χαρακτηριστικά προσβασιμότητας ετικέτας εικόνας.

   Όλες οι εικόνες θα πρέπει να έχουν Alt (εναλλακτικό) κείμενο - κείμενο που εμφανίζεται πριν από την λήψη της εικόνας ή εάν ο θεατής έχει απενεργοποιήσει την επιλογή για να δει εικόνες.

   Προσθέστε μια κατάλληλη περιγραφή της εικόνας στο πλαίσιο κειμένου Alternate Text.

3. Εάν η εικόνα είναι λογότυπο, η περιγραφή θα πρέπει να περιλαμβάνει το όνομα της εταιρείας ως κείμενο Alt ή, αν πρόκειται για φωτογραφία ή εικόνα, να περιγράψει την εικόνα με λίγα λόγια.

   Από την άποψη της προσβασιμότητας, το alt text βοηθά τους αναγνώστες οθόνης (όπως αυτοί που χρησιμοποιούνται από άτομα με προβλήματα όρασης) για τον προσδιορισμό του περιεχομένου εικόνας στους χρήστες. Επιπλέον, το κείμενο Alt αποτελεί πολύτιμο εργαλείο για την παροχή στις μηχανές αναζήτησης ενός τρόπου ευρετηρίασης περιεχομένου εικόνας που περιλαμβάνεται στον ιστότοπό σας.

   Κάντε κλικ στο κουμπί OK.

4. Η εικόνα προστίθεται στη σελίδα και στον πίνακα Αρχεία.

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

Χρησιμοποιήστε τον επιθεωρητή ιδιοτήτων για να δείτε πληροφορίες σχετικά με την εικόνα σας και να τροποποιήσετε τις ιδιότητες της εικόνας.

Όταν δημιουργείτε έναν μεγαλύτερο ιστότοπο με πολλές σελίδες συνδεδεμένες μεταξύ τους, ίσως χρειαστεί να αλλάξετε την προβολή του πίνακα Αρχεία. Κάνοντας κλικ στην αναπτυσσόμενη λίστα (στην επάνω αριστερή πλευρά του πίνακα Αρχεία) όπου βρίσκεται ο ιστότοπός σας, μπορείτε να εντοπίσετε φακέλους και άλλους ιστότοπους που έχετε χρησιμοποιήσει πρόσφατα.Κάνοντας κλικ στην αναπτυσσόμενη λίστα Προβολή προς τα δεξιά, μπορείτε να αλλάξετε την εμφάνιση του πίνακα Αρχεία.

Ανοίξτε τα αρχεία από τον πίνακα "Αρχεία" κάνοντας διπλό κλικ σε αυτά.