To idealna propozycja dla tych, którzy chcą rozpocząć swoją przygodę z tworzeniem stron WWW. Szkolenie to jest pierwszą częścią Kursu tematycznego HTML i CSS oraz pierwszą częścią Kursu Web Designer.
W ciągu kilkudniowego szkolenia pokażemy Ci, że HTML i CSS to nie czarna magia, jak początkowo mogłoby się wydawać.
Zobacz pełny opis szkolenia:
https://itmedia.pl/szkolenie/szkolenie-html-i-css-w-praktyce-modul-1-tworzenie-stron-www/
Program szczegółowy
Możliwości i ograniczenia Internetu
Zasady projektowania i tworzenia serwisów internetowych
- rozpoznanie potrzeb Klienta
- wybór odpowiedniej technologii
- przygotowanie struktury serwisu
- omówienie układu strony internetowej
- struktura strony internetowej
Standardy budowy stron WWW
- typy dokumentów HTML
- HTML5
- CSS
- JavaScript i popularne biblioteki
- jQuery,
- inne technologie
Podstawowe elementy strony WWW
- tekst
- grafika
- style CSS
- biblioteki JavaScript
- wideo i muzyka
Przygotowanie struktury serwisu WWW
- site – definicja i zasady tworzenia i edycji
- budowa optymalnej struktury katalogów
- przygotowanie katalogu site’a
Tworzenie site’a
- konfiguracja site’a w programie Dreamweaver
Porównanie różnych metod budowy layoutu strony 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 strony internetowej
- układ jednokolumnowy
- układ dwukolumnowy
- układy wielokolumnowe
- grid i wstęp do Responsive Web Design
Zasady budowy layoutu w Adobe Dreamweaver
- Wykorzystanie semantycznych znaczników HTML5 do tworzenia struktury strony www
- formatowanie elementów tekstowych
- wykorzystanie listy
- grafika na stronie www
Zasady użycia stylów CSS
- zasady tworzenie stylów CSS
- rodzaje selektorów
- style typu class, tag, id, compound
- dziedziczenie właściwości
- podstawowe właściwości stylów
- narzędzia tworzenia i edycji stylów w programie Adobe Dreamweaver
- arkusze stylów
- łączenie arkusza ze stroną HTML
- CSS3
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)
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
- zasady dziedziczenia
- hierarchia stylów
- 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)
Optymalizacja 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 znaczników
Praca z grafiką
- zarządzanie wielkością, optymalizacja grafiki
- kadrowanie i efekty graficzne w programie Dreamweaver
- wykorzystanie elementów typu Smart Object i współpraca z plikami Photoshopa
- teksty alternatywne
- dodawanie łączy
- formatowanie grafiki za pomocą stylów CSS
Zaawansowane formatowanie tekstów
- 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 grafiki, list, nagłówków
- 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
Tworzenie animacji na bazie stylów CSS
- animacje na stronie www
- animacje za pomocą stylów CSS
Budowa szablonów stron WWW
- tworzenie szablonów stron internetowych w programie Dreamweaver
- rodzaje szablonów
- wykorzystanie szablonów do tworzenie kolejnych podstroi serwisu
- edycja szablonu i aktualizowanie podstron
Tworzenie stron WWW na podstawie szablonów Dreamweavera
- wykorzystanie i formatowanie tabel
- zapis i testowanie stron
- dodawanie łączy
- tworzenie i edycja stylów CSS dla elementów nawigacyjnych
- zaawansowane sposoby użycia stylów do formatowania menu
Praca z formularzem WWW
- zasady budowy formularza
- tworzenie interaktywnego formularza kontaktowego
- formatowanie elementów formularza za pomocą stylów CSS
- walidacja i testowanie działania formularza na stronie WWW
- edycja stylów CSS formularza
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
- konfiguracja site’a
- wybór firmy hostingowej i zakup domeny
- serwer ftp
- konfiguracja Adobe Dreamweaver do pracy z serwerem
Przesyłanie i aktualizacja strony na serwer WWW
- połączenie z fizycznym serwerem WWW
- przesyłanie strony na serwer
- pobieranie stron z serwera
- aktualizacja strony na serwerze WWW
- synchronizacja
Tworzenie interaktywnej galerii typu Lightbox
- Instalacja biblioteki Lightbox
- przygotowanie grafiki
- struktura galerii
- edycja i formatowanie galerii
- edycja kodu JavaScript
- publikacja galerii
Osadzenie mapy Google na stronie
- wykorzystanie Google Map API do osadzenia mapy
Dodatkowe biblioteki JavaScript np. JQuery
- instalacja i wykorzystanie gadżetów JQuery
- tworzenie galerii zdjęć przy użyciu biblioteki Lightbox
Wykorzystanie filmów wideo i muzyki na stronie WWW
- problemy z przeglądarkami i wojna formatów
- wykorzystanie i osadzanie filmów z YouTube
- wykorzystanie plików mp4, mp3, ogg
- tworzenie odtwarzacza wideo na stronie WWW
- tworzenie odtwarzacza audio na stronie www
Tips & Triks, biblioteki Javascript oraz dodatki do programu
Wstęp do pozycjonowania i optymalizacji SEO
