Ako želite poboljšati svoje razvojne vještine, najbolji put do izvrsnosti je praksa. Evo nekih resursa za testiranje vašeg znanja HTML/CSS-a.

Zbog toga je važno pronaći različite načine vježbanja i identificirati svoje prednosti i slabosti.
Praktično iskustvo vam pomaže da racionalno procijenite nedostatke u svom znanju i stalno poboljšavate svoje vještine. Štaviše, testiranje vašeg znanja će vas održati sigurnim da ostajete u toku sa najnovijim trendovima u svojoj oblasti.

Dakle, evo deset načina na koje možete testirati svoje znanje HTML-a i CSS-a i postati profesionalniji web programer.

Započnite vlastiti projekat

Biti stručnjak za teoriju je sjajno, ali je malo vjerovatno da ćete dostići velike visine ako ne znate kako primijeniti svoje ogromno znanje u praksi. Zbog toga je početak projekta najbolji put za vas. U procesu razvoja, na primjer, vlastite web stranice, moći ćete označiti napredak i ocijeniti ostvarenje vaših ciljeva.

Takmičite se

Najbolji način da se testirate je da učestvujete u pravim takmičenjima u programiranju, na primer u zajednici. CodeWars... U formi igre se takmičite s drugim stvarnim ljudima, učeći na vlastitim greškama. Ali to ima smisla samo ako igrate pošteno.

Pridružite se zajednici

Ako vam je konkurencija preteška, pogotovo ako ste potpuni početnik, pridruživanje zajednici radi testiranja i daljeg učenja je dobra opcija. U procesu komunikacije mnogo je lakše prepoznati svoje prednosti i slabosti i raditi na njima.

U isto vrijeme, zajednica je društvo talentiranih ljudi koji vam daju priliku i poticaj da se usavršavate. Učestvujući u diskusijama, možete bezbedno postavljati pitanja i dobiti informacije koje su vam potrebne.

Vježbajte u pješčaniku

Ovaj alat pokreće vaš kod i omogućava vam da vidite rezultat njegovog izvršenja. Projekti se pokreću u pretraživaču i mogu učestvovati u takmičenjima i takmičenjima, što će pokazati koliko visoka očekivanja mogu ispuniti.

Resurs sadrži mnogo projekata otvorenih za proučavanje, koji će vam omogućiti da shvatite kako oni rade i primijenite stečeno znanje u vlastitoj praksi. S vremena na vrijeme, kako bi se motivirali učesnici, na sajtu se održavaju takmičenja u kojima možete odmjeriti snage sa drugim programerima uz mogućnost da zauzmete visoke pozicije na ljestvici i osvojite nagrade.

Isprobajte slagalice i ankete

Postoji bezbroj upitnika i puzzle igara dostupnih na mreži koje pokrivaju HTML, CSS i druge programske jezike. Obično se nalaze na plaćenim stranicama kao dopuna kursevima obuke. Također možete vježbati sa iskusnijim mentorom.

Igraj

Nije tajna da ako se iznenada odlučite malo zabaviti, od ovog oblika treninga možete imati mnogo više koristi nego od suhoparne teorije i vježbi rješavanja. Igrajući, zajedno sa svojim umijećem programiranja, dobijate zadovoljstvo, naboj pozitivnih utisaka i visok nivo zadovoljstva rezultatima. Igra čini novonastale zadatke življima i zanimljivijima, a samim tim pokreće maštu i kreativno razmišljanje.

Pronađite web lokaciju s interaktivnim testovima

Najlakši način da objektivno procijenite svoje programerske vještine je da posjetite stranicu za testiranje. Testovi pružaju priliku za rad na raznim pitanjima i dobru praksu. Možete procijeniti svoj nivo prije i nakon polaganja bilo kojeg testa ili kursa testova.

Disciplinujte se

