izrada web stranice nekog ugostiteljskog...
TRANSCRIPT
Izrada web stranice nekog ugostiteljskog objekta
Izrada web sjedišta putem alata WordPress ili Webnoda
(pokazni primjer je u WordPressu)
1
Izrada web sjedišta putem alata WordPress
Zadatak
Izraditi internet stranicu koristeći CMS WordPress ili Webnode,
Osmisliti poslovanje neko ugostiteljskog objekta ili firme za koju ćete napraviti internet stranicu,
Stranica mora imati:
- najmanje 5 stranica s nekoliko pod stranica (Početna, O nama, Ponuda usluge/ proizvoda, galerija, kontakt…)
- Sadržaj na stranici mora biti smislen te mora sadržavati tekst, slike, kontat formu…
2
Izrada web sjedišta putem alata WordPress
Postupak registracije:
Otvoriti Internet stranicu na adresi https://wordpress.com/start/free/user
Otvoriti vlastiti korisnički račun gdje je za adresu svoje stranice potrebno upisati svoje ime i prezime.
3
Izrada web sjedišta putem alata WordPress
Postupak registracije:
U polje za adresu stranice upišite svoje ime i prezime (za primjer je upisano wpunidu)
Izabrati opciju za bespatnu domenu (adresa je wpunidu.wordpress.com)
4
Izrada web sjedišta putem alata WordPress
Postupak registracije:
Koristiti opciju besplatne stranice.
5
Izrada web sjedišta putem alata WordPress
Postupak izrade:
Za ove upute koristiti WP Admin opciju u izborniku.
6
Izrada web sjedišta putem alata WordPress
Verifikacija Vaše e-mail adrese
7
Izrada web sjedišta putem alata WordPress
Odabir teme
Odabir teme za Internet stranicu
◦ Appearance > Themes
◦ Nakon odabira kliknuti na Aktive
Predefinirana tema je Hever
8
Izrada web sjedišta putem alata WordPress
Podešavanje teme
U glavnom izborniku pronađite
◦ Appearance > Customize
9
Izrada web sjedišta putem alata WordPress
Podešavanje teme
U ovom dijelu možete promijeniti ime stranice, postaviti tagove, raditi s izbornikom te ostale prilagodbe teme. Nakon svake promjene je potrebno sačuvati uneseno.
10
Izrada web sjedišta putem alata WordPress
Dodavanje nove stranice
11
Početna stranica je napravljena odabirom template-a. Potrebno je kreirati ostale stranice (Početna, O
nama, Ponuda usluge/ proizvoda, galerija,
kontakt…) odabirom opcije Pages >Add New iz izbornika.
Izrada web sjedišta putem alata WordPress
Dodavanje nove stranice
12
• Odaberite izgled za Vašu stranicu
Izrada web sjedišta putem alata WordPress
Dodavanje nove stranice
13
• naslov • područje za unos sadržaja • objava stranice (nakon što upišete tekst, stavite slike
potrebno je objaviti stranicu klikom na Publish).
naslov
Publish
Dodatne postavke
Izrada web sjedišta putem alata WordPress
Dodavanje nove stranice
14
Dodatne opcije na stranici: • Slika / galerija • Link • Editiranje teksta
Izrada web sjedišta putem alata WordPress
Dodavanje nove stranice
15
Za početnike je dobro početnu stranicu, home page, napraviti kao statičnu. To se radi na način da: • kreirate jedan page „Početna stranica” sa željenim sadržajem. • Kreirajte menu (Appearance > Menus)
Proces izrade je isti kao što ste radili page „O nama”. Kako bi se početna stranica otvarala automatski prva potrebno izbornik „Početna stranica” odrediti kao Homepage. To se radi na način da u glavmo WP izborniku Kliknete na: • Appearance > Customize Nakon što vam se otvori stranica template idete na • Homepage Settings
Izrada web sjedišta putem alata WordPress
Rad s izbornicima
Kreirane stranice /pages je potrebno dodati u izbornik • Appearance > Menus
Izrada web sjedišta putem alata WordPress
Rad s izbornicima
Promjena redoslijeda izbornika, postavljanje novog izbornika kao podizbornika je moguće ako na isti kliknemo lijevom tipkom miša i povlačimo.
Izrada web sjedišta putem alata WordPress
Pokretanje stranice
• My Site
Izrada web sjedišta putem alata WordPress
Pokretanje stranice
• View site
Izrada web sjedišta putem alata WordPress
Pokretanje stranice
• Kako bi stranica bila vidljiva, potrebno je kliknuti na Launch site.
Izrada web sjedišta putem alata WordPress
Pokretanje stranice
• Koristiti besplatnu adresu
Izrada web sjedišta putem alata WordPress
Predaja vježbe:
Adresu Vaše stranice je potrebno poslati na Loomen i na [email protected] kako bi izvršili provjeru.
Ukoliko se odlučite za Webnode : https://www.webnode.com
To je još jednostavnija opcija. Zadatak je isti.
Budite kreativni!