Διάταξη ιστοσελίδας ακολουθεί μία από τις δύο διαφορετικές προσεγγίσεις:
- Διατάξεις σταθερού πλάτους: Πρόκειται για διατάξεις όπου το πλάτος ολόκληρης της σελίδας έχει οριστεί με μια συγκεκριμένη αριθμητική τιμή.
- Υγρές διατάξεις: Πρόκειται για διατάξεις όπου το πλάτος ολόκληρης της σελίδας είναι ευέλικτο ανάλογα με το πόσο ευρύ είναι το πρόγραμμα περιήγησης του θεατή.
Υπάρχουν καλοί λόγοι για τη χρήση και των δύο μεθόδων διάταξης, αλλά χωρίς την κατανόηση και των δύο συγγενών οφέλη και ελλείψεις κάθε μεθόδου, δεν μπορείτε να λάβετε μια καλή απόφαση σχετικά με το ποια να χρησιμοποιήσετε για τον Ιστό σας σελίδα.
Διατάξεις σταθερού πλάτους
Οι σταθερές διατάξεις είναι διατάξεις που ξεκινούν με ένα συγκεκριμένο μέγεθος όπως ορίζεται από τον σχεδιαστή ιστοσελίδων. Παραμένουν σε αυτό το πλάτος, ανεξάρτητα από το μέγεθος του παραθύρου του προγράμματος περιήγησης που βλέπει τη σελίδα. Οι διατάξεις σταθερού πλάτους επιτρέπουν σε έναν σχεδιαστή πιο άμεσο έλεγχο του τρόπου εμφάνισης της σελίδας στις περισσότερες περιπτώσεις. Συχνά προτιμούνται από σχεδιαστές με φόντο εκτύπωσης, καθώς επιτρέπουν στον σχεδιαστή να κάνει μικρές προσαρμογές στη διάταξη και να τους παραμείνει συνεπής σε προγράμματα περιήγησης και υπολογιστές.
Υγρές διατάξεις
Οι υγρές διατάξεις είναι διατάξεις που βασίζονται σε ποσοστά του τρέχοντος μεγέθους του παραθύρου του προγράμματος περιήγησης. Κάμπτονται με το μέγεθος του παραθύρου, ακόμα κι αν ο τρέχων θεατής αλλάξει το μέγεθος του προγράμματος περιήγησής του καθώς βλέπει τον ιστότοπο. Οι διατάξεις πλάτους υγρού επιτρέπουν την αποτελεσματική χρήση του χώρου που παρέχεται από οποιοδήποτε συγκεκριμένο παράθυρο του προγράμματος περιήγησης ή ανάλυση της οθόνης. Συχνά προτιμούνται από σχεδιαστές που έχουν πολλές πληροφορίες για να περάσουν σε τόσο μικρό χώρο είναι δυνατόν, καθώς παραμένουν σταθερά σε μέγεθος και σχετικά βάρη σελίδας ανεξάρτητα από το ποιος βλέπει το σελίδα.
Τι στο Stake;
Τα δικα σου σχεδιασμός ιστότοπου επηρεάζει το δικό σας ανταπόκριση και προσαρμοστικότητα του ιστότοπου. Ανάλογα με το τι θα επιλέξετε, η ικανότητα των αναγνωστών σας να σαρώσουν το κείμενό σας, να βρει αυτό που ψάχνουν ή μερικές φορές ακόμη και να χρησιμοποιήσει τον ιστότοπό σας μπορεί να βοηθηθεί ή να παρεμποδιστεί. Η συνολική ταυτότητα της επωνυμίας του ιστότοπού σας ενδέχεται επίσης να κινδυνεύει, ειδικά εάν τα πρότυπα επωνυμίας σας ακολουθούν ένα λογικό μοντέλο εκτύπωσης.
Οφέλη των διατάξεων σταθερού πλάτους
Μια διάταξη σταθερού πλάτους είναι χρήσιμη σε ορισμένες περιπτώσεις.
- Μια διάταξη σταθερού πλάτους επιτρέπει στον σχεδιαστή να δημιουργεί σελίδες που θα μοιάζουν ίδιες ανεξάρτητα από το ποιος τις βλέπει.
- Στοιχεία σταθερού πλάτους, όπως εικόνες, δεν θα κατακλύζουν το κείμενο σε μικρότερες οθόνες, επειδή το πλάτος ολόκληρης της σελίδας θα περιλαμβάνει αυτά τα στοιχεία.
- Το μήκος σάρωσης δεν θα επηρεαστεί από μεγάλα τμήματα κειμένου, ανεξάρτητα από το πόσο ευρύ είναι το πρόγραμμα περιήγησης.
Οφέλη της διάταξης υγρών
Μια υγρή διάταξη λειτουργεί καλύτερα σε άλλες περιπτώσεις.
- Μια διάταξη πλάτους υγρού επεκτείνεται και συστέλλεται για να γεμίσει τον διαθέσιμο χώρο.
- Χρησιμοποιείται όλο το διαθέσιμο ακίνητο, επιτρέποντας στον σχεδιαστή να εμφανίζει περισσότερο περιεχόμενο σε μεγαλύτερες οθόνες, αλλά παραμένει βιώσιμο σε μικρότερες οθόνες.
- Οι υγρές διατάξεις παρέχουν συνέπεια στα σχετικά πλάτη, επιτρέποντας σε μια σελίδα να ανταποκρίνεται πιο δυναμικά σε περιορισμούς που επιβάλλονται από πελάτες, όπως μεγαλύτερα μεγέθη γραμματοσειρών.
Μειονεκτήματα σε διατάξεις σταθερού πλάτους
Ωστόσο, μια σταθερή μορφή δεν είναι χωρίς το κόστος της.
- Οι διατάξεις σταθερού πλάτους επιβάλλουν οριζόντια κύλιση σε μικρότερα παράθυρα του προγράμματος περιήγησης. Οι περισσότεροι άνθρωποι δεν θέλουν να κάνουν κύλιση οριζόντια.
- Αφήνουν μεγάλες εκτάσεις λευκού χώρου σε μεγαλύτερες οθόνες, με αποτέλεσμα πολύ αχρησιμοποίητο χώρο και περισσότερη κύλιση κάθετα από ό, τι διαφορετικά θα ήταν απαραίτητο.
- Οι διατάξεις σταθερού πλάτους δεν χειρίζονται πολύ καλά τις αλλαγές πελατών στα μεγέθη γραμματοσειρών. Για μικρές αυξήσεις στο μέγεθος της γραμματοσειράς, μπορεί να είναι εντάξει, αλλά για μεγαλύτερες αυξήσεις, η διάταξη μπορεί να τεθεί σε κίνδυνο.
Μειονεκτήματα στις διατάξεις υγρών
Οι υγρές διατάξεις, επίσης, δεν είναι χωρίς τα μειονεκτήματά τους.
- Οι διατάξεις υγρών επιτρέπουν πολύ λίγο ακριβή έλεγχο του πλάτους των διαφόρων στοιχείων της σελίδας.
- Μπορούν να οδηγήσουν σε στήλες κειμένου που είναι είτε υπερβολικά ευρύ για άνετη σάρωση, ή σε μικρότερα προγράμματα περιήγησης πολύ μικρά για να εμφανιστούν οι λέξεις με σαφήνεια.
- Σφάλμα διάταξης υγρού όταν ένα στοιχείο σταθερού πλάτους, όπως μια εικόνα, τοποθετείται μέσα σε μια στήλη υγρού. Εάν η στήλη αποδίδεται χωρίς αρκετό χώρο για την εικόνα, ορισμένα προγράμματα περιήγησης θα αυξήσουν το πλάτος της στήλης, αγνοώντας τις οδηγίες του σχεδιαστή, ενώ άλλα προγράμματα περιήγησης αναγκάζουν αλληλεπικαλύψεις σε κείμενο και εικόνες για να επιτύχουν το σωστό ποσοστά.
Προτίμηση διάταξης και μικτές προσεγγίσεις
Μερικοί σχεδιαστές προτιμούν να συνδυάζουν αυτές τις έννοιες. Δεν τους αρέσει η χρήση υγρών διατάξεων για μεγάλα μπλοκ κειμένου, καθώς αυτή η δομή καθιστά το κείμενο είτε δυσανάγνωστο σε μια μικρή οθόνη είτε μη σαρώσιμο σε ένα μεγάλο. Έτσι τείνουν να κάνουν τις κύριες στήλες των σελίδων σταθερό πλάτος, αλλά κάνουν κεφαλίδες, υποσέλιδα και πλάγια στήλες πιο ευέλικτες για να καταλάβουν τα υπόλοιπα ακίνητα και να μην χάσουν την ικανότητα των μεγαλύτερων προγράμματα περιήγησης.
Ορισμένοι ιστότοποι χρησιμοποιούν σενάρια για να καθορίσουν το μέγεθος του παραθύρου του προγράμματος περιήγησης και, στη συνέχεια, να αλλάξουν ανάλογα τα στοιχεία εμφάνισης. Για παράδειγμα, εάν ανοίξετε έναν τέτοιο ιστότοπο σε ένα πολύ μεγάλο παράθυρο, ενδέχεται να λάβετε μια επιπλέον στήλη συνδέσμων στην αριστερή πλευρά που ενδέχεται να μην βλέπουν οι επισκέπτες με μικρότερες οθόνες. Επίσης, η αναδίπλωση κειμένου γύρω από τη διαφήμιση εξαρτάται από το πόσο ευρύ είναι το παράθυρο του προγράμματος περιήγησής σας. Εάν είναι αρκετά ευρύς, ο ιστότοπος θα τυλίξει κείμενο γύρω του, διαφορετικά θα εμφανίσει το κείμενο του άρθρου κάτω από τη διαφήμιση. Ενώ οι περισσότεροι ιστότοποι δεν χρειάζονται αυτό το επίπεδο πολυπλοκότητας, δείχνει έναν τρόπο να επωφεληθούν από μεγαλύτερες οθόνες χωρίς να επηρεαστεί η οθόνη σε μικρότερες οθόνες.