menu Newsletter Subskrybcja Nowe szkolenia polecamy polecamy
Znajdujesz się: www.szkolenia.com.pl » katalog » dane szczegółowe
Uwaga, ta oferta jest już nieaktualna! Prosimy o kontakt z organizatorem.


HTML i CSS w praktyce – moduł I: Solidne podstawy

Kategoria
INTERNET
Typ szkolenia
otwarte
Profil uczestników
Szkolenie HTML i CSS w praktyce – moduł I: Solidne podstawy to wymarzone szkolenie dla pracowników marketingu, agencji reklamowych, grafików, detepowców, fotografików, plastyków, a także wszystkich rozpoczynających swą przygodę z tworzeniem stron internetowych. W trakcie 5-cio dniowych, zintegrowanych zajęć korzystamy oczywiście z nowych możliwości jakie oferuje nam język HTML5 i CSS3. Nie używamy notatnika ale wykorzystujemy doskonałe produkty firmy Adobe: Fireworks (przygotowanie projektu strony i jej elementów graficznych) oraz Dreamweaver (najlepszy na rynku edytor HTML i CSS), a także liczne dodatki wykorzystujące zewnętrzne biblioteki JavaScript takie jak: Spry, JQuery, Lightbox czy MooTools. W ten sposób zajmujemy się tworzeniem nowoczesnych, atrakcyjnych wizualnie i zgodnych ze standardami stron internetowych. Naturalnie korzystamy także z fizycznego serwera WWW, gdzie uczestnicy zajęć mogą samodzielnie zamieszczać, aktualizować i testować efekty swojej pracy.
Wymagania wstępne
Znajomość obsługi komputera oraz platformy PC lub MacOS.
Program
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
  • HTML4 i HTML5
  • CSS
  • JavaScript i popularne biblioteki
  • jQuery, Spry
  • inne technologie
Podstawowe elementy strony WWW
  • tekst
  • grafika
  • style CSS
  • biblioteki JavaScript
  • elementy i animacje Flash SWF
  • PDF
  • wideo i muzyka
Interfejs i narzędzia Adobe Fireworks
  • narzędzia wektorowe
  • narzędzia bitmapowe
  • właściwości grafiki
  • formaty graficzne stosowane w Internecie
Tworzenie elementów graficznych na stronę WWW w programie Adobe Fireworks
  • import zdjęć i grafiki wektorowej
  • edycja grafiki
  • dodawanie efektów i cieni
  • skalowanie
  • użycie maski
Tworzenie projektu strony www
  • import i dostosowanie grafiki
  • zarządzanie wielkością
  • dodawanie tekstów
  • edycja kolorów
  • nawigacja
  • stopka, panele boczne
  • reklamy i nowości
  • cięcie grafiki na potrzeby języka HTML5 i stylów CSS
Cięcie, edycja i eksport projektu
  • użycie narzędzia Slice tool
  • wybór odpowiedniego formatu
  • aktualizacja grafiki
Tworzenie elementów ozdobnych (strzałki, bullety, nagłówki itp.)
  • zasady tworzenie niewielki plików graficznych
  • przygotowanie prostych grafik śródtekstowych
  • zasady eksportu grafiki bez tła
Zapis i optymalizacja elementów graficznych
  • zasady optymalizacji plików graficznych
  • zapis elementów graficznych dla strony WWW
  • prototypy stron WWW
Przygotowanie struktury serwisu WWW
  • site – definicja i zasady tworzenia i edycji
  • budowa optymalnej struktury katalogów
  • przygotowanie katalogu site’a
Interfejs programu Adobe Dreamweaver
  • okna i palety programu
  • dopasowanie ekranu roboczego do własnych potrzeb
  • tworzenie własnych skrótów klawiaturowych
  • instalacja darmowych dodatków np. Lorem& More, Lightbox Gallery
  • korzyści użycia i problemy z dodatkami
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
  • 960 Grid system
  • Przegląd i porównanie wybranych układów strony internetowej
  • układ jednokolumnowy
  • układ dwukolumnowy
  • układy wielokolumnowe
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 tylu 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 CS6
  • rodzaje szablonów
  • wykorzystanie szablonów do tworzenie kolejnych podstroi serwisu
  • edycja szablonu i aktualizowanie podstron
Zasady użycia animacji Flash na stronie WWW
  • zalety i wady technologii Flash na stronie WWW
  • osadzenie elementów Flash na stronie WWW
  • alternatywy dla technologii Flash
Tworzenie stron WWW na podstawie szablonów Dreamweavera
  • użycie elementów Flash, animacji na stronie WWW
  • 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
  • elementy Spry w budowie formularzy
  • edycja stylów CSS formularza
  • przygotowanie formularza do przesyłania danych
  • tworzenie strony potwierdzającej przesłanie danych
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
JavaScrip  na stronie WWW
  • Ajax i strony WWW
  • Adobe Spry
  • JQuery, MooTools
