OSE IT Szkoła Strona główna
  • Zobacz wszystkie
    • OSE IT Szkoła Algorytmika i programowanie
      5 kursów OSE IT Szkoła
    • OSE IT Szkoła Cyberbezpieczeństwo
      34 kursy OSE IT Szkoła
    • OSE IT Szkoła Cyfrowa higiena
      11 kursów OSE IT Szkoła
    • OSE IT Szkoła Edukacja medialna
      2 kursy OSE IT Szkoła
    • OSE IT Szkoła Fizyka
      13 kursów OSE IT Szkoła
    • OSE IT Szkoła Multimedia, grafika i technologie internetowe
      1 kurs OSE IT Szkoła
    • OSE IT Szkoła Szachy
      3 kursy OSE IT Szkoła
    • OSE IT Szkoła Sztuczna inteligencja
      9 kursów OSE IT Szkoła
    • OSE IT Szkoła Algorytmika i programowanie
      34 kursy OSE IT Szkoła
    • OSE IT Szkoła Bazy danych
      12 kursów OSE IT Szkoła
    • OSE IT Szkoła Bezpieczeństwo systemów informatycznych
      5 kursów OSE IT Szkoła
    • OSE IT Szkoła Biologia i chemia
      7 kursów OSE IT Szkoła
    • OSE IT Szkoła Cyberbezpieczeństwo
      5 kursów OSE IT Szkoła
    • OSE IT Szkoła Edukacja medialna
      9 kursów OSE IT Szkoła
    • OSE IT Szkoła Fizyka
      10 kursów OSE IT Szkoła
    • OSE IT Szkoła ICT English
      1 kurs OSE IT Szkoła
    • OSE IT Szkoła Matematyka
      5 kursów OSE IT Szkoła
    • OSE IT Szkoła Multimedia, grafika i technologie internetowe
      24 kursy OSE IT Szkoła
    • OSE IT Szkoła Prawo internetu
      8 kursów OSE IT Szkoła
    • OSE IT Szkoła Sieci komputerowe
      17 kursów OSE IT Szkoła
    • OSE IT Szkoła Szachy
      3 kursy OSE IT Szkoła
    • OSE IT Szkoła Sztuczna inteligencja
      27 kursów OSE IT Szkoła
    • OSE IT Szkoła Tendencje w rozwoju informatyki
      13 kursów OSE IT Szkoła
    • OSE IT Szkoła Algorytmika i programowanie
      37 kursów OSE IT Szkoła
    • OSE IT Szkoła Bazy danych
      12 kursów OSE IT Szkoła
    • OSE IT Szkoła Bezpieczeństwo systemów informatycznych
      5 kursów OSE IT Szkoła
    • OSE IT Szkoła Biologia i chemia
      7 kursów OSE IT Szkoła
    • OSE IT Szkoła Cyberbezpieczeństwo
      38 kursów OSE IT Szkoła
    • OSE IT Szkoła Cyfrowa higiena
      11 kursów OSE IT Szkoła
    • OSE IT Szkoła Edukacja medialna
      9 kursów OSE IT Szkoła
    • OSE IT Szkoła Fizyka
      22 kursy OSE IT Szkoła
    • OSE IT Szkoła ICT English
      1 kurs OSE IT Szkoła
    • OSE IT Szkoła Matematyka
      5 kursów OSE IT Szkoła
    • OSE IT Szkoła Multimedia, grafika i technologie internetowe
      25 kursów OSE IT Szkoła
    • OSE IT Szkoła Prawo internetu
      8 kursów OSE IT Szkoła
    • OSE IT Szkoła Sieci komputerowe
      17 kursów OSE IT Szkoła
    • OSE IT Szkoła Szachy
      3 kursy OSE IT Szkoła
    • OSE IT Szkoła Sztuczna inteligencja
      27 kursów OSE IT Szkoła
    • OSE IT Szkoła Tendencje w rozwoju informatyki
      13 kursów OSE IT Szkoła
  • Zobacz także

  • Aktualności
  • O portalu
  • Materiały
    • Wykłady
      Publikacje
      Wideo
      Program edukacyjny „Przyszłość jest dziś”
  • Konkursy
  • Kontakt

