niedziela, 12 kwietnia 2026

Dostosowanie projektu własnego zasobu internetowego

 

 Materiały lekcyjne:

  • filmik uzupełniający treść strony lub wpisu;
  • Krótki przewodnik audio po blogu w gadżecie <HTML>/<JavaScript>:
    • Nagraj dźwięk samodzielnie, korzystając z mobilnego rejestratora głosu lub usługi internetowej, takiej jak 
    • Umieść nagranie mp3 na Dysku Google i udostępnij je.
    • skorzystaj z podpowiedzi dla wstawiania 
2. Dodaj do strony lub postu tabel (Ściągawka do HTML)
3. Dodaj jeden gadżet we własnym zakresie
4. Uzupełnij tabelę zgodnie z instrukcją 
5. Sprawdź czy wszystko zrobione:
  • do udostępnionego dokumentu dodano link do bloga;
  • blog zawiera kilka  postów z etykietami tematycznymi;
  • 2 połączonych ze sobą strony i 2 „izolowanych”;
  • dodane gadżety (strony i jeden we własnym zakresie);
  • w postach i na stronach blog zawiera: obrazy, wideo i hiperłącza.

Dodawanie tekstu do stron internetowych: dodawanie, edycja, formatowanie

 Materiały lekcyjne:

  1. Tabel dostępu do blogu 
  2.  Tworzenie zasobu internetowego (prezentacja)
  3. Ściągawka do HTML
Zadanie:

1. Napisz i opublikuj tematyczny posty. W tym celu:
  • W panelu zarządzania blogiem przejdź do sekcji Posty.
  • Utwórz nowy post (można skorzystać z dowolnego źródła internetowego związanego z tematem Twojego bloga. Nie zapomnij podać źródła na końcu postu).
  • Przed publikacją zapoznaj się z ustawieniami publikacji.
  • Opublikuj wpis.
  • Zobacz jak post wygląda w  widoku HTML
2. Sprawdź, jak blog wygląda dla innych:
  • Użyj przycisku „Wyświetl bloga”, aby zobaczyć, jak widzą go inni użytkownicy Internetu.
3. Dodaj kolejne 2-3 posty:
  • Używaj etykiet (słów kluczowych) w swoich postach.
  • Ponownie wyświetl bloga.
4. Dostosuj wygląd postów:
  • Zwróć uwagę na czcionki w różnych postach na swoim blogu.
  • Wróć do edycji postów
  • Zobacz jak wygląda formatowanie w  widoku HTML
5. Zaznacz zrobione zadanie polem wyboru w tabeli

6. Utwórz strony statyczne:
  • Przejdź do sekcji Strony w Panelu zarządzania blogiem.
  • Utwórz kilka statycznych stron w taki sposób, aby można było z nich utworzyć:
  • 1-2 bloki stron powiązane ze sobą tematycznie (np. grupa tematyczna)
  • 1-2 strony „izolowane” (samodzielne, niepasujące do grup)

7. Wypełnij strony treścią:
  • Wypełnij nowe strony odpowiednimi materiałami zgodnymi z tematyką bloga.
  • Obowiązkowo podawaj źródła na końcu fragmentów, z których cytujesz tekst.
  • Sformatuj te źródła jako czytelne i zrozumiałe hiperłącza, na przykład:
    • Źródło: [nazwa strony] (z linkiem)
    • Na podstawie artykułu: [tytuł artykułu] (z linkiem)
    • Aby dodać link do źródła, zaznacz tekst i kliknij ikonę „Link” (łańcuszek).
8. Dodaj gadżety „Strony” w sekcji Układ:
  • Przejdź do sekcji Układ.
  • Dodaj dwa gadżety typu „Strony”:
  • Pierwszy gadżet – umieść w panelu bocznym.
    • Podłącz do niego tylko strony powiązane tematycznie (z jednej grupy).
  • Drugi gadżet – umieść w poprzecznym pasku pod nagłówkiem.
    • Podłącz do niego tylko strony „izolowane” oraz stronę „Główna”.
  • Zapisz zmiany w projekcie bloga.
9. Dodaj kilka gadżetów według własnego wyboru 

10. Zaznacz zrobione zadanie polem wyboru w tabeli

Stosowanie elementów hipertekstowych i graficznych na stronach internetowych.

 

