Szablony WordPress – page builder
Układ blokowy w WordPress, znany także jako edytor bloków lub Gutenberg, to nowoczesne środowisko edycyjne wprowadzone w WordPress 5.0, które zastąpiło klasyczny...
Gdzie jesteś Zimo?
Przygotuj stronę wg szablonu (grafika dowolna): podświetlenie linkowania Dodatkowy kod: Linia pozioma plik html <hr> plik css hr { display: block;...
Triki CSS
Blokowanie szerokości okien box-sizing: box-sizing: content-box; box-sizing: border-box; Funkcje: calc() Wyśrodkowanie obrazka: .box:nth-child(2) { display: flex; justify-content: center; align-items: center; } ...
Składnia HTML5 – nowe znaczniki
Literatura Nowe znaczniki w HTML5 Kurs HTML5 – nowe znaczniki HTML5. Nieoficjalny podręcznik PODOBNE WPISY: Menu rozwijane w CSS Zapytania medialne Listy...
Listy do Świętego Mikołaja
Przygotuj stronę wg szablonu (grafika dowolna): podświetlenie linkowania Dodatkowy kod: Linia pozioma plik html <hr> plik css hr { display: block;...
Zapytania medialne
1. Wyłączanie mechanizmu automatycznego skalowania strony Coraz więcej przeglądarek (np. iOS, Android, Opera Mobile) rozpoznają specjalne elementy meta viewport, które nadpisują mechanizm...
Style CSS
Podstawowe reguły CSS dotyczące formatowania wyglądu strony WWW. PODOBNE WPISY: Menu rozwijane w CSS Listy do Świętego Mikołaja Składnia HTML5 – nowe...
Menu rozwijane w CSS
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...
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...
Szablon WordPress – podstawowe
1. Instalacja szablonu: I sposób na stronie zaplecza blogu: WYGLĄD/MOTYWY/DODAJ NOWY/WYŚLIJ MOTYW NA SERWER/ dodajemy plik szablonu dw-szablon.zip włączamy motyw II...
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...
Zadania HTML – cz. 1
1. Proszę utworzyć nowy plik (cw1.html) 2. Proszę ustawić obszar strony: #content { margin:20px auto; width: 960px; border:1px solid black; } 3...
Literatura do przedmiotu Projektowanie
Charles Wyke-Smith, CSS. Witryny internetowe szyte na miarę, Helion 2009 Łukasz Pasternak, CSS3. Tworzenie nowoczesnych stron WWW, Helion 2012 Ben Frain, Responsive...
Wprowadzenie do HTML 5 i CSS 3 –
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...
Wprowadzenie do HTML 5 –
Edytor html Brackets 1. Szablon wordpress – zakładamy katalog z dwoma plikami: index.php, style.css i przenosimy na serwer do katalogu TEST specyfikacja HTML 4 <!DOCTYPE...