Kurs HTML i CSS – Podstawowy: Nowoczesne strony www
Kurs HTML i CSS – Podstawowy: Nowoczesne strony www
2 800,00 zł
Kurs HTML i CSS - Podstawowy z certyfikatem Akademii IT Media
Szkolenie stacjonarnie w Warszawie lub online | na żywo
Jako jedyny w Polsce Elitarny Edukacyjny Partner Adobe mamy zaszczyt zaprosić Cię na Kurs HTML i CSS – Podstawowy: Nowoczesne strony www z certyfikatem Akademii IT Media! Szkolenie prowadzone jest w formie zajęć stacjonarnych w Warszawie lub zdalnej pracy z domu w dowolnej lokalizacji. Ma charakter praktycznych ćwiczeń warsztatowych z trenerem.
To idealna propozycja dla tych, którzy chcą rozpocząć swoją przygodę z tworzeniem stron WWW. Szkolenie to jest pierwszą częścią Kursu HTML i CSS Pro – Pakiet.
W ciągu kilkudniowego szkolenia pokażemy Ci, że HTML i CSS to nie czarna magia, jak początkowo mogłoby się wydawać.
Wybierz pojedynczy kurs lub cały pakiet szkoleń HMTL i CSS
Kurs HTML i CSS - Podstawowy: Nowoczesne strony www
Cena: 2800 zł (netto)
40 h (5 dni)
Kurs HTML i CSS Zaawansowany: Responsywne strony i ich optymalizacja
40 h (5 dni)
Co zyskasz dzięki naszemu szkoleniu?
Najczęstsze wyzwania przed naszym kursem
Brak umiejętności programistycznych sprawia, że obawiam się, iż mogę nie poradzić sobie z zadaniami.
Nasze szkolenie „HTML i CSS w praktyce: Tworzenie stron WWW” zostało starannie zaprojektowane z myślą o wszystkich, nawet o osobach stawiających pierwsze kroki w świecie programowania. Zaczynamy od podstaw, krok po kroku wyjaśniając każde zagadnienie, abyś mógł poczuć się pewnie w pracy z kodem. Nasze szkolenie prowadzi Cię przez wszystkie kluczowe aspekty tworzenia stron internetowych, w tym strukturę HTML, stylizację za pomocą CSS oraz zasady responsywnego projektowania. Nawet jeśli nigdy wcześniej nie miałeś styczności z kodowaniem, po zakończeniu szkolenia będziesz w stanie samodzielnie tworzyć atrakcyjne i funkcjonalne strony internetowe.
W sieci jest mnóstwo darmowych kursów, ale ogrom informacji powoduje, że czuję się zdezorientowany.
Nasze szkolenie koncentruje się na kluczowych zagadnieniach, które umożliwią Ci szybkie tworzenie profesjonalnych stron internetowych. Unikamy zbędnych teorii, stawiając na praktyczne ćwiczenia, które pozwolą Ci od razu zastosować zdobytą wiedzę w praktyce. W trakcie zajęć nauczysz się, jak korzystać z najpopularniejszych narzędzi i technologii, aby tworzyć responsywne i atrakcyjne wizualnie strony.
Miałem już kilka prób nauki HTML i CSS, ale za każdym razem szybko traciłem motywację i zniechęcałem się.
Nasi doświadczeni trenerzy stworzą motywującą atmosferę, w której będziesz mógł zadawać pytania i otrzymywać natychmiastową pomoc. Dzięki temu utrzymasz zapał do nauki i osiągniesz swoje cele. Podczas szkolenia będziesz miał okazję wymieniać się doświadczeniami z innymi uczestnikami, co dodatkowo wzmocni Twoje umiejętności i pozwoli na rozwój w grupie.
Czuję niepokój, że po zakończeniu szkolenia nie będę w stanie samodzielnie projektować stron.
Podczas szkolenia będziesz miał okazję pracować nad własnymi projektami pod okiem doświadczonego mentora, co stworzy idealne warunki do nauki. Nasz mentor pomoże Ci zidentyfikować Twoje mocne strony oraz obszary, w których możesz się rozwijać. Dzięki indywidualnemu podejściu i wsparciu mentora, nauczysz się nie tylko teorii, ale także praktycznych aspektów pracy nad projektami, co umożliwi Ci stworzenie portfolio, które wyróżni Cię na rynku pracy.
Zobacz film o naszym szkoleniu
Program Kursu HTML i CSS - Podstawowy: Nowoczesne strony www
Szkolenie składa się z 5 dni warsztatowych (8.30-16.30):
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?
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 jest ten kurs?
Kurs HTML i CSS 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 szkoleniu
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 graficznego
Dawid 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.
Projekty jakie wykonasz po szkoleniu
Po ukończeniu Kursu HTML i CSS w praktyce: Profesjonalne tworzenie stron internetowych wykonasz projekty takie 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 Podstawowy - dowiedz się więcej
Kurs HTML i CSS w praktyce: Tworzenie nowoczesnych stron www
Szkolenie pozwoli Ci odkryć podstawy projektowania i tworzenia estetycznych oraz funkcjonalnych stron WWW. W przystępny sposób, zapoznając się krok po kroku z wiedzą niezbędną do tworzenia stron, zdobędziesz umiejętności poparte pełnym zrozumieniem tematyki oraz praktyką.
W trakcie 5-dniowych, zintegrowanych zajęć korzystamy oczywiście z możliwości jakie oferuje nam język HTML i CSS.
Podczas zajęć wykorzystujemy również programy podobne w działaniu do Adobe Dreamweaver, po to aby w bardziej przybliżyć Ci realia pracy przy kodowaniu serwisów www. W ten sposób zajmujemy się tworzeniem stron internetowych, które są atrakcyjne wizualnie i zgodne ze standardami. Naturalnie korzystamy także z fizycznego serwera WWW, gdzie uczestnicy zajęć mogą samodzielnie zamieszczać, aktualizować i testować efekty swojej pracy. Podczas szkolenia pokazujemy proces wyboru i zakupu optymalnej nazwy domeny oraz konfiguracji niezbędnych usług na serwerze.
Ponadto, w trakcie szkolenia otrzymasz też wiedzę z zakresu optymalizacji i pozycjonowania stron internetowych. Podczas tworzenia projektu wykorzystujemy nabytą wiedzę, tak aby finalny produkt spełniał oczekiwania klientów i był w pełni satysfakcjonujący dla Ciebie jako jego twórcy.
Wprowadzenie do HTML
Szkolenie HTML i CSS w praktyce – moduł I: Tworzenie stron www rozpoczyna się od krótkiego wyjaśnienia dotyczącego standardów HTML i tego jak one ewoluowały. Warto jest zrozumieć różnice między HTML i XHTML i spojrzeć na współczesne normy z szerszej perspektywy. Następnie, przystępujemy do nauki i analizy kodu HTML. Szczególną uwagę przywiązujemy tutaj do sekcji <head> pod kątem dostępności i optymalizacji pod wyszukiwarki. Omawiamy tagi takie jak <title>, <meta>, <link> oraz <style>. Niektórzy z dotychczasowych uczestników naszego szkolenia zauważyli znaczą poprawę pozycji ich własnych stron w rankingu Google. I to jedynie po wprowadzeniu zalecanych zmian omówionych w tej części szkolenia.
Tworzenie struktury strony z HTML
W dalszej kolejności zajmujemy się analizą struktury HTML i znaczników treści, które są używane w typowych elementach stron WWW. Przyglądamy się temu jak stosowane są nagłówki w celu stworzenia semantycznej struktury i wypracowania sensownego układu strony. Szczególny nacisk kładziony jest na najczęściej używane znaczniki treści. Uczymy się tworzyć linki, listy, tabelki oraz osadzać je w typowym projekcie strony. Następnie zapoznajemy się ze znacznikami formatowania HTML mając na uwadze semantykę i stylowanie.
Uczestnicy szkolenia zapoznają się również z często popełnianymi błędami i problemami związanymi z użyciem HTML. Co więcej, poznają skuteczne sposoby radzenia sobie z nimi. Zwrócona zostanie ich uwaga na możliwe trudności wiążące się z instalacją i stosowaniem różnych wtyczek i narzędzi developerskich.
Wprowadzenie do CSS
Znaczna część szkolenia poświęcona jest na zapoznanie się ze stylami CSS. Na początek, uczestnicy szkolenia dowiedzą się jakie są sposoby umieszczania stylów CSS w dokumencie i każdy z nich zostanie przećwiczony. Następnie przeanalizujemy składnię CSS i zwrócimy uwagę na najczęściej popełniane błędy zapisu reguł. Poznamy selektory takie jak klasa, identyfikator oraz ich atrybuty.
Szkolenie jest wprowadzeniem do typografii CSS i omówieniem najczęściej używanych właściwości służących do stylowania tekstu. W tym także zmiany odstępów między elementami, fontów czy też dekoracji znaków. Wszystkie nabyte umiejętności będą niezbędne do elementów projektowanej strony www.
Praca nad wyglądem strony z CSS
Każdy Web designer i Web developer powinien wiedzieć na czym polega model pudełkowy w CSS i tego też nauczymy się w tej części szkolenia HTML i CSS. Wyjaśnimy jak wpływa on na odstępy i rozmieszczenie poszczególnych elementów na stronie. Nauczymy się kontrolować rozmiar treści i stosować obrazki tła dla kontenerów i strony WWW. Podobnie jak w przypadku HTML, uczestnicy szkolenia poznają możliwe trudności wiążące się z używaniem CSS i narzędzi developerskich przeglądarek.
Przygotowanie i optymalizacja grafiki na potrzeby strony internetowej
Istnieje takie przysłowie, które mówi, że jeden obraz jest wart więcej niż tysiąc słów. Samo stwierdzenie jest już bardzo stare, ale jego przesłanie niezwykle aktualne także w świecie wirtualnym. Dla przykładu, klient e-commerce nie ma możliwości dotknięcia produktu, zapoznania się z jego fakturą, obejrzenia z każdej strony. Dlatego też w znacznej mierze polega na obrazach z jakimi ma styczność na stronie internetowej. Jeśli prowadzisz bloga lub projektujesz stronę internetową, również będzie Ci zależeć, aby zdjęcia wyglądały profesjonalnie i przyciągały oko użytkowników. Zdjęcia w wysokiej rozdzielczości, ostre, pełne kolorów potrafią dużo ważyć. Spróbuj zamieścić kilka takich na stronie internetowej. Nieliczni odwiedzający będą mieli na tyle wytrwałości, aby pozostać na stronie Waszego sklepu i sfinalizować zakup produktu. Ciężkie zdjęcia znacząco wydłużają czas ładowania się strony www. Warto zwrócić uwagę na ten element przy projektowaniu stron pod urządzenia mobilne. To jest bardzo ważne w kontekście optymalizacji serwisu www pod kątem jego wydajności.
Podczas szkolenia trener pokaże Wam jak odnaleźć równowagę między jakością zdjęć a ich rozmiarem, kiedy grafika używana jest na stronie WWW, tak aby zdjęcia prezentowały się dobrze, szybko ładowały i nie sprawiały wyszukiwarce problemów z indeksowaniem. Zaprezentowane zostaną narzędzia graficzne służące do edycji. Uczestnicy szkolenia HTML i CSS poznają dostępne opcje zapisu grafik dla Internetu: GIF, JPG i PNG wraz z ich mocnymi stronami i słabościami. Jako uczestnik szkolenia dowiesz się jak zmieniać rozmiary, kompresować zdjęcia i jaki nadać im tytuł oraz tekst alternatywny, tak aby korzystnie wpłynąć na SEO i zwiększyć szanse na pojawienie się Twojej grafiki w Google Grafika, a samego artykułu w wynikach wyszukiwania. W celu zwiększenia zakresu wiedzy w tym temacie zapoznaj się również z naszą ofertą dotyczącą kursu Adobe Photoshop.
Galerie, mapy, wideo i audio na stronie WWW
Zamieszczanie video na stronie jest stosunkowo częstą praktyką, czy to w przypadku blogów czy gigantów działających na rynkach międzynarodowych. Dlatego też tworząc stronę prędzej czy później zetkniesz się z tą tematyką. Dowiesz się jakie istnieją możliwości w tym zakresie i które sposoby są warte uwagi. Poznasz nowe elementy HTML5 dedykowane właśnie do obsługi odtwarzaczy wideo i audio.
Poprawna optymalizacja stron WWW
Nie jest tajemnicą, że Google bardzo ceni strony doskonałe pod względem technicznym. Jeśli zależy Ci na tym, aby Twoja strona uzyskała wysoką pozycję w wynikach wyszukiwania istotne jest, abyś już na starcie zdobył rzetelne podstawy i podczas dalszego doskonalenia nie odpuszczał w żadnym momencie i na żadnym etapie pracy i nauki własnej. Podczas tego szkolenia, nasz trener nauczy Cię tworzenia stron z dbałością o szczegóły. Już od samego początku pokaże Ci jak zadbać o poprawną optymalizację kodu strony. Nauczysz się tworzyć strony, które będą się szybko ładowały. Co więcej, dowiesz się, jak zaopatrzyć stronę w poprawnie sformułowane nagłówki i metatagi. Elementy te są zgodne z najnowszymi standardami tworzenia stron internetowych i wpływają na sprawniejsze odnalezienie strony przez wyszukiwarki.
Informacje dodatkowe
| Miejsce szkolenia | Warszawa, Online na żywo |
|---|---|
| Data szkolenia | 03.11.2025-07.11.2025 |
| Miesiąc | Lis |
| Czas | 40h (5 dni) |
