HTML i CSS - szkolenie od podstaw do poziomu zaawansowanego

HTML i CSS

Baza wiedzy
Web development:

Szkolenia język znaczników HTML i arkusze stylów CSS

  • Hypertext Markup Language to język, który składa się z serii znaczników (tagów). Definiuje on zestaw najczęściej wykorzystywanych elementów na stronach np. nagłówki, akapity, listy i tabele.
  • HTML5 to rozwinięcie języka z wersji HTML4. Używa on tych samych podstawowych zasad co HTML4, ale dodaje kilka nowych znaczników i atrybutów. Pozwalają one lepszą obsługę dynamicznych elementów aktywowanych za pomocą języka JavaScript.
  • Język ten ma zdefiniowany zestaw znaczników, które możesz wykorzystywać budując stronę internetową. Nie możesz tworzyć własnych znaczników i ich atrybutów.
  • Dokumenty HTML to pliki tekstowe (ASCII). Nie zawierają one informacji charakterystycznych dla programu np. edytora tekstu Word. Możesz pisać kod w prostym edytorze np. Notpad++ lub wykorzystać bardziej profesjonalne narzędzie np. Visual Studio Code.
  • Kod HTML interpretowany jest przez przeglądarkę WWW np. Firefox, Chrome lub Internet Explorer. Przeglądarka analizuje dokument HTML i formatuje tekst oraz obrazy według umieszczonych w nim znaczników.
  • CSS (Cascading Style Sheets) to kaskadowe arkusze stylów, które określają styl dokumentu – za ich pomocą sformatujesz układ strony, kolory i czcionki.

Wybierz termin szkolenia

Jeżeli interesuje Cię szkolenie, ale żaden z terminów nie jest dla Ciebie odpowiedni, koniecznie napisz lub zadzwoń do nas.

W każdym z terminów, możesz wziąć udział w szkoleniu stacjonarnym lub zdalnym.

TytułMiastoTerminCenaIlość dniDostępnośćRezerwacja
HTML i CSS od podstaw Opis kursu Warszawa08-09.02.2021 1 266,00  netto
1 557,18  brutto
22 miejsca Rezerwuj
Warszawa10-11.03.2021 1 266,00  netto
1 557,18  brutto
22 miejsca Rezerwuj
Warszawa12-13.04.2021 1 266,00  netto
1 557,18  brutto
24 miejsca Rezerwuj
Szybki kontakt




Korzyści z kursu Język znaczników HTML i arkusze stylów CSS

Szkolenie ma charakter praktycznych warsztatów. W trakcie kursu utworzysz prostą stronę internetową. Pierwszego dnia szkolenia, przy wykorzystaniu języka HTML, utworzysz „surową” wersję statycznej strony. Drugiego dnia poznasz arkusze stylów CSS i wykorzystasz je do sformatowania tekstu i grafiki na stronie.

Przez cały czas trwania szkolenia rozwiązujesz zadania. Są one ułożone w taki sposób, abyś rozwiązując ćwiczenia od najprostszych, po bardziej skomplikowane, mógł w trakcie kursu utworzyć swoją stronę. Kończysz szkolenie z gotowym produktem, którym możesz się pochwalić.

Po szkoleniu będziesz potrafił:

  • odnaleźć się w gąszczu technologii związanych z tworzeniem stron internetowych – dowiesz się jakie rozwiązania są dostępne np. czym różnią się Angular i Bootstrap. Zobaczysz, w jakich technologiach aktualnie są tworzone strony internetowe i czego warto się nauczyć.
  • zainstalować i wykorzystywać w praktyce środowisko programistyczne Visual Studio Code – w środowisku tym będziesz tworzył na zajęciach swoją stronę. Poznasz szereg trików ułatwiających programowanie np. szybki sposób na wygenerowanie kodu HTML.
  • dobrze zrozumieć mechanizm działania stron www , przeglądarek, adresów URL, sklepów internetowych, mediów społecznościowych i innych elementów powiązanych z obszarem web developmentu. Przez dwa pełne dni będziesz w roli zarówno twórcy, jak i odbiorcy treści internetowych.
  • używać języka znaczników HTML – poznasz wszystkie znaczniki HTML, których front developerzy używają do tworzenia witryn internetowych.
  • modyfikować wygląd strony np. czcionki i grafiki za pomocą kaskadowych arkuszy stylów (CSS)– dobrze poznasz CSS i będziesz wiedział jak go wykorzystać do formatowania czcionki, tła, grafiki.
  • publikować swoje własne treści w Internecie np. prowadzić blog, utworzyć swoją stronę-wizytówkę, dzielić się ze znajomymi zdjęciami.

