Priručnik za IT

Internet tehnologije ________________________________________________________________________

_____________________________________________________________________________ 2


Uvod Internet ili www spada u jedno od najmoćnijih izuma današnjice. U prvim danima svog postojanja Internet je prvenstveno bio privilegija vojnih i naučnih organizacija koje su putem Interneta razmenjivale informacije. Danas je Internet najveća baza znanja na svetu. Jednostavnim mehanizmima smo u mogućnosti da za samo par sekundi dobijemo odgovor na postavljeno pitanje, da pošaljemo pismo (e-mail) na drugi kraj sveta. Viša tehnička škola u Subotici je jedna od prvih institucija u gradu koja je uvela Internet. Razvoj informatike uslovio je i otvaranje informatičkog odseka na Višoj tehničkoj školi. Jedan od najpopularnijih predmeta na ovom odseku je i Internet tehnologije. Pred vama se nalazi zbirka zadataka, iz ovog predmeta, koja obuhvata osam različitih poglavlja Internet tematike. Ta poglavlja su: web, mail klijenti, HTML, CSS, JavaScript, ASP, XML i FTP. Na kraju zbirke se nalazi dodatak sa spiskom heksadecimalnih tripleta za boje u HTML, spisak HTML 3.2 i HTML 4.0 tagova, ispitni klišei i korisne web adrese. Zbirka je prvenstveno namenjena studentima informatičkog odseka ali je mogu koristiti i studenti ostalih usmerenja kao pomoćno sredstvo za sticanje prvih znanja Internet terminologije. Trudio sam se da sa svojim znanjem i iskustvom približim Internet svet studentima Više tehničke škole, na kojoj radim kao stručni saradnik na predmetima Internet tehnologije i Elektronsko poslovanje. Ako imate predlog, sugestiju ili kritiku pišite mi na e-mail. Zahvaljujem se profesoru Dr. Gyuli Mesteru koji je svojom podrškom doprineo realizaciji ovog priručnika. ing. Zlatko Čović,

oktobar 2002.

[email protected] www.vts.su.ac.yu

_____________________________________________________________________________ 3


_____________________________________________________________________________ 4


1. Web čitači (web browsers), web pretraživači 1. zadatak U Internet Exploreru: - postavite da početna strana vašeg web čitača (IE) bude www.vts.su.ac.yu - obrišite sve fajlove skinute pomoću Internet Explorera, postaviti da IE ne kešira stranice i da podešavanje za History bude 3 dana. - podesiti proxy server na maugli.vts.su.ac.yu i isključiti korišćenje proxy servera za lokalne adrese i sve adrese koje se nalaze na serveru maugli.vts.su.ac.yu. - nabrojte koje sve web pretraživaće poznajete . Rešenje: Startujte Internet Explorer i u meniju Tools izaberite Internet Options, gde možete da podesite startnu stranicu (Home page) i parametre za History.

_____________________________________________________________________________ 5


U opciji Settings, prema slici, podesite da Internet Explorer ne kešira stranice.

Fajlove koji su skinuti uz pomoć Internet Explorera možete obrisati u podmeniju Temporary Internet files biranjem opcije Delete Files i čekiranjem opcije Delete all offline content. Nakon toga pritisnite dugme za natpisom Clear history, koje se nalazi u Internet options meniju.

_____________________________________________________________________________ 6

Internet tehnologije ________________________________________________________________________ Proxy server se podešava u meniju Internet Options, podmeni Connections, Lan Settings. Označite opciju Bypass proxy server for local addresses da bi ste isključili proxy server za lokalne adrese. Pritiskom na taster Advanced dobijate novi dijalog gde ste u mogućnosti da podesite vrstu upotrebe proxy servera.U podmeniju Exceptions upisujete adrese za koje ne želite upotrebu proxy servera.

Na

primer,

za

sve

stranice

koje

se

nalaze

na

serveru

maugli.vts.su.ac.yu

upišite

*.maugli.vts.su.ac.yu. Za unos više stranica koristite ; kao znak za razdvajanje.

_____________________________________________________________________________ 7

Internet tehnologije ________________________________________________________________________ 2. zadatak Pronaći web stranicu na Internetu koja se bavi istraživanjem svemira. Sadržaj pronadjene stranicu snimiti u direktorijum c:/Internet a adresu pronadjene stranice postaviti u favorites (omiljeni linkovi) u direktorijum Space. Napisati koji je pretraživač korišćen, koji je upit kreiran i da li je bilo nekih problema pri radu. Rešenje: Korišćen pretraživač: www.google.com Kreiran upit: space exploring Pronađena adresa: http://www.spacescience.org/ExploringSpace/1.html Problemi pri radu: nije bilo problema Postupak pronalaska adrese: Startujte Internet Explorer i u adresnu liniju upišite adresu pretraživača (u našem slučaju Google). U search box upišite reči preko kojih vršite pretragu. Pritiskom na taster Google search šaljete zahtev pretraživaču koji vam za nekoliko sekundu izbacuje listu stranica koje su zadovoljile traženi upit.

_____________________________________________________________________________ 8

Internet tehnologije ________________________________________________________________________ Sadržaj stranice snimite preko menija File biranjem opcije Save As. Izaberite direktorijum gde će te snimiti stranicu i pritisnite taster Save.

_____________________________________________________________________________ 9

Internet tehnologije ________________________________________________________________________ U meniju Favorites preko opcije Add to favorites ubacite pronadjenu adresu u direktorijum Space. Direktorijum Space kreirajte preko tastera New Folder. U polje Name se upisuje ime stranice, koje možete izmeniti.

_____________________________________________________________________________ 10


_____________________________________________________________________________ 11


2. Mail klijenti(Outlook Express) 3. zadatak Kreirajte korisnički profil u programu Outlook Express sa vašim imenom. Nakon toga kreirajte korisnički nalog sa vašim podacima. Rešenje: Pokrenite program Outlook Express i u meniju File izaberite opciju Identites, Add New Identity za kreiranje korisničkog profila (identiteta).

_____________________________________________________________________________ 12

Internet tehnologije ________________________________________________________________________ U polje Type your name upisujete ime za korisnički profil. Označavanjem opcije Ask me for a password when I start uključujete upotrebu šifre pri startovanju profila.

Sada ste kreirali profil (identitet) i dobijate pitanje da li želite da se prebacite na taj identitet. Potvrdno odgovorite na ovo pitanje i prelazite na opcije za kreiranje novog Internet mail naloga. Izaberite opciju Create a new Internet mail account i pritisnite taster next.

_____________________________________________________________________________ 13

Internet tehnologije ________________________________________________________________________ U polje Display name unesite svoje ime i pritisnite taster next. Ovo ime će videti svako ko od vas dobije e-mail.

Izaberite polje I already have an e-mail address that I’d like to use i unesite svoju e-mail adresu.

_____________________________________________________________________________ 14

Internet tehnologije ________________________________________________________________________ Upišite parametre za POP3 i SMTP servere. U slučaju VTS servera parametri su : pop3.vts.su.ac.yu i smtp.vts.su.ac.yu

_____________________________________________________________________________ 15

Internet tehnologije ________________________________________________________________________ Unesite šifru kojom pristupate vašem mail nalogu i pritisnite taster next.. Ako su svi podaci u redu izaberite Finish i postupak kreiranja mail naloga je uspešno obavljen . Sa tasterom Back se možetevratiti korak unazad da bi ispravili unete podatke.

