Tjedan stručne prakse: 1 Datum: 31.03.2014.-4.4.2014.Broj radnih sati: 40

SADRŽAJ I OPIS RADA

Upoznavanje sa alatima i osnovama jezika HTML i CSS za izradu web-a

- pohađao sam „w3schools.com“ besplatni online tečaj osnova HTML-a i CSS-a, uz savjete mentora za neke kompleksnije probleme koji će se javiti kasnije u projektu- tečaj me osposobio za izradu kompletnih, ali jednostavnih web stranica, sve od unosa tablica, slika i popisa u HTML-u do uređivanja margina, fontova, pozadina i usklađivanja raznih elemenata i različitih stilova pomoću CSS-a.- savladao sam osnove korištenja „notepad++“, besplatnog alata za pisanje koda- upoznao sam se sa „google web-fontovima“

Screenshot tečaja (lijevo) i alata (desno)

Ovjera mentora

Tjedan stručne prakse: 2 Datum: 7.4.2014.-11.4.2014.Broj radnih sati: 40

SADRŽAJ I OPIS RADA

Upoznavanje sa projektom

- cilj projekta je izraditi promotivnu web stranicu za obrt Geanet, prema viziji mentora- mentor je grafički dizajner sa dugogodišnjim iskustvom, te je već izradio skicu weba pomoću programa Corel DRAW, a ja se tako mogu posvetiti programiranju i pokušaju što točnije izvedbe njegovog dizajna- stranica treba sadržavati ponudu usluga koje nudi obrt i primjere gotovih proizvoda sa prethodno završenih projekata i poslova

Izvedba projekta

- izrada početne stranice i headera- hijerarhija web stranice i imenovanje podstranica- izrada footera i stranica o nama, kontakt- izrada stranice kartografija- unos i optimizacija sadržaja- integracija društvenih mreža- zadnja optimizacija prije objave

Ovjera mentora

Tjedan stručne prakse: 3 Datum: 14.4.2014.-18.4.2014.Broj radnih sati: 40

SADRŽAJ I OPIS RADA

Izrada početne stranice i header-a (zaglavlje)

- header i body početne stranice su uspješno izrađeni, a zahtjevi su bili sljedećiHeader- jednostavan, sa crnom pozadinom i malim izbornikom sa desna- centriran i proširiv u skladu sa svim rezolucijama ekrana ili prozora browseraBody- širok 960 piksela, što odgovara internet standardu „960 grid system“- prvo logo obrta sa zelenom pozadinom- zatim jedan slajder sa galerijom i jedan široki tekst box- zatim 3 male slike i pripadajući tekst boxovi- lorem ipsum se stavlja dok se tekst boxovi ne popune sadržajem

Ovjera mentora

Tjedan stručne prakse: 4 Datum: 21.4.2014.-25.4.2014. (Uskrs)Broj radnih sati: 32

SADRŽAJ I OPIS RADA

Izrada hijerarhije stranice

- osmislio sam hijerarhiju stranice, odnosno redoslijed i imena većine podstranica kojima će korisnici moći pristupiti kad kliknu na neku od kategorija proizvoda, na kontakt i sl. - za to sam na kraju nacrtao i pripadajući dijagram pomoću besplatnog online alata „draw.io“ , kako bih si olakšao preglednost pri organiziranju i imenovanju podstranica

Dijagram (kostur) Geanet.hr weba

Ovjera mentora

Tjedan stručne prakse: 5 Datum: 28.4.2014.-2.5.2014 (Praznik rada)Broj radnih sati: 32

SADRŽAJ I OPIS RADA

Izrada footera, te stranica kontakta i o nama

Footer- zahtjevi su bili slični kao i za header, samo veća vertikalna dimenzija- pri dnu se treba nalaziti mentorova ilustracija planete

Kontakt

O nama

Ovjera mentora

Tjedan stručne prakse: 6 Datum: 5.5.2014.-9.5.2014.Broj radnih sati: 40

SADRŽAJ I OPIS RADA

Izrada stranice kartografija

Zahtjevi- logo sa bijelom pozadinom- slider slika proizvoda- veliki tekst box- 4 slike i 4 tekst box- posebno 1 velika slika i tekst box- najkompleksnija stranica ovog weba jer je jedina kategorija sa podkategorijama i pripadajućim galerijama, te posebnim elementom na kraju

Ovjera mentora

Tjedan stručne prakse: 7 Datum: 12.5.2014.-16.5.2014.Broj radnih sati: 40

SADRŽAJ I OPIS RADA

Unos i optimizacija sadržaja (slike i tekst)

- zamjenio sam lorem ipsum i roze/plave image boxove sa konačnim sadržajem koji će biti stavljen online kroz par tjedana- tek kad je unesen sadržaj, vidjele su se neke greške u dimenzijama tekst i image boxova, što sam naknadno doradio- slike, koje mi je dao mentor, sam obradio i pripremio za web pomoću alata „Photoshop“

Primjer prije i poslije (isječak)

Ovjera mentora

Tjedan stručne prakse: 8 Datum: 19.5.2014.-23.5.2014.Broj radnih sati: 40

SADRŽAJ I OPIS RADA

Integracija društvenih mreža

- savladao sam osnove javascript-a pomoću „w3schools“- pomoću servisa „addthis,com“ uspješno sam integrirao javascript kod za društvene mreže u webstranicu- mentor mi je dodjelio administratorska prava na društvenim mrežama firme, kako bih došao do potrebnih podataka za integraciju sa webom

Facebook Footer

Google+

Ovjera mentora

Tjedan stručne prakse: 9 Datum: 26.5.2014.-30.5.2014.

Broj radnih sati: 40SADRŽAJ I OPIS RADA

Završna optimizacija

- sve sam detaljno prekontrolirao i ispravio razne greške- napravio sam još par sitnih izmjena na dizajnu- optimizirao sam kod i učinio ga preglednim za laku održivost web stranice- isprobao sam stranicu u raznim web pretraživačima (Chrome, Firefox, Explorer, Opera…)

Upload na server

- mentor mi je dodjelio prava za pristup svom serveru- naučio sam koristiti program „FileZilla“ za rad sa serverom- podigao sam stranicu na server uz pomoć mentora i pobrinio se da sve dobro funkcionira- projekt je uspješno izveden i u funkciji

FileZilla

Ovjera mentora

Tjedan stručne prakse: 10 Datum: 2.6.2014.-3.6.2014.

Broj radnih sati: 16SADRŽAJ I OPIS RADA

Pisanje izvješća

- pisao sam izvješće za voditelja prakse i uredio dnevnik

Ovjera mentora