Kurs ten przeznaczony jest dla osób rozpoczynających przygodę z tworzeniem witryn WWW. Uczestnicy kursu poznają strukturę strony internetowej, podstawowe języki projektowania i programowania stron, style CSS niezbędne do stworzenia profesjonalnej witryny WWW oraz podstawy JavaScript i jQuery. Dodatkowo kurs został poszerzony o moduł graficzny pozwalając uczestnikom zapoznać się z podstawową obróbką zdjęć i przygotowaniem ich do umieszczania na stronach internetowych.
Kurs został skorelowany z certyfikatem europejskim ECDL Webstarter/Webdesign.

Szkolenie realizowane w oparciu o najnowsze rozwiązania: HTML5, CSS3, jQuery

Zagadnienia:

HTML

  1. Jak działa Internet
    • rodzaj przeglądarek
    • adres strony internetowej
    • serwery
    • struktura strony internetowej
    • standaryzacja
    • dostępność stron internetowych
    • programy wspomagające tworzenie stron internetowych
  2. Znaczniki HTML i struktura dokumentu
    • akapity
    • nagłówki
    • listy
    • struktura zawartości strony
    • elementy div i span
    • znaki specjalne
  3. Hiperłącza
    • atrybut href
    • tworzenie odsyłaczy do stron internetowych
    • tworzenie odsyłaczy do stron z własnej witryny
    • otwieranie strona w nowym oknie przeglądarki
    • odsyłacze pocztowe
    • odsyłacze telefoniczne
  4. Grafika i tabele
    • formaty obrazków zamieszczanych na stronach
    • element img
    • struktura tabeli
    • nagłówki w tabelach
    • zakresy komórek
    • dostępność tabel
  5. Formularze
    • zasada działania formularzy
    • element from
    • zmienne oraz wartości
    • projekt i układ formularzy
  6. HTML 5
    • korzystanie z nowych elementów strukturalnych
    • element doctype a HTML 5
    • kodowanie znaków
    • składnia
    • formatowanie za pomocą CSS
    • formularze
    • rodzina znaczników
    • elementy video i audio
    • element canvas
    • składanie danych
    • technika „przeciągnij i upuść”
    • geolokalizacja
    • multimedia
  7. CSS
    • zalety stosowania CSS-a
    • zasada działania
    • koncepcje
    • osadzania stylów w strukturze
    • zewnętrzny arkusz stylów
  8. Formatowanie tekstu
    • właściwości czcionek
    • zmiana koloru tekstu
    • selektory
    • zmiana stylu wiersza tekstu
    • podkreślenia
    • zmiana wielkości liter
    • odstępy
    • cienie pod tekstem
    • zmiany wypunktowania i numeracji list
  9. Kolory i tła
    • określanie wartości koloru
    • kolor pierwszego planu
    • kolor tła
    • przezroczystość
    • selektory pseudoklas
    • selektory atrybutów
    • obrazy i tła
    • background
    • gradienty
  10. Model pojemnika
    • pojemnik elementu
    • określanie wymiarów elementu
    • dopełnienie
    • obramowanie
    • marginesy
    • cienie
  11. Pływanie oraz pozycjonowanie
    • normlany układu strony
    • pływanie
    • podstawy pozycjonowania
    • pozycjonowanie względne
    • pozycjonowanie bezwzględne
    • pozycjonowanie sztywne
    • szablony stron internetowych
    • wielokolumnowe układy strony z wykorzystaniem elementów pływających
  12. Przekształcania i transformacje
    • przejścia CSS
    • transformacja CSS
    • animacja klatkowa
    • zerowanie stylów
    • nadawanie stylów formularzom
    • nadawanie stylów tabelom
  13. jQuery
    • zasada działania
    • konfiguracja pliku HTML i CSS
    • struktura strony
    • dostęp do elementów strony
    • manipulowanie węzłami DOM
    • biblioteki JavaScript
    • dodawanie jQuery do strony
    • podstawowe informacje o modyfikowaniu stron WWW
    • dodawanie treści do stron
    • obsługa zdarzeń
    • manipulowanie stroną za pomocą jQuery
    • efekty i animacja
    • niestandardowe funkcje

 

