|
HTML5
TWORZENIE STRON WWW W HTML 5 Z ZASTOSOWANIEM CSS 3 ORAZ JAVASCRIPT
|
|
|
|
|
HTML5
|
|
Tworzenie stron WWW w HTML 5 z zastosowaniem CSS 3 oraz JavaScript
|
|
|
|
2 (liczba
dni zajęć w godzinach 9.00-16.00)
|
|
|
|
|
Atrakcyjne strony internetowe, z pięknymi, dynamicznymi, animowanymi elementami
graficznymi, modnymi zaokrąglonymi rogami, czy przezroczystościami i płynnymi przejściami
barwy wraz z treściami video, czy audio – to wszystko jest teraz dostępne w HTML
5 i CSS3. Są to standardowe technologie, które wspierane przez coraz liczniejszą
rzeszę przeglądarek są w stanie realizować to, co do tej pory możliwe było jedynie
przy zastosowaniu dodatkowych platform takich jak Flash, czy Silverlight. HTML 5
to bez wątpienia technologia najbliższej przyszłości. Dla kogo
Szkolenie przeznaczone jest dla osób, które mają pewne doświadczenie w tworzeniu
statycznych stron WWW i użytkowaniu arkuszy stylów CSS, ale chcą poznać co oferuje
HTML 5 i CSS 3, a także uświadomić sobie kierunki wzbogacania funkcjonalności strony
poprzez zastosowanie klienckich technik programowania javascript i mechanizmów takich
jak składowanie web storage, praca offline, czy geolokalizacja. Wymagania wstępne
Znajomość podstaw poprzednich wersji HTML i CSS oraz podstaw programowania JavaScript.
Zakres tematyczny - Spektrum technologii - wprowadzenie do HTML 5, CSS 3, JavaScript
- Struktura strony HTML 5
- Doctype i kodowanie znaków
- Znaczniki HTML 5 - nowe lub uaktualnione elementy i atrybuty (w tym <header>,
<nav>, <section>, <article>)
- Aplikowanie CSS 3 do elementów HTML 5
- Obsługa przez przeglądarki
- Formularze HTML 5
- Nowe typy pól wejściowych: email, url, zakres i liczba, wyszukiwanie, wybór daty
- Nowe atrybuty
- Walidacja formularza
- Video i Audio w HTML 5
- Praca z elementami video, audio
- Zdarzenia
- Element canvas HTML 5
- Współrzędne
- Kształty
- Wypełnienie i obramowanie
- Wyprowadzanie teksu
- Obrazki
- Transformacje
- Kompozycje
- Dodanie interaktywności
- Animacje
- CSS 3
- Selektory
- Zgodność z przeglądarkami – właściwości specyficzne dla przeglądarek
- Efekty wizualne - Zaokrąglanie rogów, kolor i przezroczystość: RGBA, rzucanie cienia,
gradient, tło, odbicia, maska
- Układ
- Fonty
- Transformacje 2D - scale, translate, skew, rotate, matrix
- Animacje - przejścia (transitions), keyframe, wyzwalanie animacji
- HTML 5 – aplikacje i interaktywność
- Składowanie danych (Web Storage)
- Tryb offline
- Geolokalizacja
- Web Workers
- Messaging
- Web Sockets
|
|
|
|
|