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

Submitted by Baranyai Előd on
PDF
Type of plan
Project plan
Sector
Információs és kommunikációs technológiák
Topic, learning area
webprogramozás
Vocational subjects
Webprogramozás
Grade
12. évfolyam
Competences, skills to be developed
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
Professional competences, skills to be developed
pontos munkavégzés, következetesség, rendszerszemlélet
Teaching method
projektalapú tanulás
General subject(s)
informatika, IKT
Learning and development goals
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.
Concepts
stíluslapok, HTML5, CSS3, leírónyelvek, weboldal architektúra, CSS animáció
Required tools
számítógép/laptop, internet, kódszerkesztő program, grafikai szerkesztő program
Duration
7 óra
Materials released before class or for a project

Á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

Introductory part and preparation of the lesson / project plan

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.

Implementation of the lesson / project plan

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.

Other tool not included in the previous list
LibreOffice Writer, Notepad++, VS Code
Evaluation plan

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.

 

Differentiation

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.

Homework, project task

Otthoni gyakorló feladat:

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