Kako dizajnirati jednostavnu web stranicu u Div: 4 koraka (sa slikama)

Sadržaj:

Kako dizajnirati jednostavnu web stranicu u Div: 4 koraka (sa slikama)
Kako dizajnirati jednostavnu web stranicu u Div: 4 koraka (sa slikama)

Video: Kako dizajnirati jednostavnu web stranicu u Div: 4 koraka (sa slikama)

Video: Kako dizajnirati jednostavnu web stranicu u Div: 4 koraka (sa slikama)
Video: 12 Trikova Koji Će Vas Motivisati Da Radite Bilo Šta 2024, Svibanj
Anonim

Ako imate web stranicu, istraživanje njezinog dizajna pomoću CSS i div oznaka može vas i vaše poslovanje na web mjestu odvesti korak ispred. Jednostavno održavanje, brže učitavanje i značajke prilagođene tražilicama donijet će vam prednosti bolje marketinške strategije.

Koraci

Korak 1. Znajte da se oznaka 'div' u osnovi koristi za uspostavljanje zasebnih područja ili podjela stranice web stranice

Ovo je jedan od iznimno moćnih elemenata u “XHTML -u” jer je nužan za postavljanje dizajna web stranice pomoću “CSS -a”. Jednostavnim riječima, ovaj proces znači implementaciju web stranica bez upotrebe tablica za izgled i pozicioniranje.

Korak 2. Izradite tablicu stilova - oznake "Div" koriste stilske tablice koje omogućuju da web dizajn web stranice bude neovisan o podacima

Dizajniranje pozadina s bojama i fontovima, širinom, visinom, rasporedom i pozicioniranjem redova ili stupaca može se umetnuti u stilske tablice ostavljajući samo div kod i podatke na stvarnim stranicama.

  • Tablicu stilova možete stvoriti kao drugi dokument, a zatim je povezati. Otvorite novi dokument u bilježnici, upišite svoj kôd i spremite ga pod nastavkom ".css".
  • CSS svojstva koja su vrlo korisna su "background-color", "height", "width", "float" i "clear".

Korak 3. Povežite tablicu stilova - tablicu stilova možete povezati pomoću oznake veze

To bi trebalo koristiti u odjeljku "glava" vaše web stranice. npr.. trebali biste upisati put do vaše CSS datoteke na mjesto gdje je u ovom primjeru napisana "staza".

Dizajnirajte jednostavnu web stranicu u Div koraku 1
Dizajnirajte jednostavnu web stranicu u Div koraku 1
Dizajnirajte jednostavnu web stranicu u Div koraku 2
Dizajnirajte jednostavnu web stranicu u Div koraku 2
Dizajnirajte jednostavnu web stranicu u Div koraku 3
Dizajnirajte jednostavnu web stranicu u Div koraku 3

Korak 1. Shvatite prednosti korištenja div oznaka ili bez tablice:

  • Učitavanje web stranica postaje brže. Web stranice koje se temelje na oznakama 'div' čine da preglednici rade mnogo brže jer dolaze u vrlo laganim verzijama. 'Div' se kontrolira pomoću kaskadnih stilskih listova pa mu je potrebno manje kodiranja koje pomaže u smanjenju veličine datoteke.
  • 'Div' je prijateljski nastrojen prema svim tražilicama - web stranice temeljene na CSS -u prilagođene su optimizaciji tražilica jer omogućuju web dizajneru da glavne članke drži na vrhu, što omogućuje tražilicama da lakše pronađu glavni sadržaj.
  • Web mjesto zasnovano na oznaci 'div' štedi propusnost. Web stranica bez tablice ima manju veličinu datoteke, što znači da štedi vašu propusnost. Ako imate web mjesto s velikim prometom, gdje posjetitelji pregledavaju svaku stranicu, uštedjet ćete na veličini propusnosti tako što nećete imati tablice. Ovaj spremljeni iznos propusnosti mogao bi biti koristan u određenom vremenskom razdoblju ili na kraju mjeseca.
  • Čistiji kôd - web stranice koje koriste oznake 'div' i CSS generiraju čistiji kôd. Ovaj čistiji kôd omogućuje alatu pretraživača da pročita stvarni sadržaj.

Preporučeni: