Kurs Tworzenie stron www

Kurs Tworzenie stron www

Warsztat z certyfikatem Akademii IT Media

Stacjonarnie Warszawa lub online | na żywo

Jako jedyny w Polsce Elitarny Edukacyjny Partner Adobe mamy zaszczyt zaprosić Cię na Kurs Tworzenie stron www z certyfikatem! Kurs prowadzony jest w formie zajęć stacjonarnych w Warszawie lub zdalnej pracy z domu w dowolnej lokalizacji. Ma charakter praktycznych ćwiczeń warsztatowych z trenerem. W ramach kursu uczestniczysz w dwóch szkoleniach:

Szkolenie Tworzenie stron www z szablonami WordPress – moduł I – 20-24 maja 2024
Szkolenie HTML i CSS w praktyce – moduł I: Tworzenie stron www – 4-8 listopada 2024

Program szczegółowy

Kurs Tworzenie stron www składa się z dwóch szkoleń:

Szkolenie HTML i CSS w praktyce – moduł I: Tworzenie stron www

I dzień – Rozpoczęcie szkolenia – 8:30

Domena internetowa

• 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

Hosting www

• Przegląd usług oferowanych w internecie
• Co to jest ftp, Certyfikat SSL, kopia bezpieczeństwa itp.

Wprowadzenie do stron www

• 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

Co powinniśmy wiedzieć? Na początek o nowoczesnym projektowaniu 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

Przerwa obiadowa – 13:30 – 14.00

Wybór edytora kodu

• 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

Zasady projektowania i tworzenia serwisów internetowych

• Rozpoznanie potrzeb Klienta
• Wybór odpowiedniej technologii
• Przygotowanie struktury serwisu
• Omówienie układu i struktury strony internetowej

Zakończenie szkolenia – 16:30

II dzień – Rozpoczęcie szkolenia – 8:30

Standardy budowy stron WWW

• dokument HTML
• Standard HTML5
• CSS
• JavaScript i popularne biblioteki
• Inne technologie

Podstawowe elementy strony WWW

• Tekst
• Grafika
• Style CSS
• Kolor
• Popularne biblioteki JavaScript
• PDF
• Multimedia

Przerwa obiadowa – 13:30 – 14.00

Przygotowanie i budowa optymalnej struktury serwisu WWW

Zasady tworzenie układu strony WWW

• 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 layoutów stron WWW

• Przegląd i porównanie wybranych układów stron internetowych
• Zasady budowy layoutu

Zakończenie szkolenia – 16:30

III dzień – Rozpoczęcie szkolenia – 8:30

Arkusze stylów

• Łączenie arkusza ze stroną HTML
• Jak używać stylów CSS?
• Wprowadzenie i przegląd podstawowych właściwości CSS

Tworzenie strony WWW

• 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

Wykorzystanie semantycznych znaczników HTML5 do tworzenia struktury strony www

• 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 użycia stylów CSS

• Zasady tworzenie stylów CSS
• Rodzaje selektorów
• Style typu class, tag, id, selektory złożone, pseudoelementy
• Dziedziczenie właściwości

Hierarchia stylów

• Podstawowe właściwości stylów
• Kształty CSS

Przerwa obiadowa – 13:30 – 14.00

Wprowadzanie treści strony

• 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

Wykorzystanie różnorodnych selektorów 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

Dodawanie łączy

• Efekty specjalne nawigacji (wykorzystanie pseudoklas :hover, :active, :selected)

Zakończenie szkolenia – 16:30

IV dzień – Rozpoczęcie szkolenia – 8:30

Wprowadzenie do optymalizacji strony pod kątem wyszukiwarek internetowych

• 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

Praca z grafiką

• Zarządzanie wielkością
• optymalizacja grafiki
• Teksty alternatywne
• Dodawanie łączy
• Formatowanie grafiki za pomocą stylów CSS
• Filtry CSS

Przerwa obiadowa – 13:30 – 14.00

Zasady formatowania tekstów na stronie WWW

