icon icon

Kurs Język HTML - projektowanie stron - poziom podstawowy

icon

Proces szkoleniowy

Analiza potrzeb szkoleniowych

Jeśli masz życzenie dotyczące programu szkolenia, przeprowadzimy dla Ciebie analizę potrzeb szkoleniowych, która będzie wskazówką dla nas, na jakie aspekty programu położyć większy nacisk – tak, by program szkolenia spełniał konkretne potrzeby.

Co zyskujesz?

icon

Samodzielnie zbudujesz stronę od zera - Przejdziesz od pustego pliku do kompletnej strony WWW, poznając strukturę dokumentu, najważniejsze znaczniki i sposób łączenia treści z wyglądem bez zgadywania co gdzie wstawić.

icon

Nauczysz się pisać poprawny HTML - Uporządkujesz pracę ze znacznikami HTML, HEAD, TITLE i BODY, dzięki czemu zaczniesz tworzyć czytelny kod, który łatwiej rozwijać, poprawiać i publikować na serwerze.

icon

Czytelnie zaprezentujesz treść - Dowiesz się, jak używać nagłówków, akapitów, list i odnośników, aby Twoja strona była logiczna, wygodna w odbiorze i prowadziła użytkownika przez treść w uporządkowany sposób.

icon

Sformatujesz tekst i znaki specjalne - Opanujesz formatowanie tekstu z użyciem HTML i CSS, w tym wyrównanie, kroje pisma, cytaty, linie poziome i znaki specjalne, więc treść będzie wyglądała estetycznie i profesjonalnie.

icon

Dodasz grafikę i kolory z sensem - Nauczysz się wstawiać obrazy, zmieniać kolory tła i tekstu, skalować grafiki oraz łączyć je z linkami, dzięki czemu Twoje strony staną się bardziej atrakcyjne i łatwiejsze w odbiorze.

icon

Zbudujesz tabele i układ strony - Poznasz tworzenie oraz formatowanie tabel, grupowanie kolumn i wierszy oraz zasady ich praktycznego użycia, co pomoże Ci świadomie porządkować dane i rozumieć starsze układy stron.

icon

Opanujesz CSS i pozycjonowanie - Nauczysz się korzystać z selektorów, klas, identyfikatorów, marginesów, obramowań i pozycjonowania, aby samodzielnie budować wielokolumnowe układy i panować nad rozmieszczeniem elementów.

icon

Przygotujesz formularz i opublikujesz stronę - Stworzysz formularze z etykietami, przyciskami i polami specjalnymi, a na końcu dowiesz się, jak umieścić gotową stronę na serwerze, aby była dostępna online dla innych użytkowników.

Program szkolenia

1. Wprowadzenie do języka HTML

  • co to jest HTML,
  • jak wygląda HTML,
  • ćwiczenie – pierwsza strona www,
  • kaskadowe arkusze stylów – wprowadzenie,
  • podstawowa struktura strony i jej elementy.

2. Podstawowe znaczniki na stronie www

  • znacznik HTML,
  • znacznik HEAD,
  • znacznik TITLE,
  • znacznik BODY,
  • komentarze na stronach www.

3. Znaczniki opisujące zawartość strony

  • nagłówki H,
  • akapity P. 

4. Znaczniki definiujące listy na stronach

  • lista numerowana,
  • lista wypunktowana,
  • lista definicji,
  • listy zagnieżdżone.

5. Hiperłącza, linki, odnośniki

  • znacznik A,
  • łącza do stron lokalnych,
  • łącza do fragmentów strony – zakotwiczenie,
  • łącza do poczty – mailto.

6. Formatowanie tekstu na stronie www

  • style logiczne,
  • style fizyczne.

7. Formatowanie tekstu za pomocą CSS

  • ozdabianie tekstu,
  • właściwości czcionek,
  • tekst predefiniowany,
  • linia pozioma,
  • zadanie – sygnaturki,
  • cytowanie tekstu,
  • znaki specjalne,
  • wyrównywanie tekstu,
  • kroje pisma i wielkość czcionki,
  • zadanie – pierwsza prawdziwa strona www.

8. Trochę grafiki i kolorów na stronie

  • zmiana koloru tła strony i koloru tekstu,
  • obrazki na stronie www,
  • wyrównywanie obrazków i tekstu,
  • oblewanie obrazków tekstem,
  • obrazki jako hiperłącza,
  • skalowanie obrazków,
  • obramowanie obrazków.

9. Tabele

10. Znaczniki tworzące tabelę

11. Formatowanie tabeli

  • szerokość i obramowanie tabeli,
  • kolor tabeli i komórek,
  • wyrównywanie komórek i obramowanie.

12. Ulepszanie tabel

  • grupowanie i wyrównywanie kolumn,
  • grupowanie i wyrównywanie wierszy,
  • atrybuty FRAME i RULES,
  • zadanie – tabelaryczny szkielet strony (niezalecany).

13. Kaskadowe arkusze stylów

  • osadzanie arkuszy stylów na stronie www,
  • selektory,
  • klasy i identyfikatory,
  • jednostki miar w stylach CSS,
  • właściwości pól,
  • rozmiar,
  • obramowanie,
  • wypełnienie i marginesy,
  • elementy pływające.

14. Pozycjonowanie zawartości strony

  • pozycjonowanie względne,
  • pozycjonowanie bezwzględne,
  • nakładanie elementów,
  • znacznik BODY,
  • formatowanie łączy za pomocą CSS,
  • układy wielokolumnowe,
  • zadanie - struktura strony www.

15. Interakcja z użytkownikiem – formularze

16. Tworzenie formularza

17. Dodatkowe opcje formularza

  • pole hasła,
  • przycisk zerowania,
  • obraz jako przycisk wysyłający,
  • przycisk typu BUTTON,
  • ukrywanie pól formularza,
  • etykiety pól formularzy,
  • grupowanie elementów,
  • klawisze dostępu i kolejność poruszania się po polach formularza,
  • elementy nieaktywne i tylko do odczytu,
  • formatowanie formularza za pomocą CSS.

18. Publikowanie strony na serwerze

Jakie są wymagania wstępne do udziału w szkoleniu?

icon

Obsługa komputera - Powinieneś swobodnie korzystać z komputera, klawiatury i myszy oraz umieć tworzyć, zapisywać i odnajdywać pliki i foldery, bo to będzie potrzebne podczas ćwiczeń.

icon

Praca w edytorze tekstu - Powinieneś umieć otwierać i edytować zwykłe pliki tekstowe, kopiować i wklejać treść oraz zapisywać zmiany, aby sprawnie pracować z kodem podczas szkolenia.

icon

Podstawy przeglądarki internetowej - Powinieneś sprawnie korzystać z przeglądarki internetowej, otwierać strony i linki oraz przełączać się między kartami, bo będziesz na bieżąco sprawdzać efekty swojej pracy.

icon

Gotowość do pracy praktycznej - Powinieneś być gotowy do samodzielnego wykonywania prostych ćwiczeń krok po kroku, ponieważ szkolenie prowadzi od podstaw, ale wymaga aktywnego pisania i testowania kodu.