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

Zato je važno pronaći različite načine vježbanja i identificirati svoje snage i slabosti.
Praktično iskustvo pomaže vam da racionalno procijenite nedostatke u vašem znanju i stalno poboljšavate svoje vještine. Štoviše, provjera vašeg znanja održat će vas uvjerenjem da ostajete u tijeku s najnovijim trendovima u svom području.

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

Započnite vlastiti projekt

Biti stručnjak za teoriju je sjajno, ali malo je vjerojatno da ćete postići velike visine ako ne znate kako svoje ogromno znanje primijeniti u praksi. Zato je pokretanje projekta najbolji način djelovanja za vas. U procesu razvoja, primjerice, vlastite web stranice, moći ćete obilježiti napredak i ocijeniti ostvarenje svojih ciljeva.

Natjecati se

Najbolji način da se testirate je sudjelovanje u pravim natjecanjima u programiranju, na primjer u zajednici. CodeWars... U obliku igre se natječete s drugim stvarnim ljudima, učeći na vlastitim pogreškama. Ali 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 daljnjeg učenja je dobra opcija. U procesu komunikacije puno je lakše prepoznati svoje prednosti i slabosti te raditi na njima.

U isto vrijeme, zajednica je društvo talentiranih ljudi koji vam daju priliku i poticaj za usavršavanje. Sudjelujući u raspravama, možete sigurno postavljati pitanja i dobiti potrebne informacije.

Vježbajte u pješčaniku

Ovaj alat pokreće vaš kod i omogućuje vam da vidite rezultat njegovog izvršenja. Projekti se pokreću u pregledniku i mogu sudjelovati u natjecanjima i natjecanjima, što će pokazati koliko visoka očekivanja mogu ispuniti.

Izvor sadrži mnoge projekte otvorene 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 sudionici motivirali, na stranici se održavaju natjecanja u kojima možete odmjeriti snage s drugim programerima uz priliku zauzeti visoke pozicije na ljestvici i osvojiti 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 tečajevima obuke. Također možete vježbati s iskusnijim mentorom.

igra

Nije tajna da ako se iznenada odlučite malo zabaviti, od ovakvog oblika treninga možete imati puno više koristi nego od suhoparne teorije i vježbi rješavanja. Igranjem, uz svoje programerske vještine, dobivate užitak, naboj pozitivnih dojmova i visoku razinu zadovoljstva rezultatima. Igra čini novonastale zadatke življima i zanimljivijima, te stoga pokreće maštu i kreativno razmišljanje.

Pronađite web-mjesto s interaktivnim testovima

Najlakši način za objektivnu procjenu svojih programskih vještina je posjetiti web mjesto radi testiranja. Testovi pružaju priliku za rad na raznim pitanjima i dobru praksu. Svoju razinu možete procijeniti prije i nakon polaganja bilo kojeg testa ili tijeka testova.

Disciplinirajte se

Važan dio učenja i provjere vlastitog znanja je identificiranje najboljeg načina za postizanje maksimalne produktivnosti. Možete sudjelovati u aktivnostima koje će vam pomoći pronaći ovaj put. Na primjer, Čisti koderi je web-mjesto koje pruža ovu priliku kroz videozapise o profesionalnoj obuci. Štoviše, ovi videi su prilično zanimljivi, tako da ne morate brinuti o koncentraciji, bit ćete upijeni od prvih minuta.

Pogledajte svijet oko sebe

Stavite se uz bok programerima iz cijelog svijeta. Postoji društvena mreža koja vam omogućuje kontaktiranje slobodnih programera iz više od stotinu zemalja diljem 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 pojedinog jezika kako bih što pažljivije provjerio razinu vašeg znanja.

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

Postupak ispitivanja:

1. Slijedite link" Počnite s testiranjem"na odgovarajućem testu.
2. Odabirom odgovorite na postavljena pitanja jedini ispravna opcija.
3. Po završetku testiranja, vidjet ćete tvoj rezultat, broj grešaka, kao 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čni rezultat: 2,85 od 5 bodova.

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

2. CSS

   • Ukupno položen test: 29039 ljudi
   • Prosječni rezultat: 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), poznavati osnovna svojstva i njihove moguće vrijednosti, te također znati svrhu najpopularnijih pseudoelemenata.

3. JavaScript

   • Ukupno položen test: 22972 osobe
   • Prosječni rezultat: 3,3 od 5 bodova.

   Ovaj test testira vaše poznavanje jezika JavaScript. Pitanja iz testa pokrivaju različita područja primjene zadanog jezika. Puno je pitanja o razumijevanju "malih" nijansi. Za ostalo, morate znati osnovne stvari: rad s varijablama, osnovne JavaScript funkcije, prioritete operacija i tako dalje.

