Bootstrap - che cos'è? Twitter Bootstrap - progettazione e sviluppo di siti web

Sommario:

Bootstrap - che cos'è? Twitter Bootstrap - progettazione e sviluppo di siti web
Bootstrap - che cos'è? Twitter Bootstrap - progettazione e sviluppo di siti web
Anonim

Coloro che lavorano almeno un po' nel campo del web design e hanno familiarità con il processo di creazione di siti e di progettazione, sanno fino a che punto sono arrivate le possibilità di visualizzare i tuoi contenuti ultimamente. Grazie alle tecnologie CSS, JavaScript e Flash, combinate insieme, qualsiasi sito può trasformarsi in un vero capolavoro, una sorta di opera d'arte moderna. E, naturalmente, molti designer lo stanno facendo e un gran numero di aziende commissiona generosamente lo sviluppo di portali con una grafica incredibile. Inoltre, l'"effetto wow" della pagina può essere ottenuto non solo attraverso una serie di effetti diversi, ma anche con l'aiuto di semplici ma belle transizioni, infografiche, link e altro ancora.

bootstrap che cos'è
bootstrap che cos'è

Vero, ogni designer e layout designer sa che per risparmiare tempo nello sviluppo di qualsiasi risorsa, è necessario disporre di una certa base, un modello, sulla base del quale creare il "capolavoro" finale. Ecco per cosa è stato creato Bootstrap: oggi fa risparmiare tempo e semplifica le cose a migliaia di web designer.

Bootstrap - che cos'è?

Quindi, la descrizione del prodotto dovrebbe iniziare con le sue caratteristiche generali. Pertanto, notiamo che Bootstrap è una piattaforma espressa in un setmodelli originali per il sito. Ognuno include grafica, CSS e ovviamente HTML.

twitter bootstrap
twitter bootstrap

L'intero set arriva in un archivio, che può essere scaricato gratuitamente dalla pagina ufficiale della piattaforma. Pertanto, chiunque voglia sviluppare il proprio sito può utilizzare questo set e non avrà bisogno di scrivere ogni pagina da zero, facendo azioni di base: contrassegnare il sito, suddividerlo in blocchi, selezionare la grafica per le icone di base e così via. Allo stesso tempo, ogni set di Twitter Bootstrap è abbastanza individuale. A differenza dei modelli a cui siamo abituati, non c'è nulla di superfluo che debba essere rimosso o sostituito. Il designer sarà in grado di creare la sua idea direttamente sulla base di Bootstrap.

Come iniziare a creare un sito web?

Quindi, abbiamo già familiarizzato con la piattaforma stessa, ora passiamo a come iniziare a sviluppare il tuo sito web unico. Per iniziare, ovviamente, devi scaricare l'archivio con il modello Bootstrap di Twitter. Occupa pochissimo spazio e puoi ottenerlo dalla pagina GetBootstrap. Lì puoi anche scegliere il posizionamento dei blocchi di cui hai bisogno per il sito. Ad esempio, ci sono pagine sotto forma di landing-page con un'immagine, con uno slider, con più titoli, con effetti preimpostati e così via. Devi solo fare una scelta e scaricare l'archivio adatto al tuo sito creato sulla base di Bootstrap. Che cos'è questo set, vedrai subito dopo il download.

menu di avvio
menu di avvio

Personalizzazione del tema

Ogni argomento rappresenta se stesso, come qualsiasi sito,un insieme di file HTML, CSS e grafici. Gli sviluppatori della piattaforma si sono sforzati di portare le norme di progettazione agli stessi standard, offrendo al contempo la massima opportunità per personalizzare il tuo tema. Pertanto, per rendere unico il tuo sito, dovrai comprendere la struttura della piattaforma, l'architettura del sito su di essa e come viene scritto il codice di ogni template. Devi farlo una volta, dopodiché sarà più facile creare i tuoi progetti usando Bootstrap. CSS e grafica sono gli stessi su tutti i temi. Questo è il vantaggio di questo approccio.

Ci interessa solo il file CSS con il nome del tema (si trova nella cartella "css", oltre ad esso troverai altri due file delle impostazioni di base della piattaforma, tu può lasciarli soli); così come "index.html", che è il markup della pagina principale. Dovresti iniziare da questo e da altre aggiunte specifiche sotto forma di slider, alcuni effetti Javascript saranno già determinati dalla tua attività per creare un sito particolare. Ad esempio, nel modello Bootstrap standard, il menu potrebbe essere progettato in un colore grigio opaco. Per il tuo sito, ovviamente, lo cambierai in modo che sia realizzato nel colore giusto e con tutti gli effetti desiderati. Questa è la vera personalizzazione, ma poiché c'è Bootstrap, non è necessario creare un menu da zero, il che fa risparmiare tempo.

bootstrap css
bootstrap css

Opportunità per i designer

In re altà, ora parliamo delle possibilità offerte dalla piattaforma Bootstrap. Quali sono queste prospettive: lavorare con tali archivi? Sembrerebbe, perché sono così straordinari?

Poin effetti, non c'è niente di simile nella piattaforma per sviluppatori di Twitter. L'idea è estremamente semplice, così come la sua attuazione. Ma ora un designer non deve creare una pagina del sito da zero, quindi dargli l'aspetto desiderato. No, ora uno specialista può partire direttamente dalla shell, dal design del sito, senza essere distratto da cose basilari come il markup principale. Non è questo un esempio di uso efficace ed efficiente del tempo?

Inoltre, non è stato notato un altro vantaggio di Bootstrap: è un modo per aiutare le persone che non hanno competenze di markup CSS di alto livello a creare il proprio design professionale, perché tutti gli strumenti che un designer di layout potrebbe necessario sono già nei modelli in questione. Una persona che conosce la creazione di siti web è capace di molto di più. E questo è già un vantaggio davvero significativo a favore di Bootstrap.

Ora il progetto è in fase di sviluppo, nonostante sia stato lanciato nel 2011 e da allora migliaia di persone hanno iniziato a lavorarci. Speriamo che gli sviluppatori continuino a semplificare il web design e ad aiutare le persone a creare qualcosa di nuovo, personale e utile per il mondo.

Consigliato: