Weboldal kódolása és formázása stíluslapokkal – lesson / project plan

Submitted by Baranyai Előd on
PDF
Plantyp
Projektplan
Bereich
Információs és kommunikációs technológiák
Thema, Lernbereich
webprogramozás
Berufsbezogene Fächer
Webprogramozás
Klasse
12. évfolyam
Kompetenzen, zu entwickelnde Fähigkeiten
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
Berufliche Kompetenzen, zu entwickelnde Fähigkeiten
pontos munkavégzés, következetesség, rendszerszemlélet
Unterrichtsmethode
projektalapú tanulás
Allgemeine(s) Fach,Fächer
informatika, IKT
Lern- und Entwicklungsziele
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.
Konzepte
stíluslapok, HTML5, CSS3, leírónyelvek, weboldal architektúra, CSS animáció
Erforderliche Werkzeuge
számítógép/laptop, internet, kódszerkesztő program, grafikai szerkesztő program
Dauer
7 óra
Vorab veröffentlichte Projektmaterialien

Á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

Einführungsteil und Vorbereitung des Unterrichts- / Projektplans

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.

Umsetzung des Unterrichts / Projektplans

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.

Andere
LibreOffice Writer, Notepad++, VS Code
Evaluierungsplan

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.

 

Differenzierung

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.

Hausaufgabe, Projektaufgabe

Otthoni gyakorló feladat:

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