Šodien internets ir daļa no mūsu dzīves.Tās parastie lietotāji, visticamāk, domās par to, kādā veidā viņu iecienītākā vietne iziet cauri, pirms tā parādījās World Wide Web meklētājprogrammās. Vietnes dzimšana sākas ar dizainera idejām - mākslinieku un personu, kas iesaistīta pamata izkārtojuma veidošanā. Kad izkārtojuma rasējums ir pabeigts, sākas tikpat svarīgs process - vietnes veidnes izkārtojums.
Veidne vai izkārtojums nav gatavs portāls;kāds dizainera izstrādāts modelis, uz kura pamata var izveidot pilnvērtīgu tīmekļa vietni vēlāk. No programmēšanas viedokļa modelis ir konkrētu noteikumu kopums informācijas attēlošanai. HTML veidni parasti izmanto, lai izveidotu visvienkāršāko statisko vietni. HTML ir standarta hiperteksta iezīmēšanas valoda (dokuments) internetā.
Izkārtojuma vietnes izkārtojums ir veidošanās processtās tīmekļa lapas uz dizainera veidnes. Šis darbības veids ir saistīts ar vietnes izkārtojumu. Kodētāja galvenais uzdevums ir izveidot HTML kodu, kas ļauj ievietot teksta, attēlus un citus tīmekļa lapas elementus noteiktās dokumenta vietās un attēlot tos jebkura moderna interneta pārlūkprogrammas logā atbilstoši dizainera izstrādātajam izkārtojumam. Veicot darbu, kodētājam pastāvīgi jānodrošina, lai daļa no viņa izveidotā izkārtojuma būtu vienādi parādīta visās pārlūkprogrammās. Dažus gadus agrāk vietnes HTML izkārtojums tika balstīts uz tabulu izmantošanu. Laika gaitā HTML elementā tiek parādīti jauni elementi (tagi). Viens no šiem elementiem bija div. Ja pēdējo gadu laikā, veidojot vietnes lapas, divkāršākais izkārtojums bija visizdevīgākais, šodien tas ir obligāts. Mūsdienās, izmantojot tabulas, vietnes praktiski netiek veidotas. Jēdziena „div izkārtojums” vietā visbiežāk tiek lietots termins “slāņu izkārtojums” vai “bloka izkārtojums”.
Div - ir atzīme, ar kuru var atlasīt atsevišķu lapas HTML koda fragmentu. Šī atzīme ir bloka elements.
Div tagam ir divi galvenie parametri:
- Izlīdziniet, kas ļauj pielāgot tās saturu (pa kreisi, labo lapas malu, centru vai platumu);
- Nosaukums, kas saturam pievieno rīka padomu.
Izkārtojums div: galvenās priekšrocības:
- neliels iezīmēšanas kods, salīdzinot ar tabulas izkārtojumu;
- spēja izveidot "gumijas" lapas dizainu;
- ātra lapu ielāde lietotāja pārlūkprogrammā;
- Padariet to viegli strādāt ar stiliem (CSS), veidojiet elementus ar ID.
Izkārtojums div: galvenie trūkumi:
- nespēja pareizi attēlot lapu dažās novecojušās pārlūkprogrammās (IE6);
- bloku izvietošanas sarežģītība un to pārvaldība.
Atkarībā no izveidotā projekta ir atļauta bloku un tabulu izkārtojuma kombinācija.
Kāpēc mūsdienās lielākā daļa profesionāļu atsakās no tabulu izmantošanas maketēšanai?
Ja izmanto tabulas tabulas izkārtojumukods ir milzīgs, tāpēc programmētājiem ir grūti turpināt darbu pie tā. Lai atrastu šādu HTML koda kļūdu, tas aizņems salīdzinoši lielu laiku. Tabulas izkārtojums rada papildu slodzi tīmekļa serverī, tādējādi palēninot tā darbību un tādējādi palēninot pārlūkprogrammas informācijas izdošanu. Tā rezultātā vietnes lapa ielādējas ilgu laiku.
Vietnes izkārtojums ir svarīgs tās posmsradīšana, bez tā var iztikt ne viens vien, pat vienkāršākais interneta resurss. Pēc maketa dizainera darba pabeigšanas izkārtojums tiek nosūtīts tīmekļa programmētāju rokās, kuri nodrošina tā integrāciju mitināšanā un ieviešanu CMS sistēmā, uz kuras tas atradīsies savas pastāvēšanas laikā.
