Witryny internetowe II
Zagadnienia i zasoby lekcji
- Wprowadzenie do przedmiotu. PSO. Zasady pracy
- Projekt: wykonanie witryny z gotowych elementów
- Lib0. Wyszukiwanie szablonu witryny i jego dostosowanie
- Lib1. Osadzanie niestandardowej czcionki na witrynie
- Lib2. Artykuł semantyczny z fragmentami kodu
- Lib3. Karuzela banerów – NivoSlider
- Lib4. Osadzanie map: Google oraz OpenStreetMap
- Lib5. Osadzanie multimediów. Odtwarzacze wideo
- Lib6. Implementacja galerii. LightBox2
- Strona kontaktu – kanały komunikacji
- Zdanie projektu – witryna z gotowych elementów
- Hosting dla witryny
- Projekt: witryna typu OnePage
- op2. Menu oraz Nawigacja po Witrynie
- op3. Oferta - reguły CSS odd oraz even
- op4. RWD - widok kolumnowy i blokowy
- op5. Lazy loading - Galeria i Wideo
- op6. Kontakt - QR-code oraz vCard
- Zdanie projektu – witryna typu OnePage
- Menu fullscreen - mobilne/RWD
- Witryna oparta o XML i style XSLT
- WCAG - narzędzie WAVE
- WCAG - witryna dostępna
- SEO
- LESS - przykład
- LESS - praca własna
- Projekt: Logo
- Projekt: Baner
- Projekt: Plakat
- Projekt: Animacja
- Projekt: Witryna typu Portfolio
- Interakcja z plikami SVG
- Corel DRAW
- Adobe Photoshop
- potrafić osadzić Widget odtwarzacza multimedialnego z przykłądowego serwisu multimedialnego
- wyszukać i dobrać bibliotekę konfigurowalnego odtwarzacza multimedialnego na podstawie wymagań
- przetestować i dostosować wizualnie i funkcjonalnie wybraną bibliotekę odtwarzacza stosując rozszerzenia (jeżeli są obsługiwane)
- skonfigurować rozszerzenia, podłączyć zasoby multimedialne i przetestować działanie odtwarzacza na różnych platformach, systemach i przeglądarkach
- umieć zdiagnozować występujące błędy, ich przyczynę i możliwe rozwiązania problemu
- Ćwiczenia [pdf]: Multimedia. Osadzanie widżetów Audio/Video
- Odnośnik: [EN] Platforma Soundcloud - przykładowa muzyka
- Odnośnik: [PL] Platforma YouTube - przykładowe wideo
- Ćwiczenia [pdf]: Multimedia. Biblioteka odtwarzacza wideo i pluginy do niego
- Odnośnik: [EN] Oficjalna witryna biblioteki Video.js do odtwarzania wideo
- Odnośnik: [GIT] Biblioteka Video.js do odtwarzania wideo
- Archiwum: [lokalne REPO] Biblioteka Video.js wersja 7.15.4
- Odnośnik: [GIT] Plugin YouTube wersja 2.0.8
- Archiwum: [lokalne REPO] Plugin Playlist wersja 4.3.1
- Archiwum: [lokalne REPO] Plugin Playlist-UI do v.4.3.1
- Odnośnik: [EN] Blog - 5 popularnych bibliotek do odtwarzania wideo
Brak zadań przypisanych do lekcji
Brak przypisanych zadań dla klasy: 2TD