Πώς να εισάγετε εικόνες στο Dreamweaver - ανδρείκελα

Τα εργαλεία επεξεργασίας εικόνας του Dreamweaver σας επιτρέπουν εκτελέστε μια στοιχειώδη επεξεργασία εικόνας, όπως την αλλαγή μεγέθους και την περικοπή.Αυτά βρίσκετε αυτά τα εργαλεία στον Ιδιοκτήτη Ιδιοτήτων.

Δεν δημιουργείτε εικόνες στο Dreamweaver Για αυτό, η Adobe παρέχει το Illustrator (για έργα τέχνης, γραφικό κείμενο, εικόνες φόντου σελίδας, πλοήγηση εικονίδια και άλλα) και το Photoshop (για την προετοιμασία φωτογραφιών για τον ιστό), καθώς και άλλα εργαλεία.

Για να εισαγάγετε εικόνες, βεβαιωθείτε ότι εργάζεστε στην προβολή σχεδίασης (ή στην προβολή Διαίρεση με τον κέρσορα στην πλευρά Σχεδίαση του παραθύρου). Έχετε δύο βασικές διαδρομές: Εισάγετε από το μηχάνημά σας ή χρησιμοποιήστε ένα αντίγραφο και -Σε κάθε περίπτωση, πρέπει να βρίσκεστε σε προβολή σχεδίου (επιλέξτε Προβολή → Σχεδιασμός ή, για το Split view, choos e Προβολή → Κωδικός και Σχεδίαση) για να δείτε τις εικόνες καθώς τις επικολλίζετε ή τις ενσωματώνετε.

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

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

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

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

1. Σε αυτό το βήμα, εντοπίζετε όπου στον κώδικα HTML σας θα εισαχθεί η εικόνα. Και πάλι, όπου και πώς εμφανίζεται η εικόνα θα οριστεί με το CSS.

   Επιλέξτε Εισαγωγή → Εικόνα.

2. Στο παράθυρο διαλόγου Επιλογή εικόνας προέλευσης που ανοίγει, πλοηγηθείτε και επιλέξτε οποιοδήποτε αρχείο στον υπολογιστή σας.

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

   Κάντε κλικ στο κουμπί Ναι.

   

   1. Κάντε κλικ στην επιλογή Αποθήκευση στο παράθυρο διαλόγου Αντιγραφή αρχείου ως.

   2. Καθορισμός χαρακτηριστικών προσβασιμότητας.

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

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

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

   

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

5. Σε αυτό το σημείο, έχετε εισαγάγει μόνο την εικόνα. Ο σχεδιασμός σελίδας, συμπεριλαμβανομένης της τοποθέτησης εικόνων και ροής κειμένου γύρω από αυτά, διαχειρίζεται με CSS