LAB07 - nvbach91/4IZ268-2022-2023-ZS GitHub Wiki

Vývoj webových stránek - HTML+CSS

Obsah

  • Řešení posledního domácího úkolu
  • Relativní odkazy LAB03
  • CSS pro tisk LAB05
  • Favicon LAB06
  • Optimalizace obrázkových zdrojů (compressjpeg.com, compresspng.com)
  • Práce s více stránkami v rámci jednoho webu (stejný header, stejný footer, navigace, mění se pouze obsah)
  • Konzultace SP1

Oprava DÚ

  • nezapomeňte na fallback font
  • pozor na rozměry obrázků
  • veškerý kód naformátovat!
  • opět nevalidní HTML!
  • kaspersky-labs?
  • <img width="POUZE_CISLO" src="..." alt="...">
  • použít vhodný font!

Práce s více stránkami v rámci jednoho webu

  • Vytvořte domovskou stránku index.html s záhlavím a zápatím a nastylujte je
  • Tuto stránku zkopírujte 2x a pojmenujte je about.html a contact.html
  • Všechny 3 stránky otevřete v prohlížeči pomocí Live Server
  • Změňte styl CSS pro zápatí a záhlaví a sledujte změnu na všech stránkách
  • Nyní přidávejte obsah do jednotlivých stránek a nastylujte je zvlášť pomocí nových CSS pravidel