Kaip sukurti paprastą tinklalapį „Div“: 4 žingsniai (su paveikslėliais)

Turinys:

Kaip sukurti paprastą tinklalapį „Div“: 4 žingsniai (su paveikslėliais)
Kaip sukurti paprastą tinklalapį „Div“: 4 žingsniai (su paveikslėliais)

Video: Kaip sukurti paprastą tinklalapį „Div“: 4 žingsniai (su paveikslėliais)

Video: Kaip sukurti paprastą tinklalapį „Div“: 4 žingsniai (su paveikslėliais)
Video: SCARY TEACHER 3D MANDELA EFFECT LESSON 2024, Balandis
Anonim

Jei turite svetainę, jos dizaino tyrimas naudojant CSS ir div žymas gali jus ir jūsų svetainės verslą žengti vienu žingsniu į priekį. Lengva priežiūra, greitesnis įkėlimas ir paieškos sistemoms patogios funkcijos suteiks jums geresnės rinkodaros strategijos pranašumų.

Žingsniai

Žingsnis 1. Žinokite, kad žyma „div“iš esmės naudojama atskiroms svetainės puslapio sritims ar skyriams nustatyti

Tai yra vienas iš ypač galingų „XHTML“elementų, nes jis yra būtinas norint sukurti tinklalapio dizainą naudojant „CSS“. Paprasčiau tariant, šis procesas reiškia svetainių diegimą, kuriose nenaudojamos lentelės išdėstymui ir padėties nustatymui.

2 žingsnis. Sukurkite stiliaus lapą - „Div“žymos naudoja stiliaus lapus, kurie leidžia svetainės žiniatinklio dizainui nepriklausyti nuo duomenų

Kuriant fonus su spalvomis ir šriftais, pločiu, aukščiu, išdėstymu ir eilučių ar stulpelių padėtimi, visa tai galima įterpti į stiliaus lapus, paliekant tik div kodą ir informaciją tikruose puslapiuose.

  • Galite sukurti stiliaus lapą kaip kitą dokumentą ir tada jį susieti. Atidarykite naują užrašų knygelės dokumentą, įrašykite jį į kodą ir išsaugokite jį „.css“plėtinyje.
  • Labai naudingos CSS savybės yra „fono spalva“, „aukštis“, „plotis“, „plūdė“ir „aišku“.

Žingsnis 3. Stiliaus lapo susiejimas - stilių lapą galite susieti naudodami nuorodos žymą

Tai turėtų būti naudojama jūsų svetainės skiltyje „galva“. pvz.. turėtumėte parašyti kelią į savo CSS failą toje vietoje, kur šiame pavyzdyje parašytas „kelias“.

Sukurkite paprastą tinklalapį atlikdami 1 veiksmą
Sukurkite paprastą tinklalapį atlikdami 1 veiksmą
Sukurkite paprastą tinklalapį atlikdami 2 veiksmą
Sukurkite paprastą tinklalapį atlikdami 2 veiksmą
Sukurkite paprastą tinklalapį atlikdami 3 veiksmą
Sukurkite paprastą tinklalapį atlikdami 3 veiksmą

1 žingsnis. Supraskite „div“žymų ar lentelės be naudojimo pranašumus:

  • Svetainių įkėlimas tampa greitesnis. Svetainės, sukurtos naudojant „div“žymas, leidžia naršyklėms veikti daug greičiau, nes jos yra labai lengvos. „Div“yra valdomas per kaskadinius stiliaus lapus, todėl jam reikia mažiau kodavimo, kuris padeda sumažinti failo dydį iki minimumo.
  • „Div“yra draugiškas visoms paieškos sistemoms - CSS pagrįstos svetainės yra tinkamos paieškos sistemoms optimizuoti, nes tai leidžia žiniatinklio dizaineriui išlaikyti pagrindinius straipsnius viršuje, kad paieškos sistemos galėtų lengviau rasti pagrindinį turinį.
  • „Div“žyma pagrįsta svetainė taupo pralaidumą. Svetainėje be stalo yra mažesnis failo dydis, o tai reiškia, kad jis taupo jūsų pralaidumą. Jei turite didžiulį srautą turinčią svetainę, kurioje kiekvieną puslapį naršo svetainės lankytojai, sutaupysite pralaidumo dydžio neturėdami lentelių. Ši sutaupyta pralaidumo suma gali būti naudinga per tam tikrą laikotarpį arba mėnesio pabaigoje.
  • Valymo kodas - svetainės, kuriose naudojamos „div“žymos ir CSS, sukuria švaresnį kodą. Šis švaresnis kodas leidžia paieškos sistemų tikrintojams skaityti tikrąjį turinį.

Rekomenduojamas: