Web dizajn - Prvi cas vjezbi

Uvodne napomene

  1. Pokrenite program Xampp i startujte sve procese u programu. Potrebno je da ikonica postane zuta ili zelena.
  2. Kada to zavrsite, u glavnom htdocs folderu napravite folder sa svojim imenom i prezimenom (BEZ RAZMAKA)! Primjer: "MarkoMarkovic"
  3. U novokreiranom folderu napravite fajl sa imenom "prvicas" pri cemu je u padajucem meniju za tip fajla potrebno izabrati HTML. Pokrenite fajl koristeci program VisualStudio Code. U novokreiranom fajlu napisite rijec "Proba" i sacuvajte ga.
  4. Nakon sto je fajl sacuvan potrebno je da otvorite Google Chrome i u linku ukucate "localhost/nazivFoldera/prvicas.html" pri cemu kao naziv foldera stavite naziv foldera koji ste kreirali, sa svojim imenom i prezimenom.

Gradivo koje radimo na prvom casu:

Gradivo koje cemo raditi na narednim casovima:

Forme (font-size: 18pt)

Baze podataka (font-size: 16pt)

PHP (font-size: 14pt)

Paragrafi

Paragrafi se oznacavaju tagom "p" i svaki paragraf pocinje u novom redu. Pomocu opcije "style" mozemo podesavati atribute teksta u jednom paragrafu.

Liste

Liste se oznacavaju tagovima "ol" ili "ul" u zavisnosti da li su numerisane ili ne.

  1. Numerisan clan liste A
  2. Numerisan clan liste B

Linkovi

Linkovi se oznacavaju tagom "a" i klikom na tekst linka vodimo korisnika na specificirani web sajt u opisu linka "href".

Primjer linka koji vodi na sajt Elektrotehnickog fakulteta.

Ako zelimo da se link otvori u novom prozoru potrebno je postaviti opciju target="_blank" u atributima linka.

Tabele

Tabele se oznacavaju tagom "table" a zatim je potrebno PRVO NAVESTI redove u tabeli tagom "tr". Nakon toga u svakom redu mozemo postaviti kolone koriscenjem taga "td".

Red 1 - Kolona 1 Red 1 - Kolona 2
Red 2 - Kolona 1 Red 2 - Kolona 2
Red 3 - Kolona 1

Da bi jedan red tabele zauzeo dvije kolone treba staviti colspan="2" u atributima te kolone.