Egy egyszerű weboldal megtervezése Div -ben: 4 lépés (képekkel)

Tartalomjegyzék:

Egy egyszerű weboldal megtervezése Div -ben: 4 lépés (képekkel)
Egy egyszerű weboldal megtervezése Div -ben: 4 lépés (képekkel)

Videó: Egy egyszerű weboldal megtervezése Div -ben: 4 lépés (képekkel)

Videó: Egy egyszerű weboldal megtervezése Div -ben: 4 lépés (képekkel)
Videó: CS50 2015 - Week 7 2024, Lehet
Anonim

Ha rendelkezik webhellyel, akkor annak kialakításának CSS és div címkék használatával történő felfedezése egy lépéssel előrébb viheti Önt és webhelye vállalkozását. Az egyszerű karbantartás, a gyorsabb betöltés és a keresőbarát funkciók a jobb marketingstratégia előnyeit biztosítják.

Lépések

1. lépés. Tudja, hogy a „div” címkét alapvetően a weboldal külön területeinek vagy felosztásainak létrehozására használják

Ez az „XHTML” rendkívül hatékony elemei közé tartozik, mivel szükséges a weboldal „CSS” használatával történő kialakításához. Leegyszerűsítve ez a folyamat azt jelenti, hogy olyan webhelyeket kell megvalósítani, amelyek nem használnak táblázatokat az elrendezéshez és a pozicionáláshoz.

2. lépés. Stíluslap létrehozása - A „Div” címkék stíluslapokat használnak, amelyek lehetővé teszik a webhely webdesignjának függetlenségét az adatoktól

A színekkel és betűtípusokkal, a szélességgel, a magassággal, az elrendezéssel és a sorok vagy oszlopok elhelyezésével rendelkező hátterek tervezése mind beilleszthető a stíluslapokba, így csak a div kód és az információk maradnak a tényleges oldalakon.

  • Létrehozhat stíluslapot másik dokumentumként, majd összekapcsolhatja azt. Nyisson meg egy új jegyzettömb dokumentumot, írja be a kódot, és mentse a ".css" kiterjesztés alá.
  • A nagyon hasznos CSS-tulajdonságok a "háttérszín", "magasság", "szélesség", "lebegés" és "tiszta".

3. lépés: A stíluslap összekapcsolása - A stíluslapot linkcímke használatával kapcsolhatja össze

Ezt a webhely "fej" szakaszában kell használni. például.. írja be a CSS -fájl elérési útját arra a helyre, ahol ebben a példában az "elérési út" van írva.

Tervezzen meg egy egyszerű weboldalt az 1. lépésben
Tervezzen meg egy egyszerű weboldalt az 1. lépésben
Tervezzen meg egy egyszerű weboldalt a 2. lépésben
Tervezzen meg egy egyszerű weboldalt a 2. lépésben
Tervezzen meg egy egyszerű weboldalt a 3. lépésben
Tervezzen meg egy egyszerű weboldalt a 3. lépésben

1. lépés: Ismerje meg a div címkék vagy a táblázat nélküli használat előnyeit:

  • A webhelyek betöltése gyorsabb lesz. A „div” címkéken alapuló webhelyek sokkal gyorsabban működtetik a böngészőket, mivel nagyon könnyűek. A „Div” a Cascading stíluslapokon keresztül vezérelhető, ezért kevesebb kódolást igényel, ami segít a fájlméret minimális szinten tartásában.
  • A „Div” barátságos minden keresőmotorral - a CSS -alapú webhelyek a keresőoptimalizálás szempontjából barátságosak, mivel ezek lehetővé teszik a webtervező számára, hogy a legfőbb cikkeket a tetején tartsa, így a keresőmotorok könnyebben megtalálják a fő tartalmakat.
  • A „div” címke alapú webhely takarít meg sávszélességet. A táblázat nélküli webhely kisebb fájlmérettel rendelkezik, ami azt jelenti, hogy megtakarítja a sávszélességet. Ha hatalmas forgalmú webhelye van, ahol minden oldalt a webhely látogatói böngésznek, takaríthat meg a sávszélesség méretén, ha nincsenek táblái. Ez a megtakarított sávszélesség -összeg hasznos lehet egy adott időszakban vagy a hónap végén.
  • Tisztító kód - A „div” címkéket és CSS -t használó webhelyek tisztább kódot generálnak. Ez a tisztító kód lehetővé teszi a keresőmotorok bejáróinak, hogy olvassák a tényleges tartalmat.

Ajánlott: