Szkolenia IT • Kursy Komputerowe • Szkolenia

Responsive Design z Adobe Dreamweaver
Przeznaczenie szkolenia
Szkolenie jest przeznaczone dla osób, które mają już podstawy HTML i CSS, jednak nie jest wymagana dokładna
znajomość tych technologii, nie jest również wymagana znajomość jakichkolwiek języków skryptowych client czy
server-side.
Tematy zajęć
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
Wstęp do kursu.
Wprowadzenie.
Responsywne serwisy.
Rozdzielczości ekranów.
Popularne rodzielczości.
Inne wskazówki i wnioski.
Ppi, dpi, ratio i inne trudne skróty.
Projektowanie elastycznej strony WWW.
Wprowadzenie do działu.
Wstęp do projektowania.
Wykorzystanie Grida.
Tworzymy ribbon.
Tło dla strony.
Obrazki w Photoshop.
Gotowy layout.
Mobilne wersje strony.
Tworzenie mobilnych mockupów.
Projekt na tablet.
Projekt na telefon.
Wskazówki do layoutów mobilnych.
Praca w HTML.
Wprowadzenie do działu.
Jednostki relatywne w tekście.
CSS3 Media Queries.
Layout pływający.
Wdrażanie naszej strony.
Cięcie layoutu w Photoshop.
Tworzenie markupu w HTML5.
Praca z CSS.
Animacje w CSS3.
Praca z Media Queries.
Responsywne obrazki.
Tworzymy układy mobilne.
Układ tabletowy.
Menu na telefon.
Układ telefonowy.
Testowanie.
Wprowadzenie.
Testowanie w przeglądarce.
Testowanie w Dreamweaver.
Testowanie na urządzeniach.
Testy w praktyce.
Jeszcze więcej elastycznych technik.
Wprowadzenie.
Elastyczne fonty na stronie.
Techniki pracy z fontami.
Jeszcze bardziej elastyczna grafika.
Copyright © Altkom Akademia S.A. • Infolinia 801 25 85 66 • www.altkomakademia.pl
1/2
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
Grafika dla wyświetlaczy Retina.
Responsywne przyciski w CSS3.
Grafika SVG.
Layout typu fluid z Dreamweaver.
Frameworki i natywne aplikacje w HTML5.
Wprowadzenie do działu.
Natywne aplikacje a HTML5.
Wykorzystanie Flash.
Środowisko Frameworków.
Wykorzystanie jQuery Mobile.
Framework Phone Gap.
Przydatne linki i zasoby.
Zakończenie.
Korzyści wynikające z ukończenia szkolenia
Pierwszy dzień szkolenia jest wprowadzeniem do ekosystemu technologii i mobilnych stron WWW oraz aplikacji, a
także zapoznaniem z programem Adobe Dreamweaver i innymi narzędziami, które przydadzą się projektantom
mobilnych projektów. Następnie od podstaw zaprojektujemy najpierw interfejs w Photoshop, następnie zakodujemy
responsywną witrynę i przetestujemy ją z wykorzystaniem różnych narzędzi na wielu urządzeniach.
Oczekiwane przygotowanie słuchaczy
Dobra znajomość środowiska MS Windows oraz podstawowa znajomość zagadnień związanychz publikacją w
Internecie.
Metoda szkolenia
Wykład
Warsztaty
Kod szkolenia RD_WEB
Czas trwania
3 dni / 21 h
Poziom szkolenia Średniozaawansowany
Autoryzacja
Jako uzupełnienie rekomendujemy
WEB1 Publikacja informacji w Internecie
podstawy HTML + CSS
WEB2 Zaawansowany (X)HTML + CSS
Copyright © Altkom Akademia S.A. • Infolinia 801 25 85 66 • www.altkomakademia.pl
2/2