Važan dio učenja i testiranja vlastitog znanja je identificiranje najboljeg načina za postizanje maksimalne produktivnosti. Možete učestvovati u aktivnostima koje će vam pomoći da pronađete ovaj put. Na primjer, Čisti koderi je stranica koja pruža ovu priliku putem video zapisa za profesionalnu obuku. Štaviše, ovi videi su prilično zanimljivi, tako da ne morate brinuti o koncentraciji, bit ćete apsorbirani od prvih minuta.

Pogledajte svijet oko sebe

Stavite se pored programera iz cijelog svijeta. Postoji društvena mreža koja vam omogućava da kontaktirate freelance programere iz više od stotinu zemalja širom svijeta. Naći ćete mnogo talentiranih ljudi, kao i priliku da procijenite svoje sposobnosti i naučite nove stvari.

Sada je stranica dostupna za provjeru znanja o sljedećim temama: Html, CSS, JavaScript, PHP, SQL.

Svaki test se sastoji od 10 pitanja na određenu temu. U svakom pitanju nastojao sam dotaknuti najrazličitija područja primjene određenog jezika kako bih što pažljivije provjerio nivo vašeg znanja.

Naravno, sve besplatni testovi i svako može proći kroz njih.

Procedura testiranja:

1. Pratite link " Počnite sa testiranjem"na odgovarajućem testu.
2. Odgovorite na postavljena pitanja odabirom jedini ispravna opcija.
3. Po završetku testiranja, vidjet ćete tvoj rezultat, broj grešaka, i analizu svakog pitanja od tijesta.

Pažnja! Nećete se moći vratiti na prethodno pitanje, pa razmislite prije nego što odgovorite.

Trenutno dostupni testovi

1. Html

   • Ukupno položen test: 67354 ljudi
   • Prosječna ocjena: 2,85 od 5 bodova.

   Osnovni test Html... Morat ćete znati osnovne HTML oznake, kao i njihovu kompetentnu upotrebu. Također je potrebno razumjeti karakteristike standarda. XHTML 1.1.

2. CSS

   • Ukupno položen test: 29039 ljudi
   • Prosječna ocjena: 3.38 od 5 bodova.

   Testom se provjerava poznavanje osnova CSS... Da biste uspješno položili test, morate poznavati osnovne tipove selektora (njihovu sintaksu), znati osnovna svojstva i njihove moguće vrijednosti, kao i znati svrhu najpopularnijih pseudoelemenata.

3. JavaScript

   • Ukupno položen test: 22972 ljudi
   • Prosječna ocjena: 3.3 od 5 bodova.

   Ovaj test testira vaše znanje JavaScript jezika. Pitanja iz testa pokrivaju različita područja primjene datog jezika. Mnogo je pitanja o razumijevanju "malih" nijansi. Za ostalo, morate znati osnovne stvari: rad sa varijablama, osnovne JavaScript funkcije, prioritete operacija itd.

4. PHP

   • Ukupno položen test: 31651 ljudi
   • Prosječna ocjena: 3.03 od 5 bodova.

   Ovaj test testira vaše znanje PHP jezika. Od vas se traži da znate osnovne PHP konstrukcije, rad sa varijablama, sesije, implementaciju preusmeravanja i druge standardne stvari.
   Ozbiljna molba: Test sadrži mnoga pitanja tipa: "Šta će ispisati skripta?" Veliki zahtjev, nema potrebe da ga kopirate i provjeravate. Budite iskreni prema sebi.

5. SQL

   • Ukupno položen test: 17168 ljudi
   • Prosječna ocjena: 3.29 od 5 bodova.

   Ovaj test testira vaše znanje jezika SQL upita. Pitanja se odnose samo na najosnovnije znanje ovog jezika, bez ikakvog produbljivanja. Morat ćete znati najosnovnije SQL upite i koristiti ih mudro.

Ovaj članak vas vodi kroz sekvencijalno kreiranje testa za vježbu. Ako ne želite čitati o programiranju, idite direktno na odjeljak s uputama kako promijeniti test i preuzeti ga.

