Οι χρήστες του Διαδικτύου χρησιμοποιούν μια μεγάλη ποικιλία οθονών με διαφορετικές αναλύσεις οθόνης. Επομένως, μία από τις εργασίες για τους προγραμματιστές ιστού είναι η ανάγκη δημιουργίας και βελτιστοποίησης ενός ιστότοπου για τη σωστή προβολή του σε οθόνες με οποιαδήποτε ανάλυση.
Οδηγίες
Βήμα 1
Σχεδιάστε τον ιστότοπό σας με τη χαμηλότερη χρησιμοποιήσιμη ανάλυση - 800 * 600 εικονοστοιχεία και χρησιμοποιήστε μια σταθερή διάταξη. Ωστόσο, με αυτήν την προσέγγιση, υπάρχει ένα μειονέκτημα - για χρήστες που διαθέτουν οθόνες ευρείας οθόνης, στην οθόνη εμφανίζονται ευρεία πεδία κατά την προβολή του ιστότοπού σας.
Βήμα 2
Χρησιμοποιήστε διάταξη υγρού. Σε αυτήν την περίπτωση, οι σελίδες θα τεντώνονται οριζόντια σε αυτές τις οθόνες, η ανάλυση των οποίων είναι υψηλότερη από αυτήν που χρησιμοποιείται στην ανάπτυξη. Αλλά αυτή η προσέγγιση χρησιμοποιείται καλύτερα όταν δημιουργείτε ιστότοπους με πολλές πληροφορίες κειμένου και ελάχιστο αριθμό γραφικών. Αυτό συμβαίνει επειδή ορισμένα στοιχεία, όπως εικόνες ή στοιχεία τρίτων, θα παραμορφωθούν κατά την αλλαγή μεγέθους σε διαφορετικές οθόνες.
Βήμα 3
Το πιο σωστό, αλλά ταυτόχρονα και πιο περίπλοκο από την άποψη της εφαρμογής, είναι η χρήση μιας προσαρμοστικής διάταξης. Αυτή είναι μια πιο περίπλοκη έκδοση της διάταξης από καουτσούκ, η οποία καθιστά δυνατή την αλλαγή του αριθμού των στηλών με πληροφορίες κατά τη χρήση του κώδικα προγράμματος.
Βήμα 4
Όποια και αν είναι η διάταξη που έχει επιλεγεί για την ανάπτυξη του ιστότοπου, κάντε τη διάταξή της σε ανάλυση οθόνης 1024 * 768 pixel. Αυτή είναι η πιο κοινή ανάλυση.
Βήμα 5
Επίσης, για τη σωστή εμφάνιση του ιστότοπου σε οθόνες με διαφορετική ανάλυση, ακολουθήστε ορισμένους κανόνες. Προσπαθήστε να διατηρήσετε το κύριο περιεχόμενο της σελίδας σε μία οθόνη για να αποφύγετε την κύλιση. Τοποθετήστε τις πληροφορίες κειμένου σε μια στενή στήλη έτσι ώστε να μην "εξαπλωθεί" σε όλο το πλάτος της οθόνης. Παρακολουθήστε τη συνολική σχεδίαση των σελίδων έτσι ώστε τα πάντα να είναι ανάλογα.
Βήμα 6
Όταν σχεδιάζετε το σχέδιό σας, υπολογίστε το ποσοστό, όχι την ποσότητα, του πλάτους και του ύψους της σελίδας. Στη συνέχεια, το μέγεθος της σελίδας θα αλλάξει αναλογικά τόσο σε συμβατικές οθόνες όσο και σε οθόνες ευρείας οθόνης.
