Είναι βολικό να χρησιμοποιείτε αρθρωτά πλέγματα όταν αναπτύσσετε ένα σχέδιο ή δημιουργείτε μια πολύπλοκη εικόνα. Χρησιμεύουν ως βάση της σύνθεσης, διαιρώντας το φύλλο σε καθορισμένο αριθμό κάθετων και οριζόντιων βημάτων με τις ίδιες ή διαφορετικές αποστάσεις.
Απαραίτητη
Διαμονή προγράμματος Photoshop
Οδηγίες
Βήμα 1
Όλα τα σύγχρονα προγράμματα επεξεργασίας γραφικών και τα προγράμματα σχεδιασμού ιστοσελίδων διαθέτουν ενσωματωμένα αρθρωτά πλέγματα. Εάν εργάζεστε στο Adobe Photoshop, ενεργοποιήστε την οθόνη πλέγματος για εύκολη διάταξη των αντικειμένων εικόνας και την ακριβή τοποθέτησή τους στο φύλλο. Για να το κάνετε αυτό, μεταβείτε στο στοιχείο μενού Επεξεργασία και μετακινήστε το ποντίκι πάνω από τη λεζάντα προτιμήσεων. Στο μενού που εμφανίζεται, επιλέξτε το στοιχείο Guides, Grid & Slices (ανάλογα με την έκδοση του προγράμματος, αυτό το στοιχείο μπορεί να έχει διαφορετικά ονόματα, επιλέξτε τη λέξη Grid).
Βήμα 2
Στο παράθυρο ρυθμίσεων που ανοίγει, ορίστε τις παραμέτρους του αρθρωτού πλέγματος. Στην περιοχή πλέγματος, επιλέξτε το χρώμα των γραμμών που σχηματίζουν τα στοιχεία πλέγματος και το διάστιχο. Κάντε κλικ στο "OK" και ελέγξτε πώς οι αλλαγές που θα πραγματοποιηθούν θα επηρεάσουν την εμφάνιση της εικόνας. Στο περιβάλλον ανάπτυξης ιστού του Adobe DreamWeaver, το πλέγμα περιλαμβάνεται από προεπιλογή στη διάταξη της σελίδας που αναπτύσσετε.
Βήμα 3
Μπορείτε να προσθέσετε διάφορους πίνακες (στοιχεία πλέγματος) με οποιοδήποτε σύνολο γραμμών και στηλών χρησιμοποιώντας το στοιχείο Εισαγωγή πίνακα, καθώς και να εισαγάγετε νέους πίνακες σε κελιά, δημιουργώντας έτσι ένα πολύπλοκο δίκτυο για τη δημιουργία στοιχείων σελίδας.
Βήμα 4
Μπορείτε να δημιουργήσετε ένα αρθρωτό πλέγμα χειροκίνητα χρησιμοποιώντας στυλ CSS. Για να το κάνετε αυτό, χρησιμοποιήστε τα εργαλεία #grid, Gridmaker, CSS Grid Builder, 1 KB CSS Grid, Gridr Buildrrr και άλλες ενότητες. Για παράδειγμα, το ακόλουθο απόσπασμα κώδικα δημιουργεί ένα πλέγμα τεσσάρων ενοτήτων με δεδομένο πλάτος:.page-layout {margin-right: -5px; }.layout-box {float: αριστερά; περιθώριο: 0 5px 5px 0; }.lb-1 {πλάτος: 779 εικονοστοιχεία; } / * 100% * /. Lb-2 {πλάτος: 583 εικονοστοιχεία; } / * 75% * /. Lb-3 {πλάτος: 387 εικονοστοιχεία; } / * 50% * /. Lb-4 {πλάτος: 191 εικονοστοιχεία; } / * 25% * /
Βήμα 5
Η παρουσία ενός αρθρωτού πλέγματος διευκολύνει τόσο τους αρχάριους σχεδιαστές όσο και τους προγραμματιστές ιστοσελίδων και έμπειρους πλοιάρχους σε αυτόν τον τομέα. Τα έργα που δημιουργούνται με βάση ένα αρθρωτό πλέγμα είναι εύκολο να επεξεργαστούν και να μεταφερθούν, κάτι που είναι πολύ βολικό για μεγάλους όγκους εργασιών. Μπορείτε επίσης να σταματήσετε να εργάζεστε ανά πάσα στιγμή και να συνεχίσετε να χρησιμοποιείτε το αποθηκευμένο αρχείο.
