Jest możliwa i konieczna!
Temat projektu: Strona promująca kilkudniowe wydarzenie Celem projektu jest stworzenie responsywnej strony internetowej w WordPressie, promującej kilkudniowe wydarzenie (np. konferencję, obóz, wyprawę lub szkolenie). Strona powinna prezentować pe ...
CSS się zmienia, ewoluuje. To co kiedyś wymagało JS dziś już często go nie potrzebuje. Demo 1 - basic <!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-sca ...
Zasady dotyczące celu przychodzenia na zajęcia: Do szkoły przychodzimy, żeby się uczyć. Wyposażenie pracowni przeznaczone jest wyłącznie do nauki. Wykorzystanie sprzętu podczas lekcji do celów innych niż nauka jest zabronione i powoduj ...
AI - Co robić i jak żyć? Gdzie są granice używania AI do kodowania? A może wcale ich nie ma? https://youtu.be/TaZDH4DxSl8 Moja sugestia na etapie nauki kodowania: Zastąp vibekodowanie "programowaniem w parze z AI". Nie rezygnuj z etap ...
A gdyby tak utworzyć plik z bazą danych...? Poniższy projekcik to strona której treść jest pobierana z pliku JSON za pomocą skryptu JS. Uruchom projekt i popraw: W pliku JSON są podane adresy grafik, jednak grafiki nie istnieją. Przygotuj je ...
Przetestuj działanie skryptu, a następnie uruchom go w Wodrpresie. Kod HTML wyklikaj w edytorze Wordpressa Kod CSS dodaj do kodu szablonu strony lub za pomocą wtyczki (np. Simple Custom CSS and JS) Kod JS dodaj za pomocą wtyczki (np. Code ...
Rozbuduj funkcjonalność Swojej strony. Dodaj: Podstronę na hasło Podstronę wymagającą zalogowania System gromadzenia statystyk Informację o ciasteczkach zgodną z prawem Działający formularz kontaktowy Efektowną podstronę zrobioną ...
Zainstaluj Wordpressa Instalacja ręczna - to czasem jedyna opcja. Użyj wtedy jednego z wielu poradników wideo z YT. Instalacja automatyczna - najczęściej hostingi posiadają zautomatyzowany instalator popularnych skryptów takich jak Wordpress. B ...
Cechy dobrej strony by PK Użyteczna - tworzona w określonym celu - wtedy jest motywacja Responsywna - witryna dopasuje się do wielkości używanego urządzenia Prosta - bez zbędnych efektów Przejrzysta nawigacja Atrakcyjna wizualnie ...
Tekst Czytelność: Wybieraj czcionki, które są łatwe do odczytania na ekranie, np. bezszeryfowe dla tekstów głównych. Szeryfowe są dobre dla dłuższych treści w PDF-ach lub książkach cyfrowych. Rozmiar czcionki: odpowiedni dla platformy i zasto ...
Tworzenie intuicyjnego menu i łatwej w obsłudze nawigacji na stronie internetowej to kluczowy element dobrego projektowania UX (User Experience). Oto zasady, które warto stosować: Czytelność: Używaj prostych i zrozumiałych etykiet, np. „O nas”, ...
Przeanalizuj i zrozum kod: <!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <title>Selektory CSS</title> <style> * {color: grey;} div { font-f ...
Te elementy formatowania w CSS są podstawowe. Najpierw upewnij się, że rozumiesz kod. Jest tu kilka nieoczywistych elementów: Niektóre style mają 2 lub 4 wartości. Co oznaczają poszczególne liczby? W kodzie są znaki . # > Co oznaczają? ...
Ta prosta tabela nie jest responsywna. Możesz to sprawdzić zmniejszając okno przeglądarki. Lorem ipsum 1Lorem ipsum 2Lorem ipsum 3Lorem ipsum 4Lorem ipsum 5Lorem ipsum 6Lorem ipsum 789101112131415151718192021 ale jeśli przetestujesz poniższy k ...
Oto kilka przydatnych kodzików i kilka przydatnych linków. Pierwsze zadanie jest następujące: zrób stronę internetową, której kod rozumiesz w 100%. Zadanie drugie: opublikuj swoją stronę. Prosty kodzik #1 <!DOCTYPE html> <html> & ...
Problem Jaką technologię wybrać do przygotowania quasi-bloga, by dodawanie wpisów było łatwe a sam blog efektowny? Co na nim publikować? Możliwe rozwiązania Strona w HTMLTo rozwiązanie najprostsze technicznie, ale finalnie najbardziej prac ...