Bootstrap-ominaisuudet

Bootrstrap on kehys verkkosivustojen ja verkkosovellusten luomiseen

Tässä sarjan toisessa artikkelissa käsitellään Bootstrapin ominaisuuksia. Se on täydellinen kirjasto resursseja web-sivustojen ja sovellusten suunnitteluun, mukaan lukien malleja ja elementtejä lomakkeille, fonteille ja valikoille, mm.

Että artículo etupäätä väitimme, että on aikoja, jolloin sisällön ylläpitäjät eivät ole paras vaihtoehto ja se koodin kirjoittaminen tyhjästä verkkosivustolle on oikea vaihtoehto. Se ei kuitenkaan tarkoita, että meidän on keksittävä pyörä uudelleen. Bootstrapin kaltaisten puitteiden käyttö vähentää huomattavasti suunnitteluaikaa ja helpottaa tulosten saamista.

Bootstrap-ominaisuudet

Ymmärtääksemme Bootstrapin ominaisuuksia meidän on ymmärrettävä paradigman muutos verkkosivujen suunnittelussa.

kun ne ilmestyivät verkkosivustojen oli vain mukauduttava erikokoisiin näyttöihin. Mutta ajan myötä matkapuhelimista ja tableteista on tullut yhä useammin käyttäjien ensisijainen käyttötapa. Haasteena oli saada sivut mukautumaan eri näyttöihin ilman, että käyttäjän piti suurentaa, pienentää tai siirtää sisältöä nähdäkseen sen.

Periaatteessa otettiin käyttöön seuraavat lähestymistavat:

  • Responsiivinen muotoilu: Suunnittelu on sama, mutta mukautuu automaattisesti näytön koon mukaan. Tällä lähestymistavalla on joitain ongelmia, kuten esimerkiksi käyttäjän on pakko lähentää tiettyjä sivun osia nähdäkseen ne.
  • Progressiivinen eteneminen: Se alkaa suunnittelemalla sivusto laitteelle, jolla on vähemmän resursseja (yleensä matkapuhelin, koska siinä on pienempi näyttö, selain, joka on vähemmän yhteensopiva lisäominaisuuksien kanssa ja vaatii usein tiedonsiirtosuunnitelman käyttöä yhteyden muodostamiseen). Kun se on valmis, tähän suunnitteluun perustuvat ominaisuudet lisätään tablettien, kannettavien ja pöytätietokoneiden version saamiseksi.
  • Asteittainen hajoaminen: Se on käänteinen polku. Työpöytäsivusto luodaan ensin ja ominaisuudet poistetaan, kunnes saadaan mobiiliystävällinen versio.

Koska se on aina helpompaa lisätä kuin poistaa, progressiivinen edistyminen on trendi, joka onnistui valloittamaan. B.esimerkiksi ootstrap käyttää "mobiili ensin" -lähestymistapaa, eli suunnittelun pohjana on aina se versio, joka näytetään pienimmässä näytön koossa, ja sitten määritetään muutokset, jotka tehdään, kun se siirretään seuraaviin kokoihin.

Bootstrapin käytön lisäetu liittyy siihen tosiasiaan Google asettaa hauissaan etusijalle mobiiliystävälliset sivustot.

Toinen käsite, joka meidän on otettava huomioon, on etu- ja taustajärjestelmän välinen ero. Käyttöliittymäsuunnittelu huolehtii kaikesta, mitä käyttäjä näkee ja mitä he ovat vuorovaikutuksessa. Taustaohjelma ryhmittelee sen, mitä palvelimella tehdään. Esimerkki edellisestä on verkkolomake. Vaihtoehtojen sarjan näyttäminen avattavassa valikossa on käyttöliittymäsuunnittelu, että valittu vaihtoehto lähetetään postitse tai lisätään tietokantaan, on taustasuunnittelu.

Bootstrap on kehys, joka yhdistää CSS-tyyliä ja Javascript-ohjelmointia ohjaamaan renderöintiä ja antaa interaktiivisuutta kaikille HTML5:llä kehitetyn sivun osille.

Bootstrapilla voi hallita muun muassa seuraavia asioita:

  • saavutettavuus: Osat, kuten valikot tai valintaikkunat, ovat yhteensopivia näytönlukuohjelmien kanssa tai sopivat liikuntarajoitteisten käyttöön.
  • Painikkeet: Sisältää mittasuhteet, tyylit, tilat ja ryhmittelyn.
  • Lomakkeet:  Mukaan lukien renderöinti, ohjaustyypit ja syötteen vahvistus.
  • Kuvakieli: Ohjaa lisättyjen kuvien alkuperää, kohdistusta ja näytön kokoa.
  • Navigointielementit: Esimerkiksi piilotettavat sivupalkit tai pysty- tai vaakavalikot laitteesta riippuen.
  • Typografia: Hallitse kuinka tekstin eri osat näytetään.
  • Layout: Sisällön renderöinnin säätäminen laitteesta riippuen

Seuraavassa artikkelissa näemme käytännön esimerkkejä sen käytöstä.


Kommentti, jätä sinun

Jätä kommentti

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

*

*

  1. Vastaa tiedoista: AB Internet Networks 2008 SL
  2. Tietojen tarkoitus: Roskapostin hallinta, kommenttien hallinta.
  3. Laillistaminen: Suostumuksesi
  4. Tietojen välittäminen: Tietoja ei luovuteta kolmansille osapuolille muutoin kuin lain nojalla.
  5. Tietojen varastointi: Occentus Networks (EU) isännöi tietokantaa
  6. Oikeudet: Voit milloin tahansa rajoittaa, palauttaa ja poistaa tietojasi.

  1.   erremartiini dijo

    Odotan innolla oppivani jotain bootstrapista.
    Kiitos ajastasi!