| Abstract | Korištenjem jezika za označavanje HTML definirani su struktura i sadržaj internetske stranice. Tako je stranica podijeljena u tri logičke cjeline: zaglavlje, sadržaj te podnožje. Uobičajeno, zaglavlje stranice čine metapodaci i poveznice prema svim potrebnim vanjskim datotekama. Sadržaj čine unutarnje poveznice namijenjene dohvaćanju podataka vezanih uz odabrane usluge. Na dnu stranice je smješteno podnožje, koje je prvenstveno namijenjeno za kontakt s korisnicima, potencijalnim klijentima itd.
Koristeći stilski jezik CSS, stranici je dodan novi izgled te je obogaćen sadržaj, na način da je izmijenjen predefinirani stil teksta, definirane su boje na stranici, dodane su pozadinske fotografije itd.
Svakako, jedan od najvažnijih koraka u kreiranju ove stranice je primjena Bootstrap radnog okruženja. Njegovim korištenjem, širina stranice postaje prilagodljiva i prilagođena pregledavanju putem pametnih telefona ili tablet uređaja, odnosno omogućuje manipulaciju rasporedom i širinom elemenata na stranici.
No, s prethodno primjenjenim tehnologijama, stranica i dalje nije funkcionalna, već se svodi na statički raspoređene elemente i poveznice. Kako bi stranica postala interaktivna te kako bi posjetiteljima omogućila potrebne informacije, metodama JavaScript biblioteke jQuery, elementima stranice su dodijeljene funkcionalnosti. Također, korištenjem tehnologije AJAX poboljšana je efikasnost i brzina dohvaćanja traženih informacija. |
| Abstract (english) | Using a markup language HTML, structure and content of the website have been defined. Also, the website is divided into three logical parts: header, content and footer. Normally, the page header consists of metadata and links to all the necessary external files. The content is based on internal links intended for retrieving related data for the selected service. The footer is placed at the bottom of the page, which is primarily intended for contact with visitors, potential customers etc.
Using CSS style sheets, new look has been added to the website in a way that predefined text style has been changed, colors have been defined, background images have been added etc.
Certainly, one of the most important steps in the creation of this website is the implementation of Bootstrap framework. Using Bootstrap, the website's width becomes responsive and adapted for visits via smartphones or tablet devices. Also, it allows the manipulation of width and position of website's elements.
With previously applied technologies, the website is still not functional. It consists of static elements and nonfunctional links. The website becomes interactive and provides necessary informations to visitors only by using methods of JavaScript library named jQuery, which assignes functionalities to elements of the website. Also, using of AJAX technology has improved the efficiency and speed of retrieving the requested informations. |
