Εικόνα Τοποθέτηση σε Adobe CS5 Dreamweaver Pages - dummies

Μπορείτε να χρησιμοποιήσετε τα στοιχεία του μενού, να αντιγράψετε και να επικολλήσετε, ακόμα και να μεταφέρετε και να αποθέσετε εικόνες στη σελίδα Dreamweaver Adobe Creative Suite 5 (Adobe CS5). Ως αποτέλεσμα, η τοποθέτηση εικόνων σε μια ιστοσελίδα στο Dreamweaver είναι πιο εύκολη από ποτέ, κυρίως λόγω της ενσωμάτωσής της με άλλα προϊόντα της Adobe.

Εισαγωγή εικόνας

Αν ετοιμάζετε εικόνες μπροστά από το χρόνο, αποθηκεύστε ή μετακινήστε τις βελτιστοποιημένες εικόνες στον φάκελο του ιστοτόπου σας.

1. Κάντε κλικ στη σελίδα για να τοποθετήσετε το δρομέα όπου θέλετε να τοποθετήσετε την εικόνα.

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

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

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

3. Πλοηγηθείτε στο σημείο όπου βρίσκεται η εικόνα σας και κάντε κλικ στο OK (Windows) ή επιλέξτε (Mac) για να τοποθετήσετε την επιλεγμένη εικόνα.

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

4. Αν σας ζητηθεί να αντιγράψετε την εικόνα στον ριζικό φάκελο του ιστοτόπου σας, κάντε κλικ στο κουμπί Ναι. Όταν ανοίγει το παράθυρο διαλόγου Αντιγραφή αρχείου ως, επαληθεύστε ότι το όνομα είναι σωστό και κάντε κλικ στην επιλογή Αποθήκευση.

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

5. Πληκτρολογήστε μια ή τρεις λέξεις που περιγράφουν καλύτερα την εικόνα σας (όπως η φωτογραφία της οικογένειάς μας) στο πεδίο κειμένου Alt και κάντε κλικ στο OK.

   Η εικόνα έχει εισαχθεί.

Μεταφορά και αποβίβαση εικόνας

Εκτός από την εισαγωγή εικόνων από το μενού Εισαγωγή πίνακα ή εφαρμογών, μπορείτε να σύρετε και να τοποθετήσετε εικόνες απευθείας από τον πίνακα Αρχεία στη σελίδα. Αν μεταφέρετε μια εικόνα, ο δρομέας ακολουθεί την κίνηση σας ενώ το μετακινείτε γύρω από το έγγραφο. αφήστε το κουμπί του ποντικιού όταν ο κέρσορας σηματοδοτεί το σωστό σημείο όπου θέλετε να αποθέσετε την εικόνα.

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

Αν η εικόνα είναι εγγενές αρχείο Photoshop (PSD) ή Fireworks (PNG), εμφανίζεται το παράθυρο διαλόγου Προεπισκόπηση εικόνας, δίνοντάς σας την ευκαιρία να βελτιστοποιήσετε την εικόνα πριν την τοποθετήσετε.

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