• Wykorzystanie typografii i stylów CSS
• Formatowanie tekstów za pomocą stylów CSS

Arkusze stylów CSS głębsze spojrzenie

• 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

Ciekawe efekty wizualne z użyciem stylów CSS

• Dodawanie tła strony
• Interaktywne elementy nawigacji
• Wykorzystanie CSS3

Wykorzystanie i formatowanie tabel

• Struktura tabeli
• Stylowanie wizualne

Zakończenie szkolenia – 16:30

V dzień – Rozpoczęcie szkolenia – 8:30

Tworzenie galerii zdjęć

• Biblioteka Lightbox
• Przygotowanie grafiki
• Struktura galerii
• Edycja i formatowanie galerii
• Edycja kodu JavaScript

Google Maps

• Rodzaje map
• Osadzenie podstawowej mapy Google na stronie

Wykorzystanie filmów wideo i muzyki na stronie WWW

Testowanie i walidacja strony WWW

• Testowanie poprawności działania strony w różnych przeglądarkach
• Testowanie poprawności kodu HTML i stylów CSS
• Konfiguracja serwera WWW

Strona www online

• Serwer ftp
• Konfiguracja programu klienta ftp
• Publikacja strony online – przesyłanie strony na serwer
• Aktualizowanie strony www na serwerze produkcyjnym

Przerwa obiadowa – 13:30 – 14.00

Tips & Triks

Pamiętaj o SEO

• Wstęp do pozycjonowania
• Optymalizacja plików strony www
• Kompresja grafik
• Wytyczne SEO dla serwisów www

Co dalej

• Serwisy www wykorzysujące CMS
• Dlaczego warto zainteresować się systemem WordPress
• Czy SEO jest dla Ciebie?

Podsumowanie

Zakończenie szkolenia – 16:30

Szkolenie Tworzenie stron www z szablonami WordPress – moduł I

I dzień – Rozpoczęcie szkolenia – 8:30

Wprowadzenie

• Zalety strony wyposażonej w systemem zarządzania treścią (CMS)
• Popularne systemy CMS – WordPress, Joomla, Drupal …
• Wykorzystanie projektów Open Source przy tworzeniu strony www
• Dlaczego WordPress? – wady i zalety systemu

Wybór i konfiguracja domeny

• Typy domen
• Gdzie można kupić domenę
• Poczuj się swobodnie – co to jest: transfer domeny, cesja, delegacja DNS, kod authinfo

Wybór hostingu – na jakie elementy należy zwrócić uwagę

• Wyjaśnienie pojęć:
  • baza danych,
  • klient ftp,
  • certyfikat SSL,
  • pojemność konta hostingowego
  • kopia bezpieczeństwa
  • autoinstalator

Moja pierwsza strona w systemie WordPress

• Wymagania oraz instalacja systemu WordPress
• Sposoby instalacji WordPress’a – localhost / hosting
• Instaluję WordPress na swoim komputerze – konfiguracja serwera lokalnego
• Przygotowanie bazy danych MySQL
• Instalacja z wykorzystaniem autoinstalatora – szybka instalacja
• Plik konfiguracyjny wp-config – nie jest taki straszny

Przerwa obiadowa – 13:30 – 14.00

Kokpit systemu WordPress:

• Przegląd interfejsu
• Główne ustawienia w WordPress
• Dostosowanie wyglądu kokpitu
• Tworzenie przyjaznych adresów URL
• Przegląd i instalacja motywów

Wstępne zapoznanie się z plikami WordPress oraz motywów

• Tworzenie motywu potomnego
• Możliwości rozbudowy serwisu o dodatkowe funkcjonalności

Zarządzanie użytkownikami

• Dodawanie różnych typów kont użytkowników
• Definiowanie dodatkowych uprawnień

Zakończenie szkolenia – 16:30

II dzień – Rozpoczęcie szkolenia – 8:30

Tworzenie zawartości serwisu

