Blogger's Solutions

Build your blog with our tools

A Good Reason for a Successful Βlogger

Bootstrap. Πως να δημιουργείτε επαγγελματικές ιστοσελίδες

IT Special Advisor


Αν δεν είστε μυημένοι στην δημιουργία ιστοσελίδων με ανάπτυξη κώδικα HTML τότε το Bootstrap είναι για σας. Γνωρίζοντας ίσως τα απαραίτητα και μόνο για έναν HTML κώδικα μπορείτε να μεγαλουργήσετε και να φτιάξετε επαγγελματικής προβολής ιστοσελίδες με απλά βήματα.

Τι είναι το Bootstrap

Το Bootstrap και γενικά η τεχνοτροπία σχεδίασης Bootstrap από τους Mark Otto και Jacob Thornton μηχανικούς και σχεδιαστές στο Twitter. Θέλοντας να δώσουν ένα "εύκολο" τρόπο σχεδίασης και δημιουργίας ιστοσελίδων απαλλαγμένα από τα υπερβολικά CSS και Javascrip δόμησαν την μεθοδολογία σε αντικείμενα. Επηρεασμένοι από τον αντικειμενοστρεφή προγραμματισμό κάθε αντικείμενο ανήκει σε μια "κλάση" του Bootstrap CSS με συγκεκριμένα και προκαθορισμένα χαρακτηριστικά.
Έτσι αν για παράδειγμα δηλώσουμε ένα αντικείμενο ως button τότε το αποτέλεσμα θα επέλθει απλά με την δήλωσή του. Ακολουθεί μια λίστα με παραδείγματα από τέτοια buttons.
<p>
<button class="btn btn-large btn-primary" type="button">Large button</button>
<button class="btn btn-large" type="button">Large button</button> </p>
<p>
<button class="btn btn-primary" type="button">Default button</button>
<button class="btn" type="button">Default button</button> </p> <p> <button class="btn btn-small btn-primary" type="button">Small button</button>
<button class="btn btn-small" type="button">Small button</button> </p>
<p>
<button class="btn btn-mini btn-primary" type="button">Mini button</button>
<button class="btn btn-mini" type="button">Mini button</button>
</p>

Ενώ η δημιουργία αναδυόμενων παραθύρων,modal windows, είναι παιχνιδάκι

Η Επαγγελματική σχεδίαση με Bootstrap 

Το Bootstrap έχει σχεδιαστεί και υλοποιηθεί για γρήγορη δημιουργία ιστοσελίδων και κυρίως για Responsive σχεδίαση. Με στόχο mobile first μπορούν δημιουργηθούν ιστοσελίδες με επαγγελματική εικόνα σε όλα τα μεγέθη  οθονών.
Η αυξημένη χρήση tablet και smartphones ανάγκασε τους σχεδιαστές να προσαρμόσουν τις σελίδες σε μικρότερες οθόνες από αυτές των PC. Από την άλλη ήθελαν να μην στερηθούν σε γραφικά και λειτουργικότητα. Θα πρέπει εδώ να σημειώσουμε ότι οι παλαιότερες τεχνοτροπίες με αυξημένη χρήση Flash έχουν πλέον ξεπεραστεί.
Ο αυξανόμενος όγκος των νέο εισαχθέντων σελίδων στο διαδίκτυο δημιούργησε την ανάγκη για υλοποίηση σελίδων με γρήγορη και εύκολη πρόσβαση , μικρό χρόνο ανταπόκρισης, την ελαχιστοποίηση της χρήσης Flash και την ανάπτυξη ενός πιο λιτού σχεδιασμού.
Αν αναλογιστούμε ότι ο χρόνος που σπαταλάμε στο internet είναι μεγαλύτερος από κάποτε λόγω τόσο της ανάπτυξης του internet όσο και της αύξησης της ταχύτητας πλοήγησης τότε μια πετυχημένη σελίδα (σχεδιαστικά) είναι αυτή που δεν κουράζει τον χρήστη. Σύμφωνα με έρευνες το σύνολο τω χρηστών θέλουν να έχουν μια γρήγορη και σαφή πρόσβαση και πλοήγηση στην σελίδα που επισκέπτονται. Μια minimal εμφάνιση που παρέχει άμεσα και γρήγορα την πληροφορία είναι χαρακτηριστικό ενός πετυχημένου site. Αυτό ακριβώς σας παρέχει το Bootstrap.
Βιβλιοθήκη/ Bootstrap
Share this :

Follow Us

Enter your email address:

We protect your privacy





Card image cap

Angelos Drakopoulos

Follow on G+

Google+