10Web-stranice 1

7/24/2019 10Web-stranice 1

http://slidepdf.com/reader/full/10web-stranice-1 1/9

Izrada web-stranica

UVOD

HTML ( Hyper Text Markup Language) programski je jezik za izradu

hipertekstnih dokumenata.

Web preglednici (Web browser ) programi su koji omogućavaju prikaz

HTML-ovih dokumenata.

Svaka web stranica je hipertekstni dokument.

Hipretekst (hypertext ) pisani je tekst koji sadri izravne veze s nekim

drugim dokumentom.

Hiperveze ( Hyperlink ) posebno su ob!ikovane rije"i# s!ike i!i podru"ja

Hotspot na koja korisnik moe k!iknuti za skok na drugu stranicu# pog!ed

na s!iku# posjet drugoj web-adresi i!i kako bi prenio $ Download % datotekena svoje ra"una!o.

-&-



Izrada web-stranica

Oznaka ( Bookmark ili Anchor ) posebna je oznaka na stranici na koju se

vee hiperveza s te iste stranice.

WWW (World Wide Web) sustav je za distribuciju in'ormacija i us!ugana internetu.

In'ormacije na webu sprem!jene su i organizirane u web-stranice.

Skup web-stranica vezanih uz jednu temu zove se web-mjesto $web site %.

(reg!ed svih stranica i veza u jednom webu zove se mapa weba.

Mapa weba

HTML-ov kod

-)-



Izrada web-stranica

<html><head><meta http-equiv="Content-Type"

content="text/html; charset=iso-885-!"><meta http-equiv="Content-an#ua#e" content="hr"><meta name="$%&%'(T)'" content="*icroso+t,ronta#e .0"><meta name="ro#1d" content=",ronta#e%ditor2ocument"><title>*o3a prva stranica</title>

</head><4ody 4#color=",,CC,,"><+ont +ace="(rial" si6e="." color="0000,,">7metnuta slia</+ont><im# 4order="0" src="9:0!!#i+" idth=".!" hei#ht=".!">i crta

<hr si6e="5" color="0000,,">?n4sp;</4ody></html>

-*-



Izrada web-stranica

ra!i"ki HTML-ovi editori omogućavaju da napravite web-stranicu#

umetnete tekstove# s!ike# tab!ice bez poznavanja HTML-a. (rimjeri

