Η δημιουργία του δικού σας ιστότοπου ξεκινά πάντα με την ανάπτυξη ενός σκίτσου και μελλοντικού σχεδιασμού, και ένα αναπόσπαστο μέρος αυτής της ανάπτυξης είναι η οπτικοποίηση του σχεδιασμού του ιστότοπου στο Photoshop και η κοπή του τελικού σχεδιασμού σε μπλοκ για επόμενη διάταξη. Η δυνατότητα σωστής κοπής μιας εικόνας του σχεδιασμού του ιστότοπου επηρεάζει άμεσα την περαιτέρω επιτυχία της διάταξης και τη σωστή τοποθέτηση αρχείων γραφικών στον διακομιστή.
Οδηγίες
Βήμα 1
Ανοίξτε τη δημιουργημένη διάταξη σχεδίασης στο Photoshop, η οποία είναι μια σταθερή εικόνα της επιθυμητής ανάλυσης. Από τη γραμμή εργαλείων στο Photoshop, επιλέξτε το εργαλείο Slice. Απενεργοποιήστε προσωρινά την ορατότητα όλων των επιπέδων κειμένου, των πεδίων εισαγωγής, των εικονιδίων και παρόμοιων στοιχείων.
Βήμα 2
Σχεδιάστε με το επιλεγμένο εργαλείο τις γραμμές οδήγησης κατά τις οποίες θα κόψετε τον ιστότοπο - αυτές οι γραμμές στην εικόνα θα είναι πράσινες. Χωρίστε προσεκτικά τη μονοκόμματη διάταξη σε δομικά στοιχεία του επιθυμητού μεγέθους και ποσότητας.
Βήμα 3
Σκεφτείτε πώς θα κόψετε την εικόνα - δεν πρέπει να υπάρχουν πάρα πολλά μεμονωμένα στοιχεία σε αυτήν. Για να δημιουργήσετε γραμμές οδήγησης, τοποθετήστε τον κέρσορα στον επάνω χάρακα πάνω από την εικόνα, κάντε αριστερό κλικ και σύρετε προς τα κάτω τον οδηγό. Αφήστε το κουμπί του ποντικιού.
Βήμα 4
Αφού οριστούν όλοι οι οδηγοί (κάθετοι και οριζόντιοι), προχωρήστε σε τεμαχισμό της διάταξης.
Βήμα 5
Χρησιμοποιώντας το εργαλείο κοπής που επιλέξατε παραπάνω, κόψτε τη διάταξη κάνοντας αριστερό κλικ στην αρχή κάθε οδηγού και τεντώνοντας το εμφανιζόμενο πεδίο στο μέγεθος του επιθυμητού αντικειμένου που θέλετε να κόψετε. Αφήστε το αριστερό κουμπί του ποντικιού έτσι ώστε να εμφανίζεται ένας σειριακός αριθμός στην αριστερή γωνία του κομμένου κομματιού.
Βήμα 6
Ρυθμίστε τα όρια των θραυσμάτων τεντώνοντας με μη αυτόματο τρόπο. Για να αποθηκεύσετε τα κομμένα τμήματα της συνολικής εικόνας, κάντε κλικ στην επιλογή "Αποθήκευση για ιστοσελίδες" στο μενού Αρχείο και επιλέξτε τη μορφή JPEG. Στο παράθυρο αποθήκευσης, επιλέξτε "Όλα τα τμήματα".
Βήμα 7
Αφού αποθηκεύσετε ξεχωριστά τα κομμάτια εικόνας, αποθηκεύστε όλα τα οπτικά στοιχεία της σχεδίασης σελίδας - μπλοκ κειμένου, κουμπιά, γραμμές και ούτω καθεξής.
