Kurs Tworzenie stron www

cena 5000 zł (netto)

80 h (10 dni)
8.30-16.30

Ścieżka: Tworzenie stron www i aplikacji

I Etap: 8-12 marca 2021

II Etap: 14-18 czerwca 2021

Inne terminy >

Kurs stacjonarny | online na żywo

Praktyczny warsztat z trenerem
w Autoryzowanym Ośrodku Adobe.

zapisz się

Kurs Tworzenie stron www

średnia ocen: 5.0

Kurs Tworzenie stron www

Kurs Tworzenie stron www

z certyfikatem Adobe Training Center 

Stacjonarnie w Warszawie | Online na żywo

Jako jedyny w Polsce Autoryzowany Ośrodek Szkoleniowy Adobe mamy zaszczyt zaprosić Cię na Kurs Tworzenie stron www z certyfikatem Adobe Training Center! Kurs prowadzony jest w formie zajęć stacjonarnych w Warszawie lub zdalnej pracy z domu w dowolnej lokalizacji. Ma charakter praktycznych ćwiczeń warsztatowych z trenerem. W ramach kursu uczestniczysz w dwóch szkoleniach:

I Etap: Szkolenie HTML i CSS w praktyce – moduł I: Tworzenie stron www 8-12 marca 2021;
II Etap: Szkolenie Tworzenie stron www z szablonami WordPress – moduł I – 14-18 czerwca 2021.

 

Czego się nauczysz?

W ramach szkolenia HTML i CSS w praktyce – moduł I:

  • Projektowania i tworzenia grafiki internetowej i jej optymalizacji
  • Tworzenia atrakcyjnych nagłówków oraz reklam graficznych
  • Wykorzystania programu Adobe Dreamweaver i innych do edycji kodu HTML5 i stylów kaskadowych
  • Zasad i tworzenia szablonów stron www
  • Znaczników i struktury kodu HTML5
  • Tworzenia różnorodnych struktur nawigacyjnych (menu)
  • Zasad języka HTML oraz nowości HTML5
  • Tworzenie i edycji różnorodnych stylów CSS
  • Wykorzystania języka JavaScript i różnorodnych widgetów
  • Wykorzystania interaktywnych elementów typu: Accordion, Tabbed Panel czy Collapsible Panel
  • Użycia zewnętrznych bibliotek JavaScript
  • Walidacji danych formularza i przesyłania ich w wiadomości e-mail
  • Tworzenia nowoczesnych galerii zdjęć z użyciem biblioteki Lightbox lub podobnych
  • Przesyłania i aktualizacji strony WWW na serwerze produkcyjnym
  • Optymalizacji grafiki i kodu pod wymagania Google
  • Dodawania efektów specjalnych i trików

W ramach Szkolenia Tworzenie stron www z szablonami WordPress – moduł I:

  • Technik instalacji systemu WordPress
  • Zarządzania zawartością strony w WordPress
  • Modyfikacji i dostosowywania szablonów systemu
  • Poprawnego użycia popularnych wtyczek, rozbudowujących funkcjonalności WordPress’a
  • Optymalizacji strony pod wyszukiwarki
  • Wykorzystaniu dodatkowych narzędzi Google
  • Publikacją gotowego serwisu w Internecie

Dla kogo jest ten kurs?

Do udziału w zajęciach zachęcamy przede wszystkim:

  • Marketerów, którzy chcą nauczyć się samodzielnego aktualizowania danych na stronie internetowej;
  • Web Developerów, którzy chcą poszerzyć swoje umiejętności i zoptymalizować czas pracy;
  • Specjalistów SEO, którzy chcą zgłębić wiedzę o dodatkowe triki, dzięki którym strona będzie się jeszcze lepiej pozycjonować;
  • osoby prowadzące małe przedsiębiorstwa, które chcą samodzielnie postawić stronę www.

Czego oczekujemy?

Do udziału w zajęciach wymagana jest znajomość obsługi komputera oraz platformy PC lub Mac OS.

Jak wygląda kurs?

Szkolenie stacjonarne

  • Praktyczne warsztaty w realu.
  • Możliwość pełnej koncentracji na nauce w Certyfikowanym Ośrodku Szkoleniowym.
  • Możliwość pracy z dodatkowymi narzędziami – udostępniamy np. tablet graficzny, kalibrator, kamerę.
  • Sposób na wymianę doświadczeń wśród uczestników z różnych branż, wydziałów czy organizacji.
  • Pełny komfort i bezpieczeństwo: przepisowe odległości, dostępne dozowniki płynu dezynfekującego, regularna dezynfekcja pomieszczeń, udostępniamy kreatywne przyłbice.
  • Certyfikat oraz drukowane materiały szkoleniowe wręczone na zakończenie szkolenia.

Szkolenie online

  • Praktyczne warsztaty online | na żywo.
  • Stałe połączenie video z trenerem w czasie rzeczywistym.
  • Nauka z dowolnego miejsca w Polsce.
  • Praktyczne ćwiczenia na żywo wraz zadawaniem pytań trenerowi.
  • Zdalna praca na wysokiej klasy komputerach udostępnionych w siedzibie IT Media.
  • Praca niezależna od mocy własnego komputera.
  • Trener widzi prace uczestników dzięki czemu może im w dowolnym momencie pomóc.
  • Możliwość korzystania ze stanowisk IT Media w dowolnych godzinach w terminie szkolenia.
  • Certyfikat oraz drukowane materiały szkoleniowe wysłane kurierem po zakończonym szkoleniu.

Szkolenia otwarte i zamknięte

W Akademii IT Media prowadzimy kompleksowe kursy oraz pojedyncze szkolenia zarówno dla osób indywidualnych, firm jak i instytucji publicznych. Oferujemy szkolenia otwarte, zamknięte oraz indywidualne konsultacje na różnym poziomie zaawansowania.

Zaletą szkoleń otwartych jest możliwość wymiany doświadczeń z osobami z innych firm. Natomiast przy szkoleniach zamkniętych dostosujemy do Twoich potrzeb termin zajęć oraz ich lokalizację.

Zapytaj o szczegóły: +48 513 086 588 

Jak wygląda kurs online?

 
 Stałe połączenie video z trenerem w czasie rzeczywistym

 Praktyczne ćwiczenia na żywo, wraz zadawaniem pytań trenerowi

– Uczestnik zdalnie wykonuje projekty na wysokiej klasy komputerach w IT Media

 Trener widzi prace uczestników dzięki czemu może im w dowolnym momencie pomóc

 Bezpieczeństwo, oszczędność czasu i pieniędzy
 

Standard szkolenia

Jedyny w Polsce
Autoryzowany Ośrodek Szkoleniowy
Adobe i Maxon

Certyfikowani wykładowcy - praktycy

Najnowsze oprogramowanie i samodzielne stanowisko komputerowe PC/MAC

Certyfikat i materiały szkoleniowe

Małe, kameralne grupy szkoleniowe

Pyszny obiad i kawa

Nasi trenerzy

Marcin Bober

Marcin Bober. Prowadzi szkolenia z zakresu budowania i optymalizacji serwisów www i aplikacji mobilnych. W pracy dydaktycznej duży nacisk kładzie na przygotowanie słuchaczy do samodzielnej pracy i tworzenia własnych kreatywnych rozwiązań.

dowiedz się więcej
o tym wykładowcy

NIE CZEKAJ AŻ ZABRAKNIE MIEJSC!

ZAPISZ SIĘ JUŻ DZIŚ!

Program szczegółowy

Kurs Tworzenie stron www składa się z dwóch szkoleń:

Szkolenie HTML i CSS w praktyce – moduł I: Solidne podstawy

Możliwości i ograniczenia Internetu

Zasady projektowania i tworzenia serwisów internetowych

  • rozpoznanie potrzeb Klienta
  • wybór odpowiedniej technologii
  • przygotowanie struktury serwisu
  • omówienie układu strony internetowej
  • struktura strony internetowej

Standardy budowy stron WWW

  • typy dokumentów HTML
  • HTML4 i HTML5
  • CSS
  • JavaScript i popularne biblioteki
  • jQuery, Spry
  • inne technologie

Podstawowe elementy strony WWW

  • tekst
  • grafika
  • style CSS
  • biblioteki JavaScript
  • elementy i animacje
  • PDF
  • wideo i muzyka

Interfejs i narzędzia Adobe Fireworks

  • narzędzia wektorowe
  • narzędzia bitmapowe
  • właściwości grafiki
  • formaty graficzne stosowane w Internecie

Tworzenie elementów graficznych na stronę WWW w programie Adobe Fireworks

  • import zdjęć i grafiki wektorowej
  • edycja grafiki
  • dodawanie efektów i cieni
  • skalowanie
  • użycie maski

Tworzenie projektu strony www

  • import i dostosowanie grafiki
  • zarządzanie wielkością
  • dodawanie tekstów
  • edycja kolorów
  • nawigacja
  • stopka, panele boczne
  • reklamy i nowości
  • cięcie grafiki na potrzeby języka HTML5 i stylów CSS

Cięcie, edycja i eksport projektu

  • użycie narzędzia Slice tool
  • wybór odpowiedniego formatu
  • aktualizacja grafiki

Tworzenie elementów ozdobnych (strzałki, bullety, nagłówki itp.)

  • zasady tworzenie niewielki plików graficznych
  • przygotowanie prostych grafik śródtekstowych
  • zasady eksportu grafiki bez tła

Zapis i optymalizacja elementów graficznych

  • zasady optymalizacji plików graficznych
  • zapis elementów graficznych dla strony WWW
  • prototypy stron WWW

Przygotowanie struktury serwisu WWW

  • site – definicja i zasady tworzenia i edycji
  • budowa optymalnej struktury katalogów
  • przygotowanie katalogu site’a

Interfejs programu Adobe Dreamweaver CS6

  • okna i palety programu
  • dopasowanie ekranu roboczego do własnych potrzeb
  • tworzenie własnych skrótów klawiaturowych
  • instalacja darmowych dodatków np. Lorem& More, Lightbox Gallery
  • korzyści użycia i problemy z dodatkami

Tworzenie site’a

  • konfiguracja site’a w programie Dreamweaver

Porównanie różnych metod budowy layoutu strony WWW

  • zasady tworzenie układu strony WWW
  • zasady tworzenie stron w oparciu o znacznik i style CSS
  • Zasady użycia semantycznych znaczników HTML5
  • zalety budowy strony w oparciu o znaczniki HTML5 i style kaskadowe

Przegląd layoutów stron WWW

  • 960 Grid system
  • Przegląd i porównanie wybranych układów strony internetowej
  • układ jednokolumnowy
  • układ dwukolumnowy
  • układy wielokolumnowe

Zasady budowy layoutu w Adobe Dreamweaver

  • Wykorzystanie semantycznych znaczników HTML5 do tworzenia struktury strony www
  • formatowanie elementów tekstowych
  • wykorzystanie listy
  • grafika na stronie www

Zasady użycia stylów CSS

  • zasady tworzenie stylów CSS
  • rodzaje selektorów
  • style typu class, tag, id, compound
  • dziedziczenie właściwości
  • podstawowe właściwości stylów
  • narzędzia tworzenia i edycji stylów w programie Adobe Dreamweaver CS6
  • arkusze stylów
  • łączenie arkusza ze stroną HTML
  • CSS3

Tworzenie strony WWW

  • podstawowe informacje o znacznikach HTML5
  • tworzenie strony internetowej w oparciu o znaczniki semantyczne HTML5
  • analiza struktury strony (headrer, footer, section, content, nav i inne elementy)

Wprowadzanie treści strony

  • wprowadzanie tekstów
  • wykorzystanie grafiki
  • logiczna struktura strony WWW
  • wykorzystanie listy, akapitów i znaczników nagłówkowych
  • dodawanie elementów nawigacyjnych

Formatowanie strony i edycja układu strony w oparciu o style CSS

  • wykorzystanie różnorodnych selektorów CSS
  • zasady dziedziczenia
  • hierarchia stylów
  • użycie zaawansowanych właściwości CSS do formatowania elementów strony i jej układu

Tworzenie atrakcyjnej nawigacji

  • wykorzystanie listy do tworzenia nawigacji
  • wykorzystanie stylów CSS do edycji wyglądu menu
  • dodawanie łączy
  • efekty specjalne nawigacji (wykorzystanie pseudoklas: hover, :active, :selected)

Optymalizacja strony pod kątem wyszukiwarek internetowych

  • logiczna struktura strony
  • znaczniki w sekcji head
  • zasady tworzenia tytułu i użycia nagłówków
  • teksty alternatywne, nazwy łączy, itp
  • logika strony i znaczników

Praca z grafiką

  • zarządzanie wielkością, optymalizacja grafiki
  • kadrowanie i efekty graficzne w programie Dreamweaver CC
  • wykorzystanie elementów tylu Smart Object i współpraca z plikami Photoshopa
  • teksty alternatywne
  • dodawanie łączy
  • formatowanie grafiki za pomocą stylów CSS

Zaawansowane formatowanie tekstów

  • zasady formatowania tekstów na stronie WWW
  • wykorzystanie typografii i stylów CSS
  • formatowanie tekstów za pomocą stylów CSS

Arkusze stylów CSS  głębsze spojrzenie

  • formatowanie grafiki, list, nagłówków
  • ostateczne dostosowanie wyglądu strony przy użyciu stylów CSS
  • dostosowanie stylów do poprawnego wyświetlania strony w różnych przeglądarkach
  • ciekawe efekty wizualne z użyciem stylów CSS
  • dodawanie tła strony
  • interaktywne elementy nawigacji
  • wykorzystanie CSS

Tworzenie animacji na bazie stylów CSS

  • animacje na stronie www
  • animacje za pomocą stylów CSS

Budowa szablonów stron WWW

  • tworzenie szablonów stron internetowych w programie Dreamweaver
  • rodzaje szablonów
  • wykorzystanie szablonów do tworzenie kolejnych podstroi serwisu
  • edycja szablonu i aktualizowanie podstron

Zasady użycia animacji Aniamte na stronie WWW

  • zalety i wady technologii Aniamte na stronie WWW
  • osadzenie elementów Aniamte na stronie WWW
  • alternatywy dla technologii Aniamte

Tworzenie stron WWW na podstawie szablonów Dreamweavera

  • użycie elementów Aniamte, animacji na stronie WWW
  • wykorzystanie i formatowanie tabel
  • zapis i testowanie stron
  • dodawanie łączy
  • tworzenie i edycja stylów CSS dla elementów nawigacyjnych
  • zaawansowane sposoby użycia stylów do formatowania menu

Praca z formularzem WWW

  • zasady budowy formularza
  • tworzenie interaktywnego formularza kontaktowego
  • formatowanie elementów formularza za pomocą stylów CSS
  • walidacja i testowanie działania formularza na stronie WWW
  • elementy Spry w budowie formularzy
  • edycja stylów CSS formularza
  • przygotowanie formularza do przesyłania danych
  • tworzenie strony potwierdzającej przesłanie danych

Testowanie i walidacja strony WWW

  • testowanie poprawności działania strony w różnych przeglądarkach
  • testowanie poprawności kodu HTML i stylów CSS

Konfiguracja serwera WWW

  • konfiguracja site’a
  • wybór firmy hostingowej i zakup domeny
  • serwer ftp
  • konfiguracja Adobe Dreamweaver CC do pracy z serwerem

Przesyłanie i aktualizacja strony na serwer WWW

  • połączenie z fizycznym serwerem WWW
  • przesyłanie strony na serwer
  • pobieranie stron z serwera
  • aktualizacja strony na serwerze WWW
  • synchronizacja

JavaScrip  na stronie WWW

  • Ajax i strony WWW
  • Adobe Spry
  • JQuery, MooTools

Współpraca z dodatkami JavaScript

  • Adobe Widget Browser oraz Adobe Exchange
  • wykorzystanie widgetów do tworzenia animacji nagłówka oraz innych elementów strony
  • inne dodatki

