Szkolenie HTML + CSS

Opis szkolenia

Szkolenie HTML + CSS - Podstawy

Szkolenie HTML & CSS – Podstawy wymaga własnej pracy, szczególnie na początku. Ważną częścią kursu jest praca w domu na bazie przekazanych materiałów szkoleniowych.

Przejście pomiędzy poszczególnymi poziomami kursu, będzie wymagało Twojego aktywnego uczestnictwa w kursie tj. wykonywania przygotowanych na potrzeby kursu projektów.

Na koniec kursu stworzysz własną stronę dedykowaną Twoim zainteresowaniom. Będzie to dla Ciebie szansa zdobycia pierwszego doświadczenia w tworzeniu stron i doskonały fundament na którym będziesz mógł rozwijać dalej swoje umiejętności. Na koniec umieścisz swoją stronę na hostingu i podepniesz do nie swoją domenę.

  • Szkolenia w kameralnych grupach od 5 do 12 osób
  • W pełni przystosowane sale szkoleniowe
  • Materiały szkoleniowe
  • 8 dni po 4 godziny zajęć

Cena szkolenia

1.600,00zł z VAT

Zapytaj

Plan szkolenia

Dzień 1 - Wprowadzenie do kursu, podstawy HTML, Struktura Stron HTML

  1. Przedstawienie uczestników kursu – wykładowców jak i kursantów.
  2. Przedstawienie metodologi kursu – teoria vs praktyka
  3. Motywacja i perspektywy.
  4. Sprawdzenie i przygotowanie zainstalowanego oprogramowania.
  5. Edytor kodu vs. przeglądarka vs. katalogi.
  6. Konfiguracja edytora.
  7. Test środowiska.
  8. Struktura strony internetowej.
  9. Fundamenty HTML.
  1. Moja pierwsza strona.
  2. Analiza budowy strony internetowej.
  3. Projekt i wykonanie strony HTML.
  4. Znaczniki w HTML (teoria).
  5. Znaczniki w HTML (praktyka).
  6. Atrybuty znaczników w HTML.
  7. Head strony w HTML- wyzwania i rozwiązania.
  8. Zadanie końcowe – Struktura HTML wg projektu.

Dzień 2 - Podstawy CSS czyli stylowanie strony

  1. Style domyślne w HTML.
  2. Nadpisanie styli domyślnych w HTML.
  3. Fundamenty CSS (teoria).
  4. CSS Gramatyka.
  5. Podstawowe problemy z CSS i ich rozwiązywanie.
  6. Sposoby na dodawanie stylów w CSS.
  7. Zadanie końcowe – selektory CSS.
  1.  Kolory w CSS – teoria.
  2. Narzędzia do pracy z kolorami w CSS.
  3. Jednostki w CSS – teoria.
  4. Podstawowe właściwości i wartości w CSS – padding, margin, border…(teoria).
  5. Podstawowe właściwości i wartości w CSS – padding, margin, border…(praktyka).
  6. Zadanie końcowe – ostylowanie strony wg. wytycznych.

Dzień 3 - Grafika i fonty na stronie, Kaskadowość Stylów.

  1. Fonty (teoria).
  2. Rodzina fontów sposoby na jej określenie na stronie.
  3. Podstawowe właściwości fontów: font-size, color, weight, style czy text-decoration…
  4. Podstawowe właściwości fontów: line-heigth, text-align, text-transform, text-indent…
  5. Model pudełkowy a przestrzeń na treść na stronie.
  6. Ocean możliwości – Google Fonts.
  7. Zadanie praktyczne na fonty – oscylowanie wg. wytycznych.
  8. Inspiracje dla wyglądu stron.
  9. Żródła darmowych grafik a prawa autorskie.
  10. Zadanie końcowe – grafika dla niegrafika.
  1. Wybór właściwości i reguł przez przeglądarkę (teoria).
  2. Nadawanie właściwości przez przeglądarkę (reenderowanie strony w praktyce).
  3. Dziedziczenie w teorii.
  4. Dziedziczenie w praktyce.
  5. Kaskadowość – jak to działa w przeglądarce.
  6. Zadanie – reguły i wartości w praktyce.
  7. Zarządzanie projektem cześć I: struktura plików HTML i CSS.
  8. Zarządzanie projektem część II: wartości globalne i resetowanie stylów CSS.

