Għaliex il-websajts kollha huma mibnija b'kombinazzjoni ta 'struttura, stil u imgieba
Analogija komuni li tintuża biex tiddeskrivi l-iżvilupp tal-websajt ta 'quddiem hija li hija bħal ippurgar ta' 3 saqajn. Dawn it-3 saqajn, li huma magħrufa wkoll bħala t-3 saffi tal-iżvilupp tal-web, huma Struttura, Stil, u Imgieba.
It-Tliet Saffi tal-Iżvilupp tal-Web
- Struttura jew saff tal-kontenut
- L-istruttura jew is-saff tal-kontenut ta 'paġna web huma l-kodiċi HTML sottostanti ta' dik il-paġna. Bħall-qafas tad-dar toħloq bażi soda li fuqha l-bqija tad-dar hija mibnija, hekk ukoll bażi soda ta 'HTML toħloq pjattaforma li fuqha tista' tinħoloq websajt. L-istruttura HTML tista 'tikkonsisti minn test jew stampi u tinkludi l-hyperlinks li l-viżitaturi se jużaw biex jinnavigaw f'dak il-websajt.
- Saff ta 'stil jew preżentazzjoni
- L-istil jew is-saff tal-preżentazzjoni jiddettaw kif dokument HTML strutturat ser iħares lejn il-viżitaturi tas-sit. Dan is-saff huwa definit minn CSS (Cascading Style Sheets). Dawn il-fajls fihom stili li jindikaw kif id-dokument għandu jintwera f'websajt. Fuq il-Web tal-lum, is-saff tal-istil jista 'jinkludi wkoll Mistoqsijiet fil-Midja li jistgħu jbiddlu wiri ta' sit ibbażat fuq daqsijiet u apparati differenti tal- iskrin .
- Imġieba
- Is-saff ta 'l-imġieba huwa s-saff ta' paġna tal-Web li tista 'twieġeb għal azzjonijiet differenti ta' l-utenti jew li tagħmel bidliet f'paġna bbażata fuq sett ta 'kondizzjonijiet. Għal ħafna mill-paġni tal-Web, il-livell tal-imġiba jkun l-interazzjonijiet tal- JavaScript fuq il-paġna.
Għaliex Għandek Separazzjoni tas-Saffi?
Meta tkun qed toħloq paġna web, huwa mixtieq li żżomm is-saffi separati kemm jista 'jkun. L-istruttura għandha tkun konfissibbli għall-HTML tiegħek, stili viżivi għas-CSS, u imgieba għal kwalunkwe skripts li s-sit juża.
Uħud mill-benefiċċji tas-separazzjoni tas-saffi huma:
- Riżorsi maqsuma
- Meta tikteb fajl CSS estern jew fajl JavaScript, tista 'tuża dak il-fajl minn kwalunkwe paġna fuq is-sit web tiegħek. Jekk trid tagħmel bidla għal dak il-fajl, forsi biex taġġorna xi stili tipografiċi fuq il-websajt, kull paġna li tuża dik il-folja tal-istil se tikseb il-bidla. M'hemmx għalfejn li teditja kull paġna tal-websajt individwalment, li għal sit ikbar jista 'jkun impriża etereġenti.
- Aktar downloads
- Ladarba l-iskritt jew il-folja ta 'l-istil tkun ġiet imniżżla mill-klijent tiegħek l-ewwel darba, hija tinżamm fil-cache mill-web browser tagħhom. Minħabba li dawn ir-riżorsi kondiviżi issa jinsabu fil-cache, paġni oħra li huma mitluba fil-tagħbija tal-browser aktar malajr, li jtejjeb il-veloċità u l-prestazzjoni ġenerali tal-paġna.
- Timijiet b'aktar minn persuna waħda
- Jekk għandek aktar minn persuna waħda li taħdem fuq websajt f'daqqa, tista 'tuża sistemi li għal "check in" u "check out" ta' fajls biex tiżgura li kulħadd fit-tim qed jaħdem bl-aħħar verżjonijiet ta 'dawn il-fajls. Dan huwa ħafna aktar diffiċli li jsir jekk l-istili u l-imgieba huma marbuta ma 'dokumenti ta' struttura.
- SEO
- Sit li għandu separazzjoni ċara ta 'stil u struttura x'aktarx se jwettaq aħjar għall-magni tat-tiftix peress li dawk is-siti jistgħu jrawmu dak il-kontenut b'mod iktar effettiv u jifhmu l-paġna mingħajr ma jġorru l-istil viżiv jew l-informazzjoni dwar l-imġieba.
- Aċċessibbiltà
- Stili ta 'stil esterni u fajls b'kitba huma aktar aċċessibbli għan-nies u għall-browsers. Minħabba li hemm dik is-separazzjoni tal-istil u l-istruttura, is-software bħal qarrejja tal-iskrin jista 'faċilment jipproċessa l-kontenut mill-istruttura saff mingħajr ma jitbaxxa minn stili li ma jistgħux jużaw xorta waħda.
- Kumpatibilità b'lura
- Meta jkollok sit li huwa ddisinjat bis-saffi tal-iżvilupp, se jkun aktar kompatibbli b'lura minħabba li l-browsers jew l-apparat li ma jistgħux jużaw ċerti stili CSS jew li jista 'jkollhom JavaScript diżabbli għadhom jistgħu jaraw l-HTML. Il-websajt tiegħek tista 'mbagħad titjieb progressivament bil-karatteristiċi għall-browsers li jappoġġjawhom.
HTML - is-Saff tal-Istruttura
Is-saff tal-istruttura huwa fejn taħżen il-kontenut kollu li l-klijenti tiegħek jixtiequ jaqraw jew iħarsu. Dan se jkun kodifikat f'konformità mal-istandards HTML5 u jista 'jinkludi testi u stampi kif ukoll multimidja (vidjo, awdjo, eċċ). Huwa importanti li niżguraw li kull aspett tal-kontenut tas-sit tiegħek ikun rappreżentat fis-saff tal-istruttura. Dan jippermetti lil kwalunkwe klijenti li jkollhom JavaScript mitfi jew li ma jistgħux jaraw CSS li għad għandhom aċċess għas-sit web kollu, jekk mhux il-funzjonalità kollha ta 'dak is-sit.
CSS - is-Saff Styles
Ser toħloq l-istili viżwali tiegħek għall-websajt tiegħek fi stil estern. Tista 'tuża stili ta' stili multipli, imma ftakar li kull fajl CSS separat jirrikjedi talba HTTP biex tinġabar, li taffettwa l-prestazzjoni tas-sit.
JavaScript - is-Saff tal-Imġieba
Il-JavaScript huwa l-lingwa l-iktar użata għall-istrat ta 'l-imġieba, iżda kif semmejt qabel, CGI u PHP jistgħu wkoll jiġġeneraw imgieba tal-paġna tal-Web. Jiġifieri, meta l-parti l-kbira ta 'l-iżviluppaturi jirreferu għas-saff ta' l-imġieba, ifissru dak is-saff li huwa attivat direttament fil-web browser - hekk JavaScript kważi dejjem huwa l-lingwa ta 'l-għażla. Uża dan is-saff biex jinteraġixxi direttament mal-Mudell tad-DOM jew ta 'l-Objettiv tad-Dokument. Il-kitba ta 'HTML validu fis-saff tal-kontenut hija importanti wkoll għall-interazzjonijiet tad-DOM fis-saff tal-imġieba.
Meta tibni fis-saff tal-imġieba, għandek tuża fajls ta 'skripts esterni bħad-CSS. Ikollok l-istess vantaġġi li tuża karta tal-istil esterna.