În această lecție vom analiza procesul de creare a unui site format dintr-o pagină, în HTML 5, utilizând clasele și componentele Bootstrap 3.
Crearea unui site de carti de vizita
Site-ul carte - un site simplu, care constă dintr-un număr mic de pagini și conține informații de bază despre firmă, companie sau persoană privată. Costul unui site de carte de vizită depinde de design și numărul de pagini, și este de la 4000 de ruble. Există mai multe pagini de astfel de bani? Nu! Cu această lecție, veți învăța cum să vă proiectați site-ul utilizând tehnologia Twitter Bootstrap 3 și puneți-o pe Internet.
Crearea unui fișier HTML și conectarea stilurilor și scripturilor la acesta Bootstrap 3
Înainte de a începe crearea site-ul dvs., să ne uităm la ceea ce ne oferă platforma Bootstrap 3. În primul rând, oferă suport pentru diferite browsere, e bine. În al doilea rând, designul adaptiv, adică Site-ul nostru va arăta excelent pe dispozitive cu diagonale diferite ale ecranului. În a treia, viteza mare de dezvoltare, adică Nu este nevoie să petreceți multe ore în curs de dezvoltare a diferitelor elemente ale paginilor web. Rezultatul este că dezvoltatorul utilizează numai componente prefabricate, clase și script-uri Bootstrap, iar restul nu au platforma în sine.
De exemplu, luați în considerare procesul de creare a unui site web al companiei Business, care va conține informații despre companie, servicii, portofoliu, precum și informații de contact.
Vom începe crearea site-ului de la descărcarea arhivei. care constă din fișierele de platformă Bootstrap 3 și din pictogramele Font Awesome.
După descărcarea și despachetarea arhivei, a crea un fișier HTML cu numele index.html, este conectat la stiluri și Bootstrap 3 script-uri de pe platformă și stiluri pentru iconițe Font Awesome.
Conținutul fișierului index.html cu explicații ()
Crearea unui aspect
Imaginea arată că pagina web constă din 2 părți principale: containerul principal și subsolul. Containerul principal (containerul) este aliniat orizontal în centru și conține următoarele părți: antetul paginii; meniul de navigare orizontal (nav); partea de jos a antetului (antetul-jos); Blocaj privind serviciile companiei (principal), constând din 3 coloane; blochează principalele metode utilizate în companie; bloc care conține activitatea companiei.