Przygotowanie grafiki na stronę internetową

Publikacja strony WWW w Internecie – rejestracja domeny, wybór hostingu

Kurs dla programistów w języku PHP. Treści szkolenia ukierunkowane na wykorzystanie umiejętności programistycznych przy projektowaniu serwisów i aplikacji internetowych. Kurs ten jest kontynuacją i uzupełnieniem projektowania stron WWW w technologii HTML oraz projektowania stron z wykorzystaniem systemu zarządzania treścią (CMS)


Realizowana tematyka:

Wprowadzenie i instalacja PHP

  • Omówienie języka PHP
  • Instalacja języka PHP

Podstawy programowania w PHP

  • Podstawowe polecenia języka PHP
  • Umieszczanie kodu PHP w xHTML
  • Oznaczanie sekcji kodu
  • Tworzenie interaktywnych formularzy
  • Funkcje i struktury sterujące
  • Umieszczanie komentarzy

Zmienne i typy danych w PHP

  • Stosowanie zmiennych
  • Czas życia zmiennych
  • Zasięg zmiennych
  • Zmienne predefiniowane
  • Ciągi znaków

Operatory w PHP

  • Operator przypisania
  • Operator logiczny
  • Operator tablicowy
  • Operator arytmetyczny
  • Operator porównania
  • Operator znakowy

Instrukcje sterujące i tablice

  • Pętle i instrukcje w PHP
  • Obsługa przerwań pętli
  • Definiowanie nowych tablic
  • Dodawanie nowych elementów
  • Usuwanie elementów
  • Sortowanie tablic
  • Transformacje tablicowe

Przetwarzanie i obsługa formularzy

  • Budowa i zasady działania formularzy
  • Interakcja klient-serwer

Struktury danych w PHP

  • Funkcje - Omówienie
  • Zwracanie wartości przez funkcje
  • Przekazywanie parametrów
  • Funkcje w funkcji

Pliki cookies w PHP

  • Działanie plików cookies
  • Odczyt i zapis
  • Kasowanie wartości plików cookies

PHP i My SQL

  • Podstawy projektowania baz w MySQL
  • Tworzenie nowej bazy danych
  • Dodawanie tabel do istniejącej bazy
  • Dodawanie rekordów
  • Modyfikacja rekordów
  • Połączenia z bazami MySQL poprzez wykorzystanie poleceń języka PHP
  • Tworzenie zapytań
  • Wyświetlanie zawartości według określonych kryteriów

Sklep internetowy

  • Tworzenie sklepu internetowego
  • Tworzenie koszyka zakupów

Szkolenie obejmuje projekt strony WWW z wykorzystaniem technologii CMS (System Zarządzania Treścią). Uczestnicy poznają zasady instalacji, działania i zarządzania stroną WWW w oparciu o system Joomla i WordPress.


Realizowane zagadnienia:

Podstawowe zagadnienia CMS

  • Wprowadzenie do technologii CMS
  • Opis głównych funkcjonalności systemów CMS
  • Przegląd systemów zarządzania treścią
  • Instalacja środowiska niezbędnego do działania systemu CMS na komputerze lokalnym (Serwer WWW – Apache, baza danych – MySQL)

