Kial ĉiuj retejoj estas konstruitaj kun kombinaĵo de strukturo, stilo kaj kondutoj
Komuna analogio, kiu estas uzata por priskribi antaŭa-retpaĝan disvolviĝon, estas, ke ĝi estas kiel 3-kriza tabureto. Ĉi tiuj 3 faltoj, kiuj ankaŭ estas konataj kiel la 3 tavoloj de tera evoluo, estas Strukturo, Stilo kaj Komercoj.
La Tri Manteloj de Reteja Disvolviĝo
- Strukturo aŭ enhavo tavolo
- La strukturo aŭ enhavo tavolo de retpaĝaro estas la suba HTML-kodo de tiu paĝo. Kiel la kadro de la domo kreas fortan fundamenton sur kiu la resto de la domo estas konstruita, do solida bazo de HTML kreas platformon sur kiu retejo povas esti kreita. HTML-strukturo povas konsisti el teksto aŭ bildoj kaj ĝi inkluzivas la hiperligojn, kiujn vizitantoj uzos por navigi ĉirkaŭ tiu retejo.
- Stilo aŭ prezento tavolo
- La stilo aŭ prezenta tavolo diktas kiel strukturita HTML-dokumento aspektos al vizitantoj de la retejo. Ĉi tiu tavolo estas difinita de CSS (Cascading Style Sheets). Ĉi tiuj dosieroj enhavas stilojn, kiuj indikas kiel la dokumento devas esti montrita en retumilo. En la retejo de hodiaŭ, la stila tavolo ankaŭ povas inkluzivi Media Demandojn, kiuj povas ŝanĝi la ekranon de la retejo bazita sur malsamaj ekranecimoj kaj aparatoj .
- Konduto
- La konduto tavolo estas la tavolo de TTT-paĝo, kiu povas respondi al malsamaj uzaj agoj aŭ fari ŝanĝojn al paĝo bazita sur aro de kondiĉoj. Por plej multaj TTT-paĝoj, la kondutnivelo estus la JavaScript- interagoj en la paĝo.
Kial Vi devus Apartigi la Mantelojn?
Kiam vi kreas retpaĝon, ĝi estas dezirinda konservi la tavolojn kiel eble plej apartan. Strukturo devas esti konfidita al viaj HTML, vidaj stiloj al la CSS, kaj kondutoj al iuj skriptoj kiujn la retejo uzas.
Iuj el la profitoj de disigo de la tavoloj estas:
- Komunaj rimedoj
- Kiam vi skribas ekstera CSS-dosieron aŭ JavaScript-dosieron, vi povas uzi tiun dosieron per iu ajn paĝo en via retejo. Se vi bezonas ŝanĝi tiun dosieron, eble ĝisdatigi iujn tipografiajn stilojn en la retejo, ĉiu paĝo, kiu uzas tiun stilfolion, ricevos la ŝanĝon. Ne necesas redakti ĉiun paĝon de la retejo individue, kiu por pli granda retejo povus esti malfacila entrepreno.
- Pli rapidaj malŝarĝoj
- Fojo la skripto aŭ stilfolio estis elŝutita de via kliento la unuan fojon, ĝi estas kaŝita de sia retumilo. Ĉar ĉi tiuj komunaj rimedoj nun estas enhavitaj en kaŝmemoro, aliaj paĝoj petataj en la retumilo ŝarĝas pli rapide, kio plibonigas la ĝeneralan paŝon rapidecon kaj rendimenton.
- Multi-personaj teamoj
- Se vi havas pli ol unu persono laborante en retejo samtempe, vi povas uzi sistemojn, kiuj por "kontroli" kaj "kontroli" dosierojn por certigi, ke ĉiuj en la teamo laboras kun la plej novaj versioj de ĉi tiuj dosieroj. Ĉi tio multe pli malfacilas fari se stiloj kaj kondutoj interplektiĝas kun strukturaj dokumentoj.
- SEO
- Loko, kiu havas klaran apartigon de stilo kaj strukturo, verŝajne faros pli bone por serĉiloj, ĉar tiuj retejoj povas pli efike streĉi tiun enhavon kaj kompreni la paĝon sen malplenigi per vida stilo aŭ konduto.
- Alirebleco
- Eksteraj ligiloj kaj skriptoj estas pli alireblaj por homoj kaj al retumiloj. Ĉar estas tiu apartigo de stilo kaj strukturo, programaro kiel ekrano-legantoj povas pli facile procesi enhavon de la strukturo de tavolo sen fiksiĝi per stiloj, kiujn ili ne povas uzi ĉie.
- Malantaŭa kongruo
- Kiam vi havas retejon, kiu estas desegnita kun la evoluaj tavoloj, ĝi estos pli malantaŭen kongrua ĉar retumiloj aŭ aparatoj, kiuj ne povas uzi iujn CSS-stilojn aŭ kiuj povas havi JavaScript malebligitaj, ankoraŭ povas vidi la HTML. Via retejo povas esti iom post iom plibonigita per karakterizaĵoj por la retumiloj, kiuj subtenas ilin.
HTML - la Strukturo Tavolo
La strukturo tavolo estas kie vi stokas la tutan enhavon, kiun viaj klientoj volas legi aŭ rigardi. Ĉi tio estos kodita en normoj laŭmenda HTML5 kaj ĝi povas inkluzivi tekston kaj bildojn tiel kiel plurmedia (video, audio, ktp). Gravas certigi, ke ĉiu aspekto de la enhavo de via retejo estas reprezentita en la strukturo tavolo. Ĉi tio permesas al iuj klientoj, kiuj havas JavaScript malŝalti aŭ kiuj ne povas vidi CSS ankoraŭ havi aliron al la tuta retejo, se ne ĉiuj funkcioj de tiu retejo.
CSS - la Stiloj-Tavolo
Vi kreos ĉiujn viajn vidajn stilojn por via retejo en ekstera stilo-folio. Vi povas uzi multoblajn stilojn, sed memoru, ke ĉiu separacia CSS-dosiero postulas HTTP-peton, kiu efikas al la agado de la retejo.
Javascript - la Konduto-Tavolo
Javascript estas la plej ofte uzita lingvo por la konduto, sed kiel mi antaŭe menciis, CGI kaj PHP ankaŭ povas generi kondutojn pri retpaĝoj. Dirite, kiam multaj programistoj raportas al la konduto, ili signifas tiun tavolon, kiu estas aktivigita rekte en la TTT-retumilo - do JavaScript preskaŭ ĉiam estas la lingvo de elekto. Vi uzas ĉi tavolon por interagi rekte kun la DOM aŭ Document Object Model. Skribanta valida HTML en la enhavo tavolo ankaŭ gravas por DOM-interagoj en la konduto tavolo.
Kiam vi konstruas la kondutan mantelon, vi devas uzi eksterajn skripton-dosierojn kiel CSS. Vi ricevas ĉiujn samajn avantaĝojn uzi eksterajn foliojn.