Εικόνα Μεταφορά σε Adobe CS5 Dreamweaver - Dummies

Στο Dreamweaver του Adobe Creative Suite 5 (Adobe CS5) μπορείτε να εισάγετε αντικείμενα εικόνας, συμπεριλαμβανομένων των σύμβολα κράτησης εικόνων, εικόνες μετακίνησης (εικόνες που αλλάζουν όταν ένας θεατής μετακινεί το ποντίκι πάνω στην εικόνα) και το Fireworks HTML. Μπορείτε να αποκτήσετε πρόσβαση σε αυτά τα αντικείμενα εικόνας επιλέγοντας Insert → Objects Image.

1Επιλέξτε τις εικόνες που θέλετε να χρησιμοποιήσετε ως ανατροπή.

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

2 Τοποθετήστε τον κέρσορα στη σελίδα όπου θέλετε να εμφανιστεί η ανατροπή.

Επιλέξτε Insert → Image Objects → Rollover Image ή κάντε κλικ στο κουμπί Rollover Image στο πλαίσιο Insert. Το παράθυρο διαλόγου Εισαγωγή εικόνας ανατροπής.

3 Ονομάστε την εικόνα.

Πληκτρολογήστε ένα όνομα εικόνας χωρίς κενά στο πεδίο κειμένου Όνομα εικόνας. Αυτό το όνομα χρησιμοποιείται στη δέσμη ενεργειών που δημιουργεί την ανατροπή.

4Κάντε κλικ στο κουμπί Αναζήτηση.

Το κουμπί "Αναζήτηση" βρίσκεται στα δεξιά του πεδίου κειμένου "Πρωτότυπη εικόνα" και "Μετατροπή εικόνας". Εντοπίστε την εικόνα που θέλετε να εμφανίζεται ως προεπιλεγμένη στη σελίδα και την εικόνα που εμφανίζεται μόνο όταν κάποιος αιωρείται πάνω από την εικόνα.

5Επιλέξτε το πλαίσιο ελέγχου Preload Rollover Image.

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

6 Περιγραφή της εικόνας.

Πληκτρολογήστε κατάλληλα περιγραφικό alt κείμενο στο πεδίο κειμένου Alt.

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

Αυτό κατευθύνει το Dreamweaver όπου κατευθύνονται οι θεατές όταν κάνουν κλικ στην εικόνα rollover. Μπορείτε είτε να κάνετε κλικ στο κουμπί Αναζήτηση για να εντοπίσετε μια άλλη σελίδα στον ιστότοπό σας είτε να καταχωρίσετε μια διεύθυνση URL. Σημείωση: Αν συνδέεστε σε διαφορετική τοποθεσία Web, πρέπει να συμπεριλάβετε το πρόθεμα // στην αρχή της διεύθυνσης URL.

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

8Κάντε κλικ στο OK.

Η εικόνα rollover δημιουργείται στη σελίδα.

9Επιτρέψτε την εικόνα.

Για να κάνετε προεπισκόπηση της νέας εικόνας ανατροπής, επιλέξτε Αρχείο → Προεπισκόπηση στο πρόγραμμα περιήγησης ή κάντε κλικ στο κουμπί Live View στη γραμμή εργαλείων "Έγγραφα".