ΥπολογιστέςΤης τεχνολογίας των πληροφοριών

Προσαρμογή του χώρου για κινητές συσκευές: οδηγίες βήμα προς βήμα. Mobile ιστοσελίδα

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

γενικές πληροφορίες

Έτσι, πρώτα ας δούμε τι μια απόκριση σχεδιασμό. Έτσι είναι η διαμόρφωση στην οποία όλες οι συσκευές αποστέλλονται στην ίδια HTML κώδικα, αλλά οι διαστάσεις των στοιχείων ρυθμίζεται μέσω CSS. Διάφορα ρομπότ αναζήτησης μπορεί να ανιχνεύσει αυτές τις τοποθεσίες, υπό την προϋπόθεση ότι οι σελίδες και οι πόροι ορατή για σάρωση. Για να πει το πρόγραμμα περιήγησης αυτήν τη δυνατότητα, χρησιμοποιήστε το όνομα meta tag = «θύρα προβολής». Ποια είναι η προσαρμογή του χώρου για κινητές συσκευές;

Εξετάστε την ετικέτα

Έτσι, πρέπει να βεβαιωθείτε ότι η ετικέτα meta name = «παράθυρο». Γιατί θα ήταν αυτός; Ότι υπάρχουν οδηγίες για το πρόγραμμα περιήγησης σχετικά με το πώς να ρυθμίσετε το μέγεθος και την κλίμακα της σελίδας στο πλάτος της οθόνης της συσκευής, από την οποία μπορείτε να δείτε το χώρο του ξενοδοχείου. Αν δεν προσθέσετε αυτό το μικρό αντικείμενο, εμφανίζεται η προεπιλεγμένη σελίδα, σχεδιασμένο για υπολογιστές. Αλλά ενώ προγράμματα περιήγησης για κινητά θα προσπαθήσει να βελτιστοποιήσει το περιεχόμενο, το οποίο θα έχει ως αποτέλεσμα την αύξηση της γραμματοσειράς, επεκτάσιμη περιεχόμενο ή προβολή του περιεχομένου που ταιριάζουν στην οθόνη. Είναι ωραίο; Όχι, η κινητή έκδοση της ιστοσελίδας σε μια τέτοια περίπτωση θα μπορούσε να προκαλέσει μόνο αρνητική αντίληψη. Μετά από όλες τις γραμματοσειρές θα είναι δυσανάλογη, είναι απαραίτητο να μετακινηθείτε στη σελίδα και να κάνει περισσότερο τον αριθμό των δράσεων, οι οποίες, αν και είναι μικρές, αλλά ακόμα κουραστική. Ελέγξτε την προσαρμογή ιστοσελίδα για κινητές συσκευές, μπορείτε να χρησιμοποιήσετε το τηλέφωνο, το tablet ή ειδικές υπηρεσίες και τα προγράμματά σας. Φυσικά, οι δύο πρώτες επιλογές προτιμώνται, αλλά αν χρειάζεστε μια λεπτομερή ανάλυση από τη σκοπιά των διαφόρων συσκευών και να εξοικονομήσετε χρόνο, στη συνέχεια, τοποθετήστε το τελευταίο.

Ποια είναι τα πλεονεκτήματα της προσαρμογής του χώρου για κινητές συσκευές;

Χρησιμοποιώντας αυτή την προσέγγιση σας επιτρέπει να:

  1. Στους χρήστες να μοιράζονται περιεχόμενο σε περίπτωση που έχει μία διεύθυνση.
  2. Οι αλγόριθμοι των μηχανών αναζήτησης για να πάρει την ακριβή διάταξη της σελίδας, υπάρχει σύγχυση με τις διαφορετικές εκδόσεις.
  3. Μειώσει την πιθανότητα λαθών.
  4. Μειώστε το χρόνο εκκίνησης, εξαλείφοντας την ανάγκη εκ νέου δημιουργία ευρετηρίου.
  5. Εξοικονόμηση πόρων.

Επιπλέον, μια προσαρμοστική σελίδα για να δημιουργήσετε πιο εύκολα από μερικές επιλογές για κάτι μία. Προσαρμογή του χώρου για κινητές συσκευές (για να γίνει αυτό είναι αρκετά πιθανό) δεν είναι κάτι δύσκολο να γνωρίζουμε την Javascript αρκετά και είναι σε θέση να συνεργαστεί με επικαλυπτόμενα φύλλα στυλ (CSS) και εικόνες. Υπάρχουν πολλές προσεγγίσεις για το έργο αυτό. Ως μέρος του άρθρου θα εξεταστούν από τρεις από τις πιο δημοφιλείς επιλογές:

  1. Η έμφαση σε JavaScript.
  2. Συνδυάζοντας.
  3. Δυναμική χρήση JavaScript.

Ας τα εξετάσουμε με περισσότερες λεπτομέρειες.

Προσαρμογή χρήση JavaScript

Σε αυτή την περίπτωση, ένα ενιαίο περιεχόμενο. Και με JavaScript μορφοποίηση αλλαγές στο μηχανισμό λειτουργίας της σελίδας. Τα πάντα σε αυτή την περίπτωση εξαρτάται από την πλατφόρμα. Ο αλγόριθμος αυτός είναι παρόμοια με τα μέσα ενημέρωσης ερωτήματα Cascading Style φύλλο. Σκεφτείτε ένα μικρό παράδειγμα του έργου στην πράξη. Έτσι, έχουμε μια σελίδα με HTML κώδικα, το οποίο τοποθετείται ένα στοιχείο