Responsive Design z Adobe Dreamweaver

RD_WEB/TOPBIZ
Responsive Design z Adobe Dreamweaver
Szkolenie skierowane do:
Szkolenie jest przeznaczone dla osób, które znają już podstawy HTML i CSS, nie jest wymagana znajomość
jakichkolwiek języków skryptowych client czy server-side.
Tematy zajęć:
Dzień 1
9:00 – 10:30
1. Wstęp do kursu.
 Wprowadzenie.
 Responsywne serwisy.
 Rozdzielczości ekranów.
 Popularne rodzielczości.
10:45 – 12:30
 Inne wskazówki i wnioski.
 Ppi, dpi, ratio i inne trudne skróty.
2. Projektowanie elastycznej strony WWW.
 Wprowadzenie do działu.
 Wstęp do projektowania.
13:00 – 14:15
 Wykorzystanie Grida.
 Tworzymy ribbon.
 Tło dla strony.
 Obrazki w Photoshop.
 Gotowy layout.
14:13 – 16:00
 Mobilne wersje strony.
 Tworzenie mobilnych mockupów.
 Projekt na tablet.
 Projekt na telefon.
 Wskazówki do layoutów mobilnych.
Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego
Strona 1 z 4
RD_WEB/TOPBIZ
Responsive Design z Adobe Dreamweaver
Dzień 2
9:00 – 10:30
1. Praca w HTML.
 Wprowadzenie do działu.
 Jednostki relatywne w tekście.
 CSS3 Media Queries.
 Layout pływający.
10:45 – 12:30
2. Wdrażanie naszej strony.
 Cięcie layoutu w Photoshop.
 Tworzenie markupu w HTML5.
 Praca z CSS.
 Animacje w CSS3.
13:00 – 14:15
3. Praca z Media Queries.
 Responsywne obrazki.
 Tworzymy układy mobilne.
 Układ tabletowy.
 Menu na telefon.
 Układ telefonowy.
14:30 – 16:00
4. Testowanie.
 Wprowadzenie.
 Testowanie w przeglądarce.
 Testowanie w Dreamweaver.
 Testowanie na urządzeniach.
 Testy w praktyce.
Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego
Strona 2 z 4
RD_WEB/TOPBIZ
Responsive Design z Adobe Dreamweaver
Dzień 3
9:00 – 10:30
1. Jeszcze więcej elastycznych technik.
 Wprowadzenie.
 Elastyczne fonty na stronie.
 Techniki pracy z fontami.
 Jeszcze bardziej elastyczna grafika.
 Grafika dla wyświetlaczy Retina.
 Responsywne przyciski w CSS3.
10:45 – 12:30
2.Grafika SVG.
3. Layout typu fluid z Dreamweaver.
13:00 – 14:15
4. Frameworki i natywne aplikacje w HTML5.
 Wprowadzenie do działu.
 Natywne aplikacje a HTML5.
 Wykorzystanie Flash.
14:15 – 16:00
5. Środowisko Frameworków.
 Wykorzystanie jQuery Mobile.
 Framework Phone Gap.
6. Przydatne linki i zasoby.
7. Zakończenie.
Metoda szkolenia:
8. wykład + warsztat
Czas trwania:
3 dni / 21 h
Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego
Strona 3 z 4
RD_WEB/TOPBIZ
Responsive Design z Adobe Dreamweaver
Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego
Strona 4 z 4