WIX – IZRADA WEB STRANICE

Izrada uz Wix ADI – 1. dio

Sadržaj

1. Registracija na Wix i odabir tipa web stranice .................................................................................................. 1

2. Odabir načina izrade web stranice ......................................................................................................................... 2

3. Početna verzija web stranice koju generira Wix ADI ...................................................................................... 3

3.1. Pretpregled i objava ............................................................................................................................................ 4

4. Građa web stranice – sekcije .................................................................................................................................... 5

4.1. Dodavanje nove sekcije ...................................................................................................................................... 6

5. Organizacija slika – galerije ...................................................................................................................................... 8

6. Kontakt obrazac ............................................................................................................................................................. 9

7. Objava web stranice (Publish) .............................................................................................................................. 10

8. Postavke web stranice ............................................................................................................................................. 11

8.1. My Dashboard ..................................................................................................................................................... 12

9. Projekt ............................................................................................................................................................................ 13

1

1. Registracija na Wix i odabir tipa web stranice

Otvoriti wix.com.

Klik na gumb Start now (ili slično) klik na Sign up popuniti obrazac za registraciju.

Nakon uspješne registracije, klik na Create Your Website.

Odabir vrste web stranice – za potrebe projekta birati Portfolio & CV

ako se ovdje pogriješi oko odabira, neće nastati velika šteta, možeš birati i nešto drugo, samo

se okvirno određuje kakva će biti građa web stranice – a to se naknadno može mijenjati

2

2. Odabir načina izrade web stranice

Dvije su različite mogućnosti u izradi web stranice:

1. Wix ADI (Artificial Design Intelligence) – čarobnjak te inteligentno vodi kroz izradu željene

web stranice – nema mnogo opcija uređivanja – korištenje gotovih dizajna i razmješaja

elemenata – neke naprednije elemente nije moguće dodati/urediti – odlično za nezahtjevne

početnike koji žele jednostavnu web stranicu vrlo brzo

2. Wix Editor – uređivač za izradu web stranice – povlačenjem se dodavaju željeni elementi i

više je mogućnosti uređivanja

Biraj Wix ADI.

Napomena: možeš birati i Wix Editor ako si spreman uložiti dodatni trud u izradu stranice od nule

i ako imaš dobre vještine snalažanje u novom sustavu i smisao za dizajn.

3

3. Početna verzija web stranice koju generira Wix ADI

Odgovori na pitanja u vezi svog ukusa – pusti čarobnjaka da te vodi i čitaj njegove upute!

Wix ADI generira početnu verziju tvoje web stranice – klik na Create My Homepage

4

Korisno: Wix ADI svaku promjenu automatski sprema

Čarobnjak će te voditi kroz općenito uređenje (dizajn) tvoje web stranice – teme, boje...

3.1. Pretpregled i objava

Gore desno, klikom na Preview možeš vidjeti pretpregled svoje web stranice kako će izgledati kada

se objavi.

Da je web stranica automatski spremljena ne znači da je i javno objavljena na internetu – tome služi

plavi gumb Publish.

Objavu (gumb Publish) napravi dok će web stranica biti gotova.

Svaku izmjenu koju naknadno napraviš i želiš da se i javno vidi, svaki puta na kraju treba potvrditi

s Publish.

5

4. Građa web stranice – sekcije – ovo je samo primjer

1. sekcija – vrsta sekcije: Header

2. sekcija – vrste Welcome

3. sekcija – vrste About

4. sekcija – vrste About

5. sekcija – vrste Pro Gallery 6. sekcija – vrste Quote 7. sekcija – vrste Contact 8. sekcija – vrste Quote 9. sekcija – podnožje stranice – vrste Footer

6

4.1. Dodavanje nove sekcije

Gore lijevo:

Između dvije postojeće sekcije:

Odabir vrste sekcije koja se dodaje iz popisa i onda odabir konkretnog dizajna lijevo pokraj.

7

Klikom u neku sekciju, lijevo se otvaraju opcije za uređenje

o drugi način: klik na gumb Edit lijevo kraj sekcije

Samostalno istraži sve opcije! Intuitivno je.

npr. klik ovdje

u zaglavlje

isključena opcija

uključena opcija

8

5. Organizacija slika – galerije

Lijevo pokraj sekcije s galerijom gumb Manage

Dodati naslov, opis... za pojedinu sliku.

9

6. Kontakt obrazac

Funkcionalni kontakt obrazac se može dodati vrlo lako uz pomoć sekcije vrste Contact.

Sve što ti netko upiše u obrazac i pošalje...

...dolazi ti u Wix obavijestima.

Sustav za poruke je Wix Engage. Tamo možeš ljudima odgovarati na poruke, a njima to dolazi u e-

mail pretinac (na e-adresu koju su ostavili u obrascu).

10

7. Objava web stranice (Publish)

Klikom na gumb Publish gore desno, otvara se prozor za unos imena stranice (glavna adresa je

tvoje_korisničko_ime.wixsite.com.

11

8. Postavke web stranice

Gore desno klik na Site Site Settings

Otvara se:

Ovdje možeš izmijeniti adresu do svoje web stranice. Ostale postavke za ovaj projekt nije potrebno

dirati.

12

8.1. My Dashboard

Napomena: Sljedeći puta kod prijave u Wix, otvara se nadzorna ploča – My Dashboard (samo

kada korisnik nema web stranicu nudi se izrada prve web stranice).

Do svoje web stranice dolaziš preko gumba Manage Site uz svoju stranicu. Zatim Edit Site.

Ako ima potrebe, iz uređivača web stranice do My Dashboard možeš doći preko gumba Site.

13

9. Projekt

Napraviti web stranicu (pojedinačnu s mnogo sekcija kao gornji primjer) o sebi.

Ne dodavati nove stranice (Page)! Dodavaj samo nove sekcije!

Sav tekst moraš ručno upisati, na hrvatskom jeziku. Uvodna rečenica može biti na engl. ako

bolje zvuči.

Slike uzimaj svoje vlastite. Ako je nužno skidanje slike s interneta i za koje treba poštivati

autorska prava, popis linkova do slika navedi u podnožju svoje web stranice.

Ideje (možeš napisati nešto od toga, sve, i možeš dodati još što god želiš o sebi):

predstaviti se – osnovni podaci

tvoja škola – smjer – tvoj razred

tvoj hobi – ako crtaš/slikaš/fotografiraš postavi vlastite slike

sport kojim se baviš – opiši taj sport detaljnije (zašto ga voliš i što te motivira, u kojem si

klubu, kako dugo treniraš, imaš li ikakve uspjehe...)

izvannastavne aktivnosti u školi koje pohađaš – koje, zašto te to zanima, što tamo radite...

bilo kakve druge vještine koje imaš - opisati

što želiš studirati – koja te zanimanja zanimaju – detaljnije opisati svoje interese

tvoji kućni ljubimci – postaviti sliku, napisati nešto o njima

tvoja obitelj, tvoji prijatelji

grad ili selo u kojem živiš – kratki opis grada/sela

omiljena hrana – što točno, staviti slike, kuhaš li samostalno...

omiljena glazba, filmovi, serije, emisije, knjige, stripovi...

bilo što što smatraš važnim / želiš pokazati drugima / vezano je za tebe

Preporučam da se u web pregledniku uključi prikaz preko cijelog zaslona dok uređuješ web

stranicu. U Chromeu s F11.