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 '9423246b54'
${ noResults }
Web-Dev-For-Beginners/translations/lt/3-terrarium/1-intro-to-html/assignment.md

4.2 KiB
Raw Blame History Escape

HTML Praktikos Užduotis: Sukurkite Tinklaraščio Maketą

Tikslas

Sukurti ir rankiniu būdu užkoduoti HTML struktūrą asmeninio tinklaraščio pagrindiniam puslapiui. Ši užduotis padės jums praktikuoti semantinį HTML, planuoti išdėstymą ir organizuoti kodą.

Instrukcijos

  1. Sukurkite Tinklaraščio Maketą

    • Nupieškite vizualinį savo tinklaraščio pagrindinio puslapio maketą. Įtraukite pagrindines sekcijas, tokias kaip antraštė, navigacija, pagrindinis turinys, šoninė juosta ir poraštė.
    • Galite naudoti popierių ir nuskenuoti savo eskizą arba naudoti skaitmeninius įrankius (pvz., Figma, Adobe XD, Canva ar net PowerPoint).

  2. Identifikuokite HTML Elementus

    • Sudarykite HTML elementų, kuriuos planuojate naudoti kiekvienai sekcijai, sąrašą (pvz., <header>, <nav>, <main>, <article>, <aside>, <footer>, <section>, <h1>–<h6>, <p>, <img>, <ul>, <li>, <a> ir kt.).

  3. Parašykite HTML Žymėjimą

    • Rankiniu būdu užkoduokite HTML savo maketui. Susitelkite į semantinę struktūrą ir geriausią praktiką.
    • Įtraukite bent 10 skirtingų HTML elementų.
    • Pridėkite komentarus, kad paaiškintumėte savo pasirinkimus ir struktūrą.

  4. Pateikite Savo Darbą

    • Įkelkite savo eskizą/maketą ir HTML failą.
    • Pasirinktinai pateikite trumpą apmąstymą (2–3 sakiniai) apie savo dizaino sprendimus.

Vertinimo Kriterijai

Kriterijai Puikiai Pakankamai Reikia Tobulinti
Vizualinis Maketas Aiškus, detalus maketas su pažymėtomis sekcijomis ir apgalvotu išdėstymu Pagrindinis maketas su kai kuriomis pažymėtomis sekcijomis Minimalus arba neaiškus maketas; trūksta sekcijų žymėjimo
HTML Elementai Naudojama 10+ semantinių HTML elementų; demonstruojamas struktūros ir geriausios praktikos supratimas Naudojama 5–9 HTML elementai; kai kuri semantinė struktūra Naudojama mažiau nei 5 elementai; trūksta semantinės struktūros
Kodo Kokybė Gerai organizuotas, lengvai skaitomas kodas su komentarais; laikomasi HTML standartų Daugiausia organizuotas kodas; mažai komentarų Neorganizuotas kodas; trūksta komentarų
Apmąstymas Įžvalgus apmąstymas apie dizaino pasirinkimus ir iššūkius Pagrindinis apmąstymas Nėra apmąstymo arba jis nėra aktualus

Patarimai

  • Naudokite semantinius HTML žymenis, kad pagerintumėte prieinamumą ir SEO.
  • Organizuokite savo kodą naudodami įtrauką ir komentarus.
  • Kreipkitės į MDN HTML Elementų Nuorodą dėl pagalbos.
  • Pagalvokite, kaip jūsų išdėstymas galėtų būti išplėstas ar stilizuotas būsimose užduotyse.

Atsakomybės atsisakymas:
Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą Co-op Translator. Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Dėl svarbios informacijos rekomenduojama profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus interpretavimus, atsiradusius naudojant šį vertimą.