_____________________________________________________________________________ 16

Internet tehnologije ________________________________________________________________________ 4. zadatak Pokrenite Outlook Express i pročitajte pristigla pisma. Odogovorite na pismo koje ste poslednje dobili. Odgovor treba da se pošalje sa najvećim prioritetom. Nakon slanja pisma obrišite primljeno pismo. Rešenje: Sva pisma koja ste primili se nalaze u direktorijumu Inbox. Izaberite poslednje pismo koje ste dobili i pritisnite desni tastr miša. Dobijate meni u kojem izaberite opciju Reply to Sender da bi poslali odgovor pošiljaocu pisma.

_____________________________________________________________________________ 17

Internet tehnologije ________________________________________________________________________ Pritisnite taster Priority i izaberite High Priority (pismo najveće važnosti). Napišite tekst poruke i pritisnite Send da bi poslali poruku.

Vratite se u Inbox i pritiskom da desni taster miša i biranjem opcije Delete brišete pismo. Pismo možete obrisati i pomoću taster Delete na tastaturi.

_____________________________________________________________________________ 18

Internet tehnologije ________________________________________________________________________ 5. zadatak Od poznanika ste dobili vizit karticu.Potrebno je ubaciti njegove podatke u adresar. Nakon unošenja u adresar pošaljite mu pismo sa kratkom porukom. Rešenje: Pokrenite program Outlook Express i u meniju Tools izaberite Address Book, New Contact. Dobijate formular za unos podataka o novom kontaktu. Ispunite sva polja za koja imate informacije i pritisnite taster OK.

_____________________________________________________________________________ 19

Internet tehnologije ________________________________________________________________________ Preko opcije New mail možete kreirati novi mail. U polje To: upišite e-mail adresu vašeg poznanika. Polje Subject se odnosi na naziv poruke. Napišite pismo i pritisnite taster Send.

_____________________________________________________________________________ 20

Internet tehnologije ________________________________________________________________________ 6. zadatak Dobili ste pismo od prijatelja. Unesite njegovu e-mail adresu u adresar direktnim putem. Rešenje:

Izaberite pismo, pritisnite desni taster miša i odaberite Add Sender to Address Book.

_____________________________________________________________________________ 21

Internet tehnologije ________________________________________________________________________ 7. zadatak Formirajte radnu grupu VTŠ koja radi na jednom zajedničkom projektu. Dnevne instrukcije dobijaju preko pisama. Vaš zadatak je da unesete podatke o svakom članu grupe kao i o samoj grupi (mesto, telefon, web adresa …). Nakon formiranja grupe pošaljite pismo sa dnevnim instrukcijama svakom od članova grupe. Rešenje: U meniju Tools izaberite Address Book, New, New Group. Formular ispunite podacima o grupi a tasterom New Contact dodajete članove, koji nisu u adresaru, u grupu. Preko opcije Group Details unosite detalje o grupi: adresu, telefon, fax, web adresu.

_____________________________________________________________________________ 22

Internet tehnologije ________________________________________________________________________ Preko tastera Select Members birate članove, koji su već u adresaru, za grupu. Levim tasterom miša izaberite ime i pritisnite taster Select. Lista članova grupe se nalazi u desnom prozoru.

Nakon formiranja grupe kreirajte novo pismo koje u poruci sadrži dnevne instrukcije. U polje To: upisujete ime grupe.

_____________________________________________________________________________ 23

Internet tehnologije ________________________________________________________________________ 8. zadatak: Pismo koje ste dobili od profesora ste slučajno obrisali. To pismo se nalazi u direktorijumu DELETED ITEMS. Povratite pismo u INBOX direktorijum i markirajte ga kao da još nije pročitano. Rešenje: Desnim tasterom miša kliknite na pismo i selektujte opciju Move to Folder i izaberite Inbox. Kliknite na desni taster miša i selektujte Mark as Unread.

_____________________________________________________________________________ 24

Internet tehnologije ________________________________________________________________________ 9. zadatak: Greškom ste primili pismo umesto vašeg kolege koji ima adresu [email protected]. Odgovorite pošiljaocu da je nastupila greška i da ste se vi potrudili oko toga da pismo stigne na odgovarajuću adresu. Rešenje: Izaberite pismo koje ste dobili i preko desnog taster miša selektujte opciju Forward. U polje to upisujete e-mail adresu [email protected]. U pismu napišite da ste greškom dobili pismo umesto njega. Na pristiglo pismo pošaljite odgovor pošiljaocu da ste grešku uspeli da rešite tako što ste pismo prosledili pravoj osobi.

_____________________________________________________________________________ 25

Internet tehnologije ________________________________________________________________________ 10. zadatak Pismo koje ste dobili od prijatelja sadrži sliku. To pismo snimite u c:\temp direktorijum. Odgovorite mu na pismo i pošaljite mu sliku. Rešenje: Preko File menija izaberite Save as i snimite poruku u željeni direktorijum. Napišite mu pismo i preko tastera Attach «prikačite» sliku poruci.

_____________________________________________________________________________ 26

Internet tehnologije ________________________________________________________________________ 11. zadatak Kreirajte pravila (filtere) za primanje pisama. Prvo pravilo : Dobijate pisma od vašeg prijatelja koji vam šalje neslane šale. Napravite pravilo koje će pisma dobijena od njega automatski brisati. E-mail adresa prijatelja : [email protected]. Naziv pravila Vanja. Drugo pravilo: Sva pisma koja šaljete VTŠ grupi postavite u direktorijum VTŠ grupa. Naziv pravila Grupa. Treće pravilo: Sva pristigla pisma koja u nazivu poruke sadrže reči programiranje prosledite na adresu [email protected]. Naziv pravila Programiranje. Četvrto pravilo : Sva pisma koja stižu sa adrese [email protected] markirajte kao pročitana. Naziv pravila Chole. Rešenje: Preko Tools menija izaberite Message Rules, Mail.

_____________________________________________________________________________ 27

Internet tehnologije ________________________________________________________________________ Formulare New Mail Rule podesite kao što prikazuju slike za svako od pravila. 1. pravilo:

2. pravilo:

_____________________________________________________________________________ 28

Internet tehnologije ________________________________________________________________________ 1. pravilo:

2. pravilo

_____________________________________________________________________________ 29


_____________________________________________________________________________ 30


3. HTML dokumenti 12. zadatak: Kreirati HTML dokument sa sledećim sadržajem: naslov dokumenta: Prva stranica teksta u zaglavlju: Ovo je zaglavlje naslov prvog nivoa: Ovo je naslov paragraf: Ovo je paragraf

Rešenje: 12.zadatak Ovo je zaglavlje
Ovo je naslov

Ovo je paragraf

_____________________________________________________________________________ 31

Internet tehnologije ________________________________________________________________________ 13. zadatak: Kreirati HTML dokument koji prikazuje preformatirani tekst i tekst naslova koji je ispisan pomoću šest različitih nivoa.

Rešenje: 13.zadatak

Ovo je preformatirani

Pozdrav iz preformatiranog t

tekst e

k

s

t

a

!

!

!!!!

Naslov

Naslov

Naslov

Naslov

Naslov

