HTML-tietotason testi. Web-teknologioiden tuntemuksen testit

HTML »

On :

verkkosivut

Ohjelmointijärjestelmä

Graafinen editori

Ohjelmakoodi

Tiedosto

Keila

3. Ohjelma Web-HTML:n luomiseen:

MS Word

Maali

Laskin

Muistikirja

Palvelin

pöytäkirja

HTML

Selain

Verkkosivusto

Multimedia

7. Hyperteksti on:

Teksti on erittäin iso koko

Testi aiheesta "Hypertext Markup Language HTML:n perusteet"

1. HTML (HYPERTEKSTIMERKINTÄKIELI) on:

Yksi Web-sivujen luomisen työkaluista

Ohjelmointijärjestelmä

Graafinen editori

Tietokannan ohjausjärjestelmä

2. Ohjeet selaimelle, kuinka teksti tulee näyttää:

Ohjelmakoodi

Tiedosto

Keila

3. Ohjelma web-sivun luomiseen HTML:llä:

MS Word

Maali

Laskin

Muistikirja

4. Verkkosivu ( HTML-dokumentti) edustaa:

Tekstitiedosto Kanssa txt laajennus tai doc

Tekstitiedosto htm- tai html-tunnisteella

Binääritiedosto tunnisteella com tai exe

Graafinen tiedosto gif laajennus tai jpg

5. Ohjelma hypertekstisivujen katseluun on nimeltään:

Palvelin

pöytäkirja

HTML

Selain

6. Menetelmää tietojen järjestämiseksi Web-palvelimella kutsutaan nimellä:

Verkkosivusto

Multimedia

7. Hyperteksti on:

Erittäin suuri teksti

Teksti, jossa käytetään suurta kirjasinkokoa

Jäsenneltyä tekstiä, jossa siirtymät valittuihin tunnisteisiin ovat mahdollisia

Teksti, joka sisältää suuren määrän tietoa sisältäviä objekteja

8. Web-sivun hyperlinkit voivat tarjota linkin...

vain tällä verkkosivulla

vain tämän palvelimen web-sivuilla

mille tahansa tämän alueen verkkosivulle

mille tahansa Internet-palvelimen verkkosivulle

9. Tunniste on:

HTML-dokumentti?

< body >runko >

< body >runko >

< p >p>

< html >html >

< title >otsikko >

< title >otsikko >

< body >runko >

< h 1>h 1>

< img src =” name ”>

< p >p>

< img src =” name ”>

< body >runko >

< h 1>h 1>

14. Mitkä tagit luovat hyperlinkin muihin asiakirjoihin?

< img src =” name ”>

15. Mitkä tagit luovat kappaleen dokumenttiin? 16. Mikä tagi lisää kuvan HTML-dokumenttiin? 9. Tunniste on:

Selaimelle annettavat ohjeet tekstin näyttämiseen

Teksti, jossa käytetään erikoismerkkejä

Osoita toiseen tiedostoon tai objektiin

Fragmentti Web-sivulle sisältyvästä ohjelmasta

10. Mitkä tagit kertovat selaimelle, että tämä on HTML-dokumentti?

< body >runko >

11. Mitä tunnisteet määrittelevät näkyvä osa asiakirja?

< body >runko >

< p >p>

< html >html >

< title >otsikko >

12. Mitkä tagit sijoittavat asiakirjan otsikon verkkoselaimen sisällysluetteloon?

< title >otsikko >

< body >runko >

< h 1>h 1>

< img src =” name ”>

13. Mitkä tagit määrittävät otsikon koon?

< p >p>

< img src =” name ”>

< body >runko >

Jos haluat parantaa kehitystaitojasi, paras tapa täydellisyyteen - harjoittele. Tarjoamme resursseja HTML/CSS-tiedon testaamiseen.

Siksi on tärkeää löytää eri tavoilla harjoittele ja tunnista vahvuutesi ja heikkoja puolia.
Käytännön kokemus auttaa sinua rationaalisesti arvioimaan tietämyksesi puutteita ja jatkuvasti parantamaan taitojasi. Lisäksi tietojesi testaaminen pitää sinut varmana siitä, että pysyt pelin kärjessä. uusimmat trendit alueellasi.

Joten tässä on kymmenen tapaa testata HTML- ja CSS-tietosi ja tulla ammattimaisemmiksi web-kehittäjäksi.

Aloita oma projektisi

