Stwórz klasyczne menu w pliku cw1.html z odnośnikami: Kategoria 1, Kategoria 2, Kategoria 3, Kategoria 4. Sformatuj utworzone menu, tak aby wyświetlało się w poziomie. Do Kategorii 1 dodaj trzy podkategorie: Podkategoria 1.1, Podkategoria 1.2, Podkategoria 1.3. Podobnie zrób z Kategorią 2. Sformatuj nowe menu, tak aby podkategorie były ukryte….
Kategoria: Projektowanie RWD
Archiwum 
Siatka strony WWW
Polecenie do zajęć: Proszę przygotować stronę główną i dwie podstrony wybranego serwisu. Strona nie powinna zawierać tytułu/nazwy firmy/ (czego dotyczy). Siatka projektu strony: http://960.gs http://santri.eu/pl/faq/grid http://grafmag.pl/artykuly/tworzenie-responsywnego-projektu-strony-internetowej-z-wykorzystaniem-obszarow-kompozycji-photoshopa/ Kreatory stron: https://webwavecms.com/ https://www.canva.com http://pl.mfirma.eu https://webflow.com https://www.wix.com/ http://pl.mywebzz.com http://pl.simplesite.com http://imcreator.com https://www.weebly.com https://jigsy.com/account/signup http://www.doodlekit.com
Projektowanie RWD 
Zadania HTML – cz. 2
1. Zwiększamy obszar strony do 1200px, wprowadzamy kolumnę MENU o 180px szerokości reszta wg wzoru: 2. Dodajemy elementy menu wg wzoru: 3. Dodajemy czcionkę z Google Fonts. 4. Formatujemy menu: ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } 5. Formatujemy odnośnik: li a { display: block; color:…
Projektowanie RWD
Składnia HTML5 – nowe znaczniki
Literatura Nowe znaczniki w HTML5 Kurs HTML5 – nowe znaczniki HTML5. Nieoficjalny podręcznik
Projektowanie RWD 
Wprowadzenie do HTML 5 i CSS 3 – model blokowy
1. Marginesy, obramowanie i dopełnienie. Źródło: http://pl.html.net/tutorials/css/lesson9.php Marginesy/marginesy zewnętrzne (margin) – zwiększają zajmowaną przez element blokowy przestrzeń. Obramowanie (border) – otacza element blokowy, nie obejmuje marginesów, zwiększa obszar elementu blokowego. Dopełnienie/marginesy wewnętrzne (padding) – zwiększają obszar elementu blokowego. Jeżeli blok ma 200px, obramowanie 6px, a dopełnienie 10px to element blokowy posiada w…