Tworzenie interaktywnej galerii typu Lightbox

  • Instalacja biblioteki Lightbox
  • przygotowanie grafiki
  • struktura galerii
  • edycja i formatowanie galerii
  • edycja kodu JavaScript
  • publikacja galerii

Tworzenie elementów Ajax

  • tworzenie interfejsu strony w oparciu o zakładki, panel typu Accordion czy Collapsible Panel
  • edycja stylów CSS dla elementów Spry

Osadzenie mapy Google na stronie

  • wykorzystanie dodatku Google Map do osadzenia mapy

Dodatkowe biblioteki JavaScript np. JQuery

  • instalacja i wykorzystanie gadżetów JQuery
  • tworzenie galerii zdjęć przy użyciu biblioteki Lightbox

Pływające reklamy Aniamte na stronie WWW

  • zasady dodawania reklam umieszczonych ponad stroną internetową

Wykorzystanie filmów wideo i muzyki na stronie WWW

  • problemy z przeglądarkami i wojna formatów
  • praca z plikami FLV
  • wykorzystanie plików mp4, mp3, ogg
  • tworzenie odtwarzacza wideo na stronie WWW
  • tworzenie odtwarzacza audio na stronie www

Tips & Triks, biblioteki Javascript oraz dodatki do programu

 

Szkolenie Tworzenie stron www z szablonami WordPress – moduł I

Wprowadzenie

  • Zasady projektowania i tworzenia serwisów internetowych
  • rozpoznanie potrzeb Klienta
  • wybór odpowiedniej technologii
  • przygotowanie struktury serwisu
  • omówienie układu strony internetowej
  • struktura strony internetowej
  • wprowadzenie do Responsive Web Design
  • wybór domeny
  • wybór hostingu – na jakie elementy należy zwrócić uwagę

Standardy budowy stron WWW

  • typy dokumentów HTML
  • HTML4 i HTML5
  • CSS
  • Rozdzielczości
  • Grid system
  • Kolory

Podstawowe elementy strony WWW

  • tekst
  • grafika
  • style CSS
  • biblioteki JavaScript
  • PDF
  • wideo i muzyka

Wprowadzenie do optymalizacji strony www

  • Najważniejsze informacje o stronach internetowych
  • Przyjazna struktura strony internetowej

Popularne systemy zarządzania treścią – WordPress, Joomla, Drupal …

  • Wykorzystanie projektów Open Source przy tworzeniu strony www
  • Wady i zalety popularnych systemów CMS
  • Wady i zalety WordPress’a

Wymagania oraz instalacja systemu WordPress

  • Sposoby instalacji WordPress’a – localhost / hosting
  • Konfiguracja serwera lokalnego
  • Przygotowanie bazy danych MySQL
  • Plik konfiguracyjny wp-config

 Przegląd interfejsu oraz ustawień w WordPress

  • Dostosowanie wyglądu kokpitu
  • Aktualizacje systemu oraz wtyczek
  • Opcje ekranu

Tworzenie zawartości serwisu

  • Dodawanie stron
  • Dodawanie kategorii oraz wpisów
  • Własne szablony stron, wpisów oraz kategorii
  • Osadzanie Google maps
  • Formularz kontaktowy
  • Tworzenie własnego menu oraz integracja z szablonem oraz widgetami
  • tworzenie struktury menu
  • zarządzania typami menu
  • osadzanie menu w szablonie strony

Dodawanie widgetów oraz ich integracja z szablonami

  • Przydatne wtyczki
  • Dostosowanie wyglądu

