Ako navrhnúť jednoduchú webovú stránku v jazyku Div: 4 kroky (s obrázkami)

Ak máte webovú stránku, potom skúmanie jej dizajnu pomocou značiek CSS a div môže vás a vaše podnikanie na webovej stránke posunúť o krok vpred. Jednoduchá údržba, rýchlejšie načítavanie a vlastnosti vhodné pre vyhľadávače vám prinesú výhody lepšej marketingovej stratégie.

Kroky

Vedzte, že značka „div“ sa v podstate využíva na vytvorenie samostatných oblastí alebo rozdelení webovej stránky. Patrí medzi mimoriadne silné prvky v jazyku „XHTML“, pretože je potrebný na umiestnenie dizajnu webovej stránky pomocou „CSS“. Zjednodušene povedané, tento postup znamená realizáciu stránok bez využívania tabuliek na rozvrhnutie a umiestnenie.

Vytvorenie súboru štýlov – značky „div“ používajú súbory štýlov, ktoré umožňujú, aby bol dizajn webovej lokality nezávislý od údajov. Návrh pozadia s farbami a písmom, šírka, výška, rozloženie a umiestnenie riadkov alebo stĺpcov sa dajú vložiť do hárkov štýlov, pričom na skutočných stránkach zostane len kód div a informácie.

  • Súbor štýlov môžete vytvoriť ako ďalší dokument a potom ho prepojiť. Otvorte nový dokument Poznámkový blok, napíšte do neho svoj kód a uložte ho pod „.css“ rozšírenie.
  • Vlastnosti CSS, ktoré sú veľmi užitočné, sú „background-color“, „height“, „width“, „float“ a „clear“.
  • Prepojenie súboru štýlov – Súbor štýlov môžete prepojiť pomocou značky link. Toto by sa malo použiť v časti „head “ vašej webovej stránky. e.g. <link rel=stylesheet type=text/CSS href= path>. cestu k súboru CSS by ste mali napísať na miesto, kde je v tomto príklade napísaná „cesta“.
  • Pochopte výhody používania značiek div alebo bez tabuliek:

    • Načítanie stránok sa zrýchli. Webové stránky, ktoré sú založené na značkách „div“, vykresľujú prehliadače oveľa rýchlejšie, pretože sú veľmi ľahké. Div“ sa ovláda prostredníctvom kaskádových štýlov, a preto potrebuje menej kódovania, ktoré pomáha 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ú priateľské k optimalizácii pre vyhľadávače, pretože umožňujú webdizajnérovi udržiavať hlavné články na vrchu, čo umožňuje vyhľadávačom ľahšie nájsť hlavný obsah.
    • Webová stránka založená na značke „div“ šetrí šírku pásma. Webové stránky bez tabuliek majú menšiu veľkosť súborov, čo znamená, že šetria šírku pásma. Ak máte web s obrovskou návštevnosťou, kde si každú stránku prezerajú návštevníci webu, ušetríte na veľkosti prenosového pásma tým, že nebudete mať tabuľky. Táto ušetrená suma za šírku pásma by mohla byť užitočná za určité časové obdobie alebo na konci mesiaca.
    • Čistejší kód – webové stránky používajúce značky „div“ a CSS vytvárajú čistejší kód. Tento čistejší kód umožňuje prehľadávačom vyhľadávačov čítať skutočný obsah.