Wybierz szkolenie

Zobacz zakres materiału i zapisz się na kurs, jeśli materiał jest dla Ciebie interesujący. Pamiętaj, że ostateczną decyzję odnośnie udziału w szkoleniu podejmujesz pierwszego dnia w trakcie zajęć. Jeśli kurs Ci się nie spodoba, bez żadnych konsekwencji możesz się z niego wycofać.

HTML i CSS od podstaw

Zakres materiału

Dzień I

  1. Przegląd dostępnych technologii w obszarze Web Development – możliwe ścieżki rozwoju
  2. Przegląd narzędzi do zarządzania treścią na stronie np. WordPress
  3. Zasady projektowania stron internetowych
    1. Projekt układu strony
    2. Projekt graficzny
    3. User Experience – użyteczność strony dla użytkowników
    4. Projekt strony pod kątem optymalizacji SEO
  4. Zasady działania sieci www
  5. Serwery www i adresy URL
  6. Popularne przeglądarki oraz różnice między nimi
  7. Środowisko pracy developera
    1. Narzędzia deweloperskie przeglądarek
    2. Visual Studio Code, Brackets i inne edytory
  8. Technologia HTML i język znaczników HTML5
    1. Struktura dokumentu HTML
    2. Znaczniki i atrybuty
    3. Tworzenie tytułu strony
    4. Elementy sekcji nagłówek, zawartość i stopka
    5. Nagłówki i akapity
    6. Znaczniki div i span
    7. Formatowanie tekstu – kolor i wygląd czcionki
    8. Wstawianie cytatów
    9. Tekst preformatowany
  9. Odnośniki do danego miejsca na stronie (kotwica) i linki zewnętrzne
  10. Tworzenie list
    1. Lista nieuporządkowana
    2. Lista numerowana
    3. Lista definicji
  11. Tworzenie i formatowanie tabel
  12. Tworzenie i formatowanie formularzy
    1. Pola i etykiety
    2. Przyciski
    3. Pola liczbowe
    4. Obsługa daty i czasu w formularzach
    5. Walidacja formularzy
  13. Wstawianie na stronę grafiki
    1. Rodzaje grafik
    2. Przykładowe programy do obróbki grafiki np. program GIMP
    3. Zasady obróbki i kompresowania grafiki
  14. Wstawianie na stronę multimediów i ich formatowanie
    1. Kompresowanie obrazów
    2. Przykładowe programy do obróbki filmów np. program DaVinci
    3. Umieszczanie na stronie filmów

Dzień II

  1. Co to są kaskadowe arkusze stylów (CSS)
  2. Składnia CSS
  3. Selektory elementu, klasy i atrybutu
  4. Definiowanie kolorów
  5. Jednostki miary
  6. Formatowanie tekstu
    1. Rozmiar i kolor tekstu
    2. Wyrównywanie tekstu
    3. Stosowanie efektów specjalnych dla tekstu
  7. Formatowanie list
  8. Dodawanie i formatowanie tła
  9. Wykorzystanie modelu pudełkowego w formatowaniu strony
    1. Ustawianie marginesów
    2. Padding
    3. Dodawanie obramowań
  10. Elementy pływające (float)
  11. Elementy zakotwiczone
  12. Flexbox

Trener – opiekun kursu

  • Adam Wiśniewski trener

    Adam jest Web Developerem szukającym najlepszych rozwiązań oraz narzędzi ułatwiających pracę. Posiada ogromne doświadczenie w tworzeniu stron internetowych. Jego umiejętności nie kończą się na programowaniu. Adam potrafi zaprojektować elegancką, profesjonalną stronę, zaprogramować ją i skonfigurować na serwerze łącznie z bazą danych.

    Szkolenie z nim to doskonała okazja do poznania budowy stron internetowych od A do Z. Adam lubi podróże, drony, gadżety oraz pogawędki technologiczne.