Tasuta ja avatud lähtekoodiga tarkvara pakub meile paljude asjade jaoks mitmeid alternatiive. Seetõttu on raske teada, millist neist on kõige parem kasutada. Alustuseks ütleme, et kui te ei vaja veebisaiti, ei pea te teadma, mis see on Bootstrap ja millal seda kasutada tuleks.
Vanasti sai veebisaidi loomisega suurepäraselt hakkama märkmiku või isegi tekstitöötlusprogrammiga, kuide lehed muutusid interaktiivsemaks ja sisu tuli sagedamini uuendada, tekkis vajadus kasutada uusi tööriistu nende loomiseks.
Mis on Bootstrap ja millal peaksin seda kasutama?
Ühelt poolt ilmusid visuaalsed redaktorid nagu Macromedia (hiljem Adobe) Dreamweaver, mis võimaldasid nii koodi kirjutada kui ka sisu visuaalselt redigeerida. Linuxis olid meil sellised tööriistad nagu Kompozer või NVU, mis, kuigi neil polnud samu funktsioone, tegid ülesande üsna lihtsaks.
Kui oskasid hästi koodi kirjutada, polnud ka tööriistadest puudust. Anjuta või Eclipse olid asjatundlikele programmeerijatele ideaalsed arenduskeskkonnad.
Aja jooksul ilmusid sisuhaldurid kujul WordPress Drupal o Joomla. Seda tüüpi tarkvara võimaldas jätta koodi kirjutamise tähelepanuta, et keskenduda sisu loomisele.. Need osutusid ideaalseks alternatiiviks sellistes kohtades nagu Linux Adictos milles mitmed autorid pidevalt sisu uuendavad.
Las ma selgitan seda natuke.
Kodeerimise seisukohast sisaldab veebileht:
- Dokumendi tüüp: See annab brauserile teada, millist HTML-i versiooni kasutatakse.
- HTML-i konteiner: See annab brauserile teada HTML-dokumendi alguse ja lõpu ning võib sisaldada lisateavet, näiteks keelt.
- Pea konteiner: See sisaldab kasulikku teavet brauseri ja otsingumootorite jaoks, nagu lehe pealkiri, autor, sisu lühikirjeldus ja asjakohaste terminite loend. Samuti annab see brauserile teada, kust leida juhiseid sisu ekraanil renderdamiseks.
- Keha konteiner: Siia läheb kogu sisu, mida kasutaja brauseris näeb.
- Skripti avaldus: See annab brauserile teada, kust leida juhiseid teatud programmeerimiskeeltes (nt Javascript või PHP), mis võimaldavad teil interaktiivsust lisada või vorme posti teel saata.
Body konteineris oleva dokumendi erinevad osad on järgmised:
- Päis: Siin kuvatakse veebisaidi pealkiri. See võib sisaldada logo, linke, navigeerimisriba või muud silmapaistvat teavet.
- Navigeerimine: Seda konteinerit kasutatakse navigeerimismenüü loomiseks, mis annab juurdepääsu saidi põhiosadele.
- Artikkel: Nimi kirjeldab funktsiooni üsna hästi. Seda kasutatakse erinevate teemade eristamiseks veebilehel. Näiteks see postitus, mis järgneb avalehel Linux Adictos.
- Jaotis: Eraldage artikli erinevad osad.
- Peale: Rühmitab lehe küljel kuvatava sisu.
- Jalus: Näitab teavet lehe allosas. Seda kasutatakse sageli teabe kuvamiseks, nagu juhised, lingid teistele saitidele ja menüü kordamine.
Teksti erinevate osade tähistamiseks on konteinerid kui h (1 kuni 6) op, mis näitavad vastavalt pealkirju ja lõike.
Kui sisuhaldureid poleks, iga kord, kui autorid Linux Adictos Soovime artiklit avaldada, peaksime kogu lehe koodi nullist ümber kirjutama. Lisaks peaksime käsitsi uuendama avalehe järjekorda ja artiklite loendit kategooriate kaupa.
Ja kui administraatorid teeksid ümberkujunduse või tuleks uus ekraanisuurus, oleks vaja stiililehti värskendada.
Sisuhaldurite probleem
Kuigi sisuhaldurid on meie mainitud tingimustes ideaalsed, need on ressursside raiskamine saitide puhul, mida ei värskendata sageli, näiteks ettevõtete või teabe veebisaidid, millel on vähe muudatusi. Teisest küljest hõlmavad need andmebaaside kasutamist ja nende populaarsus muudab need sagedaste rünnakute objektiks, mis nõuab värskendamist.
WordPressi puhul on minu arvates muutumas bloatware. Üha enam teemasid nõuavad lisandmoodulite installimist, mis paljudel juhtudel täidavad sama funktsiooni, mis teil juba installitud. Ja enamik parimaid eeliseid on makseviisi all. Ja need pole just odavad.
Siin on kasulikud avatud lähtekoodiga raamistikud, nagu Bootstrap. Mõelge Bootstrapile kui legoklotside karbile, mida asjade ehitamise asemel kasutatakse veebisaitide loomiseks, mis kohanevad hõlpsalt kõigi ekraanisuurustega. Te ei pea ratast uuesti leiutama, kuna see sisaldab peaaegu kõike, mida vajate, nagu nupud, ikoonid ja teemad. Kuid samal ajal on teil paindlikkus, et teie kujundused ei näeks välja nagu teised.
Järgmises artiklis näeme, kuidas seda kasutada.
Huvitav artikkel, kuigi arvan, et sobiv pealkiri oleks sisuhaldurid ja hetkeprobleemid, siis siin ei selgitanud nad midagi bootstrapi kohta.
Mis veel…
Bootstrap on teek/raamistik/teek, mis võimaldab meil kujundada väga toredaid responsiivseid saite, saate luua veebisaidi ilma CSS-ist palju teadmata, saate luua WordPressi teema, kuid selle optimeerimiseks peaksite selle jaoks palju aega kulutama. maksimum.
CMS-id, nagu WordPress, on loodud veebisaidi hoolduse parandamiseks, seetõttu on need nii paindlikud, et saate teha ajaveebe, ettevõtte veebisaite, poode, foorumeid jne jne... ja seda kõike ilma ühtki koodirida puudutamata.
Teemasid WordPressi puhul on palju üsna lihtsaid, isiklikuks ajaveebiks sobivaid asju, mis ei nõua suuremat visuaalset atraktiivsust. "Atraktiivsete" teemade puhul sisaldavad need tavaliselt pluginaid, mis pakuvad teemadele suuremat funktsionaalsust, saate lisada laadureid, mega menüüsid, animatsioone ja palju muud, väga harva sisaldavad pluginad CSS-i.
Sellepärast…
1.- Vältige kogu bootstrap paketi kasutamist, laadige ainult see, mida vajate.
2.- WordPressi puhul investeerige heasse hostimisse, see parandab teie laadimisaegu. Saate oma teemade laadimise parandamiseks kasutada CDN-i.
3.- Kui kasutate PHP-l põhinevat CMS-i, ärge oodake suuri kiirusi, on tõsi, et neid saab optimeerida, kuid keegi, kellel on teadmised, peab seda tegema.
4.- WordPressi teema arendamine ja hooldamine ei pruugi olla odav ega lihtne. Iga päev avastatakse palju turvaauke ja nende lahendamine ilma vastavate teadmisteta võib osutuda keeruliseks, kõige sobivam võib olla investeerimine kogenud toimetaja malli, muidugi, see on säästlikkuse küsimus, kuid see on seda väärt.
See on sarja esimene artikkel.
Täname teie panuse eest
Tore artikkel. Jään järge ootama.