Naslov

_____________________________________________________________________________ 32

Internet tehnologije ________________________________________________________________________ 14. zadatak: Napisati HTML dokument koji će prikazati tekst pozicioniran levo u paragrafu i tekst u naslovu nivoa 4 koji je pozicioniran u desno. Ispod toga postaviti proizvoljan tekst bez preloma i sa prelomom.

Tekst pozicioniran u levo

Ovo je naslov
Ovo je tekst bez preloma! Ovo je tekst
sa prelomom!

_____________________________________________________________________________ 33

Internet tehnologije ________________________________________________________________________ 15. zadatak: Kreirati HTML dokument koji prikazuje tekst žute boje na plavoj pozadini. Ispod teksta postaviti horizontalnu liniju debljine 2 piksela.

Rešenje: 15.zadatak Pozdrav svima!

_____________________________________________________________________________ 34

Internet tehnologije ________________________________________________________________________ 16. zadatak: Kreirati HTML dokument sa strukturom koja je prikazana na slici:

Podebljan tekst Nakrivljen tekst Podvuceni tekst ~~Prevucen tekst~~ _Subskript ^Superskript Mali crveni tekst R a s t u c i

_____________________________________________________________________________ 35

Internet tehnologije ________________________________________________________________________ !
ARIAL CE
SYMBOL

17. zadatak: Formirati HTML dokument koji prikazuje listu navođenja postupka izrade jednog programa.

Postupci izrade programa:
definisanje problema
algoritam
pisanje koda
testiranje

_____________________________________________________________________________ 36

Internet tehnologije ________________________________________________________________________ 18.zadatak: Kreirati HTML dokument koji će prikazati listu nabrajanja koja sadrži pet imena studenata.

Spisak studenata: Marko Markovic Petar Petrovic Nikola Nikolic Ivica Ivic Janko Jankovic

_____________________________________________________________________________ 37

Internet tehnologije ________________________________________________________________________ 19. zadatak: Napisati HTML dokument koji sadrži sliku. Ispod slike postaviti tekst o imenu slike.

Ovo je slika skole

_____________________________________________________________________________ 38

Internet tehnologije ________________________________________________________________________ 20. zadatak: Kreirati HTML dokument koji

sadrži link ka stranici www.vts.su.ac.yu, link ka stranici

www.yahoo.com preko slike, link ka adresi: [email protected] i link ka kraju stranice.

Ovo je link za kraj stranice
Ovaj link www.vts.su.ac.yu vodi ka prezentaciji skole.
Mozemo poslati poruka na adresu [email protected]

Ovo je kraj stranice

_____________________________________________________________________________ 39

Internet tehnologije ________________________________________________________________________ 21.zadatak Napravite HTML dokument koji sadrži: - pozadinsku sliku back.gif - pozadinski zvuk muzika.wav , odsvirati 5 puta (5 ciklusa)


_____________________________________________________________________________ 40

Internet tehnologije ________________________________________________________________________ 22. zadatak Prikazati tabelu sa 2 kolone unutar HTML dokumenta.


Prva celija Druga celija

_____________________________________________________________________________ 41

Internet tehnologije ________________________________________________________________________ 23. zadatak Prikazati tabelu sa 2 reda i 3 kolone.

: Rešenje: 23.zadatak

Prva celija, 1 red Druga celija, 1 red Treca celija, 1 red

Prva celija, 2 red Druga celija, 2 red Treca celija, 2 red

_____________________________________________________________________________ 42

Internet tehnologije ________________________________________________________________________ 24. zadatak: Prikazati tabelu sa 3 reda i 2 kolone.


Prva celija, 1 red Druga celija, 1 red



_____________________________________________________________________________ 43

Internet tehnologije ________________________________________________________________________ 25. zadatak Prikazati tabelu datu na slici.




Celija koja se prostire duz 2 kolone

_____________________________________________________________________________ 44

Internet tehnologije ________________________________________________________________________ 26. zadatak Prikazati tabelu datu na slici.


Celija koja se prostire duz 2 reda Druga celija, 1 red

Druga celija, 2 red

_____________________________________________________________________________ 45

Internet tehnologije ________________________________________________________________________ 27. zadatak: Kreirati HTML dokument koji sadrži 3 okvira (frejma).

Rešenje: 27. zadatak

_____________________________________________________________________________ 46

Internet tehnologije ________________________________________________________________________ 28. zadatak: Kreirati HTML dokument koji sadrži jedan okvir (frame) u sredini dokumenta. Ispod i iznad okvira postaviti proizvoljan tekst.

Rešenje: 28. zadatak
Ovo je tekst van frejma

<iframe width="300" height="70" src="menu.htm" frameborder="yes" scrolling="yes">
Ovo je tekst van frejma

_____________________________________________________________________________ 47

Internet tehnologije ________________________________________________________________________ 29. zadatak Formirati HTML dokument sa formom (obrascem) preko koje se vrši unos informacija o korisniku.

Rešenje: 29.zadatak Ispunite polja sa svojim podacima:

Ime:
Prezime:

Hobi:
citanje, programiranje, fudbal ...

_____________________________________________________________________________ 48

Internet tehnologije ________________________________________________________________________ 30. zadatak Napraviti HTML dokument koji prikazuje opcije preko opadajućeg menija.

Rešenje: 30.zadatak Izaberi omiljeno voce:

_____________________________________________________________________________ 49

Internet tehnologije ________________________________________________________________________ 31. zadatak Formirati anketu na jednom HTML dokumentu.


Koja si godina studija?

Prva
Druga
Treca
Cetvrta

_____________________________________________________________________________ 50

Internet tehnologije ________________________________________________________________________ 32. zadatak Napraviti obrazac za upload fajla.

Izaberite datoteku:

_____________________________________________________________________________ 51


_____________________________________________________________________________ 52


4. CSS (kaskadni opisi stilova) 33. zadatak: Formirati CSS fajl koji sadrži izmenjene definicije za tagove: H1, P, B, A.

