Weboldal kódolása és formázása stíluslapokkal – Óraterv

Baranyai Előd küldte be time időpontban
PDF
Terv típusa
Projektterv
Szektor
Információs és kommunikációs technológiák
Témakör, tanulási terület
webprogramozás
Szakmai tantárgy(ak)
Webprogramozás
Évfolyam
12. évfolyam
Fejlesztendő kompetenciák, készségek
IKT (információ, kommunikáció, technológia)
Információs műveltség
Kezdeményezés és önirányítás
Kommunikáció és együttműködés
Kreativitás és innováció
Produktivitás és számonkérhetőség
Rugalmasság és alkalmazkodókészség
Fejlesztendő szakmai kompetenciák, készségek
pontos munkavégzés, következetesség, rendszerszemlélet
Módszer, tanulásszervezési
projektalapú tanulás
Közoktatási tantárgy(ak)
informatika, IKT
Tanulási, fejlesztési célok
A projektórák után a tanulók képesek lesznek önállóan statikus weboldalak kódját elkészíteni és stíluslapok használatával formázni azokat.
Fogalmak
stíluslapok, HTML5, CSS3, leírónyelvek, weboldal architektúra, CSS animáció
Szükséges eszközök
számítógép/laptop, internet, kódszerkesztő program, grafikai szerkesztő program
Időtartam
7 óra
Óra előtt vagy projekthez kiadott anyagok

ÁLTALÁNOS WEBLAPSZERKESZTÉSI TUDNIVALÓK

https://drive.google.com/drive/folders/1t8JYr-V_xI0uz6kyk_ak3LxGWJ38qJN1

HTML programozás az alapoktól:

https://drive.google.com/drive/folders/1t8JYr-V_xI0uz6kyk_ak3LxGWJ38qJN1

Az óra / projekt bevezető része, előkészítése

A projekt céljának, ütemezésének és a határidejének az ismertetése.

A projekt során alkalmazott szoftver technológiák bemutatása alkalmazási példákkal.

A projekt előkészítésez szükséges információk összegyűjtése.

Az óra / projekt megvalósítása

A projekt fő mérföldköveihez tartozó feladatrészek szaktanár által irányított megvalósítása. Az egyes feladatrészek megoldása során a tanulók részben önállóan, részben útmutatással logikai sorrendben készítik el a HTML és CSS dokumentumok forráskódját. Az egyes mérföldkövek elérésekor minden tanulónak az adott mérföldkőhöz meghatározott munkafázis végére kell érnie. A tanulói tévesztések ellenőrzése és javítása folyamatosan történik.

Egyéb, az előző listában nem szereplő digitális eszköz
LibreOffice Writer, Notepad++, VS Code
Értékelési terv

A gyakorlati munka értékelése során az alábbi szempontok kerülnek értékelésre:

  • Előzetes kódszerkesztési ismeretek alkalmazása.
  • Új ismeretek alkalmazása.
  • Pontos munkavégzés.
  • Hibakeresés és javítás készsége.
  • Határidők betartása.
  • Az alkalmazott fejlesztő eszközök készségszintű ismerete.
  • Szakmai kommunikációs készség.

A projektmunka értékelése mérföldkő módszerrel történik és az egyéni eredmények a projektzárás után kerülnek összesítésre.

 

Differenciálás

A projektben lassabban haladó, vagy gyakrabban hibázó tanulók részére egyéni tanári támogatás nyújtása az ütemezési tervhez történő felzárkózás érdekében.

Hibakeresési támogatás a tanulóknak a kódolási hibák elhárítására és a munka folytatására.

Házi feladat, projektfeladat

Otthoni gyakorló feladat:

https://drive.google.com/drive/folders/1t8JYr-V_xI0uz6kyk_ak3LxGWJ38qJN1