Bootstrap - τι είναι αυτό; Twitter Bootstrap - Σχεδιασμός και δημιουργία ιστοσελίδων

Εκείνοι που έχουν τουλάχιστον κάποια εργασία με τη σφαίρα web design και είναι εξοικειωμένοι με τη διαδικασία δημιουργίας ιστοσελίδων και του σχεδιασμού τους, γνωρίζουν πόσο μακριά έχουν περάσει πρόσφατα οι δυνατότητες οπτικοποίησης του περιεχομένου σας. Χάρη στις τεχνολογίες CSS, JavaScript και Flash, σε συνδυασμό από κάθε τοποθεσία, είναι δυνατό να γίνει το παρόν αριστούργημα, ένα έργο της σύγχρονης τέχνης. Και, φυσικά, πολλοί σχεδιαστές ασχολούνται με αυτό, και ένας μεγάλος αριθμός εταιρειών παραγγέλλουν γενναιόδωρα την ανάπτυξη πύλων με απίστευτα γραφικά. Επιπλέον, το "wow effect" της σελίδας μπορεί να επιτευχθεί όχι μόνο μέσω ενός συνόλου διαφορετικών αποτελεσμάτων, αλλά και με τη βοήθεια απλών, αλλά όμορφων μεταβάσεων, πληροφοριών, συνδέσμων και άλλων.

Ωστόσο, κάθε σχεδιαστής και σχεδιαστής διάταξης γνωρίζει ότι για να εξοικονομήσετε χρόνο στην ανάπτυξη οποιουδήποτε πόρου πρέπει να έχετε μια συγκεκριμένη βάση, ένα πρότυπο, βάσει του οποίου μπορείτε να δημιουργήσετε το τελικό «αριστούργημα». Γι 'αυτό δημιουργήθηκε η πλατφόρμα Bootstrap: σήμερα βοηθάει στην εξοικονόμηση χρόνου και την απλοποίηση της εργασίας για χιλιάδες σχεδιαστές ιστοσελίδων.

Bootstrap - τι είναι αυτό;

Έτσι, για να ξεκινήσει η περιγραφή του προϊόντος ακολουθεί τα γενικά χαρακτηριστικά του. Επομένως, σημειώστε ότι το Bootstrap είναι μια πλατφόρμα, που εκφράζεται σε ένα σύνολο μοναδικών προτύπων για τον ιστότοπο. Κάθε ένα από αυτά περιλαμβάνει γραφικά, CSS σήμανση και, φυσικά, HTML.

Όλο αυτό το σετ πηγαίνει σε ένα αρχείο, το οποίο μπορείτε να το κατεβάσετε δωρεάν από την επίσημη σελίδα της πλατφόρμας. Έτσι, όποιος θέλει να αναπτύξει τον ιστότοπό του μπορεί να χρησιμοποιήσει αυτό το σετ και δεν θα χρειαστεί να γράψει κάθε σελίδα από την αρχή, κάνοντας βασικές ενέργειες: σημειώνοντας έναν ιστότοπο, σπάζοντας τον σε μπλοκ, επιλέγοντας γραφικά για εικονίδια βάσης κ.ο.κ. Σε αυτήν την περίπτωση, κάθε σετ Twitter Bootstrap είναι αρκετά ξεχωριστό. Σε αντίθεση με τα συνηθισμένα πρότυπα, δεν υπάρχει τίποτα περιττό σε αυτό που θα πρέπει να αφαιρεθεί ή να αντικατασταθεί. Δημιουργήστε τον δημιουργό του πνευματικού σας ταιριάζει απευθείας με βάση το Bootstrap.

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