Teorian asiantuntijana oleminen on hienoa, mutta et todennäköisesti saavuta suuria korkeuksia, jos et osaa soveltaa laajaa tietämyksesi käytäntöön. Siksi aloittaa projekti - paras suunnitelma toimintaa sinulle. Kun kehität esimerkiksi omaa verkkosivustoasi, voit merkitä edistymistäsi ja arvioida tavoitteidesi saavuttamista.

Kilpailla

Paras tapa testata voimaasi on osallistua oikeisiin ohjelmointikilpailuihin esimerkiksi CodeWars-yhteisössä. Pelin muodossa kilpailet muiden kanssa oikeita ihmisiä, oppia omista virheistä. Mutta tämä on järkevää vain, jos pelaat reilusti.

Liity yhteisöön

Jos kilpailu on liikaa Vaikea valinta sinulle, varsinkin jos olet täysin uusi, hyvä vaihtoehto liittyy yhteisöön testaamaan ja täydentämään koulutusta. Viestintäprosessissa on paljon helpompi tunnistaa vahvuutesi ja heikkoutesi ja työstää niitä.

Samalla yhteisö on joukko lahjakkaita ihmisiä, jotka antavat sinulle mahdollisuuden ja kannustimen kehittyä. Osallistumalla keskusteluihin voit turvallisesti esittää kysymyksiä ja saada tarvitsemaasi tietoa.

Harjoittele hiekkalaatikossa

Tämä työkalu suorittaa koodisi ja antaa sinun nähdä sen suorituksen tuloksen. Projektit toimivat selaimessa ja voivat osallistua kilpailuihin ja kilpailuihin, jotka osoittavat kuinka korkeat odotukset he osaavat perustella.

Resurssi sisältää monia opiskelulle avoimia projekteja, joiden avulla pääset ymmärtämään niiden toimintaa ja soveltamaan hankittua tietoa omassa käytännössä. Ajoittain osallistujien motivoimiseksi sivusto järjestää kilpailuja, joissa voit kilpailla muiden ohjelmoijien kanssa ja saavuttaa korkeita sijoituksia tulostaulukossa ja voittaa palkintoja.

Kokeile pulmia ja pikakyselyjä

Verkosta on saatavilla lukemattomia tietokilpailuja ja pulmapelejä, jotka kattavat HTML-, CSS- ja muut ohjelmointikielet. Pääsääntöisesti ne ovat läsnä maksullisilla sivustoilla koulutuskurssien lisänä. Voit myös harjoitella kokeneemman mentorin kanssa.

pelata

Ei ole mikään salaisuus, että jos päätät yhtäkkiä pitää hauskaa, voit saada paljon irti tästä harjoittelusta. lisää etuja kuin kuivasta teoriasta ja ratkaisuharjoituksista. Pelaamalla saat ohjelmointitaitojen ohella nautintoa, latauksen positiivisista vaikutelmista ja korkeatasoinen tyytyväisyys tuloksiin. Peli tekee nousevista tehtävistä eloisampia ja kiinnostavampia ja saa siten mielikuvituksen ja luovan ajattelun toimimaan.

Etsi sivusto, jossa on interaktiivisia testejä

Eniten yksinkertaisella tavalla Ohjelmointitaitojen objektiivinen arviointi on vierailla sivustolla testaamaan. Testit tarjoavat mahdollisuuden käsitellä erilaisia ​​kysymyksiä ja saada hyviä harjoituksia. Voit arvioida tasosi ennen minkä tahansa testin tai testikurssin läpäisemistä ja sen jälkeen.

Kuri itseäsi

Tärkeä osa oman tietosi oppimis- ja testausprosessia on tunnistautuminen paras tapa saavuttaa maksimaalisen tuottavuuden. Voit osallistua toimintaan, joka auttaa sinua löytämään tämän tien. Esimerkiksi Clean Coders on sivusto, joka tarjoaa tämän mahdollisuuden ammattikoulutusvideoiden kautta. Lisäksi nämä videot ovat erittäin mielenkiintoisia, joten sinun ei tarvitse huolehtia keskittymisestä, vaan jäät koukkuun ensimmäisistä minuuteista lähtien.

Katso ympäri maailmaa

Aseta itsesi kehittäjien viereen kaikkialta maailmasta. Syödä sosiaalinen verkosto, jonka avulla voit olla yhteydessä freelance-ohjelmoijiin yli sadasta maasta ympäri maailmaa. Löydät monia lahjakkaita ihmisiä sekä mahdollisuuden arvioida kykyjäsi ja oppia uusia asioita.

