FrontPage program za izradu web stranica UVOD U PROGRAM.

FrontPageFrontPage

program za izradu web stranicaprogram za izradu web stranica

UVOD U PROGRAMUVOD U PROGRAM

FrontPage jeFrontPage je

Grafički HTML editorGrafički HTML editor

Kako izgleda prozor Kako izgleda prozor programa?programa?

Elementi prozoraElementi prozora

► 1 – naslovna traka1 – naslovna traka► 2 – traka s 2 – traka s

izbornicimaizbornicima► 3 – 3 – kartice otvorenih kartice otvorenih

web-ovaweb-ova► 4 – 4 – popis svih mapa popis svih mapa

i datoteka u web-u i datoteka u web-u (View, Folder List)(View, Folder List)

► 5 – sadržaj radnog 5 – sadržaj radnog prozora – različit – prozora – različit – ovisi o pogledu)ovisi o pogledu)

► 6 – 6 – traka s traka s prikazimaprikazima

► 7 – 7 – traka s traka s pogledima na pogledima na prozorprozor

► 8 – traka stanja 8 – traka stanja (statusna) – sadrži (statusna) – sadrži sat koji prikazuje sat koji prikazuje koliko vremena je koliko vremena je potrebno za potrebno za učitavanje straniceučitavanje stranice

PRIKAZI I POGLEDIPRIKAZI I POGLEDI

► Prikaze mijenjamo u izborniku View, a razlikujemo Prikaze mijenjamo u izborniku View, a razlikujemo nekoliko prikaza:nekoliko prikaza:

1.1. PagePage – za pregled i uređivanje pojedinih stranica – za pregled i uređivanje pojedinih stranica2.2. FoldersFolders – prikazuje sve stranice, mape i datoteke – prikazuje sve stranice, mape i datoteke

pojedinog webapojedinog weba3.3. Reports Reports – pregled statističkih informacija o webu– pregled statističkih informacija o webu4.4. NavigationsNavigations - pregled svih stranica weba u obliku - pregled svih stranica weba u obliku

shemesheme5.5. HyperlinksHyperlinks – prikazuje sve veze između dijelova web- – prikazuje sve veze između dijelova web-

aa6.6. TasksTasks – popis zadataka koje treba napraviti ili koji su – popis zadataka koje treba napraviti ili koji su

napravljeninapravljeni7.7. Remoet web siteRemoet web site – za publiciranje weba – za publiciranje weba

PRIKAZ PAGEPRIKAZ PAGEOMOGUĆAVA promjenu pogleda OMOGUĆAVA promjenu pogleda

trenutno otvorene stranice, pa tako trenutno otvorene stranice, pa tako razlikujemo nekoliko pogleda na razlikujemo nekoliko pogleda na

stranicu:stranicu:1.1. DESIGNDESIGN – u njemu – u njemu

izrađujemo izrađujemo stranicustranicu

2.2. SPLITSPLIT – prozor – prozor dijeli na 2 dijela, dijeli na 2 dijela, gornji – prikazuje gornji – prikazuje HTML kod, donji – HTML kod, donji – običan izgled običan izgled stranicestranice

3. 3. CODE CODE – prikazuje – prikazuje HTML kod otvorene HTML kod otvorene stranicestranice

4. 4. PREVIEWPREVIEW – – pokazuje kako će pokazuje kako će stranica izgledati u stranica izgledati u web-preglednikuweb-pregledniku