Pse të gjitha faqet e internetit janë ndërtuar me një kombinim të strukturës, stilit dhe sjelljeve
Një analogji e zakonshme që përdoret për të përshkruar zhvillimet e internetit në fund të fundit është se ajo është si një stol me tri këmbë. Këto 3 këmbë, të cilat njihen gjithashtu si 3 shtresa të zhvillimit të uebit, janë Struktura, Stili dhe Sjelljet.
Tre shtresat e zhvillimit të uebit
- Struktura ose shtresa e përmbajtjes
- Struktura ose shtresa e përmbajtjes së një faqeje web është kodi HTML themelor i kësaj faqeje. Ashtu si korniza e një shtëpie krijon një themel të fortë mbi të cilin është ndërtuar pjesa tjetër e shtëpisë, kështu që një bazë solide e HTML krijon një platformë mbi të cilën mund të krijohet një faqe interneti. Struktura HTML mund të përbëhet nga teksti ose imazhe dhe përfshin hyperlinks që vizitorët do të përdorin për të lundruar në atë faqe interneti.
- Stili ose shtresa prezantimi
- Shtresa e stilit ose e prezantimit dikton se si një dokument i strukturuar HTML do të shikojë vizitorët e një faqeje. Ky shtresë është përcaktuar nga CSS (Cascading Style Sheets). Këto skedarë përmbajnë stile që tregojnë se si dokumenti duhet të shfaqet në një shfletues web. Në Web-in e sotme, shtresa e stilit mund të përfshijë edhe pyetjet e medias që mund të ndryshojnë ekranin e një faqeje bazuar në madhësi dhe pajisje të ndryshme të ekranit .
- Sjellje
- Shtresa e sjelljes është shtresa e një faqeje Web që mund t'i përgjigjet veprimeve të ndryshme të përdoruesit ose të bëjë ndryshime në një faqe të bazuar në një sërë kushtesh. Për shumicën e faqeve Web, niveli i sjelljes do të ishte ndërveprimet e JavaScript në faqe.
Pse duhet të veçosh shtresat?
Kur po krijon një faqe interneti, është e dëshirueshme që të mbahen shtresat e ndara si të jetë e mundur. Struktura duhet t'i besohet HTML-së, stilet vizuale në CSS, dhe sjelljet ndaj ndonjë skriptimi që përdor sitin.
Disa nga përfitimet e ndarjes së shtresave janë:
- Burime të përbashkëta
- Kur shkruani një skedar të jashtëm CSS ose skedar JavaScript, mund ta përdorni atë skedar nga ndonjë faqe në faqen tuaj të internetit. Nëse keni nevojë të bëni një ndryshim në atë skedar, ndoshta për të përditësuar disa stile tipografike në faqen e internetit, çdo faqe që përdor këtë fletë stilesh do të marrë ndryshimin. Nuk ka nevojë që të redaktohet çdo faqe e faqes në mënyrë individuale, e cila për një faqe më të madhe mund të jetë një ndërmarrje rraskapitëse.
- Shkarkime më të shpejta
- Sapo skripti ose faqja e stilit është shkarkuar nga klienti juaj herën e parë, ajo është kopjuar nga shfletuesi i tyre. Për shkak se këto burime të përbashkëta tani përmbahen në cache, faqe të tjera që kërkohen në ngarkimin e shfletuesit më shpejt, gjë që përmirëson shpejtësinë dhe performancën e përgjithshme të faqes.
- Ekipet me shumë persona
- Nëse keni më shumë se një person që punon në një faqe interneti në të njëjtën kohë, mund të përdorni sisteme që "kontrolloni" dhe "kontrolloni" skedarët për të siguruar që të gjithë në ekip janë duke punuar me versionet e fundit të këtyre dosjeve. Kjo është shumë më e vështirë për të bërë nëse stilet dhe sjelljet janë të ndërthurura me dokumentet e strukturës.
- SEO
- Një vend që ka një ndarje të qartë të stilit dhe strukturës ka të ngjarë të performojë më mirë për motorët e kërkimit pasi që ato faqe mund të zvarritin më mirë përmbajtjen dhe të kuptojnë faqen pa u lodhur me informacionin e stilit vizual ose sjelljes.
- Accessibility
- Formatet e jashtme të stilit dhe skedarët e shkrimit janë më të arritshme për njerëzit dhe për shfletuesit. Sepse nuk është se ndarja e stilit dhe strukturës, softueri si lexuesit e ekranit mund të përpunojë më lehtë përmbajtjen nga shtresa e strukturës pa u lodhur nga stilet që nuk mund t'i përdorin gjithsesi.
- Kompatibiliteti prapa
- Kur të keni një faqe që është projektuar me shtresat e zhvillimit, do të jetë më e prapambetur, sepse shfletuesit ose pajisja që nuk mund të përdorin stile të caktuara CSS ose që mund të kenë JavaScript të çaktivizuar, ende mund ta shohin HTML-në. Faqja juaj e internetit mund të zgjerohet në mënyrë progresive me karakteristika për shfletuesit që i mbështesin ato.
HTML - shtresa e strukturës
Shtresa e strukturës është vendi ku ruani të gjithë përmbajtjen që klientët tuaj dëshirojnë të lexojnë ose shikojnë. Kjo do të kodohet në standardet HTML5 që përputhen me standardet dhe mund të përfshijë tekst dhe imazhe, si dhe multimedia (video, audio, etj). Është e rëndësishme të siguroheni që çdo aspekt i përmbajtjes së faqes tuaj të përfaqësohet në shtresën e strukturës. Kjo lejon çdo klient që ka JavaScript të fikur ose që nuk mund ta shikojë CSS-në ende të ketë qasje në të gjithë web faqen, nëse jo të gjitha funksionalitetet e asaj faqeje.
CSS - Layer Styles
Ju do të krijoni të gjitha stilet tuaja vizuale për web faqen tuaj në një fletë të stilit të jashtëm. Ju mund të përdorni skedarë të stileve të shumta, por mos harroni se çdo skedar i veçantë CSS kërkon një kërkesë HTTP për të shkëmbyer, duke ndikuar në performancën e faqes.
JavaScript - shtresa e sjelljes
JavaScript është gjuha më e përdorur për shtresën e sjelljes, por siç e përmenda më parë, CGI dhe PHP mund të gjenerojnë gjithashtu sjellje në web faqe. Kjo është thënë, kur shumica e zhvilluesve i referohen shtresës së sjelljes, ato nënkuptojnë atë shtresë që aktivizohet drejtpërdrejtë në shfletuesin e internetit - kështu që JavaScript është pothuajse gjithmonë gjuha e zgjedhur. Ju përdorni këtë shtresë për të bashkëvepruar direkt me DOM ose Modelin e Objektit të Dokumenteve. Shkrimi i HTML i vlefshëm në shtresën e përmbajtjes është gjithashtu e rëndësishme për ndërveprimet e DOM-it në shtresën e sjelljes.
Kur të ndërtoni në shtresën e sjelljes, duhet të përdorni skedarë të jashtëm të skriptit ashtu si me CSS. Ju merrni të gjitha avantazhet e njëjta të përdorimit të një fletëje të jashtme të stilit.