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