Kreiranje jednostavnog testa

Razvoj informacionih tehnologija i obrazovanja na daljinu dovodi do potrebe za kreiranjem elektronskih obrazovnih testova. Mnogi nastavnici i nastavnici suočeni su sa izazovom izrade testova za nastavni plan i program. Glavna poteškoća u rješavanju ovog problema je to što je za kreiranje takvih elektronskih materijala potrebno poznavanje HTML-a i javascript-a.

Kako riješiti ovaj problem. Nastavnik može koristiti alat za izradu testova na mreži ili pokušati samostalno kreirati test na osnovu upotrebe šablona. To je druga opcija koju ćemo razmotriti u ovom članku.

Napravit ćemo jednostavan predložak koji se zatim može pomnožiti u nekoliko datoteka i pretvoriti svaki u poseban test.

Recimo da imate jednostavan matematički test koji se sastoji od nekoliko matematičkih zadataka:

1. 4*12 +7 =
2. 7-8*2 =
3. 34*2 + 17 =

Primjere treba prikazati na ekranu i dati učeniku mogućnost da unese odgovor, zatim uporedi odgovor sa tačnim i pokaže učeniku procenat tačno urađenih zadataka.

Prvo, kreirajmo HTML kod za zadatke:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

Verify

Ispred svakog zadatka simulacionog testa zamenili smo polje za unos teksta. Pročitajte više o različitim poljima u HTML-u u članku ovdje. Na kraju smo dodali dugme, klikom na koje treba da se izvrši provera na šta odgovara učenik koji je uneo u tekst.

Obratite pažnju na identifikatore “z_1”, “z_2” i “z_3”. Ako trebate dodati zadatak 4, trebate samo kopirati posljednji red sa zadatkom, zamijeniti uvjet i upisati “z_4” u polje identifikatora.

U posljednjem redu prikazat ćemo rezultat zadataka nakon provjere.

U sljedećoj fazi potrebno je kreirati javascript kod koji će uporediti ono što je učenik otkucao sa tačnim odgovorima i izračunati postotak završenih zadataka.

pr_otv_zadachi_1 = 55;
pr_otv_zadachi_2 = -9;
pr_otv_zadachi_3 = 85;

Prva tri reda će sadržavati tačne odgovore. Četvrti i naredni zadaci se dodaju u test tako što se prepisuje posljednji red s odgovorom, zamjenjuje se broj 4 umjesto 3 i označava tačan odgovor.

Sada treba da saznate šta je učenik uneo u odgovore. Za ovo koristimo sljedeći kod.

otv_uch_1 = document.getElementById (‘z_1’).vrijednost;
otv_uch_2 = document.getElementById (‘z_2’).vrijednost;
otv_uch_3 = document.getElementById (‘z_3’).vrijednost;

Četvrti zadatak će značiti novi red sa zamjenom brojeva 3 sa 4.

lopta = 0;
lopta + = 1;
}
lopta + = 1;
}
lopta + = 1;
}

Da biste dodali zadatak 4, morate kopirati posljednja tri reda i zamijeniti brojeve u njima s 4.

vsego_zadach = 3

U ovoj liniji označavamo koliko problema ima u testu uzorka. Ako ste dodali više, onda morate ispraviti ovu cifru.

Zatim morate prikazati odgovor na ekranu.

document.getElementById (‘rezultat’). innerHTML = „Poslovi su ispravno završeni u” + procent_vip + ”%.”;

To je sve. Sada kombinujmo sav kod u jednu HTML stranicu.

Izvršite testne zadatke:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

Verify

To je sav kod za tutorial test sa HTML odgovorima. Ovu datoteku možete preuzeti ispod. Koristite ovaj vodič da povećate ili smanjite broj zadataka.

Preuzmite predložak za testiranje. Jednostavna opcija

Preuzmi fajl: (Preuzimanja: 593)

U nastavku možete preuzeti proširenu verziju testa.

