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".
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.