Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jsfraz/tnpw1-seminarni-prace
Seminární práce na předmět KIT/TNPW1
https://github.com/jsfraz/tnpw1-seminarni-prace
Last synced: 8 days ago
JSON representation
Seminární práce na předmět KIT/TNPW1
- Host: GitHub
- URL: https://github.com/jsfraz/tnpw1-seminarni-prace
- Owner: jsfraz
- Created: 2023-09-26T08:58:05.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-25T17:47:48.000Z (about 1 year ago)
- Last Synced: 2024-02-18T18:46:30.434Z (9 months ago)
- Language: HTML
- Homepage: https://lide.uhk.cz/fim/student/razjo1/
- Size: 76.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# tnpw1-seminarni-prace
Seminární práce na předmět KIT/TNPW1. [Funkční stránka](https://lide.uhk.cz/fim/student/razjo1/).
## Užitečné odkazy
- HTML validátor ()
- CSS validátor ()
- W3C Link Checker ()
- kontrola dostatečného barevného kontrastu ()
- WAVE ()
- generátor barevných kombinací ()
## Požadavky
### Rozvržení stránky
| Číslo | Požadavek | Splněno |
| ----- | ------------------------------------------------------------------------------------------------------------------ | ------- |
| 1 | Přitažlivý vzhled pro cílové publikum | ✅ |
| 2 | Konzistentní záhlaví/logo stránky | ✅ |
| 3 | Konzistentní navigační oblast | ✅ |
| 4 | Informativní titulek webu, který obsahuje název společnosti/webu | ✅ |
| 5 | Oblast zápatí obsahuje informace o právech užívání (copyright), datum poslední aktualizace, kontaktní email | ✅ |
| 6 | Dobré použití základních principů designu: opakování, kontrast, blízkost a zarovnání | ✅ |
| 7 | Zobrazení bez vodorovného posouvání při běžném zobrazení | ✅ |
| 8 | Rovnováha mezi textem, obrazové prvky a prázdným místem na stránce | ✅ |
| 9 | Informace, které se opakují (záhlaví/logo a navigace), zabírají max. třetinu okna prohlížeče při běžném zobrazení | ✅ |
| 10 | Domovská stránka obsahuje přitažlivé, zajímavé informace nad ohybem (t.j. bez posouvání dolů) při běžném zobrazení | ✅ |
| 11 | Použita metaznačka viewport pro zobrazení na mobilu | ✅ |
| 12 | Responzivní návrh rozložení pro zobrazení na mobilu a na tabletu, nejlépe s využitím media queries | ✅ |
### Prezentace obsahu
| Číslo | Požadavek | Splněno |
| ----- | ------------------------------------------------------------------------------------------- | ------- |
| 13 | Dodrženy doporučené zásady psaní pro web: nadpisy, odrážkové body, krátké odstavce,a pod. | ✅ |
| 14 | Konzistentní použití fontů, velikostí znaků a barev znaků | ✅ |
| 15 | Obsah dodává smysluplnou, užitečnou informaci | ✅ |
| 16 | Organizace obsahu je konzistentní | ✅ |
| 17 | Obsah je aktuální (správné datum copyrightu nebo poslední aktualizace) | ✅ |
| 18 | V obsahu nejsou překlepy a gramatické chyby | ✅ |
| 19 | Hypertextové odkazy používají konzistentní označení pro stav odkazu (navštíven/nenavštíven) | ✅ |
### Barvy, grafika, multimédia
| Číslo | Požadavek | Splněno |
| ----- | ------------------------------------------------------------------------ | ------- |
| 20 | Barevné schéma obsahuje max 3-4 barvy plus barvy neutrální | ❌ |
| 21 | Barvy jsou použity konzistentně | ❌ |
| 22 | Stránky obsahují fotogalerii | ✅ |
| 23 | Grafika je optimalizována pro web a načítání stránky výrazně nezpomaluje | ✅ |
| 24 | Každý grafický prvek má jasný účel | ❌ |
### Navigace, funkčnost
| Číslo | Požadavek | Splněno |
| ----- | ------------------------------------------------------------ | ------- |
| 25 | Odkazy hlavní navigace jsou jasně a konzistentně pojmenovány | ✅ |
| 26 | Navigace je snadno použitelná pro cílové publikum | ✅ |
| 27 | Řádné zobrazení v aktuální verzi Google Chrome | ✅ |
| 28 | Řádné zobrazení na mobilu a tabletu | ✅ |
| 29 | Všechny hypertextové odkazy (interní, externí) fungují | ✅ |
| 30 | Všechny formuláře fungují jen s využitím prohlížeče | ✅ |
### Přístupnost
| Číslo | Požadavek | Splněno |
| ----- | ------------------------------------------------------------------------------------------------------------ | ------- |
| 31 | Přístupnost stránek je vyhodnocena jako dostatečná vhodným nástrojem | ✅ |
| 32 | Jestliže hlavní navigace používá obrázky nebo média, v zápatí jsou uvedeny jasné alternativní textové odkazy | ✅ |
| 33 | Navigace je strukturovaná jako neřazený seznam | ✅ |
| 34 | Barva není výlučným nositelem sdělení (významu) | ✅ |
| 35 | Barvy pozadí a textu jsou dostatečně kontrastní | ✅ |
| 36 | Jestliže grafika nese sdělení, je uveden i alternativní textový ekvivalent | ✅ |
### Ostatní podmínky
| Číslo | Požadavek | Splněno |
| ----- | -------------------------------------------------------------------------------------------------------------------------------------- | ------- |
| 37 | Projekt je zveřejněn na Internetu, nejlépe na lide.uhk.cz (lze i jinde) | ✅ |
| 38 | Minimální požadovaný rozsah je 5 stránek (HTML dokumentů) a 500 slov, povinné prvky jsou tabulka, formulář, fotogalerie a flexbox/grid | ✅ |
| 39 | Kód HTML i CSS je validní; výstup z validátoru je přiložen do protokolu | ✅ |
| 40 | Použití jazyka HTML5 a CSS bude splňovat aktuální doporučené postupy (vhodná organizace kódu, oddělení značkování od stylování) | ✅ |
| 41 | Web je v patičce zřetelně označen jako studentský zápočtový projekt | ✅ |
| 42 | Projekt není alternativní verzí existujícího webu | ✅ |
| 43 | Projekt nekopíruje existující web | ✅ |
| 44 | Projekt ani žádná jeho část neporušuje autorská práva | ❌ |
| 45 | Projekt je originálním a výlučným dílem odevzdávajícího studenta včetně formátu a responzivity | ✅ |
| 46 | Použití JS knihoven pro doplňkové funkce je dovoleno | ✅ |
| 47 | Použití frameworků jako je Boostrap, Skeleton není povoleno | ✅ |
| 48 | Maximální využití strukturálních elementů HTML5 (header, footer, nav, main, a další) | ✅ |