Artikkelissa kuvataan peräkkäinen luominen koulutustesti. Jos et halua lukea ohjelmoinnista, siirry suoraan kohtaan, jossa on ohjeet testin muokkaamisesta ja lataamisesta.

Yksinkertaisen testin luominen

Kehitys tietotekniikat ja etäopetus johtaa tarpeeseen luoda sähköisiä koulutustestejä. Monet opettajat ja luennoitsijat kohtaavat koulutustestien luomisen ongelman. Päävaikeus Ratkaisu tähän ongelmaan on, että tällaisten sähköisten materiaalien luomisessa vaaditaan HTML:n ja javascriptin tuntemusta.

Kuinka ratkaista tämä ongelma. Opettaja voi käyttää online-suunnittelija testejä tai yritä luoda testi itse mallin avulla. Se on toinen vaihtoehto, jota tarkastelemme tässä artikkelissa.

Luomme yksinkertaisen mallin, joka voidaan sitten kertoa useiksi tiedostoiksi ja muuttaa jokaisesta erilliseksi testiksi.

Oletetaan, että on olemassa yksinkertainen matemaattinen testi, joka koostuu useista matemaattisista ongelmista:

4*12 +7 =

7-8*2 =

34*2 + 17 =

Esimerkit tulee näyttää näytöllä ja opiskelijalle tulee antaa mahdollisuus kirjoittaa vastaus, verrata vastausta oikeaan ja näyttää opiskelijalle oikein suoritettujen tehtävien prosenttiosuus.

Luodaan ensin HTML-koodi tehtäville:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

Tarkistaa

Jokaisen harjoitustestin tehtävän viereen olemme lisänneet tekstinsyöttökentän. Lue lisää HTML:n eri aloista linkin artikkelista. Lopuksi lisäsimme painikkeen, jota napsautettuna pitäisi tarkistaa, mitä opiskelija vastaa tekstiin.

Kiinnitä huomiota tunnisteisiin "z_1", "z_2" ja "z_3". Jos sinun on lisättävä tehtävä 4, sinun tarvitsee vain kopioida tehtävän viimeinen rivi, korvata ehto ja kirjoittaa "z_4" tunnistekenttään.

Viimeisellä rivillä näytämme tehtävien tuloksen vahvistuksen jälkeen.

Seuraavassa vaiheessa sinun on luotava JavaScript-koodi, joka vertaa oppilaan kirjoittamia oikeita vastauksia ja laskee suoritettujen tehtävien prosenttiosuuden.

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

Kolmella ensimmäisellä rivillä on oikeat vastaukset. Neljäs ja sitä seuraavat tehtävät lisätään kokeeseen kopioimalla viimeinen vastausrivi, korvaamalla numero 4 3:n sijaan ja osoittamalla oikea vastaus.

Nyt sinun on selvitettävä, mitä opiskelija vastasi. Tätä varten käytämme seuraavaa koodia.

otv_uch_1 = document.getElementById('z_1').arvo;
otv_uch_2 = document.getElementById('z_2').arvo;
otv_uch_3 = document.getElementById('z_3').arvo;

Neljäs tehtävä tarkoittaa uusi rivi ja numerot 3 korvataan 4:llä.

pallo = 0;
pallo +=1;
}
pallo +=1;
}
pallo +=1;
}

Tehtävän 4 lisäämiseksi sinun on kopioitava kolme viimeistä riviä ja korvattava niillä olevat numerot 4:llä.

vsego_zadach = 3

Tällä rivillä ilmoitamme kuinka monta tehtävää harjoitustestissä on. Jos lisäsit enemmän, sinun on korjattava tämä luku.

Sitten sinun on näytettävä vastaus näytölle.

document.getElementById('rezultat').innerHTML = ""+procent_vip+" suoritti tehtävät oikein.";

Siinä kaikki. Yhdistetään nyt kaikki koodi yhdeksi HTML-sivuksi.

Monitehtävä matemaattinen koe

p(
kirjasinkoko: 24px;
}
input(
kirjasinkoko: 24px;
}

Suorita testitehtävät:

4*12 + 7 =

7-8*2 =

34*2 + 17 =

Tarkistaa


