Το "Rubbery" είναι μια εικόνα που έχει τη δυνατότητα κλιμάκωσης. Μπορείτε να δημιουργήσετε μια τέτοια εικόνα χρησιμοποιώντας προγράμματα υπολογιστών. Η ευκολία του έγκειται στο γεγονός ότι "εκτείνεται" στην επιθυμητή κατεύθυνση. Αυτή η δημιουργία ιστού εμφανίζεται με επιτυχία σε οποιοδήποτε πρόγραμμα περιήγησης. Εάν η εικόνα περιέχει κάποια χρήσιμα στοιχεία, οι ιδιότητες "καουτσούκ" αυξάνουν τη λειτουργικότητά της.
Είναι απαραίτητο
εικόνα, ιστότοπος, πρόγραμμα Adobe Photoshop, εφαρμογή Notepad, HTML-code, ριζικός κατάλογος του ιστότοπού σας
Οδηγίες
Βήμα 1
Βρείτε ή δημιουργήστε μια εικόνα που θέλετε να κλιμακώσετε και να τοποθετήσετε στο Διαδίκτυο. Εκκινήστε το Adobe Photoshop. Ανοίξτε αυτήν την εικόνα στο πρόγραμμα. Βρείτε το Slice Tool στη γραμμή εργαλείων. Χρησιμοποιήστε το για να κόψετε την εικόνα σε κομμάτια. Χωρίστε το έτσι ώστε ολόκληρη η εικόνα να αποτελείται από τρία γραφικά στοιχεία και η κεντρική είναι κενή. Αυτό θα βοηθήσει την εικόνα να τεντωθεί σε οποιαδήποτε ανάλυση της οθόνης.
Βήμα 2
Αποθηκεύστε την εικόνα βελτιστοποιημένη για τη μορφή ιστού (Αποθήκευση για web). Κατά την αποθήκευση, ορίστε την απαιτούμενη μορφή αρχείου - gif, jpeg ή png. Για να αλλάξετε μεμονωμένα τμήματα της εικόνας, βρείτε την επιλογή Slice Select Tool στο μενού και αλλάξτε τα μέρη της εικόνας έτσι ώστε το μέγεθος να είναι ελάχιστο με τη μικρότερη απώλεια ποιότητας κατά την απόδοση στην οθόνη. Μετά την αλλαγή, αποθηκεύστε τις εικόνες ως html και εικόνες.
Βήμα 3
Μόλις αποθηκεύσετε τις εικόνες σας, ξεκινήστε την επεξεργασία του κώδικα HTML. Ανοίξτε το αποθηκευμένο έγγραφο html στο Σημειωματάριο. Διαγράψτε τυχόν γραμμές κώδικα που δεν χρειάζονται. Διατηρείτε μόνο τα δεδομένα του πίνακα στον οποίο οι εικόνες είναι ενσωματωμένες αμετάβλητες
Βήμα 4
Στις γραμμές, αντί του yourimage.gif, καθορίστε τη διαδρομή προς τις εικόνες στον υπολογιστή σας. Το ύψος και το πλάτος πρέπει να είναι κατάλληλα.
Βήμα 5
Για να κάνετε το μεσαίο τμήμα της εικόνας να τεντωθεί, όταν τα ακραία μέρη είναι διασκορπισμένα, γράψτε τις απαραίτητες πληροφορίες στις γραμμές κώδικα. Καθορίστε τις παραμέτρους (πλάτος και ύψος) της δικής σας εικόνας.
Βήμα 6
Ανεβάστε τις δημιουργημένες εικόνες στον ριζικό κατάλογο του ιστότοπου. Καθορίστε νέες διαδρομές σε εικόνες στο διακομιστή, επεξεργαζόμενο τον κώδικα HTML. Εισαγάγετε τον κωδικό εικόνας μεταξύ των ετικετών.
Βήμα 7
Ελέγξτε τις ιδιότητες της εικόνας. Προσπαθήστε να το αναβαθμίσετε στο διαδίκτυο. Η εικόνα πρέπει να είναι ευέλικτη προς οποιαδήποτε κατεύθυνση.