4. PHP

   • Ukupno položen test: 31651 osoba
   • Prosječni rezultat: 3,03 od 5 bodova.

   Ovaj test testira vaše znanje PHP jezika. Od vas se traži poznavanje osnovnih PHP konstrukcija, rad s varijablama, sesijama, implementacija preusmjeravanja i druge standardne stvari.
   Ozbiljna molba: Test sadrži mnoga pitanja tipa: "Što će ispisati skripta?" Veliki zahtjev, nema potrebe kopirati i provjeravati. Budite iskreni prema sebi.

5. SQL

   • Ukupno položen test: 17168 ljudi
   • Prosječni rezultat: 3,29 od 5 bodova.

   Ovaj test testira vaše poznavanje jezika upita SQL. Pitanja zahvaćaju samo najosnovnije znanje ovog jezika, bez ikakvog produbljivanja. Morat ćete poznavati najosnovnije SQL upite i koristiti ih mudro.

Ovaj članak vodi vas kroz uzastopno stvaranje testa za vježbanje. Ako ne želite čitati o programiranju, idite izravno na odjeljak s uputama o tome kako promijeniti test i preuzeti ga.

Izrada jednostavnog testa

Razvoj informacijske tehnologije i obrazovanja na daljinu dovodi do potrebe izrade elektroničkih obrazovnih testova. Mnogi učitelji i nastavnici suočeni su s izazovom izrade testova za kurikulum. Glavna poteškoća u rješavanju ovog problema je to što je za izradu takvih elektroničkih materijala potrebno poznavanje HTML-a i javascripta.

Kako riješiti ovaj problem. Učitelj može koristiti online alat za izradu testova ili pokušati samostalno izraditi test na temelju upotrebe predloška. 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 svaku pretvoriti u zaseban test.

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

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

Primjere treba prikazati na ekranu i učeniku dati mogućnost da unese odgovor, zatim usporedi odgovor s točnim i pokazati učeniku postotak točno odrađenih zadataka.

Prvo, napravimo HTML kod za zadatke:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

Ček

Ispred svakog zadatka probnog testa zamijenili smo polje za unos teksta. Pročitajte više o različitim poljima u HTML-u u članku ovdje. Na kraju smo dodali gumb, klikom na koji bi se trebala izvršiti provjera na što odgovara učenik koji je ukucao u tekst.

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

U zadnjem retku prikazat ćemo rezultat zadataka nakon provjere.

U sljedećoj fazi trebate izraditi javascript kod koji će usporediti ono što je učenik upisao s točnim odgovorima i izračunati postotak izvršenih zadataka.

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

Prva tri retka sadržavat će točne odgovore. Četvrti i sljedeći zadaci dodaju se testu tako da se prepiše zadnji redak s odgovorom, umjesto broja 4 umjesto 3 i navede točan odgovor.

Sada trebate saznati što je učenik unio u odgovore. Za to 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 s 4.

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

Da biste dodali zadatak 4, trebate kopirati posljednja tri retka 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 brojku.

Zatim morate prikazati odgovor na ekranu.

document.getElementById ('rezultat'). innerHTML = "Posao dovršen ispravno na" + procent_vip + "%.";

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

Dovršite testne zadatke:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

Ček

To je sav kod za tutorial test s HTML odgovorima. Ovu datoteku možete preuzeti u nastavku. Koristite ovaj vodič za povećanje ili smanjenje broja zadataka.

Preuzmite predložak za testiranje. Jednostavna opcija

Preuzmi datoteku: (Preuzimanja: 593)

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

Razdvajanje testnih pitanja. Dodavanje gumba za sljedeće pitanje

Moramo paziti da se istovremeno prikazuje samo jedno pitanje. A da biste se prebacili na sljedeće pitanje, morali ste pritisnuti gumb "Sljedeć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 navodimo parametar "display: block". I za svaki blok ćemo potpisati brojeve pitanja.

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

Sljedeće pitanje

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

U prvom uvjetu provjeravamo je li prikazano drugo pitanje, ako je tako, onda ga moramo sakriti i prikazati treće pitanje, a također moramo sakriti gumb za prebacivanje između testnih pitanja i prikazati gumb "Provjeri" jer ovo pitanje je zadnje. U drugom uvjetu provjeravamo je li 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

Kako biste lakše zamijenili pitanja, morate ih i odgovore prenijeti u zasebnu datoteku. Tada ne morate tražiti ove podatke u glavnoj datoteci. Ako niste programer, ova potraga će biti teška. Stoga stvaramo 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, kako 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 kurikuluma koji smo dobili. Ako učenik otvori datoteku "data.js", vidjet će ne samo tekstove pitanja, već i odgovore. Stoga moramo šifrirati odgovore tako da ih učenik ne može prepoznati.

Za to 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 enkripcije, 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š praktični test prikazuje ukupni rezultat u postocima. Napravit ćemo tako da se rezultati također prikazuju za svako pitanje posebno. Tako će biti moguće provesti detaljniju analizu uspješnosti studenta na ispitu.

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

Funkcija provjerit () (otv_uch_1 = document.getElementById ("z_1"). Vrijednost; otv_ucgenika_1 = otv_uch_1; otv_uch_1 = kodirov (otv_uch_1); otv_uch_2 = document.getdotElement zugen2 otv_uch_dy = vrijednost otv_uch_2" otv_uch_2) ; otv_ucgenika_3 = otv_uch_3; otv_uch_3 = kodirov (otv_uch_3); ball = 0; if (otv_uch_1 pr.) Odgovorili ste točno. Vaš odgovor: "+ otv_ucgenika_1;) ostalo (otveti =" Pitanje 1. Odgovorili ste pogrešno: "Netočno. + otv_ucgenika_1;) if (otv_uch_2 == pr_otv_zadachi_2) (loptica + = 1; otveti + ="
Pitanje 2. Točno ste odgovorili. Vaš odgovor: "+ otv_ucgenika_2;) ostalo (otveti + ="
Pitanje 2. Netočno ste odgovorili. Vaš odgovor: "+ otv_ucgenika_2;) if (otv_uch_3 == pr_otv_zadachi_3) (loptica + = 1; otveti + ="
Pitanje 3. Točno ste odgovorili. Vaš odgovor: "+ otv_ucgenika_3;) ostalo (otveti + ="
Pitanje 3. Netočno ste odgovorili. Vaš odgovor: "+ otv_ucgenika_3;) vsego_zadach = 3; procent_vip = lopta / vsego_zadach * 100; document.getElementById (" rezultat "). InnerHTML =" Poslovi dovršeni ispravno na "+ procent_vip +"%.

"+ odgovori;)

Kao rezultat izmjene ove funkcije, prikazuje se da li je učenik točno odgovorio, a na ekranu se također prikazuje njegov odgovor. Učitelj može usporediti učenikov odgovor s točnim, kao i analizirati odgojno-obrazovni rad.

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

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

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

U nastavku možete preuzeti ovaj program.

Preuzmite predložak za testiranje

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

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

Dodavanje slika testnim pitanjima

Naravno, za mnoga pitanja, prilikom izrade testa, morate dodati slike. Često je potrebno dodati sliku umjesto teksta pitanja. Ovu značajku također implementiramo putem datoteke data.js. Uredit ću najveći test od 15 pitanja. Dakle, za svako pitanje ću dodati zasebnu 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 pozornost da sam potpuno uklonio tekst pitanja postoji li 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. Stoga moram dodati ove slike u mapu "podaci". Njihova imena moraju odgovarati (uključujući smisleno) brojevima pitanja: "01.jpg", "04.jpg", "07.jpg" i "15.jpg".

U programskom kodu glavne datoteke dodao sam uvjete koji provjeravaju varijable. Ako postoji slika, onda se ona učitava 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 datoteku: (Preuzimanja: 57)

Promiješaj testna pitanja slučajnim redoslijedom

U slučaju kada test provodi nekoliko učenika u razredu koji sjede do mene odjednom, naišao sam na problem kada jedni gledaju što drugi sjede pored mene. To je prvi razlog za zbrku pitanja. Drugi je jednostavno stvoriti veliki broj varijanti istog testa.

Ove manipulacije donekle kompliciraju program. To će zahtijevati stvaranje niza, stavljanje svih pitanja, slika i odgovora u njega, a zatim miješanje svega slučajnim redoslijedom.

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

Peremeshat_vse_voprosi (voprosi);

Datoteci data.js dodajem novu varijablu u kojoj mogu odrediti trebam li promiješati pitanja ili ne ("da" ili "ne").

Var peremeshat_voprosi = "da";

Primjer izlaza pitanja u html datoteci:

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

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

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

Preuzmite testni predložak sa slikama

Preuzmi datoteku: (Preuzimanja: 59)

Vizualni dizajn programa testiranja

Testu su dodane sve osnovne funkcije. Prijeđimo sada na dizajn obrazovnog testnog programa. 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 ljestvicu koristeći biblioteku za pokretanje kako bih pokazao postotak ispravno dovršenih testnih zadataka.

Dakle, najnoviju verziju (trenutno) već vizualno osmišljenog testa možete preuzeti s donje poveznice.

Preuzmite punu verziju predloška za testiranje

Preuzmi datoteku: (Preuzimanja: 246)

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

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

1. Nešto si krivo učinio.
2. Nešto smo pogriješ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 s greškom 404.

Kako i zašto se pojavljuje stranica s greškom 404

Vi ste se, naravno, često pitali zašto se prilikom upisivanja adrese stranice ili klika na određenu poveznicu pojavi nešto sasvim drugačije od očekivanog, a tajanstvena i nerazumljiva stranica koja sadrži informacije koje nam apsolutno nisu potrebne. Ne samo da dobijemo razočaranje, jer nam umjesto onoga što želimo, daju "dummy", već je i ova stranica obično prekrivena bannerima, kao da je samo svi posjećuju.

Dakle, stranica s greškom 404 pojavljuje se kao rezultat sljedećih situacija. A budući da čitate ovaj tekst, znači da ste u jednom od njih.

1. Adresa stranice je upisana s greškom

Pa krivo, to se nikome ne događa. Pažljivo pogledajte i ponovno upišite adresu. Ako ste sigurni da ste sve ispravno upisali, prijeđite na sljedeću točku.

2. Stranicu je premjestio ili obrisao administrator stranice

Postojala je stranica, ali je otplutala. Možda su ga uklonili, možda preimenovali, možda premjestili, ili možda... Da, sve može. Jer administrator na stranici može raditi što želi. Zato je administrator! U ovom slučaju, ostaje ga samo uhvatiti u mračnom kutu i pristojno reći: „Kako to! Gdje je to-do stranica, pitam zadnji put, stranica, pošto je tvoja takva, kamo ćeš? Vratite ga na mjesto!" Nakon toga svaka zdrava osoba, shvaćajući dubinu svoje zablude i potpune nesposobnosti, napravi preusmjeravanje s adrese stare stranice na adresu nove. I sretni smo, možemo ponovno upisati uobičajenu adresu, ne brinući više je li točna ili ne.

3. Programer je pogrešno naveo adresu veze

Još jednom, povijest se ponavlja iz mračnog kuta. Samo ovaj put hvatamo programera koji je napravio stranicu i napravio linkove na njoj. I opet, uljudnim tonom, igrajući se hladnim oštrim predmetom u blizini njegovih mekih dijelova tijela, molimo vas da sve učinite kako treba. Nakon ovako nevinog zahtjeva jednostavno je nemoguće odoljeti.

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

HTML »

je :

1. mreža-stranice

2. Sustav programiranja

3. Grafički urednik

Programski kod

Datoteka

Čunj

3. Program za kreiranje mreža HTML :

MS Word

Boja

Kalkulator

Bilježnica

Poslužitelj

Protokol

HTML

Preglednik

W eb stranica

Multimedija

7. Hipertekst je:

1. Vrlo velik tekst

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

1. HTML (JEZIK ZA OZNAČAVANJE HIPER TEKSTA) je :

1. Jedno od sredstava pri stvaranjumreža-stranice

2. Sustav programiranja

3. Grafički urednik

4. Sustav upravljanja bazom podataka

2. Upute pregledniku koje pokazuju način na koji se tekst prikazuje:

Programski kod

Datoteka

Čunj

3. Program za kreiranje mreža -stranice koje koriste jezik HTML :

MS Word

Boja

Kalkulator

Bilježnica

4. Web stranica (HTML dokument) je:

Tekstualna datoteka s nastavkom txt ili doc

Tekstualna datoteka s htm ili html ekstenzijom

Binarna datoteka s nastavkom com ili exe

Grafička datoteka s nastavkom gif ili jpg

5. Program za pregled hipertekst stranica zove se:

Poslužitelj

Protokol

HTML

Preglednik

6. Način na koji su informacije organizirane na web poslužitelju naziva se:

W eb stranica

Multimedija

7. Hipertekst je:

1. Vrlo velik tekst

2. Tekst koji koristi veliku veličinu fonta

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

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

8. Hiperveze na web stranici mogu kretati...

1. samo unutar ove web stranice

2. samo na web stranicama ovog poslužitelja

3. na bilo koju web stranicu dane regije

4. na bilo koju web stranicu bilo kojeg internetskog poslužitelja

9. Oznaka je:

HTML dokument?

1. < tijelo> tijelo>

1. < tijelo> tijelo>

2. < str> str>

3. < html> html>

4. < titula> titula>

1. < titula> titula>

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 stvaraju odlomak u dokumentu?

16. Koja oznaka dodaje slikuHTML dokument?

9. Oznaka je:

1. Upute pregledniku koje pokazuju kako se tekst prikazuje

2. Tekst koji koristi posebne znakove

3. Pokazivač na drugu datoteku ili objekt

4. Ulomak programa uključen u web stranicu

10. Koje oznake označavaju pregledniku što je toHTML dokument?

1. < tijelo> tijelo>

11. Koje oznake definiraju vidljivi dio dokumenta?

1. < tijelo> tijelo>

2. < str> str>

3. < html> html>

4. < titula> titula>

12. Koje oznake stavljaju naslov dokumenta u sadržaj web preglednika?

1. < titula> titula>

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>