funktio prove())(
pr_otv_zadachi_1 = 55;
pr_otv_zadachi_2 = -9;
pr_otv_zadachi_3 = 85;
otv_uch_1 = document.getElementById("z_1").arvo;
otv_uch_2 = document.getElementById("z_2").arvo;
otv_uch_3 = document.getElementById("z_3").arvo;
pallo = 0;
if(otv_uch_1 == pr_otv_zadachi_1)(
pallo +=1;
}
if(otv_uch_2 == pr_otv_zadachi_2)(
pallo +=1;
}
if(otv_uch_3 == pr_otv_zadachi_3)(
pallo +=1;
}
vsego_zadach = 3;
prosentuaalinen_vip = pallo/vsego_zadach * 100;
document.getElementById("rezultat").innerHTML = "Tehtävät suoritettu oikein kohdassa "+procent_vip+"%.";
}

Tässä on harjoitustestin koko koodi ja vastaukset HTML-muodossa. Alta voit ladata tämän tiedoston. Käyttää näitä ohjeita tehtävien määrän lisäämiseksi tai vähentämiseksi.

Lataa testimalli. Yksinkertainen vaihtoehto

Lataa tiedosto: (latauksia: 593)

Alta voit ladata testin laajennetun version. Erottelevat testikysymykset. Painikkeen lisääminen Seuraava kysymys"

Meidän on varmistettava, että vain yksi kysymys näytetään kerrallaan. Ja siirtyäksesi seuraavaan kysymykseen sinun piti napsauttaa "Seuraava kysymys" -painiketta.

Voit tehdä tämän lisäämällä kukin kysymys- ja vastauskenttä erottumaan div-lohkot. Lisäksi toiseen ja kolmanteen kysymykseen lisäämme "display:none" -parametrin piilottaaksemme ne. Ensimmäiselle määritämme parametrin "display:block". Ja jokaiselle lohkolle allekirjoitamme kysymysnumerot.

Kysymys 1

4*12 + 7 =

Kysymys 2

7-8*2 =

Kysymys 3

34*2 + 17 =

Lisäämme myös koodin "Seuraava kysymys" -painikkeelle.

Seuraava kysymys

