Internet je dnes súčasťou nášho života.Bežní používatelia pravdepodobne nebudú premýšľať o tom, ako sa ich obľúbená stránka vydala, než sa objavia vo vyhľadávačoch na webe. Zrod miesta sa začína myšlienkou dizajnéra - umelca a osoby, ktorá sa podieľa na tvorbe hlavného usporiadania. Po úplnom dokončení nákresu sa spustí rovnako dôležitý proces - rozloženie šablóny lokality.
Šablóna alebo rozloženie ešte nie je hotový web, je to takurčitý model vytvorený dizajnérom, na základe ktorého je možné v budúcnosti vytvoriť plnohodnotný web. Z programového hľadiska je šablóna súborom konkrétnych pravidiel pre zobrazovanie informácií. Na vytvorenie najzákladnejších statických stránok sa zvyčajne používa šablóna HTML. HTML je štandardný značkovací jazyk hypertextu (dokumentu) na internete.
Usporiadanie rozloženia stránok je proces formovaniajeho webové stránky podľa šablóny od dizajnéra. Tento typ činnosti sa zaoberá programátorom webových stránok. Hlavnou úlohou návrhára rozloženia je vytvoriť HTML kód, ktorý vám umožní umiestniť text, obrázky a ďalšie prvky webovej stránky na určité miesta v dokumente a zobraziť ich v okne akéhokoľvek moderného internetového prehľadávača podľa rozloženia vyvinutého návrhárom. Sadzač musí počas svojej práce neustále zabezpečovať, aby sa časť rozloženia, ktoré zostavuje, vo všetkých prehľadávačoch zobrazovala rovnako správne. Pred niekoľkými rokmi bolo rozloženie stránky HTML založené na použití tabuliek. Postupom času sa nové prvky (značky) objavujú v jazyku HTML. Jedným z týchto prvkov bola div. Ak je v posledných rokoch pri vytváraní stránok na webe najvýhodnejšie rozloženie div, je dnes povinné. V súčasnosti stránky s pomocou tabuliek prakticky nevytvárajú. Namiesto pojmu „rozdelenie rozmiestnenia“ je najbežnejšie používaný pojem „rozloženie po vrstvách“ alebo „rozloženie po blokoch“.
div - Toto je značka, pomocou ktorej je možné vybrať samostatný fragment kódu HTML stránky. Táto značka je prvkom bloku.
Značka div má dva hlavné parametre:
- Zarovnať, čo umožňuje zarovnanie jeho obsahu (na ľavom, pravom okraji stránky, v strede alebo na šírku);
- Názov, ktorý k svojmu obsahu pridá popis.
Rozloženie layout: hlavné výhody:
- malý značkovací kód v porovnaní s rozložením tabuľky;
- schopnosť vytvárať „gumený“ dizajn stránky;
- rýchle následné načítanie stránok v prehliadači používateľa;
- uľahčenie práce so štýlmi (CSS), štýlové prvky pomocou id.
Rozloženie div: hlavné nevýhody:
- neschopnosť správne zobraziť stránku v niektorých zastaraných prehľadávačoch (IE6);
- zložitosť umiestňovania blokov na stránku a ich správy.
V závislosti od vytváraného projektu je povolená kombinácia blokového a tabuľkového usporiadania.
Prečo sa dnes väčšina profesionálov vzdiaľuje od používania tabuliek na rozloženie?
V prípade použitia tabuľky rozloženia stránky, jejkód sa ukázal byť obrovský, čo programátorom sťažuje ďalšiu prácu. Nájdenie chyby v tomto kóde HTML bude trvať pomerne dlho. Rozloženie tabuľky vytvára ďalšie zaťaženie webového servera, a tým spomaľuje jeho prácu, a tým spomaľuje proces zobrazovania informácií prehliadačom. Výsledkom je, že načítanie webovej stránky trvá dlho.
Usporiadanie webových stránok je dôležitou etapoubez toho sa nezaobíde ani jeden, ani ten najjednoduchší internetový zdroj. Po dokončení práce dizajnéra layoutu sa layout dostane do rúk webovým programátorom, ktorí zabezpečia jeho integráciu do hostingu a implementáciu do CMS systému, na ktorom bude počas svojej existencie umiestnený.
