Lihtsa veebilehe kujundamine Divis: 4 sammu (piltidega)

Sisukord:

Lihtsa veebilehe kujundamine Divis: 4 sammu (piltidega)
Lihtsa veebilehe kujundamine Divis: 4 sammu (piltidega)

Video: Lihtsa veebilehe kujundamine Divis: 4 sammu (piltidega)

Video: Lihtsa veebilehe kujundamine Divis: 4 sammu (piltidega)
Video: Lemmikute lemmik 2020. Kurjad kassid 2024, Mai
Anonim

Kui teil on sait, võib selle disaini uurimine CSS- ja div -siltide abil viia teid ja teie veebisaidi ettevõtet sammukese ettepoole. Lihtne hooldus, kiirem laadimine ja otsingumootorisõbralikud funktsioonid annavad teile parema turundusstrateegia eelised.

Sammud

Samm 1. Tea, et märgendit „div” kasutatakse põhimõtteliselt veebisaidi eraldi alade või jaotuste loomiseks

See on üks XHTML -i ülivõimsatest elementidest, kuna see on vajalik veebilehe kujunduse paigutamiseks CSS -i abil. Lihtsamalt öeldes tähendab see protsess saitide juurutamist, millel pole paigutuse ja positsioneerimise jaoks tabeleid.

Samm 2. Stiililehe loomine - „Div” -märgendid kasutavad stiililehti, mis võimaldavad saidi veebikujundusel olla andmetest sõltumatud

Taustade kujundamist värvide ja fontidega, laiust, kõrgust, paigutust ja ridade või veergude paigutust saab stiililehtedele sisestada, jättes ainult div -koodi ja teabe tegelikel lehtedel.

  • Saate luua stiililehe teise dokumendina ja seejärel selle linkida. Avage uus märkmiku dokument, kirjutage oma kood ja salvestage see laiendi ".css" alla.
  • Väga kasulikud CSS-i omadused on "taustavärv", "kõrgus", "laius", "ujuk" ja "selge".

Samm 3. Stiililehe linkimine - saate stiililehe linkida lingimärgendi abil

Seda tuleks kasutada oma veebisaidi jaotises „pea”. nt.. peaksite oma CSS -faili tee kirjutama kohta, kuhu selles näites on kirjutatud "tee".

Kujundage 1. etapis lihtne veebileht
Kujundage 1. etapis lihtne veebileht
2. etapis kujundage lihtne veebileht
2. etapis kujundage lihtne veebileht
Kujundage 3. etapis lihtne veebileht
Kujundage 3. etapis lihtne veebileht

Samm 1. Mõistke div-siltide või tabelivaba kasutamise eeliseid:

  • Saitide laadimine muutub kiiremaks. Veebisaidid, mis põhinevad div -siltidel, muudavad brauserid palju kiiremaks, kuna need on väga kerged. "Div" juhitakse kaskaadlaadilehtede kaudu ja seetõttu vajab see vähem kodeerimist, mis aitab hoida faili suurust minimaalsena.
  • „Div” on sõbralik kõigile otsingumootoritele - CSS -põhised veebisaidid on otsingumootori optimeerimise jaoks sõbralikud, kuna need võimaldavad veebidisaineril hoida peamised artiklid peal, võimaldades otsingumootoritel hõlpsamini põhisisu leida.
  • Sildil põhinev veebisait säästab ribalaiust. Lauavaba veebisaidi failimaht on väiksem, mis tähendab, et see säästab teie ribalaiust. Kui teil on tohutu liiklusega sait, kus saidi külastajad sirvivad igat lehte, säästate ribalaiuse suurust, kui teil pole tabeleid. See salvestatud ribalaiuse summa võib olla kasulik teatud aja jooksul või kuu lõpus.
  • Puhastaja kood - „div” silte ja CSS -i kasutavad veebisaidid genereerivad puhtama koodi. See puhastuskood võimaldab otsingumootorite indekseerijatel tegelikku sisu lugeda.

Soovitan: