Autoryzowany Ośrodek Szkoleniowy Adobe i Maxon

Seminarium Trendy i prototypy – projektowanie stron WWW

Kategoria: Seminaria kreatywne

Czas trwania: 16 godzin

Cena: 950 PLN (netto)

Opis seminarium

Czasy, w których strony internetowe oglądane były przede wszystkim na komputerach stacjonarnych/laptopach bezpowrotnie minęły. Liczba urządzeń mobilnych umożliwiających dostęp do internetu stale się powiększa. Użytkownicy wymagają łatwej i przyjaznej interakcji z mobilnymi interfejsami na dowolnym urządzeniu w każdym możliwym kontekście użycia. Osiągnięcie tego celu jest możliwe dzięki konsekwentnemu stosowaniu nowoczesnych praktyk projektowania stron internetowych. Podejście Mobile First zakłada rozpoczęcie procesu projektowego od najmniejszego ekranu dostępnego dla użytkownika i rozbudowy jego struktury na coraz większe urządzenia. Responsive Web Design to metoda dostosowania serwisu do ekranów różnej wielkości z zapewnieniem najlepszej jakości użytkowej. Dzięki powyższym praktykom zaprojektowane rozwiązania są wyświetlane prawidłowo niezależnie od wielkości i aspektu ekranu, rodzaju urządzenia (desktop, tablet, smartfon) i sytuacji, w której korzysta z nich użytkownik.

W celu zastosowania powyższych wymagań w praktyce uczestnicy szkolenia zostaną zapoznani z Bootstrap Framework, który pozwala na szybkie i proste tworzenie responsywnych interfejsów stron internetowych oraz aplikacji webowych zgodnych z podejściem Mobile First. Rozwiązanie zawiera bogaty zestaw szablonów i gotowych do użycia komponentów dla typografii, nawigacji, przycisków, formularzy, a także innych popularnych elementów interfejsu użytkownika opartych na HTMLCSS. Pozwala też na wykorzystanie rozszerzeń JavaScript rozbudowujących funkcjonalność stron. Projekt zapoczątkowany został w 2011 roku przez programistów w firmie Twitter w celu zapewnienia spójności wykorzystywanych bibliotek. Po udostępnieniu jako projekt open source zyskał on bardzo dużą popularność m.in. dzięki zgodności z wieloma przeglądarkami internetowymi  oraz rozbudowanej bibliotece gotowych komponentów i przejrzystej dokumentacji. Wersja Bootstrap 2 została wzbogacona o 12 kolumnowy system siatki i responsywne komponenty pozwalające na wygodne skalowanie stron dla różnych wielkości ekranu (RWD). Bootstrap 3 wprowadził podejście Mobile First, które obecnie jest wiodącym podejściem w projektowaniu na urządzenia mobilne.

Seminarium jest adresowane do osób pragnących od podstaw poznać zasady projektowania stron internetowych na urządzenia mobilne. Przedstawia dostępne rozwiązania technologiczne na przykładach z uwzględnieniem ich wad i zalet. Prezentuje szereg strategii, metod i trendów związanych z planowaniem i projektowaniem rozwiązań responsywnych z zapewnieniem wysokiego poziomu User-Experience. Dzięki użyciu Bootstrap Framework efektem szkolenia jest działająca strona HTML, która spełnia wymagania współczesnych stron internetowych dedykowanych na urządzenia mobilne.

Czego nauczymy na seminarium Projektowanie  – trendy i prototypy współczesnych stron internetowych

  • Współczesnych praktyk projektowych dotyczących projektowania stron internetowych na urządzenia mobilne takich jak podejście Mobile First oraz Responsive Web Design.
  • Zasad i wytycznych dotyczących projektowania stron internetowych zapewniających wysoki poziom User Experience.
  • Podstaw procesu koncepcyjnego, tworzenia architektury informacji i prototypowania stron.
  • Instalowania i konfigurowania Bootstrap Framework.
  • Wykorzystania systemu siatkowego do budowy responsywnych układów stron dla urządzeń typu desktop/tablet/smartfon.
  • Stosowania w praktyce gotowych komponentów i elementów interfejsu.
  • Pracy z rozszerzaniami do tworzenia interaktywnych elementów rozbudowujących funkcjonalność strony.
  • Modyfikowania i konfiguracji frameworku Bootstrap do indywidualnych potrzeb.
  • Metod i narzędzi do testowania i optymalizacji responsywnych układów stron.

Od uczestników seminarium oczekujemy podstawowej znajomości języka HTML/CSS.

Program

  • Wprowadzenie do webdesignu i podstawowych pojęć.
  • Rola User Experience we współczesnych projektach internetowych.
  • Czym jest podejście Mobile First i Responsive Web Design?
  • Analiza współczesnych trendów w projektowaniu stron internetowych na przykładach.
  • Proces koncepcyjny i analiza wymagań projektowych.
  • Podstawy tworzenia architektury informacji.
  • Projektowanie wstępnego prototypu strony.
  • Instalacja Bootstrap Framework.
  • Podstawy HTML/CSS niezbędne do używania Bootstrapa.
  • Zasady wykorzystania systemu siatkowego.
  • Budowa dynamicznego szkieletu strony HTML:
    • Projektowanie dla desktop.
    • Projektowanie dla tabletów.
    • Projektowanie dla smarfonów.
  • Praca z komponentami i rozszerzeniami Bootstrapa.
  • Testowanie i optymalizacja stworzonego projektu.
  • Podsumowanie szkolenia i omówienie źródeł rozszerzających poznane zagadnienia.

Dbamy o wysoką jakość naszych szkoleń, ale również o komfort ich uczestników

Standard seminarum — co zapewniamy?

  • małe, kameralne grupy szkoleniowe,
  • sprawdzonych wykładowców – praktyków,
  • klimatyzowane sale,
  • samodzielne stanowiska pracy,
  • komputery PC z opcją wyświetlania 3D i funkcją touch,
  • komputery typu iMAC,
  • tablety Wacom,
  • najnowsze oprogramowanie z możliwością wyboru platformy i wersji językowej,
  • drukowane materiały szkoleniowe,
  • obiady oraz serwis kawowy,
  • certyfikaty potwierdzające realizację zajęć w Autoryzowanym Ośrodku Szkoleniowym wystawiane w języku polskim lub angielskim.

Po każdym szkoleniu w Akademii IT Media uczestnicy wypełniają ankietę oceniając odbyte zajęcia. W ankiecie oceniają zarówno poziom swojego zadowolenia na podstawie spełnionych oczekiwań jak również sposób prowadzenia zajęć przez wykładowcę, jego przygotowanie i profesjonalizm.