Funktio sled_vopr())( if(document.getElementById("vopros2").style.display == "block")( document.getElementById("vopros2").style.display = "ei mitään"; document.getElementById("vopros3" " ).style.display = "block"; document.getElementById("kn_sl").style.display = "ei mitään"; document.getElementById("kn_pr").style.display = "block" ) if(document.getElementById ("vopros1").style.display == "block")( document.getElementById("vopros1").style.display = "ei mitään"; document.getElementById("vopros2").style.display = "esto"; ) )

Ensimmäisessä ehdossa tarkistamme, näkyykö toinen kysymys, jos on, se on piilotettava ja kolmas kysymys näytettävä, ja meidän on myös piilotettava testikysymysten välillä vaihtopainike ja näytettävä "Tarkista"-painike, koska tämä on viimeinen kysymys. Toisessa ehdossa tarkistamme, näkyykö ensimmäinen testikysymys. Jos näin on, sinun on piilotettava se ja näytettävä toinen kysymys.

Tämän seurauksena testimme näyttää tältä:

Mutta tässä versiossa uusien kysymysten lisääminen testiin on vaikeampaa.

Testin kysymysten ja vastausten siirtäminen erillinen tiedosto JavaScript

Kysymysten korvaamisen helpottamiseksi sinun on siirrettävä ne ja vastaukset erilliseen tiedostoon. Tällöin sinun ei tarvitse etsiä näitä tietoja päätiedostosta. Jos et ole ohjelmoija, tällainen haku ei ole helppoa. Joten luomme uusi tiedosto data.js ja liitä se testimme päähtml-tiedostoon. Seuraavaksi lisäämme siihen useita muuttujia, joissa on kysymyksiä ja useita vastauksia (siirrämme vastaukset päätiedostosta).

Kysymykset_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;

Kysymys 1

Kysymys 2

Kysymys 3

Ja kirjoitamme javascript-koodin kysymystekstien asettamiseen muuttujista sivun latauksen jälkeen.

Document.addEventListener("DOMContentLoaded", function())( document.getElementById("v_1").innerHTML = vopros_1; document.getElementById("v_2").innerHTML = vopros_2; document.getElementById("v_3"). vopros_3 ));

Siinä kaikki. Nyt, jotta voit korvata testikysymysten tekstin ja vastaukset niihin, sinun tarvitsee vain muokata data.js-tiedostoa. Lisätään testin nimi samalla tavalla:

Var testi = "Kertokerta";

Testivastausten salaus

Keksimämme koulutustestiohjelmassa on yksi puute. Jos opiskelija avaa “data.js”-tiedoston, hän näkee kysymysten tekstien lisäksi myös vastaukset. Siksi meidän on salattava vastaukset, jotta opiskelija ei voi tunnistaa niitä.

Tätä varten käytämme kodirov-funktiota. Se näyttää tältä:

Funktio kodirov(stroka) ( var b64ch = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefg"+ "hijklmnopqrstuvwxyz0123456789+/="; var b64enc = ""; var ch1, ch2, ch3; var ,4, ch3; var ,4 eni > 2 en2 = ((ch1 & 3) > >

Salaamme toisen ja kolmannen kysymyksen samalla tavalla. Salauksen jälkeen data.js-tiedoston sisältö näyttää tältä:

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=";

Kuten näet, vastaukset ovat salattuja ja ovat merkkijoukko.

Päätiedostossa sinun on salattava opiskelijan kirjoittama ennen sen tarkistamista.

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

Seurauksena on, että ohjelma tarkistaa salatut vastaukset, eikä opiskelija saa vastauksia koulutustestin kysymyksiin.

Kirjoita vastauksen tulos jokaiseen kysymykseen

Harjoittelutestituloksemme kokonaistulos prosentteina. Varmistetaan, että kunkin kysymyksen tulokset näytetään erikseen. Tällä tavalla on mahdollista toteuttaa enemmän yksityiskohtainen analyysi kokeen suorittavat opiskelijat.

Tätä varten sinun on muutettava oppilaiden vastausten tarkistustoimintoa.

Funktio proverit())( otv_uch_1 = document.getElementById("z_1").arvo; otv_ucgenika_1 = otv_uch_1; otv_uch_1 = kodirov(otv_uch_1); otv_uch_2 = document.getElementById("z_otuch" =valuucgenika_otv; 2 = ko dirov( otv_uch_3 = document.getElementById("z_3"). otv_uch_3 = kodirov(otv_uch_3) Vastauksesi: "+otv_ucgenika_1; ) else ( otveti = "Kysymys 1. Vastasit väärin. Vastauksesi: "+otv_ucgenika_1; ) if(otv_uch_2 == pr_otv_zadachi_2)( ball +=1; otveti += "
Kysymys 2. Vastasit oikein. Vastauksesi: "+otv_ucgenika_2; ) else ( otveti += "
Kysymys 2. Vastasit väärin. Vastauksesi: "+otv_ucgenika_2; ) if(otv_uch_3 == pr_otv_zadachi_3)( ball +=1; otveti += "
Kysymys 3. Vastasit oikein. Vastauksesi: "+otv_ucgenika_3; ) else ( otveti += "
Kysymys 3. Vastasit väärin. Vastauksesi: "+otv_ucgenika_3; ) vsego_zadach = 3; procent_vip = ball/vsego_zadach * 100; document.getElementById("rezultat").innerHTML = "Tehtävät suoritettu oikein kohdassa "+procent_vip+"%.

"+otveti;)

Tämän toiminnon muuttamisen seurauksena näytetään, vastasiko opiskelija oikein, ja hänen vastauksensa näkyy myös näytöllä. Opettaja voi verrata opiskelijan vastausta oikeaan sekä analysoida opetustyötä.

Näin ollen olemme saaneet täysimittaisen koulutustestin, jota voit käyttää sinun koulutustoimintaa. Mukavuuden vuoksi siirsin data.js-tiedoston kohteeseen erillinen kansio. Voit muokata data.js-tiedostoa missä tahansa tekstieditori, esimerkiksi "Muistilehtiö".

Viimeisten muutosten, fonttien suurentamisen ja vastauksiin värin lisäämisen jälkeen saamme seuraavan täydellisen lähde html-tiedosto:

Testi p, span, syöttö ( font-size:24px; ) button( font-size:18px; ) #vo ( color:green; ) #nvo ( color:red; ) #ot ( color:blue; )

Testata. Aihe. .

Kysymys 1

Kysymys 2

Kysymys 3

Seuraava kysymys Tarkista document.addEventListener("DOMContentLoaded", function())( document.getElementById("v_1").innerHTML = vopros_1; document.getElementById("v_2").innerHTML = vopros_2; document.getElementById)("v_3") . innerHTML = vopros_3; document.getElementById("tema").innerHTML = testi )); funktio sled_vopr())( if(document.getElementById("vopros2").style.display == "block")( document.getElementById("vopros2").style.display = "ei mitään"; document.getElementById("vopros3" " ).style.display = "block"; document.getElementById("kn_sl").style.display = "ei mitään"; document.getElementById("kn_pr").style.display = "block" ) if(document.getElementById ("vopros1").style.display == "block")( document.getElementById("vopros1").style.display = "ei mitään"; document.getElementById("vopros2").style.display = "esto"; ) ) funktio proverit())( otv_uch_1 = document.getElementById("z_1").arvo; otv_ucgenika_1 = otv_uch_1; otv_uch_1 = kodirov(otv_uch_1); otv_uch_2 = document.getElementById = document.getElementById =_ _ _ _ _ 2 ; = kodirov(otv_uch_3 = document.getElementById("z_3"). arvo; otv_uch_3 kn_pr").style.display = "ei mitään"; if(otv_uch_1 == pr_otv_zadachi_1)( pallo +=1; otveti = "Kysymys 1. Vastasit oikein. Vastauksesi: "+otv_ucgenika_1+""; ) else ( otveti = "Kysymys 1. Vastasit väärin. Vastauksesi: "+otv_ucgenika_1+""; ) if(otv_uch_2 == pr_otv_zadachi_2)( ball +=1; otveti += "
Kysymys 2. Vastasit oikein. Vastauksesi: "+otv_ucgenika_2+""; ) else ( otveti += "
Kysymys 2. Vastasit väärin. Vastauksesi: "+otv_ucgenika_2+""; ) if(otv_uch_3 == pr_otv_zadachi_3)( ball +=1; otveti += "
Kysymys 3. Vastasit oikein. Vastauksesi: "+otv_ucgenika_3+""; ) else ( otveti += "
Kysymys 3. Vastasit väärin. Vastauksesi: "+otv_ucgenika_3+""; ) vsego_zadach = 3; procent_vip = pallo/vsego_zadach * 100; procent_vip = procent_vip.toFixed(); document.getElementById("rezultat").innerHTML = "Tehtävät suoritettu oikein "+procent_vip+" %.

"+otveti;) funktio Kodirov (Stroka) (var b64ch =" a"+" hiJklmnopqrstuvwxyz0123456789+/= "; var b64enc ="; var Ch1, ch3, ch3; =0 i> 2 = ((ch1 & 3) > 4:((ch2 & 15) > 6)); charAt(en1) + b64ch.charAt(en2) + b64ch.charAt(en3) + b64ch.charAt(en4);

Kolmannessa tehtävässä virheellisen testin suorittamisen tulos näkyy alla olevassa kuvassa. Lisäsin myös funktion suoritettujen tehtävien prosenttiosuuden pyöristämiseksi "toFixed()".

Alta voit ladata tämän ohjelman.

Lataa testimalli

Lataa tiedosto: (latauksia: 93)
Lataa tiedosto: (latauksia: 102)
Lataa tiedosto: (latauksia: 120)

Voit koodata vastauksesi testiin verkkosivuillamme.

Kuvien lisääminen testikysymyksiin

Luonnollisesti monet kysymykset vaativat kuvien lisäämistä koetta luotaessa. Usein sinun on lisättävä kuva kysymystekstin sijaan. Toteutetaan Tämä mahdollisuus myös data.js-tiedoston kautta. Muokkaan suurinta 15 kysymyksen testiä. Joten jokaiseen kysymykseen lisään erillisen muuttujan ja osoitan siihen: jos on kuva, niin "kyllä", muuten "ei".

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

Haluan kiinnittää huomionne siihen, että jos kuva on olemassa, olen poistanut kysymyksen tekstin kokonaan.

Muutt kysymykset_1 = ""; var vopros_2 = "7-8*2 = "; var vopros_3 = "34*2 + 17 = "; var kysymyksiä_4 = ""; var vopros_5 = "36*2 + 4 = "; var vopros_6 = "37*8 + 7 = "; var kysymyksiä_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 questions_15 = "";

Mutta voit myös lisätä sekä kuvan että kysymystekstin.

SISÄÄN tässä tapauksessa Ilmoitin, että kysymyksissä 1, 4, 7 ja 15 olisi kuvia. Joten minun on lisättävä nämä kuvat "data"-kansioon. Heidän nimien tulee vastata (sisältö mukaan lukien) kysymysnumeroita: "01.jpg", "04.jpg", "07.jpg" ja "15.jpg".

SISÄÄN ohjelmakoodi päätiedostoon lisäsin ehtoja, jotka tarkistavat muuttujat. Jos kuva on olemassa, se ladataan testikysymykseen. Esimerkki tällaisesta koodista ensimmäiselle kysymykselle: if(vopros_ris_1 == "yes"))( vopros_1 = "

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

Lataa tiedosto: (latauksia: 57)

Satunnaista testikysymykset

Siinä tapauksessa, että kokeeseen osallistuu useita oppilaita luokassa kerralla, jotka istuvat vierekkäin, törmäsin ongelmaan, kun jotkut heistä katsovat mitä muut vierekkäin istuvat vastaavat. Tämä on ensimmäinen syy sekoittaa kysymyksiä. Toinen on vain luomista Suuri määrä saman testin muunnelmia.

Nämä manipulaatiot vaikeuttavat ohjelmaa jonkin verran. Tätä varten sinun on luotava taulukko, asetettava siihen kaikki kysymykset, kuvat ja vastaukset ja sitten sekoitettava kaikki satunnaisessa järjestyksessä.

En kuitenkaan muokannut data.js-tiedostoa.
Tältä muuttuja, johon taulukko on sijoitettu, näyttää: voprosi = [,,,,,,,,,,,,,,,];

Peremeshat_vse_voprosi(voprosi);

Lisään data.js-tiedostoon uuden muuttujan, jossa voit määrittää, sekoitetaanko kysymyksiä vai ei ("kyllä" tai "ei").

Var peremeshat_voprosi = "kyllä";

Esimerkki kysymyksen tulosteesta html-tiedostossa:

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

Voit ladata testin, jossa voit sekoittaa kysymyksiä alla olevasta linkistä.

Koska kysymykset ovat sekalaisia, lisäsin ohjelman tulokseen opiskelijan vastausten lisäksi myös kysymystekstit. Yhdistin tämän kaiken yhdeksi taulukoksi.

Lataa testimalli kuvilla

Lataa tiedosto: (latauksia: 59)

Testausohjelman visuaalinen suunnittelu

Kaikki päätoiminnot on lisätty testiin. Siirrytään nyt koulutustestiohjelman suunnitteluun. Suunnitteluajan lyhentämiseksi käytän ilmainen kirjasto bootstrap.

Kirjastoluokat on lisätty ja lähes kaikki sekä testikysymysten että tulosten tulostaulukon suunnitteluun liittyvät ominaisuudet on korvattu.
Eli itse testi näyttää tältä:

Ja vastaustaulukko näyttää tältä:

Huomaa, että bootstrap-kirjastoa käyttämällä olen lisännyt myös asteikon näytettäväksi prosentteina oikein suoritetut testitehtävät.

Niin, uusin versio(päällä Tämä hetki) voit ladata jo visuaalisesti suunnitellun testin alla olevasta linkistä.

ladata täysversio testimalli

Lataa tiedosto: (latauksia: 246)

Voit koodata vastauksesi testiin verkkosivuillamme.

Tietojen testaus on nyt saatavilla sivustolla seuraavat aiheet: HTML, CSS, JavaScript, PHP, SQL.

Jokainen testi koostuu 10 kysymyksestä tietystä aiheesta. Jokaisessa kysymyksessä yritin kattaa tietyn kielen monipuolisimmat sovellusalueet testatakseni tietotasosi mahdollisimman perusteellisesti.

Tietenkin kaikki testit ovat ilmaisia ​​ja kuka tahansa voi suorittaa ne.

TESTAUSMENETTELY:

Napsauta "Aloita testaus" -linkkiä vastaavaa testiä varten.

Vastaa esitettyihin kysymyksiin valitsemalla ainoa oikea vaihtoehto.

Testin päätyttyä näet pisteytesi, virheiden määrän sekä analyysin jokaisesta testin kysymyksestä.

Huomio! Et voi palata edelliseen kysymykseen, joten mieti ennen vastaamista.

Tällä hetkellä saatavilla olevat testit

HTML

• Testien kokonaismäärä: 67 354 henkilöä
• Keskimääräinen pistemäärä: 2,85/5 pistettä.

HTML-perustesti. Tarvitset HTML-tunnisteiden perustiedot sekä niiden asiantuntevan käytön. On myös välttämätöntä ymmärtää XHTML 1.1 -standardin ominaisuudet.

CSS

• Testien kokonaismäärä: 29 039 henkilöä
• Keskimääräinen pistemäärä: 3,38/5 pistettä.

Testissä testataan tietoa CSS:n perusteet. Testin läpäisemiseksi sinun on tunnettava valitsimien päätyypit (niiden syntaksi), tunnettava perusominaisuudet ja niiden mahdollisia arvoja, ja tiedät myös suosituimpien pseudoelementtien tarkoituksen.

JavaScript

• Otettu testi yhteensä: 22972 henkilöä
• Keskimääräinen pistemäärä: 3,3/5 pistettä.

Tämä testi testaa tietosi JavaScript-kieli. Testikysymykset kattavat erilaisia ​​sovelluksia tästä kielestä. "Pienten" vivahteiden ymmärtämiseen liittyy paljon kysymyksiä. Muuten sinun on osattava perusasiat: muuttujien kanssa työskentely, perusasiat JavaScript-toiminnot, toiminnan prioriteetit jne.

PHP

• Testien kokonaismäärä: 31 651 henkilöä
• Keskimääräinen pistemäärä: 3,03/5 pistettä.

Tämä testi testaa tietosi PHP kieli. Sinulta edellytetään PHP:n perusrakenteiden tuntemista, muuttujien, istuntojen, uudelleenohjausten toteuttamisen ja muiden vakioasioiden käsittelyä.
Pyydämme ystävällisesti: Testi sisältää monia kysymyksiä, kuten: "Mitä skripti tuottaa?" Älä kopioi tai tarkista sitä. Ole rehellinen itsellesi.

SQL

• Testien kokonaismäärä: 17 168 henkilöä
• Keskimääräinen pistemäärä: 3,29/5 pistettä.

Tämä testi testaa kielitaitosi SQL-kyselyt. Kysymykset koskevat vain eniten perustieto tätä kieltä ilman syventämistä. Tarvitset tietoa alkeellisimmista SQL-kyselyistä sekä niiden asiantuntevan käytön.

Oletko päättänyt suorittaa nopean ja kätevän HTML-testin, jossa on vastauksia, mutta et tiedä mistä etsiä jotain tällaista? KANSSA tehokas ratkaisu Tätä ongelmaa auttaa moderni WebShake-portaali, joka on luotu erityisesti kaikille, jotka haluavat hallita verkkokehityksen perusteet. Olemme laatineet sinulle kätevän lomakkeen, jolla voit testata tietosi nopeasti, helposti ja täysin maksutta.

HTML-testin tiedot

Tätä hypertekstin merkintäkieltä pidetään yleisesti hyväksyttynä. Se on ihanteellinen Internet-sivujen luomiseen erilainen rakenne. Itse asiassa tämän kielen sujuvuus antaa kehittäjälle mahdollisuuden:

• luoda Internet-portaaleja;
• määrätä verkkosivustojen rakenne;
• kehittää kaikenlaisia ​​elementtejä ja niin edelleen.

Toisin sanoen HTML:ää puhuville asiantuntijoille on aikakaudella suuri kysyntä aktiivista kehitystä Internet. Ennen kuin hän alkaa kehittää omia verkkosivujaan, ohjelmoijan tulee kuitenkin hallita kielen syntaksi ja saada siitä perustiedot. Tämä tulee tarpeeseen online testi HTML:llä.

On erittäin tärkeää tarkistaa välisumma säännöllisesti oman tietotasosi määrittämiseksi. Tämän avulla voit myös korjata nopeasti kaikenlaiset koodin kirjoitusvirheet. Siksi aloittelijoille suositellaan testin suorittamista HTML perusasiat vähintään kerran 2-3 viikossa.

Järjestelmä, jota meillä on ilo tarjota huomionne, on suunniteltu erityisesti nopeaa ja helppoa oppimista varten. HTML-testi tarjoaa joukon kysymyksiä, mutta kun suoritat sen, saat kaikki oikeat vastaukset. Tämä auttaa määrittämään aiheet, jotka on opittava huolellisesti ja vahvistettava.

Nämä testit ovat erittäin käteviä ja antavat sinun hallita syntaksin perusteellisesti HTML-kieli. Tämä auttaa ohjelmoijaa oppimaan koodin rakentamisen perusteet oikein ottaen huomioon kaikki muuttujat. Jos sinulla on vaikeuksia, autamme mielellämme ja vastaamme kaikkiin kysymyksiisi. Kaikki tämä auttaa sinua oppimaan nopeasti HTML:n.