Rychlá smrt – MeSOS

C1 – Novator podruhé

Vyjděte z již hotové prezentace C3 Novator (Webové technologie – > Procvičování k MZ) a upravte HTML a CSS kód tak, aby odpovídal předloze:

C2 – webová prezentace firmy Gaučuk

Vytvořte jednostránkovou prezentaci firmy Gaučuk

HTML soubor musí obsahovat povinné tagy jako <title>, správné kodování stránky, je vhodné použít komentáře pro okomentování složitější části kódu apod. Pro potřebné obrázky vytvořte vlastní adresář img a dávejte pozor na relativní odkazování mezi jednotlivými soubory. Pro CSS použijte jeden externí soubor odkazovaný z hlavičky html souboru.

1. Hlavička

V horní části bude umístěno menu.

Barva pozadí:#1c3535, šířka 100 procent, výška 75px.

Bude obsahovat jednotlivé položky měnu. Jednotlivé položky seznamu budou horizontálně umístěny uprostřed tohoto pruhu. Použijte CSS vlastnost line-height.

Použijte seznam, který vhodně nastylujete pomocí CSS vlastností. Jednotlivé položky budou obsahovat odkazy:

Home: odkaz na index.html
Služby: odkaz na index.html
Reference: odkaz na index.html
Kontakty: odkaz na index.html

Pod menu bude umístěn na pozadí ilustrační obrázek – spolu s logem firmy Gaučuk s proklikem na index.html. Výška hlavičky bude 300px, šířka 100 procent stránky. Kolem obrázku vytvořte orámování o šířce 1px bílou barvou. Grafické podklady níže.

2. Obsahová část

Obsahová část

umístěna vlevo,
s pružnou šířkou, bude zabírat zbytek stránky bez sidebaru

Vložte následující text a formátujte jej dle typografických pravidel. Jednotlivé HTML tagy nastylujte pomocí CSS dle svého uvážení.

Firma Gaučuk
Vážení zákazníci, Představujeme Vám nový katalog čalouněných výrobků značky Böhm, které pro Vás v Jihlavě vytváříme s radostí již od roku 1993.
Výrobky z naší kolekce
- upravujeme podle individuálních požadavků zákazníků,
- umožňujeme volný výběr potahových materiálů, 
- vyrábíme také atypický čalouněný nábytek určený do soukromých i veřejných prostor. 

Naše firma se může pyšnit řadou prestižních ocenění a spoluprací na  velkých projektech, spojených se jmény významných architektů a  designérů.

Sidebar

umístěn vpravo,
pevná šírka 250px. Barva pozadí: #055d70.
v horní části bude nadpis: Novinky
Zde budou umístěny jednotlivé novinky. Každá novinka bude obsahovat nadpis a samotný text. Barva nadpisu a textu bude bílá. Vhodně zvolte odsazení jak nadpisů, tak samotného textu.

Novinky

Novinka 1 
Při výrobě našich produktů klademe důraz na dokonalou funkčnost, pohodlné sezení a špičkový design.     

Novinka 2 
Výrobky upravujeme podle individuálních požadavků zákazníků.

3. PATIČKA

Bude umístěna pod obsahovou částí, barva na pozadí #00141c, výška 50px, šířka 100 procent stránky. Vložte copyright a zarovnejte na střed. Pro
horizontální umístění uprostřed použijte CSS vlastnost line-height.

Možná inspirace:

Grafické podklady

C3 – webová prezentace letiště

Vytvořte jednostránkovou prezentaci letiště.

1. Hlavička

V horní části bude umístěno menu.

Barva pozadí: #014163, šířka 100 procent, výška 75px.

Bude obsahovat jednotlivé položky měnu. Jednotlivé položky seznamu budou horizontálně umístěny uprostřed tohoto pruhu. Použijte CSS vlastnost line-height.

Použijte seznam, který vhodně nastylujete pomocí CSS vlastností. Jednotlivé položky budou obsahovat odkazy:

Home: odkaz na index.htm
Informace o letech: odkaz na index.html
Odbavení cestujících: odkaz na index.html
Parkování a doprava: odkaz na index.html

Pod menu bude umístěn na pozadí ilustrační obrázek – spolu s logem letiště s proklikem na index.html. Výška hlavičky bude 400px, šířka 100 procent stránky. Kolem obrázku vytvořte orámování o šířce 1px, nahoře bílou barvou, dole #014163.

Grafické podklady níže.

2. Obsahová část

Obsahová část

