Dreamweaver CC Εικόνες και Συμβουλές Πολυμέσων - ανδρείκελα

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

Μικρογραφίες συνδέσμων σε μεγαλύτερα αρχεία

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

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

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

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

Πάντα να αποθηκεύετε τα πρωτότυπα

Οι περισσότεροι σχεδιαστές δημιουργούν εικόνες για τον ιστό χρησιμοποιώντας ένα πρόγραμμα όπως το Photoshop. Για καλύτερα αποτελέσματα, θέλετε να κάνετε όλες τις διορθώσεις χρωμάτων, ρετουσάρισμα και άλλες επεξεργασίες με μια έκδοση φωτογραφιών ή γραφικών υψηλής ανάλυσης.

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

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

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

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