Adaptive διάταξης για ιστοσελίδες

Οι ολοένα και πιο δημοφιλής φορητές συσκευές, τόσο μεγαλύτερη είναι η δυσφορία αισθάνθηκε κατά την κύλιση περισσότερες περιοχές. Αυτός είναι ο λόγος για τον οποίο, από το 2012, έχει γίνει webmasters χρήση λύση που κάνει την προβολή των πόρων με μικρές οθόνες πιο άνετα ανάλυση - προσαρμοστική διάταξη.

Η σημερινή τάση

Σήμερα, περίπου πέντε δισεκατομμύρια άνθρωποι στον κόσμο χρησιμοποιούν κινητά τηλέφωνα, με το ένα τρίτο από αυτούς έχουν smartphones. Ως εκ τούτου, η κυκλοφορία αυτή γίνεται ολοένα και πιο σημαντική για τους ιδιοκτήτες ιστοχώρου. Πιθανώς, μια τέτοια πηγή επισκέπτες την πάροδο του χρόνου θα αυξηθεί μόνο.

Οι μηχανές αναζήτησης αντέδρασε γρήγορα σε αυτή την τάση. Οι μεγάλες εταιρίες «Yandex» και η Google έκανε σημαντικές αλλαγές στους αλγόριθμους τους για την κατάταξη των ιστοσελίδων στα αποτελέσματα αναζήτησης, λαμβάνοντας υπόψη τη διαθεσιμότητα των προσαρμοστική διάταξη και το σχεδιασμό. Με απλά λόγια, web-based πόρων που έχουν βελτιστοποιηθεί για κινητά τηλέφωνα, smartphones και tablets, θα έχουν ένα πλεονέκτημα έναντι των ανταγωνιστών τους.

Ορισμός της προσαρμοστικής διάταξης

Adaptive διάταξη - μια μέθοδος για τη δημιουργία ενός πλαισίου ιστοσελίδων, αλλάζει αυτόματα τη θέση των μπλοκ σύμφωνα με την ανάλυση της οθόνης της συσκευής στην οποία είναι εμφανίσεις. Δηλαδή, με αυτή την προσέγγιση θα δημιουργήσει ξεχωριστό στυλ για μια ποικιλία δικαιώματα. Το αποτέλεσμα αυτό επιτυγχάνεται με ειδική συγγραφή CSS-αρχεία. το πρόβλημα λύθηκε κάπως διαφορετικά πριν. Οι προγραμματιστές έπρεπε να κάνει πολύ πιο «χειρονομίες», δημιουργώντας vorstku και το σχεδιασμό της βασικής έκδοσης του site και το ίδιο ισχύει για την κατασκευή ενός κινητού. Ανάλογα με την οθόνη της συσκευής, η οποία έχει προβληθεί ένα πρόγραμμα στο Διαδίκτυο με την υπάρχουσα κινητή πλατφόρμα, τρέχει την κατάλληλη έκδοση της ιστοσελίδας.

Αυτή η προσέγγιση είναι από πολλές απόψεις δεν είναι πλέον δικαιολογημένη, και οι περισσότεροι webmasters δεν οριστεί για τη δημιουργία μια κινητή έκδοση. Τώρα αντικαταστήσει μια τέτοια διαταγή ήρθε προσαρμοστική διάταξη. Κατά τη δημιουργία ενός πλαισίου site με τη βοήθεια της τεχνολογίας αυτής, ο webmaster είναι επικεντρώνοντας τις προσπάθειές της για τη δημιουργία μιας έκδοσης του έργου, και οι επισκέπτες μπορούν να έχουν το ίδιο επίπεδο άνεσης, δείτε το σαν μια μεγάλη οθόνη του υπολογιστή και στο κινητό τηλέφωνο, smartphone ή το tablet σας.

Πλεονεκτήματα της προσαρμοστικής διάταξης

Ποια είναι τα πλεονεκτήματα μιας προσαρμοστικής sites διάταξη; Είχε προηγουμένως σημειωθεί ότι το πλεονέκτημα είναι η σωστή απεικόνιση όλων των τμημάτων της σελίδας σε οποιαδήποτε συσκευή. Είναι επίσης μια θετική πτυχή αυτής της προσέγγισης για τη δημιουργία ενός προτύπου μπορεί να ονομάζεται η ταχύτητα της εφαρμογής των αλλαγών. Τι σημαίνει αυτό;


Όταν υπάρχει εφαρμόστηκε για πρώτη φορά στο χώρο των δύο πλατφόρμες vorstku γίνει με τις αλλαγές που απαιτούνται στην έκδοση εργασίας, και μετά - στο κινητό. Αν οι αλλαγές στον κώδικα ήταν αρκετά σημαντική, η διαδικασία για την πραγματοποίηση αυτών των αλλαγών θα μπορούσε να καθυστερήσει σημαντικά. Όταν προσαρμοστική εργασίες vorstke στην περιοχή πραγματοποιείται σε ένα ενιαίο αρχείο. Οι αλλαγές που γίνονται με τη διάταξη ιστοσελίδα θα είναι η ίδια εμφανίζεται μόλις σε ένα εργασιακό έκδοση, και τα κινητά.