gra'i"kih $vizua!nih% HTML-ovih editora su Microso'tov +ront(age i

Macromedijin ,reamweaver.MS +ront(age

To su nas!ovna traka # traka s izbornicima i a!atne trake . artice

otvorenih webova i web-stranica. /kvir Folder List sadri popis

svih mapa i datoteka u aktivnom webu. 0ko okvir Folder List nije vid!jiv#

moete ga otvoriti odabirom View > Folder List. Sadraj radnog prozora

ovisi o odabranom pog!edu. 1adni prozor koji vidite vezan je uz prikaz

Page, pog!ed Design. Traka s prikazima

sadri gumbe $ Folder List i

Navigation% za promjenu prikaza weba. /sta!i prikazi weba dostupni su

ako je otvorena kartica Web Site. Traka s pog!edima na dokument koji

su dostupni u prikazu Page (Design, Split, ode, Preview!. Statusna traka

-2-



Izrada web-stranica

sadri i sat koji pokazuje ko!iko je vremena potrebno za u"itavanje

stranice pri raz!i"itim brzinama s interneta.

(rikazi weba

- Page - rabi se za preg!ed i ure3ivanje pojedina"nih stranica- Folders - prikazuje sve stranice# mape i datoteke trenuta"nog weba

- "e#ote Web site- rabi se za pub!iciranje weba

- "eports - omogućava preg!ed statisti"kih i osta!ih in'ormacija

vezanih uz web

- Navigation - omogućava preg!ed svih stranica nekog weba u ob!iku

sheme koja prikazuje hijerarhijsku organizaciju weba

- H$perlin%s - prikazuje sve veze izme3u dije!ova weba- &as%s - popis zadataka koje treba napraviti i!i koji su naprav!jeni.

S!ui za !ak4e praćenje rada na nekom webu

(og!edi na web-stranicu

- Design - u njemu izra3ujemo stranicu- Split - podije!i prozor na dva dije!a. 5 gornjem je prikazan HTML-ov

kod# a u donjem obi"an izg!ed stranice

- ode - prikazuje HTML-ov kod otvorene stranice

- Preview - pokazuje kako će stranica izg!edati u web-preg!edniku.

-6-



Izrada web-stranica

/kno zadataka New

7as!ov stranice prikazuje se u nas!ovnoj traci web-preg!ednika pri!ikom

otvaranja stranice. ,a biste promijeni!i nas!ov stranice# k!iknite na gumb

'ange title te u prozoru koji se pojavi upi4ite nas!ov 8Moja prvastranica8. !iknite na ).

(ri odabiru imena datoteka nikada ne rabite hrvatske dijakriti"ke znakove

$"# ć# 3# 4# %# ni znakove interpunkcije $#.9:%# nego samo s!ova eng!eskeabecede# brojeve i eventua!no znakove - i ;. 7e stav!jate razmak izme3u

rije"i u nazivu. 5 suprotnom bi mog!o biti prob!ema oko prepoznavanja

datoteka od strane web-preg!ednika# posebno nakon 4to svoje stranice

postavite i na internet.

(odesite nas!ov# kodiranje te jezik web-stranice.

-<-



Izrada web-stranica

&. /daberite File > Properties

). 7a karici *eneral moete upisati nas!ov stranice u okviru &itle $to je

drugi na"in - prvi smo upozna!i pri!ikom spremanja stranice%

artica *eneral

*. 7a kartici Language odabiremo jezik i HTML en+oding . HTML

en+oding i!i +'ara+ter set skup je znakova koji su potrebni za prikazivanjeteksta u nekom jeziku. ,a bi tekstovi bi!i "it!jivi svim programima u svim

dravama# dogovoreni su standardni skupovi znakova. IS/ ==6> serija je

od neko!iko skupova znakova za raz!i"ite jezike. Latin )# tj. #$O %%&'- sadri sve potrebne znakove za hrvatski# a!banski# eng!eski# 'inski# irski#

s!ovenski i za jo4 desetak jezika. (reporu"ujemo da u okviru Page

language odaberete roatian# a u okviru HTML en+oding odaberite

entral uropean $IS/ ==6>-)%

-?-



Izrada web-stranica

artica Language

2. 7a kartici For#atting moete birati boje i s!ike za pozadinu stranica ihiperveze

6. 7a kraju k!iknite na ) . 7e zaboravite spremiti stranicu9

artica For#atting

-=-



Izrada web-stranica

Izg!ed stranice koji vidite u +ront(ageu ne odgovara u potpunosti izg!edu

u web-preg!edniku. ,ok izra3ujete neku stranicu# sta!no provjeravajte

njezin izg!ed u web- preg!edniku.

.. *ad s tekstom

,a biste tekst kopira!i# najprije ga ozna"ite# odaberite dit > op$,

k!iknite na novo mjesto i odaberite dit > Paste. (ostupak za premje4tanje

je s!jedeći ozna"ite tekst# odaberite dit > ut # k!iknite na novo mjesto i

odaberite dit > Paste.

0!atna traka For#atting prikazana u dva retka

Tekst koji e!ite ob!ikovati prvo ozna"ite# a zatim odaberite e!jeno

ob!ikovanje. 7a raspo!aganju su vam a!atna traka ob!ikovanja

$ For#atting % - i izbornik For#at > Font .

@a poni4tavanje nee!jenih promjena moete uporabiti gumb ndo# a akoste se predomis!i!i# poni4teno moete vratiti k!ikom na "edo.

->-

Documents

10Web-stranice 1