Η βασική διάταξη μιας τοποθεσίας βελτιστοποιημένη για smartphones
Εάν το Web έχουμε συνηθίσει να μας επιτρέψετε με ατελείωτες συνδυασμό της διάταξης και του χώρου, σχεδιασμό ιστοσελίδων για τα smart phones εμείς αναθεώρηση δημιουργικές φιλοδοξίες μας, ή τουλάχιστον να αλλάξετε το μέγεθος του περιορισμένου μεγέθους των οθονών που προορίζεται για την προβολή του έργου μας.
Σημείωση: η ανάλυση εικόνας ποικίλλει, φυσικά, ανάλογα με το μοντέλο, το μεγαλύτερο μέρος της επόμενης γενιάς smartphone διαθέτει οθόνη με πλάτος που κυμαίνεται από τουλάχιστον 240 με ανώτατο όριο τα 480 pixels. Το πιο κοινό ψήφισμα μπορεί να υπολογίζει, σε κατακόρυφο προσανατολισμό, σε πλάτος 320 pixels.
Ξεχάστε διάταξη τότε δύο, τρεις ή τέσσερις στήλες! Από τη δική μου άποψη η μόνη δυνατή λύση, προκειμένου να εξασφαλιστεί η καλή χρηστικότητα στο περιεχόμενο, είναι το ενιαίο σχεδιασμό στήλη, όπου όλο το περιεχόμενο είναι οργανωμένο κατά μήκος μιας κάθετης διαδοχική σειρά (δηλαδή, το ένα κάτω από το άλλο). Όταν δημιουργείτε μια ιστοσελίδα, να θυμάστε πάντα, το πιο σημαντικό πράγμα είναι να εξασφαλιστεί η καλή χρηστικότητα και, πολύ περισσότερο όταν η οθόνη είναι περιορισμένη σε ένα smartphone, η απλότητα είναι πάντα ο καλύτερος δρόμος προς τα εμπρός.
Όπως μπορείτε να δείτε, η δομή μας είναι πολύ απλή και αποτελείται αρχικά από τρία μέρη:
- Κεφαλίδα: είναι το ανώτερο τμήμα της σελίδας και έχει σχεδιαστεί για να φιλοξενήσει το λογότυπο του site και ενδεχομένως μερικά άλλα στοιχεία του πρώτου ορόφου?
- Σώμα Σελίδα: έχει σχεδιαστεί για να φιλοξενήσει το κεντρικό τμήμα του πραγματικού περιεχομένου των σελίδων του δικτυακού μας τόπου?
- Υποσέλιδο: Αυτό είναι το τελικό μέρος, στο κάτω μέρος, όπου είναι συνηθισμένο να θέσει οποιεσδήποτε πιστώσεις, νομικές αναφορές, αναγγελία πνευματικής ιδιοκτησίας, επαφών, κλπ..
Το μενού πλοήγησης
Το κεντρικό τμήμα της σελίδας, με τη σειρά του, θα χρησιμοποιηθεί για να στεγάσει άλλες περιοχές (οι οποίες ποικίλλουν ανάλογα με τις ανάγκες σας).Ένα βασικό στοιχείο, φυσικά, είναι το μενού πλοήγησης μέσω του οποίου να έχετε πρόσβαση σε άλλες σελίδες / περιοχές του site. Εάν αυτές οι λίγες (πρώτη λύση), μπορεί να δημιουργήσει άμεσα μια γραμμή εργαλείων με τις συνδέσεις που απαιτούνται, διαφορετικά - για λόγους χώρου - είναι καλύτερα να προσθέσετε ένα κουμπί που όταν πατηθεί, εμφανίζει μια λίστα με όλες τις σελίδες / περιοχές διαθέσιμες (δεύτερη λύση).
Τα περιεχόμενα
Επίσης, και πάνω απ 'όλα, για το περιεχόμενο που πρέπει να λάβετε υπόψη τη μικρή οθόνη του smartphone. Και πάλι, ως εκ τούτου, την απλότητα και τη γραμμικότητα είναι, κατά τη γνώμη μου, η καλύτερη επιλογή.
Αποφύγετε περιττά διακοσμητικά στοιχεία γραφικών είναι ένας καλός κανόνας του web design και είναι ακόμη περισσότερο στην ανάπτυξη ιστοσελίδες για φορητές συσκευές και για ζητήματα που σχετίζονται με το μικρό μέγεθος της οθόνης και για λόγους που σχετίζονται με το διαθέσιμο εύρος ζώνης (καθώς και με το κόστος, Η 3G εύρος ζώνης δεν είναι πάντα γρήγορα, ώστε είναι καλύτερο να εστιάσει σε αυτό που είναι απαραίτητο).
Ακόμη και για το περιεχόμενο, ως εκ τούτου, προτείνουν έναν καταρράκτη, όπου τα διάφορα στοιχεία διάταξης (κείμενο, εικόνες, βίντεο) σε ακολουθούν το ένα το άλλο:
Στο επόμενο μάθημα θα δούμε πώς για την κατασκευή του κώδικα HTML στην ιστοσελίδα μας, ξεκινώντας, βεβαίως, από την <head> (τίτλος, meta tags και CSS).
- <<Προηγούμενο μάθημα
- Βοήθεια Δείκτης
- Επόμενο μάθημα>>
 |
Κεντρική Σελίδα (ebook)
Δημιουργία ιστοσελίδων χωρίς να γνωρίζει HTML. Μόλις 25 €. |
 |
MySQL (Μάθημα)
Διαχείριση του open-source βάση δεδομένων. Από 39 €. |
 |
Paint Shop Pro (πρώτο)
Web γραφικά και επεξεργασία φωτογραφιών με Corel PSP γνωστή. Από 49 €. |