Letnia Akademia OSE: HTML, CSS i JavaScript, czyli jak działają strony internetowe – cz. 1

12.08.2021

Gotowi na kolejną porcję wiedzy o nowych technologiach? Jak co czwartek mamy dla Was garść ciekawostek na temat programowania. Ostatnio dowiedzieliście się więcej o Pythonie, dziś powiemy Wam o trzech językach, które ściśle wiążą się z projektowaniem stron internetowych. Co warto wiedzieć o HTML-u, CSS-ie i JavaScripcie?

W kolejnym tygodniu Letniej Akademii OSE czekają na Was nie lada ciekawostki! We wtorek przybliżyliśmy krótką historię sieci neuronowych i odpowiedzieliśmy na pytanie, czy są one podobne do ludzkiego układu nerwowego. W czwartkowej odsłonie serii jak zwykle powracamy do fascynującego świata programowania. Sprawdźcie, co przygotowaliśmy dla Was na dziś!

Letnia Akademia OSE: HTML, CSS i JavaScript, czyli jak działają strony internetowe – cz. 1

Zastanawialiście się kiedyś, jak działają strony internetowe, z czego są zbudowane i co wpływa na ich wygląd? W następnej pigułce wiedzy w ramach Letniej Akademii skupimy się na językach ściśle związanych z projektowaniem stron internetowych. Poznajcie bliżej HTML, CSS oraz JavaScript.

  • HTML (ang. HyperText Markup Language) to powstały w 1990 r. podstawowy element budujący strukturę stron internetowych w postaci hipertekstowego języka znaczników. Język HTML jest zestawem znaczników, pomiędzy którymi umieszcza się tekst albo inne elementy, jakie mają pojawić się na stronie. Dzięki niemu możemy oznaczać m.in. tytuł strony, nagłówki, akapity, hiperłącza czy osadzać grafiki. Jest to język, który opisuję budowę dokumentu lub strony www.
  • CSS – czyli kaskadowy arkusz stylów (ang. Cascading Style Sheet) jest językiem opisującym, jak ma wyglądać dokument lub strona internetowa. Pierwsze jego założenia powstały w 1994 r. Język ten jest oparty o dyrektywy (nazywane regułami), które mówią przeglądarce, w jaki sposób ma wyświetlić dany element (znacznik) HTML na wyświetlaczu urządzenia. Celem CSS jest odseparowanie warstwy wizualnej od struktury dokumentu, dzięki czemu można w łatwy sposób zmieniać wygląd strony bez ingerowania w strukturę HTML.
  • JavaScript – to dynamiczny język programowania, służący do manipulowania i wprowadzania interaktywnych działań na dokumencie HTML. Dzięki niemu można zrobić niemalże wszystko ze stroną. JavaScript nadaje jej interaktywności i umożliwia m.in. dynamiczne modyfikowanie jej zawartości, reagowanie na akcje podejmowane przez użytkownika (np. kliknięcie, wpisanie tekstu), przeprowadzanie obliczeń, tworzenie prostych funkcji, jak slidery, karuzele, galerie zdjęć, zdarzenia po kliknięciu przycisku, ale także tworzenie aplikacji jednostronicowych, gier 2D lub 3D, a także całych aplikacji opartych na bazach danych.
  • Wszystko, z czym użytkownik wchodzi w interakcję po wejściu na dowolną stronę internetową, nazywamy front-endem. Ta wizualna część strony internetowej oparta jest na wyglądzie graficznym budowanym właśnie przy wykorzystaniu HTML, CSS oraz JavaScript.

Dla chętnych: materiały w kursach: „Jak tworzyć nowoczesne strony internetowe?” oraz „Do czego można wykorzystać język JavaScript?”

To już wszystko, co przygotowaliśmy dla Was w tym tygodniu, nie zapomnijcie być z nami również w przyszłym – przedstawimy kolejne fascynujące informacje na temat nowych technologii.

