Patrik Dalip i Gabrijela Grgić, 3. C
PRIPREMA ZA VJEŽBU
1. Na koje se načine u HTML-u mogu naznačiti boje (pomoću primjera odabrane boje navedi bar tri različita načina)? Navedi pet različitih imena za boje.
U HTML-u se boje mogu naznačiti pomoću hexadecimalnog koda, RGB vrijednosti i korištenjem imena boje.
Na primjer, za plavu boju možemo koristiti hexadecimalni kod kao što je <div style=”color: #0000FF;”>Ovo je plava.</div>.
Možemo koristiti RGB vrijednosti, što bi izgledalo ovako:
<div style=”color: rgb(0, 0, 255);”>Ovo je plava.</div>.
Treći način je korištenje imena boje, pa bi primjer bio:
<div style=”color: blue;”>Ovo je plava.</div>.
Pet različitih imena za boje uključuju “red”, “green”, “yellow”, “orange” i “purple”.
2. Što je CSS? Što znači kratica CSS? Za što se koristi CSS?
CSS (Cascading Style Sheets) je stilizacijski jezik koji se koristi za oblikovanje HTML dokumenata. Omogućava kontrolu nad izgledom elemenata, kao što su boje, fontovi, razmaci i raspored.
3. Kako se koristi „inline“ CSS?
„Inline“ CSS koristi se tako da se stilovi dodaju direktno unutar HTML oznake pomoću atributa style. Na primjer, možemo napisati
“<p style=”color: red; font-size: 20px;”>Ovo je crveni tekst.</p>”, gdje se stilovi primjenjuju samo na taj određeni paragraf.
4. Što su poveznice? Koje vrste poveznica znaš?
Poveznice su elementi koji omogućuju navigaciju između različitih stranica ili resursa. Postoje unutarnje poveznice koje vode unutar iste stranice, vanjske poveznice koje vode na druge web stranice i ankerske poveznice koje upućuju na određene dijelove iste stranice.
IZVOĐENJE VJEŽBE
1. Stilovi boja (u zadacima koristi najmanje dva načina za označavanje boja)
‣ A. Napravi stranicu na kojoj će biti dva teksta sa dva podnaslova o proizvoljnoj temi, proizvodu ili predmetu: prvi će tekst govoriti o dobrim i pozitivnim osobinama, nosit će podnaslov „Prednosti:“ i bit će napisan crnim tekstom na bijeloj pozadini, drugi dio teksta treba nositi podnaslov „Nedostaci:“ i govoriti o nedostacima ili negativnostima bijelim tekstom na crnoj pozadini. U svakom odlomku treba biti bar četiri retka teksta. Stilove je potrebno definirati inline načinom.
Link na stranicu: http://gabrijela-grgic.from.hr/lv06-sjwip-zadatak-1a/
‣ B. Napravi stranicu na kojoj će uokvireno jedno ispod drugog biti ispisani nazivi godišnjih doba na najmanje tri različita jezika većim slovima i u bojama tipičnim za pojedino godišnje doba. Prvo se upisuje proljeće. Upotrijebi odgovarajuće i prilagođene boje za pozadinu tekstova, za tekstove i za okvire. Boje biraj tako da svi tekstovi budu čitljivi. Stilove je potrebno definirati inline načinom.
Link na stranicu: http://gabrijela-grgic.from.hr/lv06-sjiwp-zadatak-1b/
2. HTML poveznice
‣ A. Napravi web stranicu o značajnim lokalitetima odabranog grada (zgradama, trgovima, parkovima, muzejima…) sa vanjskim poveznicama, prema osobnom odabiru:
➜ 1. napravi kratak uvod od tri ili četiri retka teksta
➜ 2. navedi poveznice na informacije o najmanje pet različitih lokaliteta (na odabrane postojeće mrežne stranice)
➜ 3. sve se stranice trebaju otvarati u novom tabu preglednika
➜ 4. sva oblikovanja potrebno je napraviti inline načinom korištenja CSS-a.
Link na stranicu: http://gabrijela-grgic.from.hr/lv06-sjiwp-zadatak-2/
3. HTML – slike
‣ A. Obogati mrežnu stranicu o značajnim lokalitetima iz prošlog zadatka slikama. Pripazi da slike budu kvalitetne, jednake širine, te da se ne deformiraju.
Link na stranicu: http://gabrijela-grgic.from.hr/lv06-sjiwp-zadatak-3/