WIX IZRADA WEB STRANICE · 2019. 12. 2. · 1 1. Registracija na Wix i odabir tipa web stranice...
Transcript of WIX IZRADA WEB STRANICE · 2019. 12. 2. · 1 1. Registracija na Wix i odabir tipa web stranice...
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.