Razdvajanje testnih pitanja. Dodavanje dugmeta za sledeće pitanje

Moramo se pobrinuti da se istovremeno prikazuje samo jedno pitanje. A da biste prešli na sledeće pitanje, morali ste da pritisnete dugme "Sledeće pitanje".

Da bismo to učinili, dodajmo svako pitanje i okvir za odgovore u zasebne divove. A za drugo i treće pitanje dodajte parametar "display: none" kako biste ih sakrili. Za prvi, specificiramo parametar "display: block". I za svaki blok ćemo potpisati brojeve pitanja.

Također ćemo dodati kod za dugme Sljedeće pitanje.

Sledece pitanje

Funkcija sled_vopr () (if (document.getElementById ("vopros2"). Style.display == "block") (document.getElementById ("vopros2"). Style.display = "none"; document.getElementById ("vopros3") ) .style.display = "block"; document.getElementById ("kn_sl"). style.display = "none"; document.getElementById ("kn_pr"). style.display = "block";) if (document.getElementById ("vopros1"). style.display == "blok") (document.getElementById ("vopros1"). style.display = "none"; document.getElementById ("vopros2"). style.display = "blok"; ))

U prvom uslovu proveravamo da li je prikazano drugo pitanje, ako je tako, onda ga moramo sakriti i prikazati treće pitanje, a takođe moramo sakriti dugme za prebacivanje između test pitanja i prikazati dugme "Proveri" pošto ovo pitanje je poslednje. U drugom uslovu provjeravamo da li je prikazano prvo testno pitanje. Ako je tako, onda ga morate sakriti i pokazati drugo pitanje.

Kao rezultat, naš test izgleda ovako:

Ali u ovom slučaju bit će teže dodati nova pitanja testu.

Premještanje testnih pitanja i odgovora u zasebnu JavaScript datoteku

Da biste lakše zamijenili pitanja, potrebno ih je i odgovore prenijeti u posebnu datoteku. Tada ne morate tražiti ove podatke u glavnoj datoteci. Ako niste programer, ova pretraga će biti teška. Stoga kreiramo novu data.js datoteku i uključujemo je u glavnu html datoteku našeg testa. Zatim mu dodajemo nekoliko varijabli s pitanjima i nekoliko s odgovorima (odgovore prenosimo iz glavne datoteke).

Vopros_1 = "4 * 12 + 7 ="; vopros_2 = "7-8 * 2 ="; vopros_3 = "34 * 2 + 17 ="; pr_otv_zadachi_1 = 55; pr_otv_zadachi_2 = -9; pr_otv_zadachi_3 = 85;

I propisujemo javascript kod za postavljanje teksta pitanja iz varijabli nakon učitavanja stranice.

Document.addEventListener ("DOMContentLoaded", funkcija () (document.getElementById ("v_1"). InnerHTML = vopros_1; document.getElementById ("v_2"). InnerHTML = vopros_2; document.getElementById). ;));

To je sve. Sada, da biste zamijenili tekst testnih pitanja i odgovore na njega, trebate samo urediti datoteku data.js. Dodajmo naziv testa na isti način:

Var test = "Množenje";

Šifriranje testnih odgovora

Postoji jedan nedostatak u testu nastavnog plana i programa koji smo dobili. Ako učenik otvori datoteku "data.js", videće ne samo tekstove pitanja, već i odgovore. Stoga moramo šifrirati odgovore tako da ih učenik ne može prepoznati.

Za ovo koristimo funkciju kodirov. izgleda ovako:

Funkcija kodirov (stroka) (var b64ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg" + "hijklmnopqrstuvwxyz0123456789 + / ="; var b64enc = ""; var ch1, ch2, ch3; en var i > 2; en2 = ((ch1 & 3)<< 4) | (ch2 >> << 2) | (ch3 >>

Slično, šifriramo drugo i treće pitanje. Nakon šifriranja, sadržaj datoteke data.js izgleda ovako:

Var vopros_1 = "4 * 12 + 7 ="; var vopros_2 = "7-8 * 2 ="; var vopros_3 = "34 * 2 + 17 ="; var pr_otv_zadachi_1 = "NTU ="; var pr_otv_zadachi_2 = "LTk ="; var pr_otv_zadachi_3 = "ODU =";

Kao što možete vidjeti, odgovori su šifrirani i predstavljaju skup znakova.

U glavnoj datoteci morate šifrirati ono što je učenik napisao prije provjere.

Otv_uch_1 = document.getElementById ("z_1").Vrijednost; otv_uch_1 = kodirov (otv_uch_1); otv_uch_2 = document.getElementById ("z_2").vrijednost; otv_uch_2 = kodirov (otv_uch_2); otv_uch_3 = document.getElementById ("z_3").vrijednost; otv_uch_3 = kodirov (otv_uch_3);

Kao rezultat, program provjerava šifrirane odgovore i učenik ne može saznati odgovore na pitanja obrazovnog testa.

Prikaz rezultata odgovora na svako pitanje

Naš test za vježbu prikazuje ukupni rezultat kao postotak. Napravit ćemo tako da se rezultati također prikazuju za svako pitanje posebno. Tako će biti moguće izvršiti detaljniju analizu uspješnosti studenta na testu.

Da biste to učinili, potrebno je izmijeniti funkciju provjere odgovora učenika.

Funkcija proverit () (otv_uch_1 = document.getElementById ("z_1"). Vrednost; otv_ucgenika_1 = otv_uch_1; otv_uch_1 = kodirov (otv_uch_1); otv_uch_2 = document.getdotElement zugen2 otv_uch_le vrednost (vrednost otv_uch_3) otv_uch_2) ; otv_ucgenika_3 = otv_uch_3; otv_uch_3 = kodirov (otv_uch_3); ball = 0; if (otv_uch_1 pr.) Odgovorio si tačno. Vaš odgovor: "+ otv_ucgenika_1;) ostalo (otveti =" Pitanje 1. Odgovorio si pogrešno: "Netačno. + otv_ucgenika_1;) if (otv_uch_2 == pr_otv_zadachi_2) (loptica + = 1; odgovori + ="
Pitanje 2. Tačno ste odgovorili. Vaš odgovor: "+ otv_ucgenika_2;) ostalo (otveti + ="
Pitanje 2. Odgovorili ste pogrešno. Vaš odgovor: "+ otv_ucgenika_2;) if (otv_uch_3 == pr_otv_zadachi_3) (lopta + = 1; otveti + ="
Pitanje 3. Tačno ste odgovorili. Vaš odgovor: "+ otv_ucgenika_3;) ostalo (otveti + ="
Pitanje 3. Odgovorili ste pogrešno. Vaš odgovor: "+ otv_ucgenika_3;) vsego_zadach = 3; procent_vip = lopta / vsego_zadach * 100; document.getElementById (" rezultat "). InnerHTML =" Poslovi su tačno završeni na "+ procent_vip +"%.

"+ odgovori;)

Kao rezultat modifikacije ove funkcije, prikazuje se da li je učenik tačno odgovorio, a na ekranu se prikazuje i njegov odgovor. Nastavnik može uporediti učenikov odgovor sa tačnim, kao i analizirati obrazovno-vaspitni rad.

Tako smo dobili kompletan obrazovni test koji se može koristiti u našim obrazovnim aktivnostima. Radi praktičnosti, premjestio sam datoteku data.js u poseban folder. Datoteku data.js možete uređivati ​​u bilo kojem uređivaču teksta kao što je Notepad.

Nakon zadnjih modifikacija, povećanja fontova, dodavanja boje odgovorima, dobijamo sljedeći kompletan izvorni kod html datoteke:

Rezultat izvođenja testa sa greškom u trećem zadatku prikazan je na donjoj slici. Dodao sam i funkciju zaokruživanja "toFixed ()".

U nastavku možete preuzeti ovaj program.

Preuzmite predložak za testiranje

Preuzmi fajl: (Preuzimanja: 93)
Preuzmi fajl: (Preuzimanja: 102)
Preuzmi fajl: (Preuzimanja: 120)

Odgovore za test možete kodirati na našoj web stranici.

Dodavanje slika u test pitanja

Naravno, za mnoga pitanja, kada kreirate test, morate dodati slike. Često je potrebno dodati sliku umjesto teksta pitanja. Takođe implementiramo ovu funkciju kroz data.js datoteku. Urediću najveći test od 15 pitanja. Dakle, za svako pitanje ću dodati posebnu varijablu i naznačiti u njoj: ako postoji slika, onda - "da", inače - "ne".

Var vopros_ris_1 = "da"; var vopros_ris_2 = "ne"; var vopros_ris_3 = "ne"; var vopros_ris_4 = "da"; var vopros_ris_5 = "ne"; var vopros_ris_6 = "ne"; var vopros_ris_7 = "da"; var vopros_ris_8 = "ne"; var vopros_ris_9 = "ne"; var vopros_ris_10 = "ne"; var vopros_ris_11 = "ne"; var vopros_ris_12 = "ne"; var vopros_ris_13 = "ne"; var vopros_ris_14 = "ne"; var vopros_ris_15 = "da";

Skrećem vam pažnju da sam potpuno uklonio tekst pitanja da li postoji slika.

Var vopros_1 = ""; var vopros_2 = "7-8 * 2 ="; var vopros_3 = "34 * 2 + 17 ="; var vopros_4 = ""; var vopros_5 = "36 * 2 + 4 ="; var vopros_6 = "37 * 8 + 7 ="; var vopros_7 = ""; var vopros_8 = "39 * 12 + 19 ="; var vopros_9 = "40 * 2 + 16 ="; var vopros_10 = "41 * 4 + 3 ="; var vopros_11 = "42 * 8 - 7 ="; var vopros_12 = "43 * 6 - 5 ="; var vopros_13 = "4 * 62 - 6 ="; var vopros_14 = "45 * 9 - 9 ="; var vopros_15 = "";

Ali možete dodati i sliku i tekst pitanja.

U ovom slučaju, naznačio sam da će u pitanjima pod brojevima 1,4,7 i 15 biti slike. Tako da moram dodati ove slike u folder "data". Njihova imena moraju odgovarati (uključujući i smisleno) brojevima pitanja: "01.jpg", "04.jpg", "07.jpg" i "15.jpg".

U programski kod glavne datoteke dodao sam uslove koji provjeravaju varijable. Ako postoji slika, onda se ona postavlja na testno pitanje. Primjer takvog koda za prvo pitanje: if (vopros_ris_1 == "da") (vopros_1 = "

"+ vopros_1; document.getElementById (" v_1 "). innerHTML = vopros_1;) else (document.getElementById (" v_1 "). innerHTML = vopros_1;)

Preuzmi fajl: (Preuzimanja: 57)

Promiješaj test pitanja slučajnim redoslijedom

U slučaju kada test radi nekoliko učenika u odeljenju koji sede pored mene odjednom, suočio sam se sa problemom kada neki gledaju šta drugi sede da odgovaraju. Ovo je prvi razlog za zbrku pitanja. Drugi je jednostavno kreiranje velikog broja varijanti istog testa.

Ove manipulacije donekle komplikuju program. Ovo će zahtijevati kreiranje niza, stavljanje svih pitanja, slika i odgovora u njega, a zatim miješanje svega nasumičnim redoslijedom.

U isto vrijeme, nisam uređivao datoteku "data.js".
Ovako izgleda varijabla koja sadrži niz: voprosi = [,,,,,,,,,,,,,,];

Peremeshat_vse_voprosi (voprosi);

Dodajem novu varijablu u data.js datoteku, u kojoj mogu odrediti da li da promiješam pitanja ili ne ("da" ili "ne").

Var peremeshat_voprosi = "da";

Primjer izlaza pitanja u html datoteci:

Document.getElementById ("v_1").InnerHTML = voprosi;

Test sa mogućnošću miješanja pitanja možete preuzeti na linku ispod.

Pošto su pitanja mješovita, rezultatu rada programa dodao sam ne samo odgovore učenika, već i tekst pitanja. Sve sam ovo spojio u jednu tabelu.

Preuzmite test šablon sa slikama

Preuzmi fajl: (Preuzimanja: 59)

Vizuelni dizajn programa testiranja

Sve osnovne funkcije su dodane u test. Pređimo sada na dizajn obrazovnog programa testiranja. Koristim besplatnu bootstrap biblioteku da skratim vrijeme stiliziranja.

Dodane su bibliotečke klase i zamijenjena gotovo sva svojstva za dizajn i testnih pitanja i izlazne tablice rezultata.
Dakle, sam test izgleda ovako:

A tabela odgovora izgleda ovako:

Imajte na umu da sam također dodao skalu koristeći biblioteku za pokretanje kako bih pokazao postotak ispravno završenih testnih zadataka.

Dakle, najnoviju verziju (trenutno) već vizualno dizajniranog testa možete preuzeti sa linka ispod.

Preuzmite punu verziju predloška za testiranje

Preuzmi fajl: (Preuzimanja: 246)

Odgovore za test možete kodirati na našoj web stranici.

Tražili smo, tražili datoteku koju ste naveli, ali nikada nismo našli. Ovo može biti u jednom od dva slučaja:

1. Uradio si nešto pogrešno.
2. Nešto smo pogrešili.

Kako biste izbjegli upad u sličnu situaciju sljedeći put, poslušajte kratak razgovor o tome kako i zašto se pojavljuje stranica o grešci 404.

Kako i zašto se pojavljuje stranica o grešci 404

Vi ste se, naravno, često pitali zašto se prilikom kucanja adrese stranice ili klika na link pojavi nešto sasvim drugačije od očekivanog, a misteriozna i nerazumljiva stranica koja sadrži informacije koje su nama apsolutno nepotrebne. Ne samo da dobijemo razočarenje, jer nam umjesto onoga što želimo, daju "luknu", već je i ova stranica obično prekrivena banerima, kao da je samo svi posjećuju.

Dakle, stranica o grešci 404 javlja se kao rezultat sljedećih situacija. A pošto čitate ovaj tekst, znači da ste u jednom od njih.

1. Adresa stranice je upisana sa greškom

Pa, pogrešno, to se nikome ne dešava. Pažljivo pogledajte i ponovo upišite adresu. Ako ste sigurni da ste sve ispravno upisali, prijeđite na sljedeću tačku.

2. Stranicu je premjestio ili obrisao administrator stranice

Postojala je stranica, ali je otplivala. Možda su ga uklonili, možda su ga preimenovali, možda su ga premjestili, ili možda... Da, sve može. Jer administrator na sajtu može da radi šta hoće. Zato je on administrator! U ovom slučaju, ostaje samo da ga uhvatimo u mračnom uglu i ljubazno kažemo: „Kako to! Gdje je stranica sa obavezama, pitam zadnji put, stranica, pošto je tvoja takva, kuda ćeš? Vratite ga na mesto!" Nakon toga, svaka zdrava osoba, shvaćajući dubinu svoje zablude i potpune nesposobnosti, vrši preusmjeravanje sa adrese stare stranice na adresu nove. I mi smo sretni, možemo ponovo ukucati uobičajenu adresu, ne brinući više da li je tačna ili ne.

3. Programer je pogrešno naveo adresu veze

Još jednom, istorija se ponavlja iz mračnog ugla. Samo ovaj put smo uhvatili programera koji je napravio stranicu i napravio linkove na njoj. I opet, ljubaznim tonom, igrajući se hladnim oštrim predmetom u blizini njegovih mekih delova tela, molimo vas da sve uradite kako treba. Nakon ovako nevinog zahtjeva jednostavno je nemoguće odoljeti.

Nakon čitanja, možda ste imali ideju da ste na ovoj stranici isključivo krivnjom autora ove stranice. Usuđujem se da vas uvjerim da nije tako. Pročitaj prvi pasus, tamo sve piše.

Html »

je :

1. Web-stranice

2. Sistem programiranja

3. Grafički urednik

Programski kod

File

Skittle

3. Program za kreiranje Web Html :

MS Word

Paint

Kalkulator

Notebook

Server

Protokol

Html

Pretraživač

W eb site

Multimedija

7. Hipertekst je:

1. Veoma veliki tekst

Test na temu „Osnove jezika za označavanje hiperteksta Html »

1. HTML (HYPER TEXT MARKUP JEZIK) je :

1. Jedno od sredstava pri stvaranjuWeb-stranice

2. Sistem programiranja

3. Grafički urednik

4. Sistem upravljanja bazom podataka

2. Instrukcije pretraživaču koje ukazuju na način na koji se tekst prikazuje:

Programski kod

File

Skittle

3. Program za kreiranje Web -stranice koje koriste jezik Html :

MS Word

Paint

Kalkulator

Notebook

4. Web stranica (HTML dokument) je:

Tekstualni fajl sa ekstenzijom txt ili doc

Tekstualni fajl sa htm ili html ekstenzijom

Binarni fajl sa ekstenzijom com ili exe

Grafička datoteka sa ekstenzijom gif ili jpg

5. Program za pregled hipertekst stranica se zove:

Server

Protokol

Html

Pretraživač

6. Način na koji su informacije organizovane na Web serveru naziva se:

W eb site

Multimedija

7. Hipertekst je:

1. Veoma veliki tekst

2. Tekst koji koristi veliku veličinu fonta

3. Strukturirani tekst, gdje se možete kretati odabranim oznakama

Tekst koji sadrži objekte sa velikom količinom informacija

8. Hiperveze na web stranici mogu kretati...

1. samo unutar ove web stranice

2. samo na web stranicama ovog servera

3. na bilo koju web stranicu datog regiona

4. na bilo koju web stranicu bilo kojeg Internet servera

9. Oznaka je:

Html dokument?

1. < tijelo> tijelo>

1. < tijelo> tijelo>

2. < str> str>

3. < html> html>

4. < naslov> naslov>

1. < naslov> naslov>

2. < tijelo> tijelo>

3. < h1> h1>

4. < imgsrc=” ime”>

1. < str> str>

2. < imgsrc=” ime”>

3. < tijelo> tijelo>

4. < h1> h1>

14. Koje oznake stvaraju hipervezu na druge dokumente?

1. < imgsrc=” ime”>

15. Koje oznake kreiraju pasus u dokumentu?

16. Koji tag dodaje slikuHtml dokument?

9. Oznaka je:

1. Uputstva za pretraživač koji pokazuju kako se tekst prikazuje

2. Tekst koji koristi posebne znakove

3. Pokazivač na drugu datoteku ili objekt

4. Fragment programa uključen u web stranicu

10. Koje oznake označavaju pretraživaču šta je toHtml dokument?

1. < tijelo> tijelo>

11. Koje oznake definiraju vidljivi dio dokumenta?

1. < tijelo> tijelo>

2. < str> str>

3. < html> html>

4. < naslov> naslov>

12. Koje oznake stavljaju naslov dokumenta u sadržaj web pretraživača?

1. < naslov> naslov>

2. < tijelo> tijelo>

3. < h1> h1>

4. < imgsrc=” ime”>

13. Koje oznake određuju veličinu naslova?

1. < str> str>

2. < imgsrc=” ime”>

3. < tijelo> tijelo>