Lekcja 5: Multimedia – Obrazy i filmy ()

Strona z samym tekstem jest nudna jak instrukcja obsługi lodówki. Dzisiaj wrzucamy grafiki! Nauczymy się, jak poprawnie dodawać zdjęcia, żeby nie „ważyły” 100MB i nie psuły wyglądu strony.

Zagadnienia:

  • Znacznik <img> – jedynak bez zamknięcia.
  • Atrybuty src i alt (SEO i dostępność).
  • Ustalanie szerokości (width) obrazka.

Pytania do filmu:

  1. Czy znacznik <img> wymaga domknięcia </img>?
  2. Co wyświetli się na stronie, jeśli ścieżka do zdjęcia będzie błędna?
  3. Dlaczego atrybut alt jest ważny dla osób niewidomych?
  4. Jaki format zdjęć jest najlepszy na stronę www?
  5. Co robi atrybut width?
  6. Gdzie najlepiej trzymać zdjęcia w projekcie?
  7. Czy można wstawić zdjęcie bezpośrednio z internetu (linkiem)?
  8. Co to jest ścieżka względna?
  9. Jak zrobić, by zdjęcie było linkiem?
  10. Czy nazwy plików graficznych powinny mieć spacje?