Korišćenje HTML-a može znatno pojednostaviti upravljanje vašim sajtom
Idite na bilo koju veb lokaciju i kretite se sa stranice na stranicu i brzo ćete shvatiti da, dok se svaka od tih stranica može razlikovati na više načina, one su slične iu drugim. Skoro svi sajtovi uključuju elemente dizajna koji se ponavljaju na svakoj stranici na stranici. Neki primjeri elemenata sajta koji bi se našli na svakoj stranici bi bili područje zaglavlja gdje se nalazi logo, navigacija i područje futera.
Ponovljeni elementi na lokaciji omogućavaju konzistentnost u korisničkom iskustvu. Posetiocu nije potrebno pronaći navigaciju na svakoj stranici jer znaju gde će se naći na drugim stranicama stranice koje posjećuju.
Kako uključuje učiniti web dizajn efikasnijim
Kao neko ko ima zadatak da upravlja vebsajtom, ove ponovljene oblasti nude izazov. Šta ako treba da napravite promenu u nečemu na tom području? Na primjer, ako vaš podnožak (koji je na svakoj stranici stranice) uključuje izjavu o autorskim pravima za godinu dana, šta se događa kada se ta godina mijenja i trebate urediti datum? Budući da je taj odeljak na svakoj stranici, potrebno je da pojedinačno izmenite svaku pojedinačnu stranicu vaše stranice da biste napravili tu promjenu - ili ne?
Uključeni sadržaj može eliminisati potrebu da se uređuje svaka stranica vaše stranice za ovaj ponovljeni sadržaj. Umesto toga, jednostavno uredite jednu datoteku i cijelu stranicu i svaku stranicu u njoj dobija ažuriranje!
Pogledajmo nekoliko načina na koje možete dodati ovu funkcionalnost na vašu web lokaciju i uključiti jednu HTML datoteku u brojne druge.
Ponovljeni sadržaj u sistemima za upravljanje sadržajem
Ako vaša stranica koristi CMS , onda verovatno koristi određene šablone ili teme su deo tog softvera. Čak i ako ste prilagođeni izgraditi ove šablone iz nule, sajt i dalje koristi ovaj okvir za stranice.
Kao takvi, ti CMS šabloni će sadržati područja stranice koja se ponavljaju na svakoj stranici. Jednostavno se prijavite na zadnjoj strani CMS-a i uredite potrebne šablone. Sve stranice sajta koje koriste taj šablon će biti ažurirane.
Čak i ako nemate sistem za upravljanje sadržajem za vašu web lokaciju, još uvijek možete iskoristiti prednosti uključenih datoteka. U HTML-u postoje uključivači koji mogu pomoći u upravljanju ovim templiranim područjima vaše stranice.
Koji su HTML sadržaji?
Include je deo HTML-a koji nije samo HTML dokument. Umjesto toga, to je dio druge stranice koja se može ubaciti u puno programiranje web stranica. Većina datoteka uključuje one navedene artikle koji se ponavljaju na više stranica web stranice. Na primjer:
- Navigacija
- Informacije o autorskim pravima
- Header područja
- Podnožja
Postoji prednost da se ove ponovljene oblasti uključuju na stranice. Nažalost, proces ubacivanja datoteke nije nešto što može da se dogodi samo sa HTML-om, tako da morate imati neki tip programa ili skripte koji će dodati vaše uključene datoteke na svoje veb stranice.
Korišćenje servera uključuje
Server Side Includes, poznat i pod nazivom SSI, prvi put su razvijeni da omoguće web programerima da "uključe" HTML dokumente na druge stranice.
U osnovi, fragment koji se nalazi u jednom dokumentu uključen je u drugi kada se stranica pokreće na serveru i šalje se u veb pregledač.
SSI je uključen na većinu web servera, ali možda ćete morati da ga omogućite kako bi ga radili. Ako ne znate da li vaš server podržava SSI, obratite se svom provajderu hostinga .
Evo primera kako možete koristiti SSI da biste uključili fragment HTML-a na svim vašim web stranicama:
- Sačuvajte HTML za zajedničke elemente vaše stranice kao zasebne datoteke. Na primer, sekcija za navigaciju može biti sačuvana kao navigacija.html ili navigation.ssi .
- Koristite sledeći SSI kod da uključite taj HTML kodni dokument na svaku stranicu ( zamenjujući putanju datoteke i ime datoteke između znakova navoda ). {C}
- Dodajte ovaj kod na svaku stranicu na koju želite uključiti datoteku.
Korišćenje PHP Includes
PHP je skriptni jezik na nivou servera. Može učiniti nekoliko stvari, ali jedna zajednička upotreba je da uključite HTML dokumente unutar vaših stranica, slično onome što smo samo pokrivali SSI-om.
Kao i SSI, PHP je tehnologija na nivou servera. Ako niste sigurni da li imate funkcionalnost PHP-a na vašoj web lokaciji, obratite se svom provajderu hostinga.
Evo jednostavnog PHP skripta koji možete koristiti da biste uključili fragment HTML-a na bilo kojoj Web-omogućenoj web strani:
- Sačuvajte HTML za zajedničke elemente vaše stranice, kao što je navigacija, da biste razdvojili datoteke. Na primer, sekcija za navigaciju može biti sačuvana kao navigacija.html ili navigation.ssi .
- Koristite sljedeći PHP kôd da biste uključili taj HTML na svaku stranicu ( zamjenjuje putanje datoteke i ime datoteke između znakova navoda ). navigation.php ");?>
- Dodajte ovaj isti kod na svaku stranicu na koju želite da uključite datoteku.
JavaScript uključuje
JavaScript je još jedan način uključivanja HTML-a na stranice vaše stranice. Ovo ima prednost jer ne zahteva programiranje na nivou servera, ali je malo komplikovanije - i očigledno radi na pretraživaču koji omogućava Javascript, što većina čini, osim ako se korisnik ne odluči da ga onemogući.
Evo kako možete uključiti fragment HTML koristeći JavaScript :
- Sačuvajte HTML za zajedničke elemente vaše stranice u datoteku JavaScript. Bilo koji HTML napisan u ovoj datoteci, mora se štampati na ekranu pomoću funkcije document.write.
- Upload datoteku na vašu web stranicu.
- Koristite