Dzień 4 - Wyświetlanie/display, model pudełkowy, inline-block z menu.

  1. Elementy blokowe i liniowe (teoria).
  2. Elementy blokowe i liniowe w praktyce.
  3. Model pudełkowy – box model (teoria).
  4. Model pudełkowy – box model w praktyce.
  5. Box sizing i jego właściwości – content-box i border-box (teoria).
  6. Box sizing i jego właściwości – content-box i border-box w praktyce.
  7. Właściwości display (teoria).
  8. Modyfikacja przycisku.
  9. Zadanie końcowe – modyfikacja przycisku – ostylowanie wg wskazówek.
  1. Struktura strony, menu w HTML, rozmiar sekcji w CSS.
  2. Menu – display:inline-block.
  3. Menu – przyciski.
  4. Menu – wymiary i box-sizing.
  5. Strona z menu wprowadzenie.
  6. Strona z menu, main, footer.
  7. Strona z menu: ul i li.
  8. Zadanie końcowe – oscyluj menu i header wg wskazówek.

Dzień 5 - Pseudoklasy, pseudoelementy, float, struktura strony, menu w praktyce.

  1. Ostylowanie menu: ul i li.
  2. Nawigacja z użyciem float.
  3. Float teoria.
  4. Float w praktyce.
  5. Float wyzwania i rozwiązania.
  6. Pseudoklasy.
  7. Pseudoelementy.
  8. Pseudoklasa NTH i zaawansowane selektory CSS.
  1.  Wprowadzenie do projektu i header.
  2. Nawigacja.
  3. Footer, main i artykuły.
  4. Aside i Font Awesome.
  5. Zadanie końcowe: menu i header.

Dzień 6 - Właściwości position & background.

  1. Wprowadzenie do właściwości position.
  2. Position Fixed w praktyce.
  3. Position Fixed w teorii.
  4. Position absolute w teorii.
  5. Position absolute w praktyce.
  6. Position relative w teorii i praktyce.
  7. Zadanie: ikona menu hamburger.
  8. Zadanie: mini szachownica.
  9. Zadanie profil ze zdjeciem.
  1. Wprowadzenie do właściwości background.
  2. Background – image.
  3. Background – repeat.
  4. Background – position.
  5. Background – size.
  6. Background – attachment.
  7. Background – origin i clip.
  8. Background – tekstura.
  9. Zadanie 1 – oscylowanie header-u.
  10. Zadanie 2 – oscylowanie przycisku z grafiką.
  11. Zadanie 3 – kółko i krzyżyk.

Dzień 7 - Tworzenie stron responsywnych, rozpoczęcie pracy nad własną stroną.

  1. Teoria responsywności.
  2. Zadanie 1 – zmiana koloru wg rozmiaru.
  3. Określenie rozdzielczości CSS dla ekranów mobilnych.
  4. Zadanie 2a – zmiana wyglądu elementów dla różnych szerokości i orientacji ekranu.
  5. Zadanie 2b – zmiana wyglądu elementów dla różnych szerokości i orientacji ekranu.
  6. Position relative w teorii i praktyce.
  7. Zadanie 3 – header.
  1. Wprowadzenie do projektu.
  2. Header i widoki na urządzenia mobilne.
  3. Header i widoki na większe urządzenia.
  4. Sekcja 2: elementy obok siebie i pod sobą.
  5. Sekcja 3 – rozwiniecie projektu elementy graficzne.

Dzień 8 -Projekt własna strona część 2, wprowadzenie do pozycjonowania strony w wyszukiwarce Google.

  1. Sekcja 4 strony – praca własna.
  2. Sekcja 5 strony – praca własna.
  3. Sekcja 6 strony – praca własna.
  4. Umieszczenie strony w internecie – wprowadzenie.
  5. Zadanie 2b – zmiana wyglądu elementów dla różnych szerokości i orientacji ekranu.
  6. Umieszczenie strony w internecie – hosting i podpięcie domeny.
  7. Podsumowanie kursu.
  1. Pozycjonowanie strony w Google.
  2. Prowadzenie Kampanii Google Ads.
  3. Analityka Internetowa / Google Analytics.
  4. Podsumowanie pozycjonowania.

Co zyskujesz?

Wszystkiego nauczymy Ciebie od początku. Skutecznie i efektywnie rozwiniemy Twoje umiejętności. Wystarczy 8 spotkań aby samodzielnie tworzyć strony.

Certyfikat

Na koniec kursu otrzymasz potwierdzenie udziału w kursie wydane przez Web Farming Academy

Grupy max 12 osób

Ze względu na jakość szkolenia nasze grupy liczą od 5 do maksymalnie 12 osób.

Materiały szkoleniowe

Dostarczymy Tobie wszystkie potrzebne do szkolenia materiały .

Promocja

Sprawdź oferty promocyjne wszystkich szkoleń organizowanych przez Naszych trenerów.

Sprawdź

Trener

Andrzej Rybicki

Masz dodatkowe pytania? Napisz! Chętnie wyjaśnię wszystkie zagadnienia i przedstawię plan szkolenia, wyjaśniając wszystkie wątpliwości.

Adres

Szkolenia

Strona

© 2023 WebFArming
Facebook