Joomla i WordPress

  • Zapoznanie z technologią Joomla i WordPress

  • Pełna instalacja
    • Omówienie zagadnień związanych z wyborem serwera, wymaganiami systemu, przebiegiem instalacji
    • Podstawowa konfiguracja
    • Kwestie bezpieczeństwa
    • Zapoznanie i konfiguracja bazy danych
    • Kopie zapasowe

  • Zarządzanie treścią
    • Administracja i zarządzanie stroną
    • Omówienie podstawowej struktury treści
    • Obsługa panelu administracyjnego
    • Menu i pozycje menu
    • Konfiguracja zasobów
    • Konfiguracja modułów
    • Konfiguracja sekcji i kategorii
    • Implementacja artykułów i treści
    • Modyfikacja wpisów oraz stron
    • Tworzenie kategorii wpisów
    • Tworzenie tagów informacji
    • Implementacja i modyfikacja odnośników
    • Optymalizacja witryny dla wyszukiwarek
    • Integracja z portalami społecznościowymi
    • Implementacja materiałów statycznych
    • Importowanie i zarządzanie plikami multimediów

  • Organizacja pracy i zarządzanie użytkownikami
    • Użytkownicy i grupy
    • Zarządzanie poziomem dostępu użytkowników
    • Dziedziczenie uprawnień, ACL
    • Zaawansowane administrowanie użytkownikami
    • Tworzenie sekcji dostępnej dla zarejestrowanych użytkowników

  • Korzystanie z szablonów, modułów i dodatków
    • Szczegółowe omówienie komponentów szablonów
    • Dostosowywanie wyglądu strony za pomocą darmowych szablonów
    • Instalacja i aktywacja szablonów
    • Instalacja i aktywacja wtyczek
    • Zarządzanie widgetami
    • Zaawansowane zarządzanie szablonami i pozycjami poszczególnych modułów
    • Podstawowe zagadnienia związane z modyfikacją kodu szablonu (PHP, HTML)
    • Modyfikacja styli CSS
    • Tworzenie własnego szablonu strony (wyglądu) w programie graficznym (Photoshop)
    • Cięcie i kodowanie szablonu (podstawy PHP, CSS, HTML)

  • Instalacja dodatkowych modułów i komponentów
    • Projektant menu witryny: typy pozycji menu, modyfikacja i ich zarządzanie
    • Stosowanie dodatkowych rozszerzeń (sonda, forum, blog)
    • Tworzenie galerii zdjęć
    • Omówienie modułów zaawansowanych


Pozycjonowanie stron internetowych, zarządzania kampanią Google AdWords


Pozycjonowanie stron (ang. Search engine optimization – SEO, Web Positioning) to działania zmierzające do wypromowania danego serwisu internetowego na jak najwyższe pozycje w wynikach wyszukiwania wyszukiwarek internetowych dla wybranych wyrażeń kluczowych.

Dzięki pozycjonowaniu Twoja strona będzie bardziej zauważalna przez potencjalnego Klienta. Jeśli masz już zbudowaną stronę, teraz musisz ją zareklamować. Jeśli chcesz, aby efekty były długotrwałe – pozycjonowanie jest idealne właśnie dla Ciebie.

Pozycjonowanie – realizowana tematyka:

Wprowadzenie do działu pozycjonowania.

  1. Typy wyników zwracanych przez wyszukiwarki
  2. Marketing internetowy w wyszukiwarkach
  3. Pozycjonowanie pod względem optymalizacji
  4. Metody pozycjonowania:
  • Badanie słów kluczowych
  • Roboty
  • Tagi HTML
  • Odsyłacze
  1. Optymalizacja kodu HTML
  • Optymalizacja kodu HTML5
  1. Narzędzia dla webmasterów
  • Katalogi
  • Systemy wymiany linków
  1. Strony socjalne – druga strona główna
  • Facebook
  • Twitter
  1. Google+

Optymalizacja kodu źródłowego.

  • Znaczniki meta i title
  • Znaczniki alt i title
  • Zarządzanie treścią strony
  • Pozycjonowanie strony wykonanej we Flash’u
  • Rejestracja stron w katalogach

Zarządzanie kampanią Google Adword

Wprowadzenie do programu Google AdWords.

  • Zasady programu AdWords
  • Rodzaje kont, konfiguracja, struktura
  • Nawigacja

