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

Μπορείτε να επικολλήσετε εικόνες από το Πρόχειρο του λειτουργικού σας συστήματος σε έγγραφα του Dreamweaver. Αυτό λειτουργεί με εικόνες που έχουν αντιγραφεί στο Πρόχειρο από μερικά, αλλά όχι όλα, προγράμματα περιήγησης (το Safari είναι ένα) και για μερικές αλλά όχι όλες τις μορφές αρχείων που δεν είναι φιλικές προς το web. Οποιαδήποτε εικόνα μπορείτε να αντιγράψετε στο πρόχειρο του λειτουργικού σας συστήματος μπορεί να επικολληθεί σε μια ανοιχτή σελίδα HTML στο Dreamweaver.

Η αντιγραφή εικόνων από τα προγράμματα περιήγησης είναι λίγο διαφορετική ανάλογα με το πρόγραμμα περιήγησης, αλλά η βασική τεχνική είναι να κάνετε δεξί κλικ ή Control-κλικ και να επιλέξετε μια επιλογή όπως Copy Image από το μενού περιβάλλοντος που εμφανίζεται. Ή μπορείτε να αντιγράψετε και να επικολλήσετε έργα τέχνης από προγράμματα όπως το Illustrator, το Photoshop ή το Word.

Με μια εικόνα αντιγραμμένη στο Πρόχειρο, ακολουθήστε τα παρακάτω βήματα για να επικολλήσετε την εικόνα στο Dreamweaver και στη συνέχεια να την αποθηκεύσετε ως αρχείο εικόνας στον ιστότοπό σας:

1. Κάντε κλικ στο παράθυρο Document στο σημείο όπου η εικόνα πρόκειται να εισαχθεί.

   Ο τρόπος με τον οποίο θα εμφανίζεται η εικόνα θα καθοριστεί με το CSS, οπότε μην ασχολείστε με αυτό σε αυτό το στάδιο.

2. Επιλέξτε Επεξεργασία → Επικόλληση.

   Αυτό που συμβαίνει τώρα ποικίλλει σημαντικά ανάλογα με την έκδοση του Dreamweaver, αν και οι βασικές έννοιες είναι οι ίδιες:

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

   2. Ορίστε ένα όνομα αρχείου.

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

   

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

3. Κάντε τις επιλογές σας στο παράθυρο διαλόγου Βελτιστοποίηση εικόνας (υποθέτοντας ότι βρίσκεστε στο CS6) και, στη συνέχεια, κάντε κλικ στο κουμπί OK.

4. Στο πλαίσιο διαλόγου Αποθήκευση εικόνας εικόνας που ανοίγει, εισάγετε το όνομα της εικόνας.

   Όπως και με όλα τα ονόματα αρχείων web, αποφύγετε τη χρήση διαστημάτων και ειδικών χαρακτήρων και μην αντικαθιστάτε την επέκταση αρχείου (.png,.jpg ή.gif).

5. Αποθηκεύστε το αρχείο στο ριζικό φάκελο του ιστότοπού σας κάνοντας κλικ στο κουμπί "Ρίζα ιστότοπου".

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

6. Κάντε κλικ στην επιλογή Αποθήκευση.

   Η εικόνα αποθηκεύεται και εμφανίζεται το παράθυρο διαλόγου Περιγραφή εικόνας (Alt Text). Σε αυτό το παράθυρο διαλόγου, ορίζετε χαρακτηριστικά προσβασιμότητας.

   Μπορείτε να εισάγετε alt κείμενο (κείμενο που θα διαβάσει δυνατά για να περιγράψει την εικόνα για τους επισκέπτες με προβλήματα όρασης από το λογισμικό αναγνώστης ή που θα εμφανιστεί σε περιβάλλοντα περιήγησης όπου η προβολή εικόνας είναι απενεργοποιημένη) στο πλαίσιο εναλλακτικού κειμένου στο παράθυρο διαλόγου.

7. Κάντε κλικ στο OK για να εισαγάγετε την εικόνα.

   Η εικόνα θα είναι ορατή στη σελίδα στην προβολή σχεδίασης.