Jump to content
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Slate Blackcurrant Watermelon Strawberry Orange Banana Apple Emerald Chocolate Marble
Anastasis

Dreamweaver: Δουλεύοντας με εικόνες

Recommended Posts

Σ’ αυτή την ενότητα θα αναλύσουμε όλες τις ιδιότητες της εικόνας στο Dreamweaver .
Για να εισάγουμε μία εικόνα η εντολή βρίσκεται στο μενού insert-image. Η εικόνα εισάγεται εκεί που βρίσκεται ο κέρσορας. Οι τύποι των εικόνων που μπορούμε να χρησιμοποιήσουμε είναι:
• Η μορφή GIF είναι για εικόνες που έχουν περιορισμένο αριθμό χρωμάτων και είναι συνήθως γραφικά σχέδια.
• Η μορφή JPG είναι για φωτογραφικές εικόνες που χρειάζονται να αποικονίζουν μεγάλο αριθμό χρωμάτων.

image.gif

1. Bλέπουμε το μέγεθος της εικόνας σε kilobytes.
2. Oρίζουμε το όνομα της εικόνας.
3. Καθορίζουμε τις διαστάσεις της εικόνας.
4. Βλέπουμε από ποιο σημείο του δίσκου προέρχεται η εικόνα.
5. Ορίζουμε το σύνδεσμο που θα έχει η επιλεγμένη εικόνα.
6. Καθορίζουμε το εναλλακτικό κείμενο της εικόνας. Το εναλλακτικό κείμενο είναι το κείμενο που εμφανίζεται αν αφήσουμε το δείκτη πάνω σε μία εικόνα για λίγα δευτερόλεπτα.
7. Επεξεργασία της εικόνας με κάποιο προεπιλεγμένο πρόγραμμα.
8. Επαναφορά της εικόνας στην αρχική της κατάσταση.
9. Όνομα χάρτη εικόνας. (Θα το αναλύσουμε παρακάτω)
10. Εργαλεία χάρτη εικόνας. (Θα το αναλύσουμε παρακάτω)
11. Περιθώρια της εικόνας από τα γειτονικά αντικείμενα.
12. Ορίζουμε το πλαίσιο που θα ανοίγει ο σύνδεσμος. Αυτό θα το δούμε αναλυτικά σε επόμενο κεφάλαιο. Για την ώρα λέμε ότι η επιλογή blank ανοίγει το σύνδεσμο σε νέο παράθυρο του browser.
13. Φορτώνει – συνήθως την ίδια – μία εικόνα πολύ χαμηλής ανάλυσης στην ίδια θέση.
14. Βάζει περίγραμμα στην εικόνα.
15. Εικονίδια στοίχησης.
16. Εντολές στοίχισης σε σχέση με άλλα αντικείμενα. (συνήθως κείμενο)

Χάρτης εικόνας / Image map
Ο χάρτης εικόνας είναι η επιλογή για να μπορέσουμε να κάνουμε σύνδεσμο ένα μέρος της εικόνας και όχι ολόκληρη. Δηλαδή μπορούμε να ορίσουμε μία ορθογώνια ή κυκλική ή ακανόνιστη περιοχή με τα εργαλεία στο νούμερο 10 των ιδιοτήτων και κατόπιν να δώσουμε μία διεύθυνση ανακατεύθυνσης. Έτσι πατώντας ο χρήστης στην συγκεκριμένη περιοχή θα κατευθύνεται στη νέα διεύθυνση. Το βελάκι χρησιμοποιήται για να μετακινήσουμε αυτές τις περιοχές μέσα στην εικόνα. Αν θέλουμε μπορούμε να δώσουμε και όνομα στον χάρτη στο νούμερο 9 των ιδιοτήτων.

Εναλλασόμενες εικόνες / Rollover images
Οι εναλασσόμενες εικόνες είναι όταν ο δείκτης του ποντικιού πηγαίνει πάνω από μία εικόνα τότε αυτή αλλάζει σε μία άλλη, ενώ όταν απομακρύνεται γίνεται επαναφόρα της αρχικής. Αυτό δημιουργεί την αίσθηση της κίνησης. Συνήθως χρησιμοποιήται σε γραφικά “κουμπιά”. Η εντολή εισαγωγής βρίσκεται στο μενού insert-interactive images-rollover images.

roll.gif

1. Ονομασία της εικόνας.
2. Εισάγουμε την εικόνα που θέλουμε να φαίνεται πρώτη.
3. Εισάγουμε την εικόνα που θέλουμε να φαίνεται κατά την εναλλαγή.
4. Η επιλογή αυτή όταν είναι τσεκαρισμένη – προτείνεται – ο browser φωρτόνει τις εικόνες rollover στο παρασκήνιο.
5. Καθορίζουμε το εναλλακτικό κείμενο της εικόνας. Το εναλλακτικό κείμενο είναι το κείμενο που εμφανίζεται αν αφήσουμε το δείκτη πάνω σε μία εικόνα για λίγα δευτερόλεπτα.
6. Εισάγουμε μία διεύθυνση για να κάνουμε την εικόνα σύνδεσμο.

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×