Fajl stil.css H1 { FONT-FAMILY: Arial; FONT-SIZE: 8px; } P { FONT-FAMILY: Verdana; FONT-SIZE: 10px; COLOR:#ff00ff; } B { FONT-FAMILY: Verdana; FONT-SIZE: 10px;COLOR: #0000ff; TEXT-DECORATION:underline; } A:link { FONT-FAMILY: Verdana; COLOR: #ffffff;

_____________________________________________________________________________ 53

Internet tehnologije ________________________________________________________________________ FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND: none; } A:active { FONT-FAMILY: Verdana; COLOR: #ffffff; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND: none; } A:visited { FONT-FAMILY: Verdana; COLOR: #ffffff; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND: none; } A:hover { FONT-FAMILY: Verdana; COLOR: #000000; FONT-SIZE: 10px; TEXT-DECORATION: none; BACKGROUND: #ffffff; }

Izmenjen naslov

Izmenjen tekst

Izmenjen paragraf

Link

_____________________________________________________________________________ 54

Internet tehnologije ________________________________________________________________________ 34. zadatak Upotrebom internog stila definisati CSS za IMG i TABLE tagove.

style="border-style:solid;BORDER-BOTTOM-COLOR: #000000; BORDER-BOTTOM-

WIDTH: 1px; BORDER-LEFT-COLOR: #000000; BORDER-LEFT-WIDTH: 1px; BORDER-RIGHTCOLOR: #000000; BORDER-RIGHT-WIDTH: 1px; BORDER-TOP-COLOR: #000000; BORDER-TOPWIDTH: 1px;FONT-SIZE: 10px; FONT-WEIGHT:normal; FONT-FAMILY: verdana;color:#000000;"> Sadrzaj celije! Pozdrav!

_____________________________________________________________________________ 55


35.zadatak Upotrebom ugrađenog CSS-a definisati tagove : B, I.

Rešenje: 35.zadatak ovo je izmenjen podebljan tekst
ovo je izmenjen italic tekst

_____________________________________________________________________________ 56


_____________________________________________________________________________ 57


5. DHTML (dinamički HTML) 5.1 JavaScript 36. zadatak Napisati program u javaScriptu koji će proveriti i ispisati parne brojeve između 1 i 30. Parne brojeve ispisati podebljano i crvenom bojom.

Rešenje: Parni brojevi <script language="JavaScript"> "+ i + " je paran broj!
"); else document.write(""+ i + ".
"); } // -->

_____________________________________________________________________________ 58

Internet tehnologije ________________________________________________________________________ 37. zadatak Napisati program u JavaScriptu koji će prilikom svakog pregleda stranice prikazati različite linkove. Linkovi su dati različitim slikama. Koristiti random funkciju.

Rešenje: JavaScript <script language="JavaScript"> image = new Array(3); link = new Array(3); image[0] = 'http://www.vts.su.ac.yu/slike/link1.jpg' image[1] = 'http://www.vts.su.ac.yu/slike/link2.jpg' image[2] = 'http://www.vts.su.ac.yu/slike/link3.jpg' image[3] = 'http://www.vts.su.ac.yu/slike/link4.jpg' link[0] = 'http://www.vts.su.ac.yu/jubilej/index.htm' link[1] = 'http://www.vts.su.ac.yu/galerija/index.htm' link[2] = 'http://www.vts.su.ac.yu/ispiti/index.htm' link[3] = 'http://www.vts.su.ac.yu/docek/index.htm' index = Math.floor(Math.random() * image.length); document.write("
\n");

_____________________________________________________________________________ 59

Internet tehnologije ________________________________________________________________________ document.write(""); document.write(""); document.write("
\n");

38. zadatak Napisati JavaScript program koji će prikazati trenutni datum. Umesto broja meseca koristiti ime meseca.

Rešenje: Trenutni datum <script language="JavaScript"> var months=new Array(13); months[1]="Januar"; months[2]="Februar"; months[3]="Mart"; months[4]="April"; months[5]="Maj"; months[6]="Jun"; months[7]="Jul"; months[8]="Avgust";

_____________________________________________________________________________ 60

Internet tehnologije ________________________________________________________________________ months[9]="Septembar"; months[10]="Oktobar"; months[11]="Novembar"; months[12]="Decembar"; var time=new Date(); var lmonth=months[time.getMonth() + 1]; var date=time.getDate(); var year=time.getYear(); if (year<100) year="19" + time.getYear(); else year=time.getYear(); document.write("" + lmonth + " "); document.write(date + ", " + year + "");

39. zadatak Napisati program u JavaScriptu koji će omogućiti unos i prikaz unetog teksta. Unos vršiti preko forme.

Rešenje: Prikaz teksta

_____________________________________________________________________________ 61


40. zadatak Napisat program u JavaScriptu koji će prikazivati poruku u status baru web browsera sa efektom munje (flash).

Rešenje: Flash poruka <SCRIPT LANGUAGE="JavaScript">
_____________________________________________________________________________ 62

Internet tehnologije ________________________________________________________________________ { window.status=""; control=1; } setTimeout("flash();",speed); } // -->

41. zadatak Napraviti HTML dokument sa 3 linka koji pokazuju na 3 stranice. Prelaskom kursora miša preko linka dobijate prozor sa kratkim informacijama o stranici koju predstavlja dati link. Realizovati program upotrebom JavaScripta.

_____________________________________________________________________________ 63

Internet tehnologije ________________________________________________________________________ Rešenje: JavaScript <script language="JavaScript"> Dobrodosli na akademsku mrezu Subotice!

www.vts.su.ac.yu

www.gf.su.ac.yu

www.eccf.su.ac.yu

_____________________________________________________________________________ 64

Internet tehnologije ________________________________________________________________________ 42. zadatak Napisati program u JavaScriptu koji će prikazati osnovne informacije o browseru i operativnom sistemu koji koristite, datum poslednje izmene dokumenta i lokaciju gde se nalazi dokument.

Rešenje: JavaScript <script language="JavaScript">
"); document.write("Poslednja izmena dokumenta "+document.lastModified+"

"); document.write("Dokument se nalazi na lokaciji "+document.location); -->

_____________________________________________________________________________ 65


43.zadatak Napisati program u JavaScriptu koji će prikazati vreme polaska vozova iz Subotice za veće gradove u Jugoslaviji. Omogućiti unos imena željenog grada.

Rešenje: Vreme polaska vozova <script language="JavaScript"> function polazak() { var grad = prompt("Unesite ime grada:", "") switch (grad) { case "Novi Sad" : document.write ("voz polazi u 12:30"); break; case "Beograd" : document.write ("voz polazi u 1:30"); break; case "Kragujevac" : document.write ("voz polazi u 15:30"); break; case "Zrenjanin" :

_____________________________________________________________________________ 66

Internet tehnologije ________________________________________________________________________ document.write ("voz polazi u 19:30"); break; default : document.write ("Izvinite, nema polaska za " + grad + ".
"); } } Ovaj skript prikazuje polaske vozova iz Subotice za vece gradove u Jugoslaviji.

44.zadatak Napisati program-test u JavaScriptu koji će testirati vašu sposobnost pogađanja brojeva između 1 i 30. Ispisati iz kojeg pokušaja ste pogodili broj.

_____________________________________________________________________________ 67

Internet tehnologije ________________________________________________________________________ Rešenje: Vreme polaska vozova <script language="JavaScript"> function pogadjanje() { var pod=3 var brojac=0 do { var broj = prompt("Ja sam izabrao broj izmedju 1 i 30! Pogodite koji je to broj:", "") brojac++; } while (pod!=broj); document.write("Pogodili ste broj iz "+brojac+" pokusaja!"); } Ovo je mali test sposobnosti!

_____________________________________________________________________________ 68


5.2. ASP (Active Server Pages) 45. zadatak Napisati program primenom ASP tehnologije koji će prikazati sliku i pozdravnu poruku u zavisnosti od vremena na serveru. Pozadinska boja dokumenta treba da odgovara dobu dana.

Rešenje: ASP #1 <% if hour(time)>19 and hour(time)<3 then response.write "" response.write "" response.write "Dobro vece!" response.write "
" else response.write "" response.write "" response.write "Dobar dan!" response.write "
" %>

_____________________________________________________________________________ 69

Internet tehnologije ________________________________________________________________________ 46. zadatak Primenom ASP tehnologije napraviti 2 dokumenta, jedan koji prikuplja informacije preko forme (obrasca) i drugi koji prenete informacije preko forme prihvata i prikazuje.

Unos.html ASP #2-forma
Ispunite osnovne podatke o sebi!

Ime:

_____________________________________________________________________________ 70

Internet tehnologije ________________________________________________________________________ Prezime:
Zanimanje:

Ispis.asp ASP #2-ispis Ime: <% response.write request.form ("ime") %>
Prezime:<% response.write request.form ("prezime") %>
Zanimanje: <% response.write request.form ("zanimanje") %>

47. zadatak: Primenom ASP tehnologije napraviti dokument koji će preko funkcije slučajnih brojeva prikazivati jedan od 10 mogućih logoa stranice.

_____________________________________________________________________________ 71

Internet tehnologije ________________________________________________________________________ Rešenje: ASP #3-random logo <% randomize slika=int(rnd*10) response.write"" %>

48. zadatak Ispisati trenutni datum i vreme primenom ASP tehnologije.

Rešenje: ASP #4-datum i vreme Trenutni datum i vreme: <% response.write now() %>

_____________________________________________________________________________ 72


_____________________________________________________________________________ 73


6. XML 49. zadatak Kreirati jedan jednostavan XML dokument koji prikazuje imena tri predmeta prve i druge godine studija.

Rešenje: Matematika Fizika Engleski jezik E-poslovanje Procesiranje signala

_____________________________________________________________________________ 74

Internet tehnologije ________________________________________________________________________ Baze podataka

50.zadatak Kreirati XML dokument koji prikazuje ime pisca, naziv knjige i godinu izdanja knjige. Definisati CSS preko eksternog fajla.

Still.css PISAC { font-style:italic; font-weight:bold; display:block; } P { display:block; margin-top:12pt; } NAZIV { font-family:verdana; color:red; display:block; } GODINA { font-family:verdana; color:blue; display:block; }

_____________________________________________________________________________ 75

Internet tehnologije ________________________________________________________________________ Rešenje: Michael J.Young

XML korak po korak 2002

_____________________________________________________________________________ 76


_____________________________________________________________________________ 77


7. FTP 51. zadatak Web projekat pablikovati na server maugli.vts.su.ac.yu. serveru. Nakon pablikovanja prikazati prezentaciju upisivanjem adrese u web browser. Korisničko ime student, korisnička šifra vts. Pablikaciju vršiti primenom programa Windows Commander. Rešenje: Pokrenite program Windows Commander preko Start, Programs, Windows Commander putanje. Po startovanju programa u levi prozor postavite direktorijum gde se nalazi vaša prezentacija. Pritisnite ikonicu sa natpisom FTP ili CTRL+F.

_____________________________________________________________________________ 78

Internet tehnologije ________________________________________________________________________ Dobijate novi dijalog sa novim opcijama. U levom prozoru se nalaze imena definisanih FTP konekcija. Da bi ste kreirali novu FTP konekciju izaberite taster New Connection.

Unesite podatke u odgovarajuća polja. U našem zadatku parametri su: Session: vts Host name: maugli.vts.su.ac.yu User name: student Password: vts Kada ste uneli parametre pritisnite taster OK i u listi definisanih FTP konekcija izaberite vts i pritisnite taster Connect.

_____________________________________________________________________________ 79

Internet tehnologije ________________________________________________________________________ Ako ste dobro uneli podatke uspostavlja se FTP konekcija sa serverom. U desnom prozoru Windows Commandera pojavljuje se sadržaj vašeg home direktorijuma na serveru. U direktorijum www prenesite fajlove koji se nalaze u levom prozoru (hard disk). Fajlove izaberite sa tasterom Space. Kada ste izabrali sve fajlove pritisnite taster F5 za aplod. Nakon kopiranja fajlova možete pogledati vašu prezentaciju upisivanjem adrese www.vts.su.ac.yu/~student u web browser. Za drugo korisničko ime poziv prezentacije se vrši upisivanjem adrese www.vts.su.ac.yu/~korisničko ime.

Napomena: Parametri za FTP konekciju i home direktorijum zavise od podešavanja servera. U našem slučaju potrebno je da indeksna (početna) stranica ima ime index.html ili index.php.

_____________________________________________________________________________ 80


_____________________________________________________________________________ 81


Nazivi boja i njihovi heksadecimalni triplet ekvivalenti

RGB kod

engleski naziv

RGB kod

engleski naziv

#f0f8ff

aliceblue

#006400

darkgreen

#faebd7

antiquewhite

#bdb76b

darkkhaki

#00ffff

aqua

#8b008b

darkmagenta

#7fffd4

aquamarine

#556b2f

darkolivegreen

#f0ffff

azure

#ff8c00

darkorange

#f5f5dc

beige

#9932cc

darkorchid

#ffe4c4

bisque

#8b0000

darkred

#000000

black

#e9967a

darksalmon

#ffebcd

blanchedalmond

#8fbc8f

darkseagreen

#0000ff

blue

#483d8b

darkslateblue

#8a2be2

blueviolet

#2f4f4f

darkslategray

#a52a2a

brown

#00ced1

darkturquoise

#deb887

burlywood

#9400d3

darkviolet

#5f9ea0

cadetblue

#ff1493

deeppink

#7fff00

chartreuse

#00bfbf

deepskyblue

#d2691e

chocolate

#696969

dimgray

#ff7f50

coral

#1e90ff

dodgerblue

#6495ed

cornflowerblue

#b22222

firebirck

#fff8dc

cornsilk

#fffaf0

floralwhite

#dc143c

crimson

#228b22

forestgreen

#00ffff

cyan

#ff00ff

fuchsia

#00008b

darkblue

#dcdcdc

gainsboro

#008b8b

darkcyan

#f8f8ff

ghostwhite

#b8860b

darkgoldenrod

#ffd700

gold

#a9a9a9

darkgray

#daa520

goldenrod

_____________________________________________________________________________ 82

Internet tehnologije ________________________________________________________________________ #808080

gray

#ff00ff

magenta

#008000

green

#800000

maroon

#adff2f

greenyellow

#66cdaa

mediumaquamarine

#f0fff0

honeydew

#0000cd

mediumblue

#ff69b4

hotpink

#ba55d3

mediumorchid

#cd5c5c

indianred

#9370db

mediumpurple

#4b0082

indigo

#3cb371

mediumseagreen

#fffff0

ivory

#7b68ee

mediumslateblue

#f0e68c

khaki

#00fa9a

mediumspringgreen

#e6e6fa

lavender

#48d1cc

mediumturquoise

#fff0f5

lavenderblush

#c71585

mediumvioletred

#7cfc00

lawngreen

#191970

midnightblue

#fffacd

lemonchiffon

#f5fffa

mintcream

#add8e6

lightblue

#ffe4e1

mistyrose

#f08080

lightcoral

#ffe4b5

moccasin

#e0ffff

lightcyan

#ffdead

navajowhite

#fafad2

lightgoldenrodyellow

#000080

navy

#90ee90

lightgreen

#fdf5e6

oldlace

#d3d3d3

lightgray

#808000

olive

#ffb6c1

lightpink

#6b8e23

olivedrab

#ffa07a

lightsalmon

#ffa500

orange

#20b2aa

lightseagreen

#ff4500

orangered

#87cefa

lightskyblue

#da70d6

orchid

#778899

lightslategray

#eee8aa

palegoldenrod

#b0c4de

lightsteelblue

#98fb98

palegreen

#ffffe0

lightyellow

#afeeee

paleturquoise

#00ff00

lime

#db7093

palevioletred

#32cd32

limegreen

#ffefd5

papayawhip

#faf0e6

linen

#ffdab9

peachpuff

_____________________________________________________________________________ 83

Internet tehnologije ________________________________________________________________________ #cd853f

peru

#f5f5f5

whitesmoke

#ffc0cb

pink

#ffff00

yellow

#dda0dd

plum

#9acd32

yellowgreen

#b0e0e6

powderblue

#800080

purple

#ff0000

red

#bc8f8f

rosyborwn

#4169e1

royalblue

#8b4513

saddlebrown

#fa8072

salmon

#f4a460

sandybrown

#2e8b57

seagreen

#fff5ee

seashell

#a0522d

sienna

#c0c0c0

silver

#87ceeb

skyblue

#6a5acd

slateblue

#708090

slategray

#fffafa

snow

#00ff7f

springgreen

#4682b4

steelblue

#d2b48c

tan

#008080

teal

#d8bfd8

thistle

#ff6347

tomato

#40e0d0

turquoise

#ee82ee

violet

#f5deb3

wheat

#ffffff

white

_____________________________________________________________________________ 84


Spisak HTML 3.2 i HTML 4.0 tagova sa značenjem i opisom Tag

Opis

comment

komentar

Server Side Includes specification

SSI specifikacija

PHP source

PHP izvorni kod

document type

tip dokumenta

anchor

link

abbreviated form (pl.: WWW, HTTP stb.)

skraćena forma

acronym

skraćenica

information on author

piše se nečija adresa

APPLET

Java Applet

pozivanje Java Applet-a

AREA

client-side image map area

određuje poligon na slici osetljivoj na dodir kod mapiranja slika na strani klijenta

B

bold text style

podebljan tekst

BASE

document base URI

specificira početni URL HTML dokumenta od koga se računaju relativni URL-ovi unutar tog HTML dokumenta

BASEFONT

base font size

odredjuje parametar veličine standardnog fonta od tog mesta pa nadalje u okviru HTML dokumenta

BDO

the direction of text display

određuje pravac ispisivanja teksta

document's background music

pozadinski zvuk

large text style

prikaz teksta koji je za jednu veličinu veći od standardne veličine

blinking text

svetlucanje

BLOCKQUOTE

long quotation

veliki citat

BODY

document body

određuje telo HTML dokumenta

BR

forced line break

prekid linije

BUTTON

push button

taster za pritiskanje

CAPTION

table caption

naslov tabele

CENTER

center aligned text

centrira tekst i slike

citation

isticanje kratkog citata

computer code fragment

primer koda programa

table column

postavlja osobine za jedan ili više kolona tabele

column group


comment

komentar

definition description

opis definicije

?>

>

A ABBR

U

ACRONYM ADDRESS

U

U

BGSOUND

S

U

BIG

BLINK

U

CITE

CODE COL

S

U

S

COLGROUP COMMENT DD

S

S, U

DEL

U

deleted text

obrisan, poništen tekst

DFN

U

instance definition

definicija

directory list

direktorijum

generic language/style container

određuje različite delove HTML dokumenta

DIR DIV

U

_____________________________________________________________________________ 85

Internet tehnologije ________________________________________________________________________ DL

U

definition list

lista definicja

DT

U

definition term

termin koji se definiše

EM

U

emphasis

isticanje teksta, obično kao italic

embed object

uključivanje objekata u HTML dokument

FIELDSET

form control group

podešavanje forme

FONT

local change to font

tekst unutar elementa se prikazuje fontom, veličinom i bojom koji su određeni

FORM

interactive form

ulazna forma

FRAME

subwindow

okvir

FRAMESET

window subdivision

kreiranje okvira unutar HTML dokumenta

Hn (n = 1, 2, 3, 4, 5, 6)

heading

naslov unutar dokumenta, nivoa 1 do 6.

HEAD

document head

zaglavlje HTML dokumenta

HR

horizontal rule

horizontalna crta

HTML

document root element

identifikuje dokument kao HTML dokument

italic text style

prikazuje tekst unutar elementa kao italic (nagnut)

inline subwindow

okvir ubačen u tekst

IMG

embedded image

ubacivanje slike u HTML dokument

INPUT

form control

ulazno polje ili kutija za potvrdu

inserted text

ubačen tekst

single line prompt

ukazuje na prisustvo indeksa koji se može pretražiti

text to be entered by the user

isticanje unosa sa tastature

form field label text

oznaka za polje unutar forme

fieldset legend

legenda za polje

LH

list heading

naslov liste

LI

list item

elemet liste

LINK

a media-independent link

uspostavlja hijerarhijsku vezu među HTML dokumentima

computer commands' list

prikazuje listing neproporcionalnim fontom

client-side image map

definiše grupu poligona unutar mapeslike kod mapa osetljivih na dodir na strani klijenta

marquee

definiše skrolujući tekst

menu list

meni

generic metainformation

daje informacije o HTML dokumentu www čitačima

multi-column ordering

raspored u više kolona

NOBR

no line break

isključuje prebacivanje teksta u drugi red

NOFRAMES

alternate content container for non frame-based rendering

kada www čitač ne ume da prikaže okvire, tada će se prikazati tekst unutar ovog elementa, koga inače ignorišu www čitači koji okvire podržavaju

NOSCRIPT

alternate content container for non script-based rendering

kada www čitač ne ume da prikaže skript, tada će se prikazati tekst unutar ovog elementa, koga inače ignorišu www čitači koji skript podržavaju

OBJECT

generic embedded object

uključuje objekat u HTML dokument

EMBED

S

I IFRAME

INS

S

U

ISINDEX KBD

U

LABEL LEGEND

LISTING

U

U

MAP MARQUEE MENU

S

U

META MULTICOL

S

_____________________________________________________________________________ 86

Internet tehnologije ________________________________________________________________________ OL

ordered list

sortirane liste

OPTGROUP

option group

grupiše izbor

OPTION

selectable choice

ukazuje na izbor (jedan u listama, više njih ako je tako određeno elementom SELECT)

paragraph

paragraf teksta sa opcionim poravnjanjem

plain text

jednostavan, neproporcionalan tekst

PARAM

named property value

postavlja vrednosti parametra za dati objekt ili aplet

PRE

preformatted text

preformatiran tekst

short inline quotation

kratak citat

strike-through text style

tekst ispisan sa crtom kroz sredinu

sample program output, scripts, etc.

isticanje primera tekst

SCRIPT

script statements

ukazuje na uključivanje skripta i ukazuje o kom skript jeziku je reč

SELECT

option selector

ukazuje na listu ili padajuću listu sa više izbora kod prikaza ulazne forme

U

small text style

tekst se prikazuje za jednu veličinu manji od standardne veličine

document's background music

pozadinski zvuk

inline space

prostor ubačen u tekst

generic language/style container

primena stila na tekst unutar elementa

strike-through text

tekst ispisan sa crtom kroz sredinu

strong emphasis

jako isticanje teksta

style info

mesto za definisanje obrazaca stiova

SUB

subscript

tekst ispisan u subscriptu

SUP

superscript

tekst ispisan u superscriptu

table

tabela

table body

ukazuje na početak tela tabele

TD

table data cell

ćelija tabele

TEXTAREA

multi-line text field

višelinijska ulazna kontrola u formi

TEXTFLOW

replacement for text in applet

zamena za tekst www čitačima koji ne prepoznaju applet

table footer

futer tabele

table header cell

čelija unutar zaglavlja tabele

table header

zaglavlje tabele

TITLE

document title

naslov HTML dokumenta

TR

table row

red u tabeli

teletype or monospaced text style

tekst ispisan kao sa teleksa

U

underlined text style

tekst ispisan podvučeno

UL

unordered list

nesortirana lista

instance of a variable or program argument

isticanje promenljive

break line in NOBR

prelamanje teksta u novi red unutar NOBR elementa

P PLAINTEXT

Q

U

S U

SAMP

SMALL

SOUND

S

SPACER SPAN

S

S

STRIKE STRONG STYLE

U

S

TABLE TBODY

TFOOT

S

S

TH THEAD

TT

U

VAR WBR

U

S

S

U

_____________________________________________________________________________ 87

Internet tehnologije ________________________________________________________________________ XMP

ukazuje na tekst primera, tekst se prikazuje neproporcionalnim fontom

renders text in fixed-width type U

S

: Ugrađen format : Specijalni tagovi (naredbe)

Specijalni tagovi (naredbe) Tag

BGSOUND

pozadinski zvuk

IE

BLINK

svetlucanje

NS

COL


IE

COLGROUP postavlja osobine za jedan ili više kolona tabele

IE

COMMENT

komentar

IE

EMBED

uključivanje objekata u HTML dokument

NS

IFRAME

okvir ubačen u tekst

IE

MARQUEE

definiše skrolujući tekst

IE

MULTICOL

raspored u više kolona

NS

SOUND

pozadinski zvuk

OB

SPACER

prostor ubačen u tekst

NS

SPAN

primena stila na tekst unutar elementa

IE

STYLE

1

Opis

1

mesto za definisanje obrazaca stiova

IE, OB, NS

TBODY

ukazuje na početak tela tabele

IE

TFOOT

futer tabele

IE

THEAD

zaglavlje tabele

IE

WBR

prelamanje teksta u novi red unutar NOBR elementa

NS

: NS delimično podržava (od verzije 6 u potpunosti)

IE : Microsoft Internet Explorer NS : Netscape Navigator OB : Ostali browseri

_____________________________________________________________________________ 88


Web adresar: HTML

Internet tehnologije

http://www.htmlgoodies.com

http://www.devguru.com

http://www.htmlhelp.com

http://www.devdex.com

http://www.html.dk

http://www.codeproject.com http://www.w3schools.com http://www.1001tutorials.com http://hotwired.lycos.com/webmonkey http://www.webreference.com http://www.webmajstori.net

Web dizajn

DHTML

http://www.designersnetwork.org

http://www.dynamicdrive.com

http://www.eyesondesign.net

http://www.24fun.com

http://www.jessett.com

http://www.hotscripts.com

http://www.deaddreamer.com

http://www.dhtmlshock.com

http://www.effectlab.com

JavaScript

ASP

http://www.free-javascript.com

http://www.asptoday.com

http://www.javascriptkit.com

http://www.asp101.com

http://www.javascript.internet.com

http://www.ultimateasp.com

http://www.a1javascripts.com

http://www.asphits.com

http://www.javascripts.com

http://www.asp.net http://www.aspin.com http://www.learnasp.com

_____________________________________________________________________________ 89

Internet tehnologije ________________________________________________________________________ CSS XML http://www.boogiejack.com/css_tutorials.html

http://www.xml.com

http://www.html.dk/tutorials/css/

http://www.xml.org http://www.xmlpitstop.com http://xmlfiles.com

_____________________________________________________________________________ 90


_____________________________________________________________________________ 91

Internet tehnologije ________________________________________________________________________ VIŠA TEHNIČKA ŠKOLA SUBOTICA Ispit iz predmeta Internet i multimedija

e-mail zadatak Student : __________________________

Indeks : _____________

0. Kreirajte jednog korisnika na vaše ime u jednom mail klient programu. Vaša privremena email adresa za vreme ispita je : _____________ @vts.su.ac.yu. 1. Pokrenite web browser na vašem računaru. Posetite http://www.vts.su.ac.yu adresu. Sliku škole koja se nalazi na pomenutoj adresi pošaljite vašem ispitivaču. Naziv poruke neka bude „slika”. 2. Pomoću www.yahoo.com internet pretraživača potražite web adresu Svaštara. Dobijenu adresu pošaljite ispitivaču. Ako niste uspeli da izvršite zadatak napišite koje ste probleme imali priliko realizacije. 3. U adress book upišite podatke o sledećem korisniku: ime : Zoran

Prezime : Petrović

e-mail : [email protected]

telefon na poslu : +381-24-552-501 Pošaljite mu jednostavno pismo ( bez teksta, samo naziv poruke!). 4. Pošaljite poruku ispitvaču i samom sebi , a kao dodatak (atačment) „hardware.txt" tekstualni fajl kojeg možete naći u WIN (eventualno Windows) direktorijumu.. 5. Poruku koju ste poslali sebi snimite u „C:\TEMP\" direktorijum. 6. U vašem mail klient programu pronađite najstarije pismo koje ste dobili i prosledite ga dalje vašem ispitivaču. Naziv poruke: „staro”. 7. U vašem mail klient programu kreirajte jedan direktorijum pod imenom VAŽNO, i u njega prebacite sve poruke koje ste primili u poslednja dva dana. 8. U vašem mail klient programu kreirajte jedan direktorijum pod imenom Zoran, u koji preusmerite poruke koje stižu sa [email protected] adrese. 9. U vašem web browseru podesite da početna strana (home page) bude http://www.vts.su.ac.yu adresa. 10. U vašem mail klient programu obrišite sledeće: primljene, obrisane i poslate poruke kao i kreiranog korisnika. Subotica 25.1.2002.

Dr. Mester Gyula, redovni profesor univerziteta

_____________________________________________________________________________ 92


VIŠA TEHNIČKA ŠKOLA SUBOTICA Ispit iz predmeta Internet i multimedija

HTML zadatak Student : ______________________________

Indeks : _________________

1.1 Promena veličine slike klikom na taster miša (DHTML) Kreirajmo jednu jednostavnu stranicu koja odgovara prikazanoj na slici. Na svaki klik širina gornje slike neka se poveća za 10 piksela. Na svaki klik visina donje slike neka se poveća za 10 piksela. (pozadina je svetlo crvena).

1.2 i 1.3 Kreirati web stranice koje odgovaraju donjim slikama (pozadina je svetlo plava, „Hollandia …” natpis je žut, pozadina je zelena)

Subotica 25.1.2002.


_____________________________________________________________________________ 93

Internet tehnologije ________________________________________________________________________ VIŠA TEHNIČKA ŠKOLA SUBOTICA Ispit iz predmeta Internet i multimedija

zadatak „Web projekat” Student : __________________________

Indeks : _____________

Uz pomoć programa Home Site 4.5 ili Front Page 2000 kreirajte web projekat sa sledećim karakteristikama: 1. Napravite prezentaciju Više tehničke škole u Subotici koja sadrži sliku i osnovne podatke (ime, adresu, broj telefona, fax itd.) o školi. Ime škole neka se ispisuje kao pokretan tekst. 2. Kreirajte nastavni plan škole za 3 godine sa po 3 predmeta koji se slušaju na I, II, i III godini studija. Upotreba tabela je obavezna. 3. Za svaki od predmeta kreirajte zaseban folder, koji treba ispuniti sa najmanje tri rečenice (sa stvarnim sadržajem, korišćenjem nabrajanja). Rešite odgovarajuće linkove i navigacionu strukturu. 4. Barem u jednom od foldera koristite DHTML rešenje po želji. U drugom Jscript ili VBScript rešenje po želji. 5. Objavite kreirani web projekat. Subotica 25.1.2002.


_____________________________________________________________________________ 94


_____________________________________________________________________________ 95

Internet tehnologije ________________________________________________________________________ VIŠA TEHNIČKA ŠKOLA S U BO T I C A

TEST IZ PREDMETA “INTERNET I MULTIMEDIJSKO RAČUNARSTVO” ( prvi deo) 1. a) Postavite da početna strana vašeg web čitača (IE) bude www.vts.su.ac.yu b) obrišite sve fajlove i adrese skinute pomoću Internet Explorera, postaviti da IE ne kešira stranice i da podešavanje za History bude 3 dana. c) Nabrojte koje sve web pretraživaće poznajete : ______________________________________________________________ 2.

Pronaći web prezentaciju koja sadrži upustva (tutorilas) za programiranje na programskom jeziku ASP. Pronadjenu adresu postavite u Favorites u direktorijum ASP. Snimiti sadržaj pronadjene stranice u direktorijum C:/temp. Ispuniti linije sa podatcima : Pretraživač : Kreiran upit : Pronadjena adresa : Eventualni problemi pri radu :

_________________________________________ _________________________________________ _________________________________________ ________________________________________

3. Kreirajte korisnički profil u programu Outlook Express sa vašim imenom. Nakon toga kreirajte korisnički nalog sa vašim podatcima. Pročitajte primljena pisma i izdvojte najstarije, stavite ga u novokreirani direktorijum pod nazivom STARO. Odgovorite na poslednje pismo koje ste dobili od profesora. U odgovoru pošaljite i neku sliku, a pismo treba da bude poslato sa najvećim prioritetom. 4. Dobili ste vizit kartu od vašeg poznanika. Postavite njegove podatke u adresar. Podaci: Marko Marković ing.,rodjen 12.8.1977., stan: Pazinska 45, Subotica, kucni telefon : 024-33-333, radi kao webadministrator, ima dvoje dece, mobilni telefon: 064122334455. Pošaljite mu pismo u kojem ga pozivate na rodjendansku proslavu. Napišite na koji se način može uneti e-mail adresa neke osobe u adresar. _____________________________________________________________________________ _____________________________________________________________________________ _____________________________________________________ 5. Formirajte radnu grupu VTŠ koja radi na jednom zajedničkom projektu. Dnevne instrukcije dobijaju preko pisama. Vaš zadatak je da unesete podatke o svakom članu grupe kao i o samoj grupi (mesto, telefon, web adresa …). Nakon formiranja grupe pošaljite pismo sa dnevnim instrukcijama svakom od članova grupe. 6. Šta znače sledeći pojmovi i za šta služe : CC:__________________________________________________________________________ ____________________________________________________________ _____________________________________________________________________________ 96

Internet tehnologije ________________________________________________________________________ BCC: ________________________________________________________________ ________________________________________________________________________ 7. Kreirajte kriterijume (pravila) za primanje pisama. Prvo pravilo : Neprestnao dobijate pisma od vašeg prijatelja koji vam šalje neslane šale. Napravite pravilo koje će pisma dobijena od njega automatski brisati. E-mail adresa prijatelja : [email protected]. Naziv pravila Vanja. Drugo pravilo: Sva pisma koja šaljete VTŠ grupi postavite u direktorijum VTŠ grupa. Naziv pravila Grupa. Treće pravilo: Sva pristigla pisma koja u nazivu poruke sadrže reči programiranje prosledite na adresu [email protected]. Četvrto pravilo : Sva pisma koja stižu sa adrese [email protected] markirajte kao pročitana.

Student : ____________________________ Datum: ______________________________

Čović Zlatko ing.

_____________________________________________________________________________ 97


VIŠA TEHNIČKA ŠKOLA SUBOTICA Test iz predmeta Internet i multimedija (drugi deo)

HTML zadatak Student : ______________________________

Indeks : _________________

1.1 Stranica sa slikom, tekstom i linkom. Kreirajte jednostavnu stranicu koja sadrži proizvoljnu sliku. Ispod slike napisati ime slike. Tekst treba da bude ispisan žutom bojom, tip slova Arial, veličina slova proizvoljna. Ispod teksta napraviti link ka stranici www.vts.su.ac.yu. 1.2 i 1.3 Kreirati web stranice koje odgovaraju donjim slikama (pozadina je svetlo plava, „Hollandia …” natpis je žut, pozadina je zelena)

Subotica 30.5.2002.


_____________________________________________________________________________ 98


VIŠA TEHNIČKA ŠKOLA SUBOTICA Test iz predmeta Internet i multimedija (treći deo)

Razvoj Web projekta Student : ______________________________

Indeks : _________________

I. Primenom softverskog paketa “1st page 2000” kreirati web stranu koja sadrži: - sliku autora - personalne podatke - jedan link na hobby stranicu i navesti min. 3 teme - jedan zadatak (po izboru) rešen primenom JavaScripta - jedan zadatak (po izboru) rešen primenom ASP - publikovati web stranicu na www adresi: - prikazati web stranicu u IE browseru II. Kreirati jednostavan XML dokument koji sadrži nazive 3 predmeta drugog semestra. Dr. Gyula Mester

Subotica, 30.5.2002.

_____________________________________________________________________________ 99


Korišćena literatura: 1. Gyula Mester “Internet technológiák", Viša tehnička škola, Subotica, 2002. 2. Srđan Pantić "Internet izdavaštvo", Kompjuter biblioteka, Čačak, 1997. 3. Michael J. Young "XML korak po korak", CET, Beograd, 2001. 4. Greg Buczek "ASP vodič za programere", Mikro knjiga, Beograd, 2001.

_____________________________________________________________________________ 100


Sadržaj: Uvod

2

Web browseri, web pretraživači

4

Mail klijenti

11

HTML dokumenti

30

CSS (kaskadni opisi stilova)

52

DHTML (dinamički HTML)

57

JavaScript

58

ASP

68

XML

73

FTP

76

Dodatak

81

Boje

82

HTML tagovi

85

Web adresar

89

Ispitni kliše 25. januar 2002.

91

Ispitni kliše 30. maj 2002.

95

Korišćena literatura

100

Sadržaj

101

_____________________________________________________________________________ 101

Prva celija, 1 red	Druga celija, 1 red	Treca celija, 1 red
Prva celija, 2 red	Druga celija, 2 red	Treca celija, 2 red

Celija koja se prostire duz 2 reda	Druga celija, 1 red
	Druga celija, 2 red

Priručnik za IT

Recommend Documents

Ovo je naslov

Naslov

Naslov

Naslov

Naslov

Naslov

Naslov

Ovo je naslov

Izmenjen naslov