dum | žák

Webový design

Název školy Vyšší odborná škola obalové techniky a Střední škola, Štětí, příspěvková organizace
Adresa školky Kostelní 134, 411 08 Štětí
IČ 46773509
Název operačního programu OP Vzdělávání pro konkurenceschopnost
Registrační číslo CZ.1.07/1.5.00/34.1006
Označení vzdělávacího materiálu
Název tématické oblasti (sady) Webový design
Název materiálu Cvičení - MyWebPage
Anotace
Autor Jazyk
Očekávaný výstup
Klíčová slova
Druh výukového zdroje Věková skupina žáků
Typ interakce Ročník
Speciální vzdělávací potřeby žádné
Zhotoveno, (datum/období) Celková velikost

pdf icon
Cvičení - MyWebPage

Obsah

Zadání

Obecně: Navrhněte design webových stránek týkajících se vaší osoby.

Očekávané výstupy

  • webová stránka - rozumějte HTML kód, kaskádové styly, javascript a další zdrojové soubory, např. obrázky. Hodnotí se:

    • Použití HTML5 elementů

    • Využití vlastností CSS (zejména pokročilé selektory)

    • Validita kódu

  • protokol, technická zpráva (dokument) pojednávající o vámi navrženém designu - obsahující:

    • popis použitých barev, schématu, s důrazem na obhajobu vaší volby; popište, čím je barevné schéma (triáda, komplementární barvy, ...) charakteristické, co reprezentují zvolené barvy, jaké mají psychologické aspekty.

    • popis layoutu - rozvržení jednotlivých prvků na stránce - jakou jste volili kompoziční strategii

    • atributy písma - zvolili jste minimálně dvě rozdílná písma, popište je z jejich formální stránky (šířka, duktus, sklon, váha, ...), a co tato stránka vyjadřuje z hlediska vnímání písma člověkem

    U protokolu se hodnotí:

    • faktický/teoretický popis daných témat, tj. měli byste do zprávy uvést skutečné/teoretické pozadí problematiky

    • aplikace teoretických poznatků v designu - tj. vámi navržené a popsané řešení se projevuje v praktické části - webové stránce

Obsah stránek

Vytvořená webová stránka, resp. stránky budou obsahovat nejméně tyto tři části:
Vy, vaše CV

Stránka pojednávající o vás, vaší osobě, vašich zájmech, aktivitách, atp.

Obrázková galerie

Stránka obsahuje obrázkovou galerii ve smyslu galerie, jak ji můžeme vidět na jiných webových stránkách. Galerie obsahuje náhledy obrázků a jejich zvětšeniny.

Kontakt na Vás

Informace o tom, jak vás kontaktovat včetně kontaktního formuláře.

Další náležitosti

Responzivní design

Vaše stránky budou reagovat na změnu velikosti zobrazovacího zařízení. Pro zjednodušení uvažujme pouze dva extrémy: malé (telefon) a velké (dekstop).

Nasazení do ostrého provozu (školní webhosting)

Vaše stránky umístíte na FTP server webhostingového serveru.