Materiały lekcyjne:

  • W edytorze treści (tam gdzie piszesz tekst) znajdź górny pasek narzędzi.
  • Kliknij ikonę „Wstaw obrazek” – wygląda jak ramka ze zdjęciem .
  • Wybierz skąd chcesz dodać obrazek:
    • Prześlij z komputera – kliknij „Wybierz pliki” i wskaż zdjęcie na swoim dysku.
    • Dodaj z URL – wklej link do obrazka znalezionego w internecie (np. z darmowego banku zdjęć np. Unsplash, Pexels).
    • Z albumów Google – wybierz zdjęcia, które masz już w swoim Google Photos.
  • Dodaj obrazek przez widok HTML (Ściągawka do HTML)
  • Do innego postu lub strony dodaj dwa obrazki obok, z pomocą tabeli (Ściągawka do HTML)
2. Dostosuj obrazek po wstawieniu:
  • Po wstawieniu kliknij na obrazek w edytorze – pojawi się ramka z opcjami .
  • Możesz wtedy:
    • Zmienić jego rozmiar (przeciągając rogi).
    • Dodać podpis pod obrazkiem (np. „Źródło: nazwastrony.pl”).
    • Zmienić wyrównanie.
    • Przeciągnąć obrazek myszką w inne miejsce w tekście.
!!! Pamiętaj o źródłach:
  • Jeśli obrazek nie jest Twojego autorstwa, obowiązkowo podaj źródło pod nim .
  • Możesz to zrobić jako podpis pod obrazkiem lub jako oddzielny tekst, np.:
    • Źródło zdjęcia: [nazwa strony z linkiem]
    • Zdjęcie: domena publiczna / Pixabay
  • Aby dodać link do źródła, zaznacz tekst i kliknij ikonę „Link” (łańcuszek).
3. Dodaj wideo:
  • Na pasku narzędzi kliknij ikonę „Wstaw wideo” 
  • Wybierz skąd chcesz dodać wideo:
    • Prześlij z komputera – kliknij „Wybierz pliki” i wskaż zdjęcie na swoim dysku.
    • YouTube – wklej link do obrazka znalezionego w YouTube
  • Dodaj wideo przez widok HTML (z pomocą iframe kodu)
4. Zapisz i sprawdź efekty:
  • Kliknij „Zapisz” (jako szkic) lub „Opublikuj” (jeśli wszystko gotowe) .
  • Użyj opcji „Podgląd”, aby zobaczyć, jak obrazek wygląda na stronie.
5. Zaznacz zrobione zadanie polem wyboru w tabeli

wtorek, 7 kwietnia 2026

Tabele, listy w dokumencie tekstowym

 

 W edytorze tekstu dodaj i sformatuj tabelę w sposób pokazany na ilustracji.

Pobierz obrazy do tabeli tutaj


Na następną lekcję przygotuj informacje potrzebne do napisania CV:
  • informacje na temat Twojego poprzedniego wykształcenia (rok rozpoczęcia i zakończenia);
  • dane o kształceniu dodatkowym (rok rozpoczęcia i zakończenia);
  • informacje o Twoich umiejętnościach i zdolnościach;
  • informacje o udziale w konkursach (jeśli jest nagroda: numer dyplomu i kto go wydał);
  • twoje zdjęcie
System oceniania zadań
Razem 16 punktów
- ocena bardzo dobra – 91 – 100%
- ocena dobra – 71 – 90%
- ocena dostateczna – 51 – 70%
- ocena dopuszczająca – 30 – 50%
- ocena niedostateczna – poniżej 30%

Tabele, listy w dokumencie tekstowym

 

 

  1. Utwórz dokument tekstowy. Nazwij to dzisiejszą datą
  2. Utwórz tabelę w dokumencie tekstowym z 4 kolumnami i 4 wierszami:
  3. Utwórz tabelę z 3 kolumnami i 4 wierszami:
    • Umieść tekst w komórkach tabeli, jak pokazano w przykładzie
  4. Utwórz tabelę z listami:
  5. Zapisz plik w swojemu folderze.

System oceniania zadań
Razem 23 punkty
- ocena bardzo dobra – 91 – 100%
- ocena dobra – 71 – 90%
- ocena dostateczna – 51 – 70%
- ocena dopuszczająca – 30 – 50%
- ocena niedostateczna – poniżej 30%

 

  Materiały do ​​lekcji:
Zadanie:
  1. Zaloguj się do Tinkercad przy użyciu swojego konta Google.
  2. Utwórz projekt z modelem figury szachowej.
  3. Uzyskaj link do projektu i przekaż go swojemu nauczycielowi
  4. Skopiuj swoją figurę szachową i przenieś jej kopię do:
        5. Uwaga! Przed kopiowaniem wszystkie elementy figury należy zgrupować!
        6. Utwórz tyle kopii swojej figury, ile znajduje się w zestawie szachowym do gry. Zapewnij zmiany kolorów kształtów. Umieść „swoje” elementy prawidłowo na kwadratach planszy.
Uwaga! Zachowaj ostrożność podczas pracy nad projektem grupowym.

Oczekiwany typ projektu kolektywnego:








poniedziałek, 6 kwietnia 2026

Dostosowanie projektu własnego zasobu internetowego

 Materiały lekcyjne:

  1.  Tworzenie zasobu internetowego (prezentacja)
  2. Tabel dostępu do blogu 
  3. Dodawanie tekstu do stron internetowych
  4. Stosowanie elementów hipertekstowych i graficznych na stronach internetowych
1. Otwórz swojego bloga i kontynuuj jego rozwój i ulepszanie. Aby to zrobić, osadź poniższe elementy w różnych miejscach:
  • filmik uzupełniający treść strony lub wpisu;
  • Krótki przewodnik audio po blogu w gadżecie <HTML>/<JavaScript>:
    • Nagraj dźwięk samodzielnie, korzystając z mobilnego rejestratora głosu lub usługi internetowej, takiej jak 
    • Umieść nagranie mp3 na Dysku Google i udostępnij je.
    • skorzystaj z podpowiedzi dla wstawiania 
2. Dodaj jeden gadżet we własnym zakresie
3. Sprawdź czy wszystko zrobione:
  • do udostępnionego dokumentu dodano link do bloga;
  • blog zawiera kilka  postów z etykietami tematycznymi;
  • 2 połączonych ze sobą strony i 2 „izolowanych”;
  • dodane gadżety (strony i jeden we własnym zakresie);
  • w postach i na stronach blog zawiera: obrazy, wideo i hiperłącza.

sobota, 28 marca 2026

Stosowanie elementów hipertekstowych i graficznych na stronach internetowych.

Materiały lekcyjne:

 1. Otwórz narzędzie do dodawania obrazków:

  • W edytorze treści (tam gdzie piszesz tekst) znajdź górny pasek narzędzi.
  • Kliknij ikonę „Wstaw obrazek” – wygląda jak ramka ze zdjęciem .
  • Wybierz skąd chcesz dodać obrazek:
    • Prześlij z komputera – kliknij „Wybierz pliki” i wskaż zdjęcie na swoim dysku.
    • Dodaj z URL – wklej link do obrazka znalezionego w internecie (np. z darmowego banku zdjęć np. Unsplash, Pexels).
    • Z albumów Google – wybierz zdjęcia, które masz już w swoim Google Photos.
2. Dostosuj obrazek po wstawieniu:
  • Po wstawieniu kliknij na obrazek w edytorze – pojawi się ramka z opcjami .
  • Możesz wtedy:
    • Zmienić jego rozmiar (przeciągając rogi).
    • Dodać podpis pod obrazkiem (np. „Źródło: nazwastrony.pl”).
    • Zmienić wyrównanie.
    • Przeciągnąć obrazek myszką w inne miejsce w tekście.
!!! Pamiętaj o źródłach:
  • Jeśli obrazek nie jest Twojego autorstwa, obowiązkowo podaj źródło pod nim .
  • Możesz to zrobić jako podpis pod obrazkiem lub jako oddzielny tekst, np.:
    • Źródło zdjęcia: [nazwa strony z linkiem]
    • Zdjęcie: domena publiczna / Pixabay
  • Aby dodać link do źródła, zaznacz tekst i kliknij ikonę „Link” (łańcuszek).
3. Dodaj wideo:
  • W edytorze treści (tam gdzie piszesz tekst) znajdź górny pasek narzędzi.
  • Kliknij ikonę „Wstaw wideo” 
  • Wybierz skąd chcesz dodać wideo:
    • Prześlij z komputera – kliknij „Wybierz pliki” i wskaż zdjęcie na swoim dysku.
    • YouTube – wklej link do obrazka znalezionego w YouTube
4. Zapisz i sprawdź efekty:
  • Kliknij „Zapisz” (jako szkic) lub „Opublikuj” (jeśli wszystko gotowe) .
  • Użyj opcji „Podgląd”, aby zobaczyć, jak obrazek wygląda na stronie.
5. Zaznacz zrobione zadanie polem wyboru w tabeli

Tworzenie tabeli w edytorze tekstu. Faktura.

 Materiały do lekcji:

Faktura VAT. Co to?

Wzór faktury VAT

Utwórz szablon dla fakturę VAT w edytorze tekstu.

Dodaj do faktury logo firmy

Przykład fakturę VAT