zadzwoń:508 126 451

Tytuł szkolenia Responsive Design z Adobe Dreamweaver

Termin: | 3 dni , 24 godzin
Cena netto: 1290 zł
W cenę szkolenia wliczone są udział w zajęciach, wyżywienie oraz materiały szkoleniowe.

Szkolenie w ramach: Akademia stron WWW

 

O szkoleniu

Obecnie trudno już mówić o urządzeniach mobilnych jak tablety czy telefony w kontekście technologicznych nowinek. Są to w pełni przenośne narzędzia pracy, a także urządzenia z poziomu których przeglądamy strony WWW. To właśnie dostosowanie stron internetowych do wielu rozdzielczości i urządzeń jest obecnie największym wyzwaniem a jednocześnie rynkową niszą dla ich twórców. Na szkoleniu poznasz wszystkie techniki, które pozwolą Ci tworzyć zaawansowane, responsywne witryny.

 

Dla kogo

 

Szkolenie jest przeznaczone dla osób, które mają już podstawy HTML i CSS, jednak nie jest wymagana dokładna znajomość tych technologii, jak również nie wymagamy znajomości jakichkolwiek języków sktyptowych client czy server-side.


 

Dlaczego warto

- poznasz podstawy ekosystemu technologii i mobilnych stron WWW oraz aplikacji

- zapoznasz się z programem Adobe Dreamweaver i innymi narzędziami, które przydadzą się w projektowaniu mobilnych projektów

- dowiesz się jak od podstaw zaprojektować najpierw interfejs w Photoshop, następnie zakodować responsywną witrynę

- nauczysz się jak przetestować witrynę z wykorzystaniem różnych narzędzi na wielu urządzeniach

 

Kto prowadzi

Grzegorz Róg

 

Metody pracy

Szkolenie jest połączeniem części teoretycznych z praktycznymi ćwiczeniami, które pozwolą na utrwalenie wiedzy, a także przetestowanie omawianych rozwiązań. Efektem szkolenia będzie stowrzenie własnej witryny na aplikacje mobilne.


Program szkolenia

 

  • 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
  • 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

 

 

 

 

 

Zostań z nami

Zapisz się na bezpłatny newsletter z najlepszymi ofertami i informacjami!