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

  • Baranyai Előd
Tipo de plan de clase / proyecto
Plan de proyecto
Sector
Információs és kommunikációs technológiák
Tema o área de aprendizaje
webprogramozás
Materia(s) profesional(es)
Competencias y destrezas a desarrollar
Digitális készségek
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
Competencias y destrezas profesionales a desarrollar
pontos munkavégzés, következetesség, rendszerszemlélet
Método de enseñanza
projektalapú tanulás
Materia(s) general(es)
Objetivos de aprendizaje y desarrollo
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.
Conceptos
stíluslapok, HTML5, CSS3, leírónyelvek, weboldal architektúra, CSS animáció
Herramientas necesarias
számítógép/laptop, internet, kódszerkesztő program, grafikai szerkesztő program
Duración
7 óra
Materiales entregados antes de la clase o para un proyecto

Á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

Parte introductoria y preparación del plan de clase / proyecto

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.

Desarrollo del plan de clase / proyecto

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.

Otros
LibreOffice Writer, Notepad++, VS Code
Plan de evaluación

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.

 

Diferenciación

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.

Deberes o tarea del proyecto

Otthoni gyakorló feladat:

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