Vložte následující text a formátujte jej dle typografických pravidel. Jednotlivé HTML tagy nastylujte pomocí CSS dle svého uvážení.

LETIŠTĚ BRNO
má za sebou úspěšný rok 2023, ve kterém odbavilo celkem 686 867 cestujících.       
Tím dokonce překonalo doposud rekordní rok 2011, kdy bylo  odbaveno 558 tisíc cestujících. Vydatná byla zejména letní sezóna, kdy  od června do září letištěm prošlo téměř 550 tisíc cestujících,       což je téměř 50% nárůst oproti stejnému období roku 2022. 

Mezi nejoblíbenější destinace se zařadil tradičně Londýn a následovala přímořská letoviska
- Antalya,
- Marsa Alam, 
- Burgas
- a Hurghada.      

Dohromady byly v nabídce lety do 29 destinací.

3. Nabídková část

Pod samotným obsahem budou vedle sebe umístěny tři obrázky spolu s odkazy na index.html. Každý z obrázků musí mít všechny povinné tagy, včetně alt. CSS vlastnost pro obrázky nastavte na následující hodnoty:

border-radius: 50%;
border: 2px solid #014163;

Grafické podklady níže.

4. PATIČKA

Bude umístěna pod obsahovou částí, barva na pozadí #000302, výška 50px, šířka 100 procent stránky. Vložte copyright a zarovnejte na střed. Pro
horizontální umístění uprostřed použijte CSS vlastnost line-height.

Možná inspirace:

Grafické podklady

C4 – webová prezentace hotelu Paradise

Vytvořte jednostránkovou prezentaci hotelu Paradise.

Použijte následující CSS manuály: K:\ProŽáky\Bečvářová Silvie\Podklady\MZ

1. Hlavička

Vlevo bude umístěno logo hotelu s proklikem na index.html. Na pozadí bude umístěn ilustrační obrázek. Výška hlavičky bude 400px, šířka 100 procent stránky. Na dolní části obrázek orámujte 1px bílou barvou. Grafické podklady níže.

2. Obsahová část

2.1. Boční menu

umístěno vlevo,
s pevnou šírkou 200px. Barva pozadí: #4b362c. Bude obsahovat jednotlivé položky menu. Použijte seznam, který vhodně nastylujete pomocí CSS vlastností. Jednotlivé položky budou obsahovat odkazy:
- Home: odkaz na index.html
- Wellness: odkaz na index.html
- Ubytování: odkaz na index.html
- Kontakty: odkaz na index.html

2.2. Obsahová část

umístěna vedle bočního menu,
s pružnou šířkou, bude zabírat zbytek stránky

Vložte následující text a formátujte jej dle typografických pravidel. Využijte alespoň jeden tag pro nadpis úrovně 1, pro úroveň 2, pro odstavce, důležité informace zdůrazněte pomocí odpovídajícího tagu. Jednotlivé HTML tagy nastylujte pomocí CSS dle svého uvážení.

Hotel Paradise
Místo pro každodenní odpočinek i výjimečné příležitosti.
Dopřejte relax svému tělu i duši v jedinečné atmosféře našeho zážitkového wellness. Rozlehlý saunový svět, saunové ceremoniály a procedury, uvolňující masáže, osvěžující drinky, které si vychutnáte přímo z vířivého bazénu s barem, nebo omlazení v kolagenáriu.

Naši hoteloví hosté mají do wellness neomezený vstup zdarma.

Nejvýhodnější ceny
Zarezervujte si svůj pobyt přes náš on-line rezervační systém nebo na hotelové recepci a získejte výhody v podobě neomezeného vstupu do wellness a nejpříznivější ceny.

Check-in a check-out na míru
Naši hosté jsou u nás vždy na prvním místě. Po předchozí domluvě k nám můžete dorazit v dřívějších hodinách, nebo se naopak odhlásit později.

3. Patička

Bude umístěna pod obsahovou částí, barva na pozadí #291e19, výška 250px, šířka 100 procent stránky. V patičce budou vedle sebe umístěny tři oblasti s následujícím textem:

Může vás zajímat
Wellness
Ubytování
Galerie

Důležité odkazy
Obchodní podmínky
GDPR

Kontakt
email@hotel-paradise.com
Rajská ulice 2345, Santorini 
www.hotel-paradise.com

Barva odkazů v patičce: #79c8b2, nepodtržený text.
Barva odkazů v patičce při najetím myši: #bbffed, podtržený text.

Možná inspirace: