msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from '6c65b9841a'
${ noResults }
Web-Dev-For-Beginners/translations/sl/3-terrarium/1-intro-to-html/assignment.md

4.0 KiB
Raw Blame History Escape

Naloga za vajo HTML: Ustvarite maketo bloga

Cilj

Oblikujte in ročno napišite HTML strukturo za domačo stran osebnega bloga. Ta vaja vam bo pomagala vaditi semantični HTML, načrtovanje postavitve in organizacijo kode.

Navodila

  1. Oblikujte maketo svojega bloga

    • Narišite vizualno maketo domače strani svojega bloga. Vključite ključne razdelke, kot so glava, navigacija, glavni del, stranska vrstica in noga.
    • Uporabite lahko papir in skenirate svoj osnutek ali pa uporabite digitalna orodja (npr. Figma, Adobe XD, Canva ali celo PowerPoint).

  2. Določite HTML elemente

    • Navedite HTML elemente, ki jih nameravate uporabiti za vsak razdelek (npr. <header>, <nav>, <main>, <article>, <aside>, <footer>, <section>, <h1>–<h6>, <p>, <img>, <ul>, <li>, <a>, itd.).

  3. Napišite HTML kodo

    • Ročno napišite HTML za svojo maketo. Osredotočite se na semantično strukturo in najboljše prakse.
    • Vključite vsaj 10 različnih HTML elementov.
    • Dodajte komentarje, da pojasnite svoje odločitve in strukturo.

  4. Oddajte svoje delo

    • Naložite svoj osnutek/maketo in svojo HTML datoteko.
    • Po želji napišite kratko refleksijo (2–3 stavke) o svojih oblikovalskih odločitvah.

Merila ocenjevanja

Merilo Odlično Zadostno Potrebno izboljšanje
Vizualna maketa Jasna, podrobna maketa z označenimi razdelki in premišljeno postavitvijo Osnovna maketa z nekaj označenimi razdelki Minimalna ali nejasna maketa; manjkajo oznake razdelkov
HTML elementi Uporablja 10+ semantičnih HTML elementov; kaže razumevanje strukture in najboljših praks Uporablja 5–9 HTML elementov; deloma semantična struktura Uporablja manj kot 5 elementov; manjka semantična struktura
Kakovost kode Dobro organizirana, berljiva koda s komentarji; sledi standardom HTML Večinoma organizirana koda; malo komentarjev Neorganizirana koda; manjkajo komentarji
Refleksija Poglobljena refleksija o oblikovalskih odločitvah in izzivih Osnovna refleksija Brez refleksije ali nerelevantna refleksija

Nasveti

  • Uporabljajte semantične HTML oznake za boljšo dostopnost in SEO.
  • Organizirajte svojo kodo z zamiki in komentarji.
  • Za pomoč si oglejte MDN HTML Elements Reference.
  • Razmislite, kako bi lahko svojo postavitev razširili ali oblikovali v prihodnjih nalogah.

Omejitev odgovornosti:
Ta dokument je bil preveden z uporabo storitve AI za prevajanje Co-op Translator. Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem maternem jeziku je treba obravnavati kot avtoritativni vir. Za ključne informacije priporočamo profesionalni človeški prevod. Ne prevzemamo odgovornosti za morebitna nesporazumevanja ali napačne razlage, ki izhajajo iz uporabe tega prevoda.