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: Красивая история о настоящей любви! Мелодрама НЕЛЮБОВЬ (Домашний). 2024, April
Anonim

Ako imate web lokaciju, istraživanje njenog dizajna pomoću CSS i div oznaka može odvesti vas i vaše web mjesto u korak ispred. Jednostavno održavanje, brže učitavanje i funkcije 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 izuzetno moćnih elemenata u „XHTML -u“jer je neophodan za postavljanje dizajna web stranice pomoću „CSS -a“. Jednostavnim riječima, ovaj proces znači implementaciju web stranica bez korištenja tablica za raspored i pozicioniranje.

Korak 2. Kreirajte tablicu stilova - oznake „Div“koriste stilske listove koji 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 listove 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 ga u kôd i spremite ga pod ekstenzijom ".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

Ovo bi trebalo koristiti u odjeljku "glava" vaše web stranice. npr.. trebali biste napisati putanju do vaše CSS datoteke na mjestu 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 tabela bez:

  • Učitavanje web stranica postaje brže. Web stranice koje se temelje na 'div' oznakama čine pretraživače da rade mnogo brže jer dolaze u vrlo laganim verzijama. 'Div' se kontrolira pomoću kaskadnih stilskih listova i stoga mu je potrebno manje kodiranja koje pomaže u smanjenju veličine datoteke.
  • 'Div' je prilagođen svim pretraživačima - web stranice zasnovane na CSS -u prilagođene su optimizaciji tražilica jer omogućuju web dizajneru da drži glavne članke na vrhu, omogućavajući pretraživačima da lakše pronađu glavni sadržaj.
  • Veb lokacija zasnovana 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 stranicu s velikim prometom na kojoj posjetitelji pregledavaju svaku stranicu, uštedjet ćete na veličini propusnog opsega tako što nećete imati tablice. Ova ušteda propusnog opsega mogla bi biti korisna u određenom vremenskom periodu ili na kraju mjeseca.
  • Čistiji kôd - web stranice koje koriste oznake 'div' i CSS generiraju čistiji kôd. Ovaj čistiji kôd omogućava popisivačima tražilica da pročitaju stvarni sadržaj.

Preporučuje se: