Čo je "layout div" pri vytváraní stránky, jeho výhody a nevýhody

počítače

V súčasnej dobe, internet je súčasťou nášho života. Jeho obyčajní používatelia sotva premýšľajú o tom, akou cestou sa stali ich obľúbenými stránkami skôr, ako sa objavia vo vyhľadávačoch World Wide Web. Začiatok stránky začína myšlienkou dizajnéra - umelca a osoby, ktorá sa podieľa na vytváraní hlavného usporiadania. Po dokončení kreslenia rozloženia sa začína rovnako dôležitý proces - rozloženie šablóny lokality.

Šablóna alebo rozloženie nie je zatiaľ pripravené miesto, je tourčitý model, ktorý vytvoril návrhár, na základe ktorého sa v budúcnosti môže vytvoriť plnohodnotná webová stránka. Z hľadiska programovania je šablóna súborom špecifických pravidiel pre zobrazovanie informácií. Ak chcete vytvoriť najzákladnejšie statické stránky, obvykle používate šablónu HTML. HTML je štandardný jazyk pre hypertextové označovanie (dokumenty) na internete.

Usporiadanie webových stránok je proces tvorbyJeho webové stránky sú založené na šablóne návrhára. Tento typ aktivity spracováva návrhár webových stránok. Hlavnou úlohou rozloženia je vytvorenie kódu HTML, ktorý vám umožňuje umiestniť na určitých miestach dokumentu text, obrázky a ďalšie prvky webovej stránky a zobraziť ich v okne každého moderného internetového prehliadača podľa rozloženia, ktoré dizajnér vytvoril. Počas jeho práce musí návrhár usporiadania neustále zabezpečovať, aby časť rozloženia, ktorú vytvoril, bola rovnako správne zobrazená vo všetkých prehliadačoch. O niekoľko rokov predtým bolo rozloženie HTML stránky založené na použití tabuliek. Časom sa v jazyku HTML objavia nové prvky (značky). Jeden taký prvok bol div. Ak sa v posledných rokoch najviac uprednostnilo rozloženie divu pri vytváraní stránok stránok, dnes je to povinné. V súčasnej dobe sú stránky s tabuľkami takmer nezmenené. Namiesto pojmu "layout div" sa najčastejšie používa pojem "layering" alebo "blokové rozloženie".

div Je značka, pomocou ktorej si môžete pre stránku vybrať samostatný kód HTML. Táto značka je prvkom bloku.

Značka div má dva hlavné parametre:

  • Zarovnať, čo umožňuje zarovnať obsah (vľavo, pravý okraj stránky, stred alebo šírku);
  • Titul, pridanie popisku na jeho obsah.

Layout div: hlavné plusy:

  • malý kód značkovania v porovnaní s rozložením tabuľky;
  • možnosť vytvorenia "gumového" dizajnu stránky;
  • rýchlo pri následnom načítaní stránok v prehliadači používateľa;
  • jednoduchosť práce so štýlmi (CSS), priradenie štýlu prvkom pomocou id.

Layout div: hlavné nevýhody:

  • nemožnosť správneho zobrazenia stránky v niektorých zastaraných prehliadačoch (IE6);
  • zložitosť umiestňovania blokov na stránku a ich spravovanie.

V závislosti od projektu je povolená kombinácia rozloženia bloku a tabuľky.

Prečo sa väčšina profesionálov v súčasnosti odkláňa od používania tabuliek rozloženia?

V prípade použitia tabuľkového usporiadania lokalitykód je obrovský, čo sťažuje programátorom aj naďalej pracovať na ňom. Aby sme našli chybu v takomto HTML kóde, bude to trvať pomerne veľa času. Tabuľkové rozloženie vytvára na webovom serveri ďalšie zaťaženie, čím spomaľuje jeho prácu, čím spomaľuje proces vydávania informácií prehliadačom. Výsledkom je, že stránka na stránkach sa načíta veľmi dlho.

Rozloženie stránky je dôležitým krokom v jehovytvorenie, bez nej, ani jediného, ​​ani najjednoduchšieho, internetového zdroja. Po dokončení práce dizajnéra rozloženia sa rozložené rozloženie posiela do rúk webových programátorov a zabezpečuje sa jeho integrácia do hostingu a integrácie do systému CMS, na ktorom bude umiestnený počas jeho existencie.