Το μειονέκτημα αυτής της προσέγγισης, ορισμένοι webmasters κάλεσε την πολυπλοκότητα της εφαρμογής της. Αλλά με την έλευση του CSS 3 για να δημιουργήσετε ένα προσαρμοστικό πρότυπο διάταξης ήταν πολύ απλή. Δεν έχει ακόμη και οι πιο έμπειροι webmasters να κάνετε το site σας εύκολο να δείτε σε μια φορητή συσκευή.

Οι αρχές και τα χαρακτηριστικά προσαρμοστική διάταξη

Ποιες αρχές διέπουν τη μέθοδο της προσαρμοστικής διάταξης στο web design;

- Η χρήση του «καουτσούκ» διάταξη τύπου.

- «λάστιχο» εικόνα.

- ερωτήματα Χρήση μέσων (media-ερωτήματα).

- Η ανάγκη να σκεφτούμε κινητών συσκευών με την έναρξη της διάταξης.

Από αυτές τις βασικές αρχές αυτής της μεθόδου για τη δημιουργία ενός προτύπου που προέρχεται προσαρμοστική διάταξη ακόλουθα χαρακτηριστικά:

1. Σχεδιασμός και υλοποίηση του σχεδιασμού χώρο, λαμβάνοντας υπόψη τις εργασίες για όλο το φάσμα των ψηφισμάτων: από το κινητό σε μεγάλες οθόνες φορμά.

2. Τοποθέτηση χρησιμοποιώντας επικαλυπτόμενα φύλλα στυλ με τα ερωτήματα των μέσων ενημέρωσης, χρησιμοποιώντας τεχνολογία που εμφανίστηκε στο CSS 3.

3. Ο προγραμματισμός από την πλευρά τόσο του πελάτη και του διακομιστή για τη μετάδοση εικόνων σε κινητές συσκευές μικρότερου μεγέθους και ανάλυση.

Μια σημαντική πτυχή, ενόψει των οποίων δημιουργεί μια προσαρμοστική διάταξη - πίνακας ανάλυσης δημοφιλείς ηλεκτρονικές συσκευές. Μια τέτοια προσέγγιση στο σχεδιασμό θα κάνει την περιήγηση στο διαδίκτυο σε οποιαδήποτε οθόνη είναι πολύ άνετα. Αλλά πώς ξέρετε ποια αξίζει να συμπεριληφθεί στο στυλ;

Ξεκινώντας vorstku προσαρμοστική διάταξη;

Οι περισσότερες ιστοσελίδες γίνονται έτσι ώστε οι οθόνες smartphone και tablet φαίνεται κύλιση μπαρ που δεν είναι τόσο εύκολο να περιηγηθείτε, καθώς και ο σχεδιασμός και η διαρρύθμιση των πολλών έργων στο Διαδίκτυο απλώς «επιπλέουν». Στις ιστοσελίδες, που δημιουργήθηκε για να διδάξει web design, περιέχει μια σειρά από αναλύσεις οθόνης των διαφόρων συσκευών, η οποία φέρει τις στοιχειοθετημένες σελίδες του site σας.
Adaptive διάταξη, παραδείγματα των οποίων μπορούν να βρεθούν αρκετά συχνά, έχει πολλά πλεονεκτήματα. Τι να θυμηθώ με αυτή την προσέγγιση για τη δημιουργία μιας διάταξης σελίδας;

Να πάρει να εργαστεί στο πρότυπο, είναι σημαντικό περιοδικά για να ελέγξετε το πόσο καλά το περιεχόμενο που εμφανίζεται και τη διάταξη των μπλοκ σε διαφορετικές οθόνες. Για να το κάνετε αυτό, μερικές φορές απλά να αλλάξετε το πλάτος του παραθύρου του προγράμματος περιήγησης. Φάκελος με το στυλ του που έλαβε το ερώτημα μέσα μαζικής ενημέρωσης και να αλλάξετε τη θέση των μπλοκ, κάνοντας σημαντικές αλλαγές. Ένα καλό εργαλείο για να ελέγξετε την προσαρμοστική πρότυπο διάταξης θα μπορούσε να είναι περιοχές που μιμούνται τις οθόνες των κινητών συσκευών διαφορετικών μοντέλων. Οι υπηρεσίες αυτές θα επιτρέψουν να εξετάσει προσεκτικά και να αξιολογήσει πώς ο σχεδιασμός φαίνεται στις οθόνες του μια ποικιλία από κινητές συσκευές.

Αν και η τεχνολογία της προσαρμοστικής διάταξης δεν είναι τόσο απλό, η ανάπτυξη του θα αποδώσει καρπούς πολύ σύντομα.