Współpraca z dodatkami JavaScript
  • Adobe Widget Browser oraz Adobe Exchange
  • wykorzystanie widgetów do tworzenia animacji nagłówka oraz innych elementów strony
  • inne dodatki
Tworzenie interaktywnej galerii typu Lightbox
  • Instalacja biblioteki Lightbox
  • przygotowanie grafiki
  • struktura galerii
  • edycja i formatowanie galerii
  • edycja kodu JavaScript
  • publikacja galerii
Tworzenie elementów Ajax
  • tworzenie interfejsu strony w oparciu o zakładki, panel typu Accordion czy Collapsible Panel
  • edycja stylów CSS dla elementów Spry
Osadzenie mapy Google na stronie
  • wykorzystanie dodatku Google Map do osadzenia mapy
Dodatkowe biblioteki JavaScript np. JQuery
  • instalacja i wykorzystanie gadżetów JQuery
  • tworzenie galerii zdjęć przy użyciu biblioteki Lightbox
Pływające reklamy Flash na stronie WWW
  • zasady dodawania reklam umieszczonych ponad stroną internetową
Wykorzystanie filmów wideo i muzyki na stronie WWW
  • problemy z przeglądarkami i wojna formatów
  • praca z plikami FLV
  • 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
Forma
Zajęcia praktyczne poprzedzone teoretycznym wstępem wykładowcy
Czas trwania
Szkolenie trwa 5 dni- 40 godzin, w godzinach 8.30-16.30
Lokalizacja
Cena
2500 zł netto
Zgłoszenie
HTML i CSS w praktyce – moduł I: Solidne podstawy
W cenę wliczono
W cenę wliczony jest obiad podawany w czasie przerwy, serwis kawowy, materiały szkolenie, imienny certyfikat udziału.
Zdobyta wiedza
Projektowania i tworzenia grafiki internetowej i jej optymalizacji Wykorzystania narzędzi graficznych do edycji i dopasowania zdjęć Użycia filtrów i efektów dla zdjęć oraz elementów graficznych Dopasowania kolorów i jasności zdjęć Sterowania wielkością zdjęć i elementów graficznych Cięcia projektu na elementy konieczne do budowy strony HTML Tworzenia atrakcyjnych nagłówków oraz reklam graficznych Wykorzystanie programu Adobe Dreamweaver do edycji kodu HTML5 i stylów kaskadowych Tworzenia szablonów stron www Zasad tworzenia nowoczesnych stron www Znaczników i struktury kodu HTML5 Dodawania łączy i ich formatowania Tworzenia różnorodnych struktur nawigacyjnych (menu) Formatowania menu głównego oraz innych elementów nawigacyjnych Użycia grafik, tabel, elementów Flash na stronie www Zasad języka HTML oraz nowości HTML5 Budowy stron WWW z użyciem HTML5 oraz arkuszy stylów CSS Zarządzania wyglądem strony i jej elementów przy użyciu stylów CSS Tworzenie i edycji różnorodnych stylów CSS Wykorzystania różnych selektorów CSS Wykorzystania języka JavaScript i różnorodnych widgetów Wykorzystania interaktywnych elementów typu: Accordion, Tabbed Panel czy Collapsible Panel Użycia zewnętrznych bibliotek JavaScript: Spry, MooTools i jQuery Tworzenia, testowania i wdrażania atrakcyjnych formularzy w oparciu o style CSS Walidacji danych formularza i przesyłania ich w wiadomości e-mail Tworzenia nowoczesnych galerii zdjęć z użyciem biblioteki Lightbox lub podobnych Wykorzystania dodatków do programu Adobe Dreamweaver Użycia filmów wideo i muzyki na stronie internetowej Przesyłania strony WWW na serwer internetowy Optymalizacji grafiki i kodu Aktualizacji strony na serwerze produkcyjnym Tworzenia animacji JavaScript Dodawania efektów specjalnych i trików Tworzenia strony www od podstaw i… podszewki
Certyfikaty
Certyfikat Autoryzowanego Ośrodka Szkoleniowego Adobe
Organizator
IT Media - dane teleadresowe firmy prowadzącej szkolenie - kliknij!
  1. drukuj

Zadaj pytanie dotyczące szkolenia


Twoje dane

(*) Pola oznaczone gwiazdką są wymagane do wysłania wiadomości.

Treść zapytania
Potwierdzenie

Wyrażam zgodę na przetwarzanie moich danych osobowych zgodnie z polityką prywatności serwisu szkolenia.com.pl

Prosimy o wpisanie znajdującego się obok kodu

token anti spam

Zapytanie trafi bezpośrednio do skrzynki pocztowej firmy szkoleniowej. szkolenia.com.pl nie ponosi odpowiedzialności za termin lub brak odpowiedzi. W przypadku braku odpowiedzi w ciągu 48 godzin, prosimy o kontakt z nami. Wypełnienie pól oznaczonych gwiazdką (*) jest konieczne do wysłania wiadomości. Nie jest możliwe załączanie linków. Przepisanie kodu jest zabezpieczeniem anty-spamowym.