, , ,

CSS pagrindai: 40 klausimų, 30 minučių

17.99 €

Ketvirtasis testas tinklalapių kūrimo serijoje, šįkart apie tinklalapio išvaizdą. Daugiausia dėmesio skiriama tam, kas pradedantiesiems sunkiausia: kaip CSS prijungti prie HTML dokumento. Mokinys turi žinoti, kur rašoma žymė <link> (dokumento <head> dalyje), kaip nurodyti kelią į stiliaus failą ir kodėl stiliai kartais „neveikia“. Testas prasideda 5 pakartojimo klausimais iš HTML temų. Jie pažymėti kita spalva. Kiti 35 klausimai sudėtingesni: reikia sudėlioti puslapio kodą, rasti klaidingą eilutę, užbaigti CSS taisyklę ar numatyti, kaip puslapis atrodys naršyklėje.

Ką tikrina testas

  • CSS prijungimą: <link rel="stylesheet" href="..."> <head> dalyje, trys CSS rašymo būdai (išorinis failas, žymė <style>, atributas style), kada geriausia rinktis išorinį failą, kelias į failą aplanke css.
  • CSS sintaksę: selektorius, savybė, reikšmė, dvitaškis ir kabliataškis, komentarai /* */.
  • Selektorius: elemento (p), klasės (.klase), identifikatoriaus (#id), grupavimą (h1, h2) ir vidinių elementų selektorių (nav a).
  • Spalvas: color ir background-color, spalvų užrašus red, #ff0000, rgb().
  • Tekstą ir šriftus: text-align, font-size, font-weight, font-family su atsarginiu šriftu, nuorodas be pabraukimo.
  • Dėžutės modelį: padding, border, margin ir jų tvarką.
  • Kaskadą: kuri taisyklė laimi, kai jos prieštarauja viena kitai.
  • Klaidų paiešką: <link> ne savo vietoje, neteisingas failo plėtinys, trūkstamas kabliataškis, = vietoj dvitaškio.

Klausimų tipai: vieno ir kelių atsakymų pasirinkimas, kodo eilučių dėliojimas, klaidingos eilutės paieška, CSS taisyklės užbaigimas, trumpas atsakymas įrašant ir puslapio vaizdo numatymas (mokinys renkasi, kaip atrodys spalvos, tarpai ar rėmeliai).

Kaip veikia

  • Kiekvienas mokinys gauna sumaišytus atsakymų variantus.
  • Laikmatis 30 minučių. Pasibaigus laikui, testas baigiamas automatiškai.
  • Tarp klausimų galima laisvai vaikščioti. Jei netyčia užsidaro naršyklė, testą galima tęsti.
  • Pabaigoje matyti taškai, procentai ir rezultatai pagal 8 temas.
  • Mokinio rezultatai keliauja mokytojui: vardas, klasė, taškai, rezultatai pagal temas ir kiekvieno klausimo atsakymas.
  • Mokytojas renkasi, kaip duoti testą: failu kompiuterių klasei arba nuoroda.
  • Veikia kompiuteryje, interaktyvioje lentoje ir telefone.

Prieš duodant testą: mokiniai turi mokėti HTML pagrindus ir žinoti, kas yra class ir id. Šį testą geriausia duoti po testo „HTML blokai, klasės ir formos“.

Ryšys su Bendrąja programa
Informatikos BP (2022), pagrindinis ugdymas, 9-10 klasės (I-II gimnazijos klasės), skyrius „Tinklalapių kūrimas“ (A2). Testas papildo šią temą tinklalapio apipavidalinimu: mokiniai, kurdami svetaines, mokosi atskirti turinį (HTML) nuo išvaizdos (CSS).

Kur naudoti

  • Kaip CSS pradžios temos patikrinimą po pirmųjų stiliaus pamokų.
  • Kaip diagnostinį testą prieš projektinį darbą „Mano svetainė“, kai mokiniai pradeda apipavidalinti savo puslapius.
  • Kaip kartojimą: įjungus parinktį, po testo rodomi teisingi atsakymai.

STEAM Code Academy sukurtas interaktyvus testas.
© 2026 MB „STEAM Code Academy“. Visos teisės saugomos.

Atsiliepimai

Atsiliepimų dar nėra.

Rašyti atsiliepimą gali tik prisijungę pirkėjai, kurie yra įsigiję šį produktą.

Pirkinių krepšelis