Έτσι, με την ίδια την πλατφόρμα που έχουμε ήδη συναντήσει, τώρα στραφούμε προς το πώς να ξεκινήσουμε την ανάπτυξη του μοναδικού σας ιστότοπου. Αρχικά, φυσικά, πρέπει να κατεβάσετε το αρχείο με το πρότυπο εκκίνησης Twitter. Χρειάζεται πολύ λίγος χώρος και μπορείτε να το πάρετε στη σελίδα GetBootstrap. Εκεί μπορείτε επίσης να επιλέξετε την τοποθέτηση των μπλοκ που χρειάζεστε για τον ιστότοπο. Για παράδειγμα, υπάρχουν σελίδες με τη μορφή σελίδας προσγείωσης με μια εικόνα, υπάρχει με ένα ρυθμιστικό, με αρκετές κεφαλίδες, με προεγκατεστημένα εφέ και ούτω καθεξής. Απλά πρέπει να κάνετε μια επιλογή και να κάνετε λήψη αυτού του αρχείου, το οποίο είναι κατάλληλο για τον ιστότοπό σας, με βάση το Bootstrap. Τι είναι αυτό το σετ, θα δείτε αμέσως μετά τη λήψη.

Εξατομίκευση του θέματος

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

Το μόνο που μας ενδιαφέρει είναι ένα αρχείο CSS με το όνομα του θέματος (τοποθετείται στο φάκελο "css", εκτός από εκεί θα βρείτε δύο ακόμα αρχεία των βασικών ρυθμίσεων της πλατφόρμας, μπορούν να μείνουν μόνοι σας). Και επίσης "index.html", η οποία είναι μια σήμανση της κύριας σελίδας. Θα πρέπει να ξεκινήσετε από αυτό, και άλλες συγκεκριμένες προσθήκες με τη μορφή ρυθμιστικών, κάποια εφέ Javascript θα καθοριστούν ήδη από την εργασία σας για να δημιουργήσετε αυτόν ή εκείνο τον ιστότοπο. Για παράδειγμα, στο πρότυπο πρότυπο Bootstrap, το μενού μπορεί να σχεδιαστεί με βαρετό γκρι. Για τον ιστότοπό σας, φυσικά, αλλάζετε έτσι ώστε να εκτελείται με το σωστό χρώμα και με όλα τα απαραίτητα εφέ. Αυτή είναι η πολύ εξατομικευμένη, αλλά ταυτόχρονα, δεδομένου ότι υπάρχει Bootstrap, δεν είναι απαραίτητο να δημιουργείτε μενού από το μηδέν, πράγμα που εξοικονομεί χρόνο.

Ευκαιρίες για τους σχεδιαστές

Στην πραγματικότητα, τώρα για τις ευκαιρίες που προσφέρει η πλατφόρμα Bootstrap. Ποιες είναι αυτές οι προοπτικές - να συνεργαστούμε με τέτοια αρχεία; Φαίνεται, τι είναι τόσο αξιοσημείωτο;

Στην πραγματικότητα, δεν υπάρχει τίποτα τέτοιο στην πλατφόρμα προγραμματιστών από το Twitter. Η ιδέα είναι εξαιρετικά απλή, όπως η εφαρμογή της. Αλλά τώρα ο σχεδιαστής δεν πρέπει να δημιουργήσει μια σελίδα του site από το μηδέν, προκειμένου να του δώσει την απαραίτητη εμφάνιση. Όχι, τώρα ένας ειδικός μπορεί να ξεκινήσει απευθείας από το κέλυφος, από το σχεδιασμό της ιστοσελίδας, χωρίς να αποσπάται από τα βασικά πράγματα όπως το βασικό markup. Αυτό δεν αποτελεί παράδειγμα αποτελεσματικής και ορθολογικής χρήσης του χρόνου;

Επιπλέον, δεν υπήρχε κανένα άλλο πλεονέκτημα για το Bootstrap - ότι αυτός είναι ένας τρόπος για να βοηθήσουμε τους ανθρώπους που δεν ξέρουν πώς να δημιουργήσουν σήμανση CSS υψηλού επιπέδου, για να δημιουργήσουν το δικό τους επαγγελματικό σχεδιασμό, επειδή όλα τα εργαλεία που μπορεί να είναι χρήσιμα για τον σχεδιαστή διάταξης βρίσκονται ήδη στα πρότυπα που συζητούνται Ομιλία. Ένα πρόσωπο που γνωρίζει τη δημιουργία βάσεων ιστοτόπων, είναι ικανό να κάνει πολλά περισσότερα. Και αυτό είναι πραγματικά ένα βαρύ plus υπέρ της Bootstrap.

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