Kako oblikovati preprosto spletno stran v Div: 4 koraki (s slikami)

Kazalo:

Kako oblikovati preprosto spletno stran v Div: 4 koraki (s slikami)
Kako oblikovati preprosto spletno stran v Div: 4 koraki (s slikami)

Video: Kako oblikovati preprosto spletno stran v Div: 4 koraki (s slikami)

Video: Kako oblikovati preprosto spletno stran v Div: 4 koraki (s slikami)
Video: Ошибки в сантехнике. Вводной узел в квартиру. 2024, Maj
Anonim

Če imate spletno mesto, lahko raziskovanje njegove zasnove z oznakami CSS in div vodi vas in vaše spletno mesto korak naprej. Enostavno vzdrževanje, hitrejše nalaganje in iskalnikom prijazne funkcije vam bodo prinesle prednosti boljše trženjske strategije.

Koraki

Korak 1. Vedite, da se oznaka 'div' v bistvu uporablja za vzpostavitev ločenih področij ali razdelkov strani spletnega mesta

To je med izjemno zmogljivimi elementi v "XHTML", saj je potrebno za oblikovanje spletne strani z uporabo "CSS". Preprosto povedano, ta postopek pomeni izvajanje spletnih mest brez uporabe tabel za postavitev in pozicioniranje.

Korak 2. Ustvarite slogovni list - oznake »Div« uporabljajo slogovne liste, ki omogočajo, da je spletno oblikovanje spletnega mesta neodvisno od podatkov

Oblikovanje ozadij z barvami in pisavami, širino, višino, postavitvijo in pozicioniranjem vrstic ali stolpcev je mogoče vstaviti v slogovne liste, pri čemer ostanejo samo koda div in podatki na dejanskih straneh.

  • Tabelo slogov lahko ustvarite kot drug dokument in jo nato povežete. Odprite nov dokument beležnice, vnesite kodo in ga shranite pod razširitvijo ".css".
  • Lastnosti CSS, ki so zelo uporabne, so "color-background", "height", "width", "float" in "clear".

Korak 3. Povežite stilsko listo - s stilsko tabelo lahko povežete oznako povezave

To je treba uporabiti v razdelku "glava" vašega spletnega mesta. npr.. pot do datoteke CSS morate zapisati na mesto, kjer je v tem primeru zapisana "pot".

Oblikujte preprosto spletno stran v 1. koraku Div
Oblikujte preprosto spletno stran v 1. koraku Div
Oblikujte preprosto spletno stran v koraku 2 Div
Oblikujte preprosto spletno stran v koraku 2 Div
Oblikujte preprosto spletno stran v koraku 3 Div
Oblikujte preprosto spletno stran v koraku 3 Div

Korak 1. Razumeti prednosti uporabe oznak div ali brez tabel:

  • Nalaganje spletnih mest postaja hitrejše. Spletna mesta, ki temeljijo na oznakah „div“, omogočajo, da brskalniki delujejo veliko hitreje, saj so zelo lahki. 'Div' se nadzira s pomočjo kaskadnih slogovnih listov, zato potrebuje manj kodiranja, ki pomaga zmanjšati velikost datoteke na minimum.
  • "Div" je prijazen do vseh iskalnikov - spletna mesta, ki temeljijo na CSS, so prijazna do optimizacije iskalnikov, saj omogočajo spletnemu oblikovalcu, da vodi glavne članke na vrhu, kar iskalnikom omogoča lažje iskanje glavnih vsebin.
  • Spletno mesto, ki temelji na oznaki 'div', prihrani pasovno širino. Spletno mesto brez tabel ima manjšo velikost datoteke, kar pomeni, da prihrani vašo pasovno širino. Če imate spletno mesto z velikim prometom, kjer obiskovalci spletnega mesta brskajo po vsaki strani, boste prihranili pri velikosti pasovne širine, če nimate tabel. Ta prihranjena količina pasovne širine je lahko koristna v določenem časovnem obdobju ali ob koncu meseca.
  • Čistejša koda - spletna mesta, ki uporabljajo oznake 'div' in CSS, ustvarijo čistejšo kodo. Ta čistejša koda pajkom iskalnikov omogoča branje dejanske vsebine.

Priporočena: