Πώς να ορίσετε ιδιότητες στο Dreamweaver - dummies

Ο Επιθεωρητής Ιδιότητες του Dreamweaver είναι ευαίσθητο στο περιβάλλον, πράγμα που σημαίνει ότι όταν κάνετε κλικ σε μια εικόνα, τα χαρακτηριστικά HTML για αυτήν την εικόνα εμφανίζονται και επεξεργάζονται. Ορισμένα από τα χαρακτηριστικά επεξεργάσιμης εικόνας είναι πιο "τεχνικά" από τα στοιχεία σχεδιασμού.

Για παράδειγμα, το αναγνωριστικό εικόνας χρησιμοποιείται όταν οι εικόνες είναι συνδεδεμένες σε προγράμματα ή βάσεις δεδομένων JavaScript. Άλλα χαρακτηριστικά εικόνας στον Επιθεωρητή Ιδιοτήτων περιλαμβάνουν ένα περιορισμένο σύνολο πραγματικών εργαλείων επεξεργασίας εικόνας. Αυτά τα εργαλεία περιλαμβάνουν την περικοπή, την επεξεργασία της αντίθεσης και την ακονίζοντας τις εικόνες. Ρίξτε μια ματιά στην πιο σημαντική από αυτές τις επιλογές:

• Εργαλεία περιοχής χάρτη: Τα εργαλεία περιοχής χάρτη δημιουργούν hotspots με δυνατότητα κλικ στην επιλεγμένη εικόνα και ορίζουν ξεχωριστές συνδέσεις για διαφορετικά hotspots. Ένα hotspot είναι ένα τμήμα μιας εικόνας που χρησιμεύει ως σύνδεσμος. Μπορείτε να χρησιμοποιήσετε τα εργαλεία Hotspot Rectangle, Circle και Polygon για να σχεδιάσετε τμήματα σε μια επιλεγμένη εικόνα και, στη συνέχεια, να αντιστοιχίσετε συγκεκριμένους συνδέσμους σε εκείνους τους hotpots στον Ιδιοκτήτη Ιδιοτήτων.

  Το τέταρτο εργαλείο σε αυτό το σετ, το εργαλείο Pointer Hotspot, χρησιμοποιείται για την επιλογή, μετακίνηση ή επεξεργασία υφιστάμενων hotspots.

• V Χώρος και χώρος H: Ορίστε οριζόντια και κάθετη απόσταση γύρω από την επιλεγμένη εικόνα.

• Ευθυγράμμιση: Χρησιμοποιήστε αυτό το αναδυόμενο παράθυρο για να επιλέξετε μεταξύ ευθυγράμμισης αριστερά ή δεξιά. (Άλλες επιλογές είναι τεχνικά διαθέσιμες, αλλά είναι υπολείμματα από εποχή κατά την οποία τα γραφικά σύμβολα μεγέθους κειμένου έχουν εισαχθεί απευθείας σε γραμμές κειμένου και δεν χρησιμοποιούνται σήμερα στην ευθυγράμμιση εικόνας.)

• Src: Αυτό το πεδίο προσδιορίζει την ενσωματωμένη συνδεδεμένη εικόνα.

• Alt: Αλλαγή του κειμένου που εμφανίζεται ή διαβάζεται δυνατά, όταν μια εικόνα δεν είναι ορατή.

• Περιθώριο: Καθορίστε το πλάτος συνόρων (0 εικονοστοιχείο, από προεπιλογή) ή 1 εικονοστοιχείο εάν η εικόνα λειτουργεί ως σύνδεσμος.

• Σύνδεσμος: Καθορίστε έναν σύνδεσμο που ανοίγει όταν κάνετε κλικ στην εικόνα. Αν οριστεί ένας σύνδεσμος, μπορείτε να ορίσετε τη σύνδεση να ανοίξει σε ένα νέο παράθυρο του προγράμματος περιήγησης επιλέγοντας _blank από το αναδυόμενο παράθυρο Target.

• Κλάση: Χρησιμοποιήστε αυτό το αναδυόμενο παράθυρο για να ορίσετε στυλ κατηγορίας CSS, αν υπάρχουν ορισμοί ή συνδέονται με τη σελίδα.

• W (πλάτος) και H (ύψος): Αλλαγή μεγέθους της εικόνας. Η κατάργηση της επιλογής του εικονιδίου "Toggle Size Constraints" ξεκλειδώνει τη σύνδεση μεταξύ ύψους και πλάτους, επιτρέποντάς σας να τεντώσετε ή να σπάσετε την εικόνα αντί να διατηρήσετε την αρχική αναλογία ύψους προς πλάτος καθώς αλλάζετε το μέγεθος. Μπορείτε επίσης να αλλάξετε το μέγεθος διαδραστικά κάνοντας κλικ και σύροντας τη χειρολαβή της κάτω γωνίας μιας επιλεγμένης εικόνας. Κρατήστε πατημένο το πλήκτρο Shift ενώ αλλάζετε το μέγεθος για να διατηρήσετε την αναλογία ύψους προς πλάτος.

• Επανάληψη δείγματος: Τα νέα εργαλεία στο CS6 σάς επιτρέπουν να αναπαράγετε μια εικόνα μεγέθους μεγέθους (μικρότερη).Η επαναδειγματοληψία εξαλείφει τα δεδομένα που δεν χρειάζονται και καθιστά το αρχείο εικόνας μικρότερο και αυτό σημαίνει ότι η εικόνα μπορεί να μεταφορτωθεί πιο γρήγορα. Επιλέξτε το πλαίσιο ελέγχου Επιβεβαίωση μεγέθους εικόνας για να επαναλάβετε τη δειγματοληψία της εικόνας ή κάντε κλικ στο κουμπί Επαναφορά στο αρχικό μέγεθος δίπλα της στον Επιθεωρητή Ιδιοτήτων για να αναιρέσετε την αλλαγή μεγέθους.