Zajrzyjcie również do naszego kursu „Letnia Akademia OSE”, gdzie znajdziecie wszystkie materiały pojawiające się w ramach serii – co czwartek wypatrujcie kolejnych skryptów z pigułkami wiedzy z zakresu sztucznej inteligencji i programowania! Pamiętajcie też, że na koniec sierpnia udostępnimy Wam w kursie test, dzięki któremu każdy uczestnik będzie mógł sprawdzić nabytą wiedzę, a  po uzyskaniu pozytywnego wyniku pobrać w nagrodę certyfikat ukończenia Letniej Akademii OSE.

Inne aktualności

Zobacz więcej

Za nami kolejny dobry rok szkolny!

27.06.2025

2 tys. nauczycieli w projekcie OSEhero i 2468 ich inicjatyw, 2,5 tys. uczestników Kongresu OSE 2024, 31 nowych materiałów edukacyjnych, 5,5 tys. warsztatów w ramach „Szkoły międzypokoleniowej” – to tylko kilka liczb, którymi możemy opisać rok szkolny 2024/2025 w OSE.

Temat lekcji: patostreamy

26.06.2025

Patostreamy – choć bardzo szkodliwe – są obecne w sieci i stale znajdują szerokie grono odbiorców. Z czego to wynika i jak walczyć z tym zjawiskiem? Sprawdźcie.

Temat lekcji: manipulacje w sieci i teorie spiskowe

13.06.2025

Nikt z nas nie jest w pełni odporny na dezinformację, ale młodzi ludzie, z racji wieku, ulegają jej najczęściej. Skorzystajcie z materiałów dostępnych na OSE IT Szkole i pomówcie z uczniami o teoriach spiskowych i manipulacjach!

Kursy wybrane dla Ciebie

Wybierz poziom edukacyjny i sprawdź spersonalizowane rekomendacje kursów.

Rozpocznij naukę
OSE IT Szkoła

Odbiorcy

  • Szkoła podstawowa
  • Szkoła ponadpodstawowa
  • Nauczyciele

Kategorie tematyczne

  • Algorytmika i programowanie
  • Bazy danych
  • Bezpieczeństwo systemów informatycznych
  • Biologia i chemia
  • Cyberbezpieczeństwo
  • Zobacz wszystkie

Pomoc

  • Kontakt
  • Regulamin
  • Polityka cookies
  • Deklaracja dostępności
  • Informacje o dofinansowaniu

  • Szkoła podstawowa
  • Szkoła ponadpodstawowa
  • Nauczyciele

  • Algorytmika i programowanie
  • Bazy danych
  • Bezpieczeństwo systemów informatycznych
  • Biologia i chemia
  • Cyberbezpieczeństwo
  • Zobacz wszystkie

  • Kontakt
  • Regulamin
  • Polityka cookies
  • Deklaracja dostępności
  • Informacje o dofinansowaniu
OSE IT Szkoła

©NASK PIB 2023

OSE Ogólnopolska Sieć Edukacyjna NASK GOV.pl Cyfryzacja

©NASK PIB 2023

OSE Ogólnopolska Sieć Edukacyjna GOV.pl Cyfryzacja NASK

Zaloguj się

Asset 1
Asset 2
Asset 3
Nie pamiętam hasła
Przetwarzamy Twoje dane osobowe, aby umożliwić Ci dostęp i korzystanie z serwisu OSE IT SZKOŁA. Administratorem Twoich danych osobowych jest Naukowa i Akademicka Sieć Komputerowa – Państwowy Instytut Badawczy (NASK-PIB) z siedzibą w Warszawie. Przysługuje Ci prawo wniesienia sprzeciwu, prawo dostępu do danych, prawo żądania ich sprostowania, ich usunięcia lub ograniczenia ich przetwarzania. Szczegółowe informacje na temat przetwarzania Twoich danych osobowych znajdziesz w Polityce prywatności i plików cookies.

Nie masz konta?

Zarejestruj się

Drogi użytkowniku

Przechodząc do serwisu poprzez kliknięcie odnośnika „Zgadzam się” wyrażasz zgodę na przetwarzanie przez nas Twoich danych osobowych.

Pliki cookies

