dla ucznia


  KASKADOWOŚĆ STYLÓW Kaskadowość stylów określa pierwszeństwo w oddziaływaniu na te same elementy strony stylów z różnych źródeł. Jeśli w dokumencie znajduje się kilka źródeł stylów, pierwszeństwo mają te, które znajdują się „bliżej” formatowanego elementu. Oddziaływanie stylów z arkuszy zewnętrznych może być modyfikowane przez style zdefiniowane w nagłówku dokumentu, to […]

CSS – kaskadowość i dziedziczenie


CSS – Cascading Style Sheets (z ang. Kaskadowe Arkusze Stylów) jest to specjalny język opracowany tylko w jednym celu: stworzenie możliwości bardziej elastycznego zarządzania sposobem formatowania (wyglądem) elementów znajdujących się w dokumentach elektronicznych. CSS nie istnieje samodzielnie i jest ściśle powiązany z HTML, pozwala na określenie wyglądu poszczególnych elementów na […]

CSS – omówienie i wstawianie


Semantyka w programowaniu to precyzyjnie określenie znaczenia poszczególnych symboli oraz ich funkcji w programie. SECTION, ARTICLE <section> treść </section> sekcja jest elementem służącym do tworzenia szkieletu strony, sekcja zawiera tematyczną treść, może zawierać nagłówki. Nie stosuje się jej do formatowania wyglądu danej części strony – do tego służy <div>. Możemy […]

HTML 5 – znaczniki semantyczne SECTION, ARTICLE, ASIDE, HGROUP, HEADER, ...



Elementy liniowe zajmują na stronie tyle miejsca ile mają zawartości. Obok danego elementu liniowego może występować inny. Elementy liniowe mogą zawierać tekst lub inne elementy liniowe. Elementy liniowe nie wymuszają nowego wiersza. Lista elementów liniowych: <a><abbr><acronym><b><bdo><big><br><button><cite><code><dfn><em><i><img><input><kbd><label><map><object><output><q><samp><script><select><small><span><strong><sub><sup><textarea><time><tt><var>

HTML5 – elementy liniowe


Elementy blokowe zajmują całą powierzchnię danej linii, w której występują. Wymuszają tym samym, że kolejne elementy strony nie znajdą się na tym samym poziomie co element blokowy. Elementy blokowe mogą zawierać w sobie zarówno elementy liniowe jak i blokowe. Elementy blokowe domyślnie zaczynają się od nowej linii. Lista elementów blokowych: […]

HTML5 – elementy blokowe


przykład do ćwiczenia
Poznaliście już budowę nagłówka strony: <head> Teraz zajmiemy się sekcją <body>. Pomiędzy tagami <body></body> umieszczamy wszystko co tworzy naszą stronę. Za chwilę poznacie tagi formatujące tą zawartość. Pamiętajcie że sekcja <body> występuje RAZ na stronie, jeżeli chcecie użyć poniższych właściwości dodawajcie je kolejno po spacji. Umieszczone tutaj tagi wykorzystujemy pomiędzy […]

HTML5 – Formatowanie tekstu



W poprzednim materiale nauczyłeś się pobierać dane z bazy używając zapytań SELECT. Teraz czas na operacje, które zmieniają dane: Te operacje są fundamentem każdej aplikacji: UWAGA: Operacje zmieniające dane są nieodwracalne! Zawsze używaj prepared statements i walidacji danych. Będziemy pracować na bazie gaming_hub z poprzedniego materiału. Upewnij się, że masz utworzoną tabelę players UWAGA: Przedstawione poniżej przykłady nie są zabezpieczone przed odświeżaniem […]

19. PHP – skrypty zmieniające dane w bazie danych – ...


Bazy danych to fundament większości aplikacji webowych. Za każdym razem gdy: W tym materiale nauczysz się pobierać dane z bazy MySQL/MariaDB używając PHP. To podstawowa umiejętność, którą musisz opanować przed nauką modyfikowania danych (INSERT, UPDATE, DELETE – te operacje poznasz w następnym temacie). Dane dostępowe do bazy Niezależnie od wybranej metody, potrzebujesz 4 podstawowych informacji: UWAGA: W środowisku produkcyjnym (na prawdziwym serwerze): Przykład pliku config.php: Użycie w kodzie: […]

18. PHP – łączenie z bazą i operacje SELECT


Najwygodniejszym i optymalnym miejscem do przechowywania dużej ilości informacji są bazy danych. Wyobraź sobie aplikację jak Discord, Instagram czy system do zarządzania serwerem gier – wszystkie te platformy muszą gdzieś przechowywać miliony danych użytkowników, wiadomości, postów czy statystyk graczy. Do tego właśnie służą bazy danych. Aby PHP mógł korzystać z […]

17. PHP – współpraca z bazami danych



Stwórz klasę `Pesel`, która będzie walidować i dekodować numer PESEL podany przez użytkownika. Założenie jest takie, że po wpisaniu przez użytkownika nr PESEL zostanie sprawdzona jego poprawność i wyświetlona informacja w formacie: Numer PESEL składa się z 11 cyfr:– Cyfry 1-2: Rok urodzenia (dwie ostatnie cyfry)– Cyfry 3-4: Miesiąc urodzenia […]

16. Zadanie z OOP podsumowujące dotychczasowe tematy.