Ak máte webovú stránku, skúmanie jej dizajnu pomocou značiek CSS a div môže byť vás a vašu firmu na webových stránkach o krok vpred. Jednoduchá údržba, rýchlejšie načítanie a funkcie priateľské k vyhľadávačom vám poskytnú výhody lepšej marketingovej stratégie.
Kroky
Krok 1. Vedzte, že značka 'div' sa v zásade používa na vytvorenie oddelených oblastí alebo divízií webovej stránky
Toto patrí k mimoriadne silným prvkom v „XHTML“, pretože je to nevyhnutné na umiestnenie dizajnu webovej stránky pomocou „CSS“. Jednoducho povedané, tento proces znamená implementáciu stránok bez použitia tabuliek na usporiadanie a určovanie polohy.
Krok 2. Vytvorte šablónu so štýlmi - Značky „Div“používajú šablóny štýlov, ktoré umožňujú webovému dizajnu stránky nezávisieť na údajoch
Navrhovanie pozadia pomocou farieb a písem, šírky, výšky, rozloženia a umiestnenia riadkov alebo stĺpcov je možné vložiť do štýlov, pričom zostane iba kód div a informácie o aktuálnych stránkach.
- Môžete vytvoriť šablónu so štýlmi ako ďalší dokument a potom ju prepojiť. Otvorte nový dokument programu Poznámkový blok, napíšte ho a uložte ho pod príponou „.css“.
- Veľmi užitočné vlastnosti CSS sú „farba pozadia“, „výška“, „šírka“, „float“a „jasné“.
Krok 3. Prepojenie šablóny so štýlmi - šablónu so štýlmi môžete prepojiť pomocou značky odkazu
Toto by malo byť použité v sekcii „hlava“vášho webu. napr.. cestu k súboru CSS by ste mali napísať v mieste, kde je v tomto príklade napísaná „cesta“.
Krok 1. Pochopte výhody používania značiek div alebo bez tabuľky:
- Načítavanie stránok je rýchlejšie. Webové stránky, ktoré sú založené na značkách „div“, umožňujú prehliadačom bežať oveľa rýchlejšie, pretože sú veľmi ľahké. Div je riadený pomocou kaskádových štýlov, a preto potrebuje menej kódovania, ktoré pomôže udržať veľkosť súboru na minimálnej úrovni.
- „Div“je priateľský pre všetky vyhľadávače - webové stránky založené na CSS sú vhodné pre optimalizáciu pre vyhľadávače, pretože umožňujú webovému dizajnérovi udržať hlavné články na vrchu a umožňujú vyhľadávačom jednoduchšie nájsť hlavný obsah.
- Webová stránka založená na značke „div“šetrí šírku pásma. Web bez stola má menšiu veľkosť súboru, čo znamená, že šetrí vašu šírku pásma. Ak máte web s vysokou návštevnosťou, kde návštevníci stránok prechádzajú každú stránku, ušetríte na veľkosti pásma tým, že nebudete mať tabuľky. Táto uložená čiastka šírky pásma môže byť užitočná v časovom období alebo na konci mesiaca.
- Cleaner Code - Webové stránky používajúce značky „div“a CSS generujú čistejší kód. Tento čistejší kód umožňuje prehľadávačom vyhľadávacích nástrojov čítať skutočný obsah.