Gdy korzystasz z naszych serwisów, gromadzimy informacje o Twojej wizycie i sposobie poruszania się w naszych serwisach. W tym celu stosujemy pliki cookies. Plik cookies zawiera dane informatyczne, które są umieszczone w Twoim urządzeniu końcowym - przeglądarce internetowej, z której korzystasz.

Pliki cookies używane w naszych serwisach wykorzystywane są między innymi do bieżącej optymalizacji serwisów oraz ułatwiania Twojego z nich korzystania. Niektóre funkcjonalności dostępne w naszych serwisach mogą nie działać, jeżeli nie wyrazisz zgody na instalowanie plików cookies.

Instalowanie plików cookies lub uzyskiwanie do nich dostępu nie powoduje zmian w Twoim urządzeniu ani w oprogramowaniu zainstalowanym na tym urządzeniu.

Stosujemy dwa rodzaje plików cookies: sesyjne i trwałe. Pliki sesyjne wygasają po zakończonej sesji, której czas trwania i dokładne parametry wygaśnięcia określa używana przez Ciebie przeglądarka internetowa oraz nasze systemy analityczne. Trwałe pliki cookies nie są kasowane w momencie zamknięcia okna przeglądarki, głównie po to, by informacje o dokonanych wyborach nie zostały utracone. Pliki cookies aktywne długookresowo wykorzystywane są, aby pomóc nam wspierać komfort korzystania z naszych serwisów, w zależności od tego czy dochodzi do nowych, czy do ponownych odwiedzin serwisu.


Do czego wykorzystujemy pliki cookies?

Pliki cookies wykorzystywane są w celach statystycznych oraz aby usprawnić działanie serwisów i zwiększyć komfort z nich korzystania, m.in:

  • pozwalają sprawdzić jak często odwiedzane są poszczególne strony serwisów - dane te wykorzystujemy do optymalizacji serwisów pod kątem odwiedzających;
  • umożliwiają rozpoznanie rodzaju Twojego urządzenia, dzięki czemu możemy lepiej dopasować sposób i format prezentowania treści oraz funkcjonalności serwisów;
  • poprawiają wydajność i efektywność serwisów dla korzystających.

W jaki sposób możesz nie wyrazić zgody na instalowanie plików cookies za pomocą ustawień przeglądarki?

Jeśli nie chcesz, by pliki cookies były instalowane na Twoim urządzeniu, możesz zmienić ustawienia swojej przeglądarki w zakresie instalowania plików cookies. W każdej chwili możesz też usunąć z pamięci swojego urządzenia pliki cookies zapisane w trakcie przeglądania naszych serwisów. Pamiętaj jednak, że ograniczenia w stosowaniu plików cookies mogą utrudnić lub uniemożliwić korzystanie z tych serwisów.


Wykorzystywane narzędzia firm trzecich

Niektóre pliki cookies są tworzone przez podmiot, z usług których korzystamy, np.

  • Google Inc.

W naszych serwisach wykorzystujemy narzędzie Google Analytics do analizy ruchu na stronie internetowej oraz aktywności dotyczących jej przeglądania. Wykorzystujemy je w szczególności do celów statystycznych, aby sprawdzić jak często odwiedzane są poszczególne serwisy. Dane te wykorzystujemy również do optymalizacji i rozwoju serwisów. Więcej informacji na temat narzędzia Google Analytics znajdziesz na stronie:  https://policies.google.com/technologies/cookies

  • Facebook

Więcej informacji o zasadach plików cookies możesz znaleźć na:
https://pl-pl.facebook.com/policies/cookies/     

  • Twitter

Więcej informacji o zasadach plików cookies możesz znaleźć na:
https://help.twitter.com/en/rules-and-policies/twitter-cookies

  • Youtube

Więcej informacji o zasadach plików cookies możesz znaleźć na:
https://policies.google.com/privacy?hl=pl&gl=pl

Wyrażam zgodę na podstawowe oraz funkcjonalne cookies. Podstawowe cookies są niezbędne aby strona mogła działać prawidłowo. Cookies funkcjonalne wykorzystujemy do analizowania wizyt na stronie internetowej. Pomoże nam to zrozumieć, jak często odwiedzane są poszczególne serwisy oraz pozwoli optymalizować i rozwijać stronę.

Zgadzam się