Kierowanie kampanią

  • Ustalenie poprawnie cen w kampanii linków sponsorowanych.
  • Języki i lokalizacja
  • Słowa kluczowe
  • Optymalizacja kampanii linków sponsorowanych.

Narzędzia AdWords.

  • Google Analytics.
  • Raporty
  • Filtry
  • Zarządzanie kampaniami Klientow.
Kompleksowe szkolenie dla programistów front-end i projektantów profesjonalnych stron internetowych, w tym również responsywnych stron www przeznaczonych na urządzenia mobilne (smartphone i tablety). Szkolenie będzie obejmowało najnowsze technologie projektowania stron WWW w tym również projektowanie stron na urządzenia mobilne oraz pozycjonowanie stron internetowych i podstawy e-marketingu.


Wprowadzenie do HTML i zagadnienia Internetu 

  • Jak działa Internet
  • Rodzaj przeglądarek
  • Adres strony internetowej

  • Wprowadzenie do budowy strony. Zakładanie domeny, budowanie strony w oparciu o zewnętrzne programy. 

  • Serwery
  • Struktura strony internetowej
  • Standaryzacja
  • Dostępność stron internetowych
  • Programy wspomagające tworzenie stron internetowych

  • Struktura dokumentu HTML 

  • Znaczniki HTML i struktura dokumentu
  • Akapity
  • Nagłówki
  • Listy
  • Struktura zawartości strony
  • Elementy div i span
  • Znaki specjalne
  • Hiperłącza
  • Atrybut

  • Odsyłacze na stronie 

  • Tworzenie odsyłaczy do stron internetowych
  • Tworzenie odsyłaczy do stron z własnej witryny
  • Otwieranie strona w nowym oknie przeglądarki
  • Odsyłacze pocztowe
  • Odsyłacze telefoniczne

  • Elementy Webdesign'u 

  • Grafika i tabele
  • Formaty obrazków zamieszczanych na stronach
  • Element img

  • Tabele 

  • Struktura tabeli
  • Nagłówki w tabelach
  • Zakresy komórek
  • Dostępność tabel

  • Formularze na stronie internetowej. 

  • Formularze
  • Zasada działania formularzy
  • Element from
  • Zmienne oraz wartości
  • Projekt i układ formularzy

  • Wprowadzenie do HTML5 i CSS. 

  • HTML 5
  • Korzystanie z nowych elementów strukturalnych
  • Element doctype a HTML 5
  • Kodowanie znaków
  • Składnia
  • Formatowanie za pomocą CSS
  • Formularze
  • Rodzina znaczników

  • Elementy interaktywne 

  • Elementy video i audio
  • Element canvas
  • Składanie danych
  • Technika „przeciągnij i upuść”
  • Geolokalizacja
  • Multimedia

  • Podstawy CSS; CSS3 

  • CSS
  • Zalety stosowania CSS-a
  • Zasada działania
  • Koncepcje
  • Osadzania stylów w strukturze
  • Zewnętrzny arkusz stylów

  • Formatowanie tekstu za pomocą arkusza CSS 

  • Formatowanie tekstu
  • Właściwości czcionek
  • Zmiana koloru tekstu
  • Selektory
  • Zmiana stylu wiersza tekstu
  • Podkreślenia
  • Zmiana wielkości liter
  • Odstępy
  • Cienie pod tekstem
  • Zmiany wypunktowania i numeracji list

  • Kolor w CSS 

  • Kolory i tła
  • Określanie wartości koloru
  • Kolor pierwszego planu
  • Kolor tła
  • Przezroczystość
  • Selektory pseudoklas
  • Selektory atrybutów
  • Obrazy i tła
  • Background
  • Gradienty

  • Container. Efekty specjalne 

  • Model pojemnika
  • pojemnik elementu
  • określanie wymiarów elementu
  • dopełnienie
  • obramowanie
  • marginesy
  • cienie

  • Float i pozycjonowanie obiektów. 

  • Pływanie oraz pozycjonowanie
  • Formalne układu strony
  • Pływanie
  • Podstawy pozycjonowanie
  • Pozycjonowanie względne
  • Pozycjonowanie bezwzględne
  • Pozycjonowanie sztywne
  • Szablony stron internetowych
  • Wielokolumnowe układy strony z wykorzystaniem elementów pływających

  • Przekształcenia i transformacje za pomocą arkusza CSS 


    JavaScript biblioteką jQuery. Zagadnienia wstępne. 


    Modyfikowanie WWW. Biblioteki JQuery 

  • Manipulowanie węzłami DOM
  • Biblioteki JavaScript
  • Dodawanie jQuery do strony
  • Podstawowe informacje o modyfikowaniu stron WWW

  • Manipulacja stroną WWW, dodawanie elementów. 

  • dodawanie treści do stron
  • obsługa zdarzeń
  • manipulowanie stroną za pomocą jQuery

  • Elementy interaktywne 


    Publikacja strony 


    PHP (elementy) 


    PHP- Ćwiczenia praktyczne 

  • Tworzenie interaktywnych formularzy
  • Funkcje i struktury sterujące
  • PHP

  • Podstawy grafiki webowej. Wstęp do Adobe Photoshop cz. 1 

  • Zapoznanie się z interfejsem programu Adobe Photoshop
  • Przestrzenie robocze
  • Ustawienia
  • Zapisywanie
  • Modyfikacja
  • Skróty klawiaturowe
  • Narzędzia
  • Miarki

  • Podstawy grafiki webowej. Wstęp do Adobe Photoshop cz. 2 

  • Tworzenie i modyfikacja zaznaczeń
  • Co można zrobić z maszerującymi mrówkami?
  • Narzędzia zaznaczania
  • Zaznaczanie prostokątne / eliptyczne
  • Różne rodzaje lasso
  • Szybkie zaznaczanie
  • Różdżka
  • Zakres koloru
  • Narzędzia malarskie
  • Pędzel
  • Gradient
  • Warstwy

  • Podstawy grafiki webowej.Wstęp do Adobe Photoshop cz. 2 

  • Zasady pracy z warstwami
  • Rodzaje warstw
  • Pikselowe
  • Dopasowania
  • Wektorowe
  • Tekstowe
  • Operacje na warstwach
  • Scalanie
  • Spłaszczanie
  • Kopiowanie
  • Obiekty inteligentne
  • Przekształcenia warstw
  • Skalowania
  • Swobodna transformacja
  • Maski

  • Podstawy grafiki webowej. Adobe Photoshop  Podstawy cz 2

  • Pędzel korygujący
  • Punktowy pędzel korygujący
  • Łatka
  • Klonowanie
  • Wypełnienie z uwzględnieniem zawartości
  • Filtry

  • Podstawy grafiki webowej. Web Design- Adobe Photoshop cz 2

  • Galeria filtrów
  • Rozmycia
  • Wyostrzenia
  • Odszumianie
  • Filtry kreatywne
  • Skraplanie
  • Efekty specjalne
  • Podstawy grafiki webowej. Web Design- Adobe Photoshop cz 2

  • Dodawanie efektu do warstwy
  • Rodzaje efektów
  • Style
  • Tekst
  • Rodzaje tekstu
  • Dodawanie i modyfikacja warstw tekstowych
  • Pojęcia typograficzne
  • Czcionka / akapit – kluczowe panele
  • Efekty tekstowe
  • Podstawowa korekta fotografii

  • Podstawy grafiki webowej. Web Design- Adobe Photoshop cz 2

  • Rozdzielczość i rozmiary obrazu
  • Kadrowanie i prostowanie zdjęć
  • Korekcja charakterystyki tonalnej
  • Korekta nasycenia barw, kontrastu i jasności zdjęć
  • Konwertowanie zdjęć kolorowych do skali szarości
  • Techniki zaawansowane edycji zdjęć

  • Podstawy grafiki webowej. Web Design- Adobe Photoshop cz 2

  • Zaawansowane techniki korekcji ekspozycji zdjęcia
  • Tonowanie zdjęć czarno-białych
  • Łączenie obrazów (fotomontaż)
  • Edycja RAW
  • Wykorzystanie Photoshopa do tworzenia projektów typograficznych

  • Podstawy grafiki webowej. Web Design- Adobe Photoshop cz 2

  • Zaawansowane techniki korekcji ekspozycji zdjęcia
  • Tonowanie zdjęć czarno-białych
  • Łączenie obrazów (fotomontaż)
  • Edycja RAW
  • Wykorzystanie Photoshopa do tworzenia projektów typograficznych

  • Podstawy grafiki webowej. Web Design- Adobe Photoshop cz 2

  • Zasady pracy z projektami webowymi– banery, grafiki internetowe. Layout strony

  • Projektowanie front-end'owe

  • Projektowanie strony internatowej opartej na HTML, CSS – projekt strony www

  • UX- User Experience. Wykład

  • Wykład na temat sposobu prawidłowego projektowania stron

  • Elementy back-end na przykładzie CMS WordPress, Joomla 3.x

  • Wprowadzenie do technologii CMS i omówienie głównych cech i wymagań
  • Instalacja środowiska potrzebnego do działania systemu CMS na komputerze lokalnym (Serwer WWW – Apache, baza danych – MySQL)
  • Instalacja systemu CMS – Joomla
  • Omówienie podstawowej struktury treści (artykuł, kategoria, sekcja)
  • Dodawanie materiałów (artykuły, materiały statyczne, kontakty)
  • Dostosowywanie wyglądu strony za pomocą darmowych szablonów
  • Tworzenie własnego szablonu strony (wyglądu) w programie graficznym (Photoshop)
  • Cięcie i kodowanie szablonu (podstawy PHP, CSS, HTML)
  • Instalacja dodatkowych modułów i komponentów
  • Administracja i zarządzanie stroną

  • Elementy back-end na przykładzie CMS WordPress, Joomla 3.x- Ćwiczenia

  • Instalacja systemu CMS – Joomla
  • Omówienie podstawowej struktury treści (artykuł, kategoria, sekcja)
  • Dodawanie materiałów (artykuły, materiały statyczne, kontakty)
  • Dostosowywanie wyglądu strony za pomocą darmowych szablonów
  • Tworzenie własnego szablonu strony (wyglądu) w programie graficznym (Photoshop)
  • Cięcie i kodowanie szablonu (podstawy PHP, CSS, HTML)
  • Instalacja dodatkowych modułów i komponentów
  • Administracja i zarządzanie stroną

  • Optymalizacja kodu źródłowego strony www. Znaczniki meta i title. Znaczniki alt i title

  • Metody i techniki pozycjonowania

  • Zasada działania wyszukiwarki.

  • Zarządzanie treścią strony. Pozycjonowanie strony wykonanej we Flash'u. Rejestracja stron w katalogach

  • Zarządzanie kampanią Google AdWords.

  • Wprowadzenie do programu Google AdWords. Zasady programu AdWords
  • Rodzaje kont, konfiguracja, struktura
  • Nawigacja. Kierowanie kampanią.
  • Ustalenie poprawnie cen w kampanii linków sponsorowanych. Języki i lokalizacja
  • Słowa kluczowe. Optymalizacja kampanii

  • Media społecznościowe.

  • Dopasowania rodzajów mediów społecznościowych do działań komunikacyjnych firmy

  • Budowania zasad strategii komunikacji w social media.

  • Zapoznanie się z zasadami komunikacji w social media