Kasutades HTML-i võib oluliselt lihtsustada teie saidi haldamist
Minge veebisaidile ja navigeerige lehelt lehele ja võite kiiresti mõista, et kuigi kõik need lehed võivad mitmel viisil erineda, on need ka teistel üsna sarnased. Peaaegu kõik veebisaidid sisaldavad disaini elemente, mida korratakse iga saidi lehel. Mõned näited saidil olevatest elementidest, mis leitakse igal lehel, oleksid päisepiirkonnad, kus logo asub, navigeerimine ja jaluseala.
Saidi korduvad elemendid võimaldavad kasutajakogemuse järjepidevust. Külastaja ei pea leidma navigeerimist igal lehel, sest kui nad seda on leidnud, teavad nad, kus nad leiavad külastatava saidi teistel lehtedel.
Kuidas kaasneb Veebi disaini tõhustamine
Veebisaidi haldamisega tegelemisel paneb need korduvad valdkonnad väljakutse. Mida teha, kui peate selles valdkonnas midagi muutma? Näiteks kui teie jalus (mis asetseb igal saidi lehel) sisaldab autoriõiguse avaldust aastas, mis juhtub, kui see aasta muutub ja peate kuupäeva muutma? Kuna see jaotis on igal lehel, peate nüüd iga saidi üksiku lehe muutma, et seda muudatust teha - või kas te olete?
Lisatud sisu võib kaotada vajaduse korrata iga saidi lehte selle korduva sisu jaoks. Selle asemel saate lihtsalt redigeerida ühte faili ja kogu saidi ja iga lehe saab see uuendus!
Vaatame mõningaid viise, kuidas saate selle funktsiooni saidile lisada ja paljudel teistel lisada ühe HTML- faili.
Korduv sisu sisuhaldussüsteemides
Kui teie veebisait kasutab CMS-i , siis tõenäoliselt kasutab teatud mudeleid või teemasid selle tarkvara osa. Isegi kui te kohandate neid malle nullist üles ehitama, kasutab sait sellel raamistikul endiselt lehti.
Sellisena sisaldavad need CMS-i mallid saidi alasid, mida iga lehe puhul korratakse. Logite lihtsalt CMS-i backendisse ja muutke vajalikke mallsid. Kõik malli kasutavad saidi leheküljed värskendatakse.
Isegi kui teil pole teie saidil sisuhaldussüsteemi, saate endiselt kasutada kaasatud faile. HTML-is sisalduvad ka need, mis aitavad muuta nende saidi malleeritud alade haldamise hõlpsamaks.
Mis sisaldab HTML-i?
Lisatav on HTML-i osa, mis ei ole eraldi HTML-dokument. Selle asemel on see osa teisest lehest, mida saab sisestada täieliku veebisaitide programmeerimisse. Enamik neist sisaldab faile eelnimetatud elemente, mida korratakse veebisaidi mitmele lehele. Näiteks:
- Navigeerimine
- Autoriõiguse teave
- Päisepiirkonnad
- Jalajäljed
On eelis, et need korduvad leheküljed on lisatud. Kahjuks ei sisalda faili sisestamise protsess midagi, mis võib juhtuda ainult HTML-iga, nii et teil peab olema teatud tüüpi programm või skript, mis lisab teie kaasasolevad failid teie veebisaitidesse.
Serveri külge kaasamine hõlmab ka
Esimesena töötati välja serveri külg (tuntud ka kui SSI), mis võimaldab veebiarendajatel lisada HTML-dokumente teistesse lehtedesse.
Põhimõtteliselt lisatakse ühes dokumendis väljavõte, kui leht käivitatakse serveris ja saadetakse veebibrauserisse.
SSI on lisatud enamikule veebiserveritesse, kuid võib-olla peate selle lubama, et see töötab. Kui te ei tea, kas teie server toetab SSI-d, võtke ühendust oma hostipakkujaga .
Siin on näide selle kohta, kuidas saate SSI-d kasutada HTML-koodi lisamiseks kõigis oma veebisaitides:
- Salvesta oma saidi ühiste elementide HTML eraldi failidena. Näiteks võib teie navigeerimisseadet salvestada navigation.html või navigation.ssi .
- Selle HTML-dokumendi koodi lisamiseks igasse lehele ( asendades teie faili tee ja faili nimi jutumärkide vahel ) kasutage järgmist SSI-koodi . {C}
- Lisage see kood igal lehel, kuhu soovite faili lisada.
Kasutades PHP hõlmab ka
PHP on serveri tasemel skriptikeelt. See võib teha mitmeid asju, kuid üks levinumaks kasutuseks on HTML-dokumentide lisamine oma lehtedesse, sarnaselt SSI-ga.
Nagu SSI, on PHP serveri tasemel tehnoloogia. Kui te pole kindel, kas veebisaidil on PHP-funktsioon, võtke ühendust oma hostipakkujaga.
Siin on lihtne PHP-skript, mida saate HTML-koodi lisamiseks mis tahes PHP-enabled veebisaidile:
- Salvestage HTML-fail oma saidi ühistele elementidele, näiteks navigeerimiseks, failide eraldamiseks. Näiteks võib teie navigeerimisseadet salvestada navigation.html või navigation.ssi .
- Kasutage järgmist PHP-koodi, et lisada igasse lehele see HTML-i ( asendades teie faili tee ja failinime jutumärkide vahel ). navigation.php ");?>
- Lisage see sama kood igale lehele, kuhu soovite faili lisada.
Sisaldab JavaScript
JavaScript on veel üks viisi HTML-i lisamiseks saidi lehtedele. Selle eeliseks on see, et ei nõua serveri tasemel programmeerimist, kuid see on natuke keerulisem - ja see ilmselt töötab brauseri jaoks, mis võimaldab Javascripti, mis kõige enam teevad, kui kasutaja ei otsusta seda keelata.
Siin saate lisada HTML-koodi, kasutades JavaScripti :
- Salvesta HTML oma saidi ühistele elementidele JavaScripti faili jaoks. Selles failis kirjutatud HTML tuleb trükkida ekraanile dokumendi kirjutamise funktsiooni abil.
- Laadige see fail oma veebisaidile üles.
- Kasutage