Letnia Akademia OSE – pigułki wiedzy o sztucznej inteligencji (SI) i programowaniu – towarzyszy Wam od początku wakacji. Wiele się wspólnie dowiedzieliśmy: poznaliśmy uczenie maszynowe, historię sieci neuronowych i SI, a także podstawy języków programowania Scratch i Python. Potrzebujecie powtórki? Wszystkie dotychczasowe materiały znajdziecie w kursie „Letnia Akademia OSE”.

W zeszły czwartek przybliżyliśmy Wam trzy języki programowania, bez których niemożliwe byłoby zaprojektowanie stron internetowych: HTML, CSS i JavaScript. Dziś wracamy z kolejnymi wiadomościami na ich temat!

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

  • HTML tworzy szkielet stron internetowych. Nadaje znaczenie poszczególnym częściom informacji poprzez umieszczenie ich w odpowiednich znacznikach ograniczonych nawiasami prostokątnymi, które w większości definiują początek oraz koniec danego elementu strony.
  • Możemy spotkać się np. z następującymi znacznikami: <head> – zawiera metainformacje o stronie, <div> – definiuje dany blok w HTML, <ul> – wprowadza listę punktowaną, <p> – wprowadza nowy paragraf.
  • Jeżeli <otworzymy> jakiś znacznik, musimy go </zamknąć>. Niezamknięcie któregoś ze znaczników może poskutkować „rozsypaniem się” wyglądu naszej strony.
  • W dokumencie HTML każdy element standardowo jest przedstawiony jako prostokątne pudełko. Celem przeglądarki jest ustalenie jego wielkości, a także właściwości, jak kolor, tło, pozycje itd.
  • Każdy element HTML to pudełko, wokół którego CSS nakłada kolejne „pudełka/warstwy”, składające się na ostateczny wymiar danego elementu. Takimi „pudełkami/warstwami” są najpierw dopełnienie (padding), czyli wielkość wewnętrznego wypełnienia pomiędzy obiektem HTML a obwolutą (border). Na zewnątrz tych „pudełek” znajduje się ostatnia warstwa czyli margines (margin).
  • Framework to rama, która w przypadku CSS pozwala na o wiele łatwiejszą pracę z kodem i na szybkie budowanie stron internetowych.
  • Zalety wykorzystania frameworków? Uporządkowany kod, który został przygotowany przez doświadczonych programistów, będzie działał poprawnie na większości urządzeń i przeglądarek, duża łatwość budowania dzięki gotowym rozwiązaniom (komponenty HTML, reguły CSS); oszczędność czasu i brak potrzeby pisania kodu samodzielnie.

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

Już za tydzień ostatnie pigułki w ramach Letniej Akademii OSE, a zarazem… ostatni tydzień wakacji. Głowa do góry – to przecież nie koniec naszych wspólnych przygód! Śledźcie aktualności na platformie OSE IT Szkoła oraz wpisy na stronie OSE – Ogólnopolska Sieć Edukacyjna na Facebooku. Do zobaczenia we wtorek!

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.