Kurs HTML i CSS Pro – Pakiet
- SKU: N/A
Kurs HTML i CSS Pro – Pakiet
5 900,00 zł
Kurs HTML i CSS Pro z certyfikatem Akademii IT Media
Kurs stacjonarnie w Warszawie lub online | na żywo
Jako jedyny w Polsce Elitarny Edukacyjny Partner Adobe mamy zaszczyt zaprosić Cię na Kurs HTML i CSS Pr z certyfikatem Akademii IT Media! Kurs prowadzony jest w formie zajęć stacjonarnych w Warszawie lub zdalnej pracy z domu w dowolnej lokalizacji. Ma charakter praktycznych ćwiczeń warsztatowych z trenerem.
Kurs HTML i CSS Pro umożliwia uczestnikom korzystanie z nowych możliwości jakie oferuje język HTML5 i CSS3.
I Etap: Kurs HTML i CSS Podstawowy: Nowoczesne strony www
II Etap: Kurs HTML i CSS Zaawansowany: Responsywne strony i ich optymalizacja
Ten kurs składa się z dwóch dostępnych osobno szkoleń
Kurs HTML i CSS Pro - Pakiet
Cena: 5900 zł (netto)
80 h (10 dni)
Kurs HTML i CSS – Zaawansowany: Responsywne strony i ich optymalizacja
40 h (5 dni)
Co zyskasz dzięki naszym szkoleniom?
Najczęstsze wyzwania przed naszymi kursami
Nie wiem czy HTML i CSS to jedno i to samo, czy jednak różnią się funkcjonalnością.
Podczas kursu szczegółowo omawiana jest różnica między HTML a CSS. HTML to narzędzie do budowania szkieletu strony, pozwalające na umieszczanie nagłówków, akapitów, list i innych elementów strukturalnych. CSS z kolei pełni funkcję „szaty graficznej”, odpowiadając za stylizację strony, w tym kolory, układy i wygląd tekstów. Po takim wprowadzeniu, uczestnicy mają solidne podstawy do rozwoju umiejętności w tworzeniu stron internetowych.
Chciałbym dowiedzieć się, jak poprawnie pisać kod HTML i CSS, aby moje strony internetowe były estetyczne i funkcjonalne.
Kurs koncentruje się na nauce poprawnej składni HTML i CSS, co jest kluczowe dla każdego twórcy stron internetowych. Uczestnicy będą mieli okazję zgłębić zasady tworzenia poprawnych struktur HTML oraz poznają tajniki selektorów i właściwości CSS. Dodatkowo nauczą się pisać czysty i zoptymalizowany kod, co ułatwi późniejszą modyfikację oraz zrozumienie projektów.
Nie wiem, jak stworzyć responsywną stronę internetową, która dobrze prezentuje się na każdym urządzeniu.
Na naszym kursie nauczysz się, jak stworzyć responsywną stronę internetową, która będzie atrakcyjnie wyglądać na każdym urządzeniu. Poznasz kluczowe zasady responsywności oraz techniki wykorzystania media queries, aby dostosować wygląd swojej strony do różnych rozmiarów ekranów. Uczestnicy będą mieli okazję opanować metody tworzenia elastycznych układów, które płynnie skalują się na urządzeniach mobilnych, tabletach i komputerach stacjonarnych.
Zobacz filmu o naszym szkoleniu
Program Kursu HTML i CSS Pro
Kurs składa się z 10 dni warsztatowych (8.30-16.30):
Kurs HTML i CSS - Podstawowy: Nowoczesne strony www
Dzień 1
- Rodzaje domen
- Gdzie można kupić domenę i na co zwrócić uwagę
- Najważniejsze zagadania jakie obowiązkowo trzeba znać zanim zarejestrujesz nazwę domeny
- Przegląd usług oferowanych w internecie
- Co to jest ftp, Certyfikat SSL, kopia bezpieczeństwa itp.
- Możliwości i ograniczenia internetu
- Wstępne omówienie wybranych struktur stosowanych w projektach www
- WCAG jest bardzo ważne
- Pamiętaj o SEO serwisu – wprowadzenie
- Znajomość HTML – fundament stron www
- Mobile first – co to jest?
- Responsive Web Design
- Kim jest potencjalny użytkownik strony www
- Określenie celów jakie ma spełniać serwis www
- Wstęp do UX stron www
- Statystyki nie kłamią – przegląd danych o użytkownikach
- Narzędzia deweloperskie w przeglądarkach internetowych
- Przegląd wybranych narzędzi wykorzystywanych w procesie tworzenia serwisów internetowych
- Konfiguracja środowiska programu Visual Studio Code
- Dodatkowe rozszerzenia ułatwiające pisanie kodu
- Rozpoznanie potrzeb Klienta
- Wybór odpowiedniej technologii
- Przygotowanie struktury serwisu
- Omówienie układu i struktury strony internetowej
Dzień 2
- dokument HTML
- Standard HTML5
- CSS
- JavaScript i popularne biblioteki
- Inne technologie
- Tekst
- Grafika
- Style CSS
- Kolor
- Popularne biblioteki JavaScript
- Multimedia
- 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 i porównanie wybranych układów stron internetowych
- Zasady budowy layoutu
Dzień 3
- Łączenie arkusza ze stroną HTML
- Jak używać stylów CSS?
- Wprowadzenie i przegląd podstawowych właściwości CSS
- 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)
- Wprowadzenie do: Flexbox i Grid
- Formatowanie elementów tekstowych
- Rozmiary i stosowane jednostki w CSS
- Nagłówki
- Hiperłącza
- Wykorzystanie list numerowanych i nienumerowanych
- Zdjęcia
- Przygotowanie i stylizowanie pól formularzy (rodzaje stosowanych pól)
- Grafika na stronie www
- Zasady tworzenie stylów CSS
- Rodzaje selektorów
- Style typu class, tag, id, selektory złożone, pseudoelementy
- Dziedziczenie właściwości
- Podstawowe właściwości stylów
- Kształty CSS
- 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
- 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
- Efekty specjalne nawigacji (wykorzystanie pseudoklas :hover, :active, :selected)
Dzień 4
- 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 stosowanie znaczników HTML
- Zarządzanie wielkością
- optymalizacja grafiki
- Teksty alternatywne
- Dodawanie łączy
- Formatowanie grafiki za pomocą stylów CSS
- Filtry CSS
- Wykorzystanie typografii i stylów CSS
- Formatowanie tekstów za pomocą stylów CSS
- Formatowanie grafik, list, nagłówków i itp.
- Ostateczne dostosowanie wyglądu strony przy użyciu stylów CSS
- Dostosowanie stylów do poprawnego wyświetlania strony w różnych przeglądarkach
- Dodawanie tła strony
- Interaktywne elementy nawigacji
- Wykorzystanie CSS3
- Struktura tabeli
- Stylowanie wizualne
Dzień 5
- Biblioteka Lightbox
- Przygotowanie grafiki
- Struktura galerii
- Edycja i formatowanie galerii
- Edycja kodu JavaScript
- Rodzaje map
- Osadzenie podstawowej mapy Google na stronie
- Testowanie poprawności działania strony w różnych przeglądarkach
- Testowanie poprawności kodu HTML i stylów CSS
- Konfiguracja serwera WWW
- Serwer ftp
- Konfiguracja programu klienta ftp
- Publikacja strony online – przesyłanie strony na serwer
- Aktualizowanie strony www na serwerze produkcyjnym
- Wstęp do pozycjonowania
- Optymalizacja plików strony www
- Kompresja grafik
- Wytyczne SEO dla serwisów www
- Serwisy www wykorzysujące CMS
- Dlaczego warto zainteresować się systemem WordPress
- Czy SEO jest dla Ciebie?
Kurs HTML i CSS – Zaawansowany: Responsywne strony i ich optymalizacja
Dzień 1
- Techniki resetowania CSS: normalize vs reset
- Model pudełkowy
- Metody wyświetlania elementów na stronie www
- Pozycjonowanie elementów,
- Obsługa właściwości background
- Zarządzanie wielkością tekstu
- Struktura strony
- Tworzenie układów menu
- Prezentacja treści
- Menu
- Listy uporządkowane i nieuporządkowane
- Grafiki – optymalizacja grafik – wykorzystanie srcset
- Plusy i minusy wykorzystania dodatkowych fontów na stronie www
- Sposoby podłączania zewnętrznych fontów
- Techniki optymalizacyjne
- Popularne breakpoints w RWD
- Viewport
- Wprowadzenie do Media Queries / Breakpoints
- Orientation: portrait oraz landscape
Dzień 2
- Position: absolute, relative, fixed, sticky
- Przykłady wykorzystania na stronie
- Nazewnictwo elementów
- Praktyczne przykłady
- Definiowanie kontenera
- Flex-direction i ustawianie elementów w kolumnie
- Właściwość:
- flex-wrap,
- justify-content
- align-items
- order
- Praktyczne wykorzystanie Flexbox CSS
- Wady i zalety
- Grid Container
- Grid Item
- Grid Line
- Grid Cell
- Grid template columns
- Grid template rows
- Grid template areas
- Animacje na stronie www za pomocą stylów CSS
- Wykorzystanie popularnych bibliotek wspierających animacje elementów
- Właściwości: min-max width/height
- Jednostki rem, em, vw, vh
Dzień 3
- Co to jest?
- Kiedy warto korzystać z frameworków
- Bootstrap – wprowadzenie
- Foundation – wprowadzenie
- Rozpoczęcie pracy z frameworkiem – techniki podłączania plików
- Klasy, typografia, formatowanie list i itp.
- Dodawanie elementów interfejsu
Dzień 4
- Zaplanowanie działań
- Wdrożenie struktury projektu
- Tworzenie responsywnej strony www HTML / CSS – praktyczne ćwiczenia
- Wprowadzenie technik responsywnych
- Wykorzystanie Bootstrap – ćwiczenia praktyczne
- Testowanie projektu
Dzień 5
- Konsola DevTools w przeglądarce – źródło wiedzy o stronach www
- Testowanie responsywności serwisu
- Sizzy
- Dlaczego jest to takie ważne?
- Elementy wpływające na szybkość serwisu
- Optymalizacja techniczna
- Wdrożenie rozwiązań przyspieszających działanie wersji mobilnej
- Lazy loading
- Dostępne rozwiązania serwerowe jakie warto wdrożyć w celu optymalizacji serwisu
- CDN – jak działa i dlaczego warto?
- Inne narzędzia wykorzystywane w ocenie szybkości działania serwisu www
- Podłączania strony www
- Metody alternatywne zgłaszania serwisu www do GSC
- Konfiguracja i generowanie mapy serwisu
- Analizowanie potencjalnych błędów
- Co wpływa na proces indeksowania stron www
- Elementy serwisu ważne dla SEO
- Wykonywanie przekierowań adresów URL – eliminacja błędów 404
- Metadane
- Dane strukturalne
Każdego dnia oprócz przerwy obiadowej, przewidziane są dwie przerwy kawowe po 15 minut.
Nasi trenerzy:
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ń.
Dla kogo są te kursy?
Stacjonarnie czy online?
Wybierz formę szkolenia najdogodniejszą dla siebie!
Szkolenie stacjonarnie
- Pełna koncentracja na nauce
- Networking
- Wizyta w Ośrodku Szkoleniowym IT Media
- Możliwość konsultacji z Zespołem IT Media
Szkolenie online na żywo
- Nauka z dowolnego miejsca na świecie
- Stałe połączenie z trenerem w czasie rzeczywistym
- Zdalna praca z Team Viewer na wysokiej klasy komputerach IT Media
- Wygodne szkolenie w zaciszu domowym
- Trener widzi prace uczestników i może pomóc zdalnie jednym kliknięciem
Opinie z ankiet po szkoleniach
Opinie z Google
Miriamus M.2023-12-29Profesjonalne szkolenia z zakresu grafiki i nie tylko.Michał Feliks2023-08-225 gwiadek. Jedyne sensowne miejsce do szkoleń w zakresie oprogramowania graficznegoDawid Kowalski2023-07-03Świetna jakość szkoleń, doskonali prowadzący, obsługa, ilość informacji bardziej niż satysfakcjonująca. Gorąco polecam skorzystanie z oferty szkoleniowej oferowanej przez firmę IT Media.Marcin Izdebski2023-05-29Polecam szkolenia, sa naprawdę profesjonalne i dają ogromną dawkę wiedzy.Agnieszka Nowicka2023-05-23Świetna atmosfera, ogromna dawka wiedzy podana w przystępny sposób i pozwalająca od razu wejść w praktykę. Wzięłam udział w szkoleniu Zbrush moduł I. Zajęcia trwały 3 dni. Teraz potrafię wykonać rzeźbę 3d, przygotować ją do druku i wiem nawet gdzie taki druk wykonać. Prócz wiedzy o samym programie prowadzący podzielił się z nami "życiową wiedzą" odnośnie używania Zbrush. Ogromnie polecam!Roman Biesiadecki2023-05-18Świetne miejsce na pozyskanie nowych teoretycznych i praktycznych umiejętności. Luźna, przyjacielska atmosfera połączona z dużą dawką solidnych informacji. Możliwość wykonania praktycznych ćwiczeń pod okiem doświadczonego trenera. Polecam. 🙂Arek Brzegowy2023-04-29Przyjazna atmosfera na profesjonalnych i. rzeczowych szkoleniach. W przerwie szkolenia pyszny katering. Bardzo polecam.Ogólna ocena Google4.8/5, na podstawie 73 opinii
Projekty jakie wykonasz po szkoleniach
Po ukończeniu Kursu HTML i CSS Pro stworzysz takie projekty, jak:
Nasze szkolenia - Akademia IT Media
Od ponad 20 lat mamy zaszczyt szkolić pracowników branży kreatywnej. Jesteśmy jednym z najbardziej rozpoznawalnych ośrodków szkoleniowych w Polsce. Jesteśmy jedynym w kraju Elitarnym Edukacyjnym Partnerem Adobe oraz Edukacyjnym Partnerem Blackmagic Design. Stawiamy na praktyczne umiejętności naszych kursantów, profesjonalne know how i naukę pod okiem doświadczonych trenerów.
Kurs HTML i CSS Pro - dowiedz się więcej
HTML i CSS – co to jest?
Korzystając z internetu i znajdując potrzebne nam treści zazwyczaj nie zastanawiamy się, w jaki sposób to wszystko działa. Jak to jest, że wpisuję w przeglądarce adres, a po kilku sekundach widzę gotową stronę? Ta układanka ma wiele elementów. Potrzebny jest dostęp do sieci i adres strony. Właściciel strony musi posiadać domenę, hosting oraz pliki, które wczytane na serwer staną się stroną internetową. Wśród narzędzi wykorzystywanych w tym procesie HTML5 i CCS3 są jednymi z kluczowych elementów.
Konstrukcję strony WWW można porównać do ludzkiego działa. HTML i CSS są jak szkielet i mięśnie. HTML nadaje stronie strukturę. To dzięki niemu strona posiada nagłówek, miejsce na treść i stopkę, inny układ w przypadku statycznej strony, a inny w przypadku strony blogowej. CSS z kolei odpowiada za wygląd strony i jej poszczególnych elementów – ich kolor, rozmiar, umiejscowienie, marginesy, obramowania, hierarchię i wiele innych.
HTML5 i CSS3 a tworzenie stron WWW
Wiele osób jeszcze pamięta proste strony oparte na tabelach wyświetlające się w systemowej przeglądarce. Wobec tamtych stron nie było zbyt wielkich wymagań estetycznych – ważne było, by witryna działała i by była czytelna. Myśląc o zaawansowanych, responsywnych stronach WWW wyglądających równie dobrze w wersji dekstopowej jak i mobilnej, z których korzystamy dziś, aż trudno uwierzyć, że u ich podstaw leżą niemalże te same znaczniki!
Niemalże te same, ponieważ HTML i CSS od lat ewoluują. Obecnie do tworzenia stron wykorzystuje się HTML5 i CCS3, czyli najnowsze, a jednocześnie dobrze udokumentowane wersje HTML i modułów CSS, które są odczytywane przez większość przeglądarek. Przy budowaniu strony przydają się również języki skryptowe – PHP czy JavaScript, a także znajomość baz danych (głównie MySQL). Czy to oznacza, że znajomość HTML i CSS są konieczne do budowania strony? Odpowiedź brzmi – to zależy.
HTML5 i CSS3 a WordPress
Jeśli korzystasz ze znanego systemu zarządzania treścią (CMS), np. WordPress, znajomość HTML i CSS przydaje się okazjonalnie, do edycji nie do końca wizualnie pasujących elementów. Ze względu na swoją konstrukcję WordPress jest przykładem tego, jak w sposób przyjazdy dla nie do końca technicznego użytkownika może rozwijać się system zarządzania treścią.
WordPress umożliwia takiemu użytkownikowi tworzenie atrakcyjnych, responsywnych i dostosowanych do wymogów SEO stron internetowych, przy których nie potrzeba znajomości kodowania. Jednocześnie jednak, chcąc wycisnąć z niego najwięcej potrzebna jest wiedza o działaniu WordPressa. Pozwoli ona umiejętnie korzystać chociażby z widgetów, page builderów czy shortcode’ów – stworzonych przez programistów elementów, z których można łatwo stworzyć stronę.
Wciąż jednak motywy stanowią pewne ograniczenia dla twórców. Wiele elementów można, a czasem trzeba zmienić. Do tego zaś potrzebna jest znajomość HTML5 i CSS3.
Kurs CSS i kurs HTML – do czego może się przydać?
WordPress jako dominujący obecnie CMS pozwala na szybkie stworzenie strony WWW. Odbywa się to jednak kosztem pewnych wyobrażeń czy potrzeb użytkownika. Tworzenie prostych stron wizytówkowych, blogów czy nawet średniozaawansowanych portali nie stanowi trudności. Gorzej, jeśli funkcja czy element, o którym myślisz, nie wpasowuje się w wizję twórców motywów czy wtyczek.
Jeśli jako użytkownik potrzebujesz pewnych unikalnych czy dostosowanych do specyfiki Twojego biznesu funkcjonalności może się okazać, że WordPress nie jest w stanie dać Ci tego, czego potrzebujesz. W tym momencie masz do wyboru trzy opcje. Pierwsza: zrezygnujesz z czegoś, co wydawało Ci się potrzebne. Druga: poznasz lepiej ten CMS i zobaczysz jego możliwości bez nauki kodowania i na podstawie zdobytej wiedzy podejmiesz decyzję, czy WordPress jest dla Ciebie. Trzecim rozwiązaniem jest zamówienie odpowiednich zmian u specjalisty od danego CMSa lub języka.
Dobra znajomość CMSa umożliwia wprowadzenie wielu zmian, wymaga jednak pójścia w wielu kwestiach na kompromis. Jeżeli zmiany, które chcesz wprowadzić, mają dotyczyć wyglądu lub funkcjonalności strony z perspektywy odbiorcy / użytkownika, to kurs HTML i CSS będzie dla Ciebie idealnym rozwiązaniem.
Kurs HTML i CSS dla początkujących
Zadania specjalistów tworzących strony internetowej można podzielić na dwa obszary.
Część specjalistów będzie zajmować się tym, co widzą inni wchodząc na stronę – wyglądem strony i tym, by była użyteczna dla użytkownika. To front-end deweloperzy. U podstaw ich pracy leży znajomość HTML, CSS i JavaScript.
Inni specjaliści dbają o to, by zaplecze strony działało bez zarzutu. By można było się na niej logować, dodawać treść, by pliki były odpowiednio ze sobą powiązane tak, by użytkownik nie dostał komunikatu o błędzie w wyświetlanej stronie. To zadania back-end deweloperów, którzy znają języki związane z działaniem serwera (np. PHP) oraz umieją się poruszać po bazach danych (np. MySQL).
Kurs HTML5 i CSS3 dla początkujących umożliwia podstawienie pierwszych kroków na ścieżce rozwoju front-end dewelopera. Pozwala na modyfikację szablonów w istniejących już CMSach, a także na zbudowanie strony od podstaw. Kurs HTML umożliwi Ci stworzenie ram takiej strony, a kurs CSS pozwoli nadać jej ładny, responsywny wygląd. Dodatkowo znajomość podstaw JavaScript umożliwi Ci stworzenie bardziej interaktywnych elementów strony.
Kursy HTML i CSS Warszawa i online
Jeśli wiesz już, że interesuje Cię kurs HTML lub CSS dla początkujących, to pojawia się pytanie: czy lepiej wziąć udział w kursie stacjonarnym czy online? Wziąć udział w szkoleniu z osobą prowadzącą czy przerobić jeden z dostępnych kursów wideo?
Szkolenie HTML czy CSS online w formie wideo jest rozwiązaniem dla osób, które mają czas na to, by kształcić się we własnym tempie i nie potrzebują na tej drodze wsparcia osób trzecich. Bywa jednak, że napotkane problemy stają się przeszkodą nie do przejścia, a motywacja do samodzielnej nauki z czasem spada. W takich sytuacjach szkolenie z osobą prowadzącą zapewnia nie tylko potrzebną dawkę wiedzy, lecz także wsparcie w procesie nauki.
Szkolenia z HTML5 i CSS3 w IT Media
IT Media oferuje szkolenie HTML i CSS w dwóch modułach. Moduł pierwszy zawiera informacje o podstawach HTML5, CSS3, JavaScript. Będąc na szkoleniu zobaczysz również, jakie możliwości oferuje twórcom stron program Adobe Dreamweaver. Moduł drugi rozwija informacje przekazane w module pierwszym m.in. o znajomość bootstrapów oraz bibliotek JavaScript, co pozwala na tworzenie bardziej zaawansowanych stron internetowych. Oba szkolenia składają się na kurs HTML i CSS.
Szkolenia w IT Media w wersji stacjonarnej przeprowadzane są w Warszawie. Istnieje również możliwość dołączenia do grupy online. Program kursu HTML i CSS online jest taki sam jak kursu stacjonarnego, jednocześnie pozwala zaoszczędzić czas oraz pieniądze w przypadku dojazdów.
Informacje dodatkowe
Miejsce szkolenia | Warszawa, Online na żywo |
---|---|
Kurs HTML Podstawowy | 03.11.2025-07.11.2025 |
Kurs HTML Zaawansowany | 17.11.2025-21.11.2025 |
Miesiąc | Lis |
Czas | 80h (10 dni) |