Seminarski rad iz predmeta

Informatika i informatike tehnologije

Naslov rada:
Alati za kreiranje web stranica usporedba mogunosti, prednosti i nedostataka
razliitih alata
http://www.besplatniseminarskiradovi.com
Sadraj:
. !vod "
#. Alati za izradu weba # $
#.. Adobe %reamweaver &
#.#. 'icroso(t )ront*age &
#.". Adobe )lash +
#.,. -ute ).* /
". !sporedba )ront*age0a i %reamweaver0a 1
,. 2akljuak
$. 3iteratura #
#
1. Uvod
4nternet predstavlja medij koji iznimno brzo napreduje i svakim danom nudi sve vi5e mogunosti,
razliitih servisa i namijena. *risustvo na webu danas nije lusuz nego potreba svake tvrtke ili
pojedinca. 4z toga proizlazi potreba za kreiranjem web stranica. 6orisnik se mo7e odluiti na
samostalnu izradu web stranica ili cjelokupni posao izrade web stranice prepustiti osobi ili tvrtki
koja je adekvatna za struno i pro(esionalno obavljanje istoga.
4mati web stranice najnormalnija je stvar. %apae, ak se i kod nas poelo udno gledati tvrtke
koje ih nemaju. 8injenica da postoji iznimna koliina web stranica koje slie kao jaje jajetu,
znai da na5a stranica mora biti posebna i isticati se neim ime e privui posjetioce. 2a
napraviti pravu stvar potrebni su, naravno, i pravi alati. 6ako se izrada jedne ozbiljnije web
stranice sastoji od mnogo cjelina poput izrade gra(ike, la9outa i dizajna te programiranja,
potreban je cijeli set alata: tonije paket alata koji (unkcioniraju kao jedna cjelina.
;eb stranicu mo7emo kreirati na dva naina: runim upisivanjem koda u te<t editoru tipa
Notepad ili kori5tenjem nekog od alata za kreiranje web stranica koji automatski stvara kod na
temelju akcija koje napravimo, takozvani ;=>4;=?0editor @ono to vidi to dobijeA. 6reiranje
stranice kodiranjem je mukotrpan posao koji zahtijeva poznavanje html koda.
6reiranje stranice nekim od alata ili programa napravljenih namjenski u te svrhe tra7i prije svega
poznavanje tog programa ili alata sa svim njegovim osnovnim (unkcijama. *onajbolji u te svrhe
danas je svakako Adobe Dreamweaver. Be5to slabiji alat sa ne5to manje (unkcija je 'icroso(t
)ront*age iako je )ront*age po ocjeni mnogih jednostavniji za kori5tenje.
C.'30kod 0 osnova kodiranja na 4nternetu, kratica za Hyper Text Markup an!ua!e i osnova
kodiranja jedne web stranice ini upravo ovaj tekst ili cijeli jezik. >ve web stranice na 4nternetu
su u osnovi napravljene u ovom jeziku koji izmeDu ostalog omoguava kreiranje linkova na
druge stranice, prikaz slika itd.
Ba sljedee dvije slike u nastavku nalazi se primjer jedne web stranice kreiranje kori5tenjem alata
'icroso(t )ront*age u dva prethodno spomenuta oblika. Ba Slika ". prikazana je web stranica
izraDena kori5tenjem ;=>4;=? editora a na Slika #. rezultat odnosno output u obliku html
koda koji je )ront*age automatski napravio.
"
>lika . *rikaz web stranice u normal obliku
>lika # *rikaz web stranice u $tml obliku
,
2. Alati za izradu weba
Ea5 kao 5to ve svaka raunalno pismena osoba zna izraDivati dokumente u ;ordu i pisati
e0mailove u Futlooku, trebala bi znati izraditi i web stranice. .o vi5e nije znanost za sebe,
izraditi vlastite stranice nikad nije bilo lak5e
.renutano se na tr7i5tu nudi mnogo razliitih alata za izradu web stranica. >vaki korisnik
raunala mo7e relativno brzo i uz malu koliinu znanja izraditi jednostavne web stranice koristei
alate tipa Mi%roso&t 'ublis$er i sl. %anas su sve popularniji alati za online izradu web stranica. 2a
izradu stranica pomou takvih online aplikacija nije potrebno nikakvo znanje vezano uz proces
izrade web stranica @upload na server i sl.A. ! daljnjem opisu alata za izradu web stranica
ograniiti emo se na ()N aplika%ije.
.reba razlikovati nekoliko razliitih namjena alata prilikom izrade web stranice: univerzalni alati
za izradu web stranica, alati za kodiranje, alati za dizajniranje web stranica itd.
Bajpoznatiji alati za izradu web stranica su: i!ro"oft #ront $age i Adobe %reamveaver. !
poglavlju " detaljno se bavimo navedenim alatima te testiramo prednosti i mane istih.
2.1. Adobe %reamweaver
%reamweaver je programski alat koji ima sve 5to je potrebno za kreiranje &rofe"ionalnih web
stranica. *ojednostavljuje dizajn stranica, bez obzira koristite li njegov tekstualni ili gra(iki
nain rada. svojom popularno5u predstavlja standard vizualnih alata za izradu web stranica.
'no5tvom naprednih (unkcija, nezaobilazan je alat web dizajnera, kako kod pro(esionalaca tako
i kod hobista. %reamweaver je program koji mo7e dati gotovo savr5en vizualni identitet web
stranicama, 5to ga u dana5nje vrijeme marketin5ke eksplozije i va7nosti prisutnosti na internetu
ini znaajnim (aktorom u njihovoj izradi. %reamweaver je de(initivno najpopularniji alat za
kreiranje web stranica sa jedinom manom a to je te7i rad za poetnike koji se prvi puta susreu sa
izradom web stranica.
*remda na tr7i5tu postoji izravna konkurencija %reamweaveru se tijekom godina dokazao kao
izbor za pro(esionalce koji mogu, ne napu5tajui jednu razvojnu okolinu, raditi na dizajnu,
la9outu i programiranju svog sitea.
$
>lika " >uelje Adobe %reamweaver0a
2.1. i!ro"oft #ront$age
'icroso(t )ront*age dolazi u 'icroso(t F((ice paketu te pretstavlja moan alat za izradu web
stranica. ?lavna prednost )ront*age0a je upravno njegova jednostavnost kori5tenja. 4zrada web
stranica je mogua u normal i $tml obliku a izbor naina rada se vr5i preko kartica pri dnu
aplikacije. >adr7aj web stranice koji se kreira u normal obliku automatski se pretvara u html kod.
)ront*age ima ugraDeni preglednik na koji se dolazi klikom na treu karticu, 5to je vrlo koristno
jer se prilikom izrade web stranice automatski ista mo7e vidjeti u obliku kakvom e biti nakon
izrade i prikaza u nekom od preglednika @4nternet G<plorer, 'ozilla )ire(o< itd.A.
&
>lika , >uelje 'icroso(t )ront*age0a
2.2. Adobe #la"h
'acromedijin program )lash je multimedijalna aplikacija koja dizajnerima i programerima
omoguava pravljenje raznovrsnih i zanimljivih aplikacija, prezentacija, animacija i ;eb lokacija
za razliite plat(orme i ureDaje. 4sti su kreirani u )lash0u. )lash 'H #11, pru7a sve 5to je
potrebno korisniku za kreiranje 4 distribuciju bogatih web sadr7aja i sna7nih aplikacija. )lash je
poznat kao program za
kreiranje animacija ve du7e vrijeme. Baje5e se koristi za web animacije jer dopu5ta
stvaranje visoko kvalitetnih animacija s malim veliinama datoteka, koje su idealne za online
sadr7aj. )lash je vektorski baziran program dizajniran za stvaranje i prikaz malih datoteka na
web0u, i to posti7e ograniavanjem tipova slika i medija koji mogu biti prikazani.
)lash odlian alat za kreiranje i animaciju vektor gra(ike, takoDer pru7a sve potrebno za kreiranje
i dostavu bogatog web sadr7aja i monih aplikacija kao npr. online duana. *ri dizajniranju
pokretne gra(ike ili stvaranju podatkovne aplikacije )lash nudi alate potrebne za dobivanje
izvrsnih rezultata i dostavu korisniku najboljim nainom na brojne plat(orme i ureDaje. Ba
internetu esto imam priliku nai razliite igre, multimedijalne kvizove, reklamne bannere i sl.
+
>lika $ 4nteraktivna igra napravljena u )lash0u
2.'. (ute #)$
Bakon izrade web stranice istu je potrebno prikazati na internetu, odnosno uploadati na server sa
kojega e se web stranica zajedno sa svim svojim elementima prikazivati.
'acromedijin program )lash je multimedijalna aplikacija koja dizajnerima i programerima
omoguava pravljenje raznovrsnih i zanimljivih aplikacija, prezentacija, animacija i ;eb lokacija
za razliite plat(orme i ureDaje..
Aplikacija nudi mogunost izrade web stranica i ureDivanja postojeih web stranica u obliku
kodiranja, odnosno potrebno je runo unositi html kod koji nije pogodan za izradu cijelih web
stranica ali ima veliku primjenu kod editiranja i kreiranja dinamikih web stranica u
programskom jeziku *C*, nudei (unkcionalno suelje te mogunost bojanja koda zavisno o
kojem je tagu, varijabli i sl. rije.
/
>lika ,. >uelje -ute ).*0a
I
*. U"&oredba #ront$age+a i %reamweaver+a.
6ao 5to smo ve naveli u prethodnome testu u tekstu u nastavku napraviti emo test dva
najpopularnija alata za izradu web stranica 'icroso(t )ront*age0a i Adobe %reamveawer0a.
6ao 5to smo ve ustvrdili )ront*age pogodan je za korisnike poetnike dok je %reamweaver
namijenjen pro(esionalnog upotrebi. Jelika mana %reamweaver0a je njegova cijena koja iznosi
oko /11,11 kn., uz daljnje kupnje nadogradnji programa koje iznose oko 111,11 kn, isto ini
alat nedostupnim obi*nim korisnicima koji se 7ele oku5ati u izradi web stranica, dok se )ront*age
nalazi u paketu F((ice paketa i kao takvoga ne moramo kupiti licencu za kori5tenje alata @uz
pretpostavku da koristimo original 'icroso(t F((ice paketA.
Jrlo brzo tijekom aktivne izrade web stranica pojaviti e se potreba za zahtijevnijim (unkcijama
koje alat za izradu weba mora nuditi. Fsobno glavni nedostatak )ront*age0a je u nedostatku
bojanja koda u code nainu rada te nedostatku uklanjanja nepotrebnog koda i nemogunosti
debu!iranja. *rilikom pisanja koda u programskom jeziku *C* (unkcija bojanja koda iznimno je
potrebna i znaajno pojednostavnjuje rad. 2a primjer, %reamweaver e prikazati varijable pisane
u *C*0u zelenom bojom, tekst koji se nalazi unutar navodnika sivom bojom i sl.: te ukoliko doDe
do pogre5ke u pisanju koda isti e oznaiti drugom bojom i ukazati programeru na gre5ku.
! tablici u nastavku nalaze se neki od parametara za oba alata:
%KG';GAJGK )KFB. *A?G
Lednostavnost kori5tenja 6ompliciran za poetnike. Lednostavan za kori5tenje.
-ijena "II !>% /1 !>%
Jizualno ureDivanje ->>0a %a Be
Jizualno ureDivanje koda %a Be
+ojanje kod0a %a Be
*odr5ka za vi5e internet
preglednika
%a Be
!pload datoteka putem ).*
protokola
%a Be
Gditiranje stranica direktno
putem alata uz istovremenu
promjenu na iste datoteke na
serveru
Be %a
1
'. ,akljuak
.renutano se na tr7i5tu nudi mnogo razliitih alata za izradu web stranica. Beki su iznimno
(unkcionalni i jednostavni za kori5tenje: iste treba pravilno odabrati zavisno o potrebama i
zahtijevima web stranice koju izraDujemo.
!koliko imamo za cilj izraditi jednostavnu web stranicu treba staviti naglasak na (unkcionalnosti
i jednostavnost kori5tenja dok u suprotnome sluaju treba odmah odabrati napredan alat. !koliko
je rije o poetniku savjetujem kori5tenje Adobe %reamweavera. 4ako e korisniku na poetku
biti te7e nego da se odlui za neki drugi alat stei e naviku kori5tenja istoga 4 kroz odreDeni
vremenski period napradovati dok e u drugome sluaju imati nepotreban process prilagodbe na
novi alat.

-. .iteratura
*- -C4* web portal, 'acromedia >tudio 'H #11,
http://www.pcchip.hr/vijesti/recenzije0so(tvera/macromedia0studio0m<0#11,, #+.1".#11/.
%ragan *etri, 4nternet uzdu7 i popreko, E!? biblioteka, #11,
#