Informatyka 1

Nowa edycja
Zmień podręcznik

Lekcja usunięta zgodnie z podstawą programową z 2024 r.

InfografikaPozycjonowanie i optymalizacja stron WWW

Infografika pokazuje, na czym polega pozycjonowanie i optymalizacja stron WWW oraz do czego są potrzebne.

Pytania quizowePublikacja i ocena strony WWW

Twój wynik to: /3
  • Kto zajmuje się udostępnianiem stron internetowych w sieci?
  • Z jakiego protokołu transferu plików korzysta się podczas przesyłania plików na serwer?
  • Na czym polega sprawdzanie poprawności strony WWW?
Sprawdź wynik

FilmInteraktywne strony WWW. Podstawy JavaScript

Film prezentuje implementację prostych elementów dynamicznych: generowanej automatycznie aktualnej daty oraz galerii z płynną zmianą obrazów.

dzieci na trawie © Pressmaster/Shutterstock.com
dzieci w przedszkolu © SpeedKingz/Shutterstock.com
zajęcia z plastyki © Poznyakov/Shutterstock.com
chłopcy grający w piłkę © Fotokostic/Shutterstock.com

PrezentacjaKaskadowe arkusze stylów

Prezentacja wprowadza w podstawy CSS, m.in. omawia możliwości definiowania stylów, marginesy, odstępy i otaczanie.

PrezentacjaTworzenie dokumentu HTML

Prezentacja wprowadza w podstawy HTML-a, m.in. omawia znaczniki umożliwiające proste formatowanie tekstu, wstawianie odnośników wewnętrznych i zewnętrznych, tworzenie nagłówków i stopek.

Pytania quizoweProjekt strony internetowej

Twój wynik to: /3
  • Od czego należy zacząć projektowanie strony internetowej?
  • Które dokończenie zdania jest poprawne?

    Witryna responsywna

  • Których zasad należy przestrzegać podczas projektowania strony na smartfony?
Sprawdź wynik

Pytania quizoweElementy dynamiczne

Twój wynik to: /3
  • Co jest skutkiem zdarzenia onclick?
  • Które ze stwierdzeń na temat biblioteki JavaScript p5.js jest prawdziwe?
  • Jak uruchamia się funkcja setup()?
Sprawdź wynik

Quiz 1Struktura dokumentu HTML

Twój wynik to: /10
  • Nagłówek najwyższego poziomu tworzy się z wykorzystaniem znaczników
  • Aby wyróżnić pewien fragment tekstu w akapicie, należy użyć znacznika
  • Jak zrobić odnośnik do podstrony kontakt.html?
  • Wypunktowanie tworzy się za pomocą znaczników
  • Aby dodać tytuł strony, należy skorzystać z pary znaczników
  • Nowy akapit tworzy się za pomocą pary znaczników
  • Aby wstawić na stronę zdjęcie (plik zdjecie.jpg), należy wpisać kod
  • Znacznik wydzielający blok na stronie to
  • Wszystko to, co jest widoczne na stronie WWW, powinno być ujęte w znaczniki
  • Jak umieszcza się komentarze w HTML?
Sprawdź wynik

Quiz 2Kaskadowe arkusze stylów

Twój wynik to: /10
  • Która właściwość CSS jest używana do wyśrodkowania tekstu?
  • Jak oznaczamy komentarze w CSS?
  • Jak należy dołączać plik style.css do dokumentu HTML?
  • Wartość 350px oznacza rozmiar równy
  • Czy podczas tworzenia dokumentów HTML można korzystać z dowolnych czcionek?
  • Która z poniższych opcji spowoduje wyświetlanie czerwonego tekstu pisanego kursywą?
  • Co oznacza symbol #?
  • Jakim kolorem będzie wypisany tekst XYZ?
    <head>
<style>
 p {
    color: red;
    background-color: blue;
}
</style>
</head>
<body>
 <p>ABC</p>
 <p style="color: yellow">XYZ</p>
</body>
  • Wskaż niepoprawny zapis właściwości CSS.
  • Która właściwość CSS określa wielkość liter na ekranie?
Sprawdź wynik

Pytania quizowePodstawy pracy z HTML-em

Twój wynik to: /3
  • Które dokończenie zdania jest poprawne?

    Znacznik <img> służy do osadzania obrazków na stronie i

  • Do czego służy poniższy znacznik?
    <span>
  • Jaki napis z hiperłączem będzie widoczny po umieszczeniu na stronie poniższego kodu?
    <a href="dokument.pdf" target="_blank" rel="noopener">dokument</a>
Sprawdź wynik

Pytania quizowePodstawy pracy z CSS-em

Twój wynik to: /3
  • Które ze stwierdzeń na temat reguł @media jest prawdziwe?
  • Jaki kolor obwódki będzie miał element klasy karta? 
    .karta {
        border: 1px solid #ff0000;
        margin: 1em;
}
  • Jaka właściwość określa szerokość zaznaczoną strzałkami?

Sprawdź wynik