Πώς να προσθέσετε μια εικόνα παρακολούθησης σε μια σελίδα στο Dreamweaver - ανδρείκελα

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

Η λειτουργία Tracing Image είναι ιδανική για ανθρώπους που επιθυμούν να δημιουργήσουν πρώτα ένα σχέδιο σε ένα πρόγραμμα, όπως το Photoshop ή το Fireworks, και στη συνέχεια να μοντελοποιήσουν την ιστοσελίδα τους μετά από αυτό. Χρησιμοποιώντας τη λειτουργία "Tracing Image", μπορείτε να τοποθετήσετε οποιαδήποτε εικόνα έτοιμη στο web στο φόντο οποιασδήποτε σελίδας του Dreamweaver.

Στη συνέχεια, μπορείτε να τοποθετήσετε ετικέτες ή να εισαγάγετε πίνακες ή άλλα στοιχεία στην κορυφή της εικόνας παρακολούθησης, καθιστώντας ευκολότερη την επαναδημιουργία του σχεδίου σας στο Dreamweaver. Μπορείτε να χρησιμοποιήσετε εικόνες JPG, GIF ή PNG ως εικόνες παρακολούθησης και μπορείτε να τις δημιουργήσετε σε οποιαδήποτε εφαρμογή γραφικών που υποστηρίζει αυτές τις μορφές.

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

Για να προσθέσετε μια εικόνα παρακολούθησης στη σελίδα σας, ακολουθήστε τα παρακάτω βήματα:

1. Δημιουργήστε μια νέα σελίδα ή ανοίξτε μια υπάρχουσα σελίδα στο Dreamweaver.

2. Επιλέξτε Προβολή → Εικόνα ανίχνευσης → Φόρτωση.

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

3. Επιλέξτε την εικόνα που θέλετε να εμφανιστεί ως εικόνα ανίχνευσης και κάντε κλικ στο OK.

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

   

   πίστωση: Φωτογραφία από istockphoto. com

4. Κάντε κλικ στο κουμπί Αναζήτηση για να εντοπίσετε την εικόνα που θέλετε να χρησιμοποιήσετε ως εικόνα ανίχνευσης.

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

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

6. Ρυθμίστε την αδιαφάνεια της εικόνας ανίχνευσης με το ρυθμιστικό Διαφάνεια.

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

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

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

Έχετε μερικές άλλες επιλογές με τη λειτουργία Image Tracing. Επιλέξτε Προβολή → Παρακολούθηση εικόνας για να αποκαλύψετε τις ακόλουθες επιλογές:

• Εμφάνιση: Κρύβει την εικόνα παρακολούθησης αν θέλετε να ελέγξετε την εργασία σας χωρίς την εικόνα αλλά δεν θέλετε να την αφαιρέσετε.

• Ευθυγραμμίστε με την επιλογή: Σας επιτρέπει να ομαδοποιείτε αυτόματα την εικόνα παρακολούθησης με ένα επιλεγμένο στοιχείο σε μια σελίδα.

• Προσαρμογή θέσης: Σας επιτρέπει να χρησιμοποιείτε τα πλήκτρα βέλους ή να εισάγετε συντεταγμένες Χ, Υ για να ελέγξετε τη θέση της εικόνας εντοπισμού πίσω από τη σελίδα.

• Επαναφορά θέσης: Επαναφέρει την εικόνα παρακολούθησης σε 0, 0 στις συντεταγμένες Χ, Υ.

• Φόρτωση: Σας επιτρέπει να προσθέσετε ή να αντικαταστήσετε μια εικόνα ιχνηλασίας.

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