Interfejs programu Adobe Dreamweaver

  • okna i palety programu
  • dopasowanie ekranu roboczego do własnych potrzeb
  • tworzenie własnych skrótów klawiaturowych

 Integracja z Adobe Dreamweaver

  • Konfiguracja Adobe Dreamweaver
  • Widok kodu i projektu
  • Live Code

 Formatowanie strony i edycja układu strony w oparciu o style CSS

  • wykorzystanie różnorodnych selektorów CSS
  • zasady dziedziczenia
  • hierarchia stylów
  • użycie zaawansowanych właściwości CSS do formatowania elementów strony i jej układu

 Zarządzanie i edycja wyglądu szablonu strony

  • header.php
  • footer.php
  • index.php
  • category.php
  • sidebar.php
  • page.php / single.php
  • function.php
  • style.css i inne

 Wykorzystanie multimediów na stronie

  • Audio
  • Wideo
  • Integracja z serwisami: YouTube, Vimeo, Dailymotion, SoundCloud i inne

 Instalacja i przegląd wtyczek

  • Galeria zdjęć
  • Multimedia
  • Formularze kontaktowe
  • Slider
  • Accordiony oraz taby
  • Social media
  • SEO
  • Wersje językowe

Administracja WordPress

  • Ustawienia
  • Bezpośrednie odnośniki
  • Zarządzanie użytkownikami

 Publikowanie strony na serwerze

  • Eksportowanie i importowanie serwisu
  • Zabezpieczenia systemu WordPress
  • Kopia bezpieczeństwa

Indeksacja strony www w wyszukiwarce Google

  • Optymalizacja strony pod wyszukiwarki
  • Struktura strony, nagłówki, multimedia, treść
  • Dodatkowe wtyczki wspomagające indeksację strony

Integracja z Google Analytics

  • statystyki
  • Narzędzia Google dla webmasterów
  • Tips & Triks

Jak zdobyć dofinansowanie na Kurs Tworzenie stron www?

Chciałbyś opłacić kurs, ale brakuje Ci funduszy? Możesz skorzystać z dofinansowań, które mogą rozwiązać Twój problem. My, jako Akademia IT Media istniejemy w Rejestrze Instytucji Szkoleniowych (WUP (2.14/00109/2005). Jeżeli jesteś osobą bezrobotną/poszukującą pracy, możesz złożyć wniosek do Powiatowego Urzędu Pracy o wsparcie finansowe na konkretny kurs lub szkolenie.

O dofinansowanie można również się starać w ramach programu Ministerstwa Rozwoju – „Pożyczki na kształcenie”oraz Krajowego Funduszu Szkoleniowego

Jeżeli masz jakiekolwiek pytania odnośnie dostępnych możliwości uzyskania wsparcia finansowego, możemy zagwarantować Ci pomoc w wyborze opcji najlepiej dopasowanej do Twoich potrzeb. Czytaj więcej >

Kurs Tworzenie stron www – opinie na temat kursu

Nasze kursy i szkolenia cieszą się dużym uznaniem wśród uczestników, którzy najwyżej oceniają naszych wykładowców – ich przygotowanie, zaangażowanie i podejście do uczestników. Przychodząc na kurs, przekonasz się, że stawiamy na wykwalifikowaną kadrę, która z pasją podchodzi do prowadzenia zajęć. Średnia naszych ocen w Google to 4,9 oraz 5,0 na Facebooku

Sprawdź nasze opinie na Google >

Opinie z ankiet po szkoleniu

Profesjonalne podejście, dużo wiedzy przekazanej przez prowadzącego.

- Aleksander C.

Rzeczowo i konkretnie!

- Jan S.

Solidnie, profesjonalnie i przystępnie prowadzony kurs. Duża przyjemność uczestniczenia w kursie.

- Lena M.

Zaloguj się, by móc dodawać opinie
IT Media
Average rating:  
 0 reviews

Chcesz zapytać o coś przed zakupem?

Napisz do nas na szkolenia@itmedia.pl

lub zadzwoń pod numer

+48 22 678 38 87

System rozwoju w Akademii IT Media:

Kończąc to szkolenie
zyskujesz rangę
Specjalista

Co otrzymuję jako Specjalista:

  • Materiały szkoleniowe
  • Zniżki na oprogramowanie Adobe i tablety Wacom
  • Newsletter z materiałami rozwojowymi
  • Zaproszenia na bezpłatne
    Dni Otwarte w IT Media
  • Komplet filmów tutorialowych na Start (Photoshop, Illustrator, InDesign, Premiere Pro, After Effects)

dowiedz się więcej