• Dodawanie podstron
• Dodawanie kategorii oraz wpisów
• Tworzenie i konfiguracja menu nawigacyjnego
• Personalizacja gotowego motywu
• Wprowadzanie poprawek w obsłudze wersji językowej
• Bezpieczne korzystanie z motywu
• Wprowadzenie do tworzenia własnych typów treści

Edytor Gutenberg

• Wprowadzenie
• Podstawowe sposoby formatowania treści w edytorze Gutenberg
• Przegląd gotowych bloków oraz ich możliwości wykorzystania
• Ćwiczenia praktyczne
• Dodatkowe bloki

Przerwa obiadowa – 13:30 – 14.00

Własne poprawki wizualne w motywie

• Od czego zacząć?
• Budowa motywu WordPress
• Przydatne narzędzia: Visual Studio Code oraz konsola DevTools w przeglądarce
• Dodawanie własnych styli wizualnych

Zakończenie szkolenia – 16:30

III dzień – Rozpoczęcie szkolenia – 8:30

Popularne wtyczki i rozwiązania  – rozbudowanie funkcjonalności strony

• Zarządzanie biblioteką mediów
• Tworzenie galerii zdjęć
• Formularze: tworzenie, konfiguracja oraz dostosowanie wizualne
• Zabezpieczenie formularzy przed SPAM-em
• Narzędzia ułatwiające zarządzanie stroną www
• Obsługa i zarządzanie użytkownikami
• Osadzanie Google Maps

Przerwa obiadowa – 13:30 – 14.00

• Umieszczanie multimediów
• Osadzanie treści z social mediów
• Podłączanie statystyk
• Konfiguracja narzędzi pomagających w SEO
• Wersje językowe: WPML / Polylang
• Obsługa ciasteczek

Zakończenie szkolenia – 16:30

IV dzień – Rozpoczęcie szkolenia – 8:30

Przegląd popularnych rozwiązań stosowanych przy budowie zawartości serwisu

• Wady i zalety Divi
• Wady i zalety Elementor
• Wady i zalety WPBakery Page Builder

Formatowanie strony i edycja układu strony w oparciu o style CSS

• Wykorzystanie różnorodnych selektorów CSS
• Zasady dziedziczenia
• Hierarchia stylów
• Użycie zaawansowanych właściwości CSS do formatowania elementów strony i jej układu

Przerwa obiadowa – 13:30 – 14.00

Sklep internetowy

• WooCommerce – wprowadzenie
• Wady i zalety
• Konfiguracja sklepu
• Wprowadzanie produktów (przegląd najważniejszych ustawień)
• Przydatne wtyczki i integracje z zewnętrznymi usługami
• Wdrażanie systemu płatności

Instalacja strony na serwerze

• Eksportowanie i importowanie serwisu

Zakończenie szkolenia – 16:30

V dzień – Rozpoczęcie szkolenia – 8:30

Aktualizacje systemu, motywu oraz wtyczek

• Zabezpiecz się
• Tworzenie kopii bezpieczeństwa
• Na co zwracamy uwagę?
• Skąd mogę pobierać i instalować aktualizacje?

Zabezpieczenia systemu WordPress

Przerwa obiadowa – 13:30 – 14.00

Indeksacja strony www w wyszukiwarce Google

Optymalizacja strony pod wyszukiwarki

Dodatkowe rozwiązania wspomagające indeksację strony

Tips & Triks

Zakończenie szkolenia – 16:30

Każdego dnia oprócz przerwy obiadowej, przewidziane są dwie przerwy kawowe po 15 minut.

Jak wygląda kurs?

Jak zdobyć dofinansowanie na Kurs Tworzenie stron www?

Kurs Tworzenie stron www – opinie na temat kursu

Nasze kursy i szkolenia cieszą się dużym uznaniem wśród uczestników, którzy najwyżej oceniają naszych wykładowców – ich przygotowanie, zaangażowanie i podejście do uczestników. Przychodząc na kurs, przekonasz się, że stawiamy na wykwalifikowaną kadrę, która z pasją podchodzi do prowadzenia zajęć. Średnia naszych ocen w Google to 4,9 oraz 5,0 na Facebooku. 

Sprawdź nasze opinie na Google >

Dowiedz się więcej o szkoleniu

Jak zacząć tworzenie stron WWW?

Coraz więcej czasu spędzamy w sieci. To właśnie w internecie znajdujemy potrzebne informacje, ulubioną rozrywkę, robimy zakupy, a często również budujemy relacje z innymi. Życie w świecie wirtualnym toczy się równolegle do życia w świecie realnym. Oznacza to, że jeśli chcesz istnieć z własnym produktem czy biznesem w sieci, potrzebujesz strony internetowej.

Tworzenie strony WWW może być procesem łatwym lub skomplikowanym, w zależności od dobranych narzędzi. W sieci znajdziesz szereg rozwiązań: różne kreatory witryn czy systemy zarządzania treścią (jak np. WordPress). Możesz również pokusić się o samodzielne projektowanie stron WWW lub zlecić to zadanie innym. To, jakie rozwiązanie wybierzesz, zależy od Twoich potrzeb.

Tworzenie stron WWW krok po kroku

Tworzenie strony WWW nie od razu oznacza mozolne przedzieranie się przez linijki kodu. Jeśli wybierzesz dostępny na rynku CMS (system zarządzania treścią), wiele potrzebnych funkcji ustawisz w panelu użytkownika. Z kolei korzystając z kreatora stron WWW będziesz w stanie szybko stworzyć stronę internetową. Każde rozwiązanie ma swoje zalety i wady.

Projektowanie strony WWW warto zacząć od zastanowienia się, czego potrzebujesz od strony internetowej. Jaką ma spełniać funkcję? Czy ma to być prosta strona wizytówkowa, blog, a może rozbudowana witryna ze sklepem internetowym? W jaki sposób chcesz dodawać treść, aktualizować stronę, zadbać o jej responsywność i bezpieczeństwo użytkowania? Jaki budżet możesz przeznaczyć na stworzenie witryny?

Odpowiedzi na te i inne pytania pozwolą Ci zorientować się, jaka wiedza będzie Ci potrzebna przy rozwijaniu strony. Dzięki temu zaś łatwiej będzie Ci podjąć decyzję o tym, czy projektowanie strony WWW zostawić komuś innemu, czy podejść do zadania samodzielnie.

Kreator stron internetowych – jak wybrać?

Jeśli chodzi o tworzenie strony WWW, to najprostszym rozwiązaniem wydaje się skorzystanie z dostępnych kreatorów stron. Mają one szereg ograniczeń związanych z układem strony, dodawaniem treści, personalizowaniem wyglądu, pozwalają jednak szybko stworzyć swoje pierwsze miejsce w sieci. Niektóre z kreatorów oferują płatne pakiety, które dają większe możliwości edycyjne.

Kreatory stron WWW posiadają różne narzędzia, które ułatwiają początkującemu użytkownikowi stworzenie własnej marki, zadbanie o SEO, zbudowanie sklepu internetowego. Wiele z nich oferuje miejsce na serwerze oraz umożliwia zakup domeny lub podłączenie własnej. To wszystko nieco upraszcza tworzenie stron WWW.

Korzystanie z tego typu rozwiązań może się przydać na początkowym etapie działania, w sytuacji ograniczonego budżetu lub w momencie, gdy masz już pewne doświadczenie i wiesz, że konkretni dostawcy oferują usługi dobrze dopasowane do potrzeb Twojego biznesu. Może się jednak okazać, że kreator stron WWW to za mało. Wtedy warto sięgnąć po sprawdzony CMS.

Projektowanie stron WWW (nie tylko) w WordPress

Do projektowania witryny można podejść na dwa sposoby. Pierwszym z nich jest znalezienie dobrego szablonu i dopasowanie treści do jego układu. Z rozwiązania tego najchętniej skorzystają osoby rozpoczynające przygodę ze stronami WWW, choć obecnie możliwości oferowane zarówno przez kreatory stron jak i CMSy są takie, że nawet bez większej wiedzy technicznej możliwe jest zmienianie układu treści (m.in. dzięki możliwości przeciągania elementów – drag and drop – w panelu użytkownika).

Drugim, lepszym z punktu widzenia powstawanej strony, jest rozpoczęcie od rozplanowania treści na kartce papieru. Takie projektowanie stron WWW pozwala w prosty sposób stworzyć wizualizację strony i dokonać za pomocą długopisu czy ołówka pierwszych poprawek. Przygotowany projekt łatwiej jest przenieść do programu graficznego czy zakodować. A jeśli korzystasz ze wsparcia CMSa – łatwiej będzie Ci znaleźć odpowiedni szablon i dostosować go do potrzeb Twojego projektu.

WordPress oferuje różne rozwiązania, które mogą ułatwić tworzenie stron WWW. W repozytorium dostępnych jest wiele darmowych szablonów, a w sieci wielu twórców tworzy własne, często bardziej rozbudowane, płatne szablony. Dodatkowe opcje motywu, oraz wbudowane w WordPress opcje wtyczek i widgetów pozwalają stworzyć rozbudowaną o konkretne funkcje stronę internetową.

Tworzenie strony WWW – cena

Projektowanie strony WWW, w zależności od wybranej metody, może zająć niewiele czasu lub trwać tygodniami. Najszybsze rozwiązania oferują kreatory stron. Postawienie prostej strony na WordPress lub z wykorzystaniem innego CMSa, wraz z dodaniem treści może zająć kilkadziesiąt godzin. Samodzielne kodowanie może trwać kilka tygodni. Czas może się wydawać istotną zmienną, warto jednak pamiętać, że im więcej czasu spędzisz nad stroną, tym lepiej będzie ona dostosowana do potrzeb Twoich oraz Twoich użytkowników.

Cena strony WWW zależeć będzie od wybranego rozwiązania (kreator, CMS, kodowanie) oraz od tego, jak wiele czasu poświęcisz na tworzenie strony. Kreator stron da szybkie efekty, choć w zależności od wybranego rozwiązania będzie się to wiązało z kosztem rzędu kilkuset i więcej złotych rocznie. Samodzielne zarządzanie CMSem na wykupionym serwerze może się okazać tańszym rozwiązaniem z finansowego punktu widzenia (ok. 200 zł rocznie), jednak wymagającym własnego zaangażowania. Dodatkowym kosztem jest czas poświęcony na dopracowanie strony i rozwiązywanie pojawiających się problemów .

Samodzielne kodowanie z kolei będzie wymagało Twojego zaangażowania, np. pójścia na kursy tworzenia stron WWW. Zlecenie komuś zbudowania strony może kosztować, w zależności od projektu, od kilku do kilkunastu tysięcy złotych. Jeśli więc chcesz samodzielnie zbudować swoją stronę, a potem nią zarządzać, inwestycja w kurs może być opłacalna.

Projektowane stron WWW z IT Media

Kursy tworzenia stron WWW w IT Media odbywają się stacjonarnie (Warszawa) lub w formie online. Na Kurs Tworzenie stron WWW składają się dwa szkolenia – szkolenie HTML i CSS w praktyce, moduł I oraz szkolenie Tworzenie stron WWW z szablonami WordPres, moduł I.

Pierwsze szkolenie umożliwia zdobycie solidnych podstaw kodowania w językach związanych z tworzeniem stron WWW – HTML, CSS i JavaScript. Drugie z kolei pozwala poznać WordPress od podszewki. Połączone ze sobą jako kurs online lub kurs stacjonarny przybliżają projektowanie stron internetowych. Zdobyta wiedza ułatwi odejmowanie lepszych decyzji dotyczących wyglądu strony WWW, a także umożliwi dokonywanie samodzielnych zmian w istniejącej stronie – lub stworzenie własnej strony od podstaw.

Niech przemówią za nas liczby

Voucher na szkolenie