Izrada webstranica Slike 24 5 2021 predava Slike

Izrada web-stranica Slike 24. 5. 2021. predavač:

Slike • stranice koje sadrže samo tekst nisu zanimljive posjetiteljima • formati slika pogodni za internet su: . jpg, . gif, . png • veličina slike (MB) izravno utječe na vrijeme učitavanja stranice 3

Slike • Za umetanje slika odaberemo Insert>Pictures>From File…te odaberemo sliku 4

Slike • Sve slike koje smo umetnuli na webstranicu moramo spremiti • dobro je spremiti sve slike u jednu mapu (npr. Images) 5

Slike • Za oblikovanje slika koristi se dijaloški okvir Picture Properties 6

Slike • za određivanje položaja slike u odnosu na tekst koristi se polje Wrapping style 7

Slike • poravnanje, obrub slike, vodoravna i okomita udaljenost slike i teksta određuje se u polju Layout 8

Slike • visinu i širinu slike određujemo u polju Size (u pikselima ili postotcima) 9

Slike • Alternativni tekst opisuje sliku i prije nego se slika učita 10

Slike • alati za oblikovanje slika nalaze se na alatnoj traci Pictures – Crop – rezanje pojedinih dijelova slike – Resample – smanjuje vrijeme učitavanja nakon smanjivanja dimenzija slike – Auto. Thumbnail – automatska izrada umanjene slike 11

Što smo naučili? • Koji formati slika su pogodni za Internet? • Kako veličina slike utječe na vrijeme učitavanja stranice? • Na koji način umećemo sliku na webstranicu? • Sprema li se umetnuta slika prilikom spremanja web-stranice? • Koji dijaloški okvir koristimo za oblikovanje slike? 12

Što smo naučili? • • Što određujemo u polju Wrapping style? Što određujemo u polju Layout? Što određujemo u polju Size? Zbog čega slici dodjeljujemo alternativni tekst? • Kad koristimo alate Crop, Resample, Auto Thumbnail? 13