Skripte

Dragan Filipović Kurs, Treći deo - Skripta Comments (0)

Skripte su programski kodovi koji se koriste za različite efekte u web dizajnu: Kontakt forma, padajući meni, galerije, efekti sa slikama i mnogo drugih efekata. Skripte koje ćemo koristiti su pisane u JavaScript programskom jeziku. Jednostavnije skripte se ubacuju dirktno u html kod, a komplikovanije se snimaju u poseban fajl sa ekstenzijom .js (npr: skriptagalerije.js).

Kako bi skripta funkcionisala, potrebno je povezati je sa html kodom i eventualno stilizovati css-om. Znači potrebna su nam tri osnovna fajla

JS, HTML i CSS fajl.

Sve skripte koje su vam potrebne za vaš web sajt možete preuzeti sa interneta. Na sajtovima sa kojih preuzimamo skripte skoro uvek postoji i objašnjenje za implementaciju te skripte. Princip je sličan za skoro sve skripte.

Koraci:

1. Nađemo skriptu koju želimo (guglamo npr contact htm script ili dropdown menu script ili gallery script isl.)

Preuzmemo fajlove:

2. JS fajl snimimo u folder JS

3. CSS fajl snimimo u folder CSS

4. HTML kod (uglavnom nije dat kao fajl, već kao kod (tekst)) kopiramo i stavimu na našu stranu u deo gde želimo da se skripta pojavi. Npr. ukoliko pravimo kontakt formu onda ćemo HTML kod kopirati u desnu kolonu, jer tamo želimo da se pojavi kontakt forma, ukoliko pravimo pomoćni meni, onda kod kopiramo u levu kolonu, jer tamo želimo da stavimo naš pomoćni meni. HTML kod se ubacuje u okviruBODY dela.

5. Grafike (ukoliko postoje) preuzmemo sa sajta i snimimo u images folder ili napravimo folder graphics. Ove grafike služe za lepše formatiranje putem CSS-a. Npr. pozadinske slikeza meni, ikone za galeriju i sl.

6. Povežemo fajlove za izabranu stranu: U HEAD deo izabrane strane ubacimo linkove ka js icss fajlovima

7. Promenimo putanje linkova da odgovaraju našoj strukturi foldera

Umesto samostalnog povezivanja fajlova, često se na sajtovima za skripte nude većgotovi kodovi koji se ubacuju u HEAD deo.

Neke skripte sadrže nekoliko js i nekoliko css fajlova.

Ukratko – glavni koraci:

1. Preuzmemo fajlove (JS, CSS, slike i grafike) i postavimo ih u odgovarajuće foldere.

2. Kopiramo HTML kod i ubacimo ga u našu stranu, na mesto koje želimo u BODY delu.

3. Povežemo fajlove, ili kopiramo kod za povezivanje i ubacimo u HEAD deo naše strane.

4. Izmenimo putanje linkova da odgovaraju našoj strukturi foldera. I promenimo tekst da odgovara našem sajtu.

Comments (0) Trackback from your site.

Dragan Filipović

Predavač na Kursu Web Dizajna - Web edukator.

Ostavi komentar

Morate biti prijavljeni da biste dodali komentar.