niedziela, 12 kwietnia 2026

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

Brak komentarzy:

Prześlij komentarz