Szkolenie Adobe Dreamweaver

Tworzenie stron WWW

Szkolenie Adobe Dreamweaver – tworzenie stron WWW

Szkolenie Adobe Dreamweaver to szeroki wachlarz działań, które pozwolą Ci poznać ten najpopularniejszy na świecie edytor kodu HTML. Pomimo że, podczas zajęć korzystamy z kodu HTML5 i CSS szkolenie to dedykuje wszystkim. Niezależnie od tego czy znasz podstawy kodowania HTML czy też po prostu zaczynasz dopiero swą przygodę z Adobe Dreamweaver z pewnością podczas zajęć znajdziesz wiele atrakcyjnych treści, które pozwolą Ci budować nowoczesne i responsywne strony internetowe z ogromną przyjemnością.

W trakcie takich zajęć sięgamy nie tylko do czystego kodu HTML5 czy CSS, wykorzystujemy także możliwości jakie oferuje Adobe Dreamweaver w zakresie szybkiego tworzenia stron internetowych w oparciu o nowoczesne rozwiązania typu Open Source jak: Bootstrap, jQuery, jQueryMobile. W ten sposób poznajesz nie tylko podstawy pracy z kodem HTML ale także zasady wprowadzania, użycia oraz edycji kodu JavaScript.

Czego nauczysz się podczas zajęć?

  • Języka HTML5 do tworzenia struktury strony WWW
  • Wykorzystania stylów CSS do zarządzania wyglądem strony
  • Tworzenia nowoczesnych, responsywnych stron internetowych
  • Planowania i tworzenia struktury serwisu internetowego
  • Biegłej obsługi programu Adobe Dreamweaver
  • Wykorzystania szablonów do tworzenia kolejnych stron witryny
  • Tworzenia galerii typu Lightbox i innych
  • Tworzenia sliderów i innych atrakcyjnych form graficznych
  • Tworzenia przejść i podstaw animacji
  • Tworzenia i obsługi formularzy internetowych
  • Wykorzystania różnego typu selektorów CSS
  • Tworzenia atrakcyjnych teł i gradientów
  • Wykorzystania frameworka Bootstrap do szybkiego tworzenia responsywnych stron internetowych
  • Użycia i konfiguracji widgetów Bootstrap
  • Wykorzystania motywów kolorystycznych
  • Testowania stron na urządzeniach mobilnych
  • Konfiguracji serwera WWW
  • Przesyłania i uaktualniania strony na serwerze
Praca uczestnika szkolenia - Adobe Illustrator Moduł I

Przykłady stron WWW wykonanych przez uczestników zajęć w trakcie szkolenia Adobe Dreamweaver

Szkolenia Adobe Dreamweaver –  ogólny program zajęć

Planujemy strukturę serwisu

  • Poznajemy różne sposoby planowania
  • Opracowujemy teksty
  • Projektujemy elementy graficzne
  • Poznajemy różne formaty zapisu elementów graficznych
  • Zapisujemy optymalnie przygotowane grafikę

Poznajemy podstawy Adobe Dreamweaver

  • Poznajemy obszar roboczy i panele
  • Dopasowujemy układ do naszych potrzeb
  • Konfigurujemy panele i skróty klawiaturowe
  • Poznajemy typy podglądu dokumentu
  • Zapis przygotowanych ustawień

Tworzymy pierwsze dokumenty

  • Poznajemy podstawowe, strukturalne znaczniki HTML5
  • Wprowadzamy kod oraz wykorzystujemy gotowe rozwiązania Adobe Dreamweaver
  • Podglądamy efekty naszych działań w przeglądarce
  • Konfigurujemy przeglądarki alternatywne

Poznajemy kolejne znaczniki HTML5

  • Dodajemy elementy graficzne
  • Dodajemy odnośniki tekstowe i graficzne
  • Dodajemy wypunktowanie
  • Testujemy efekty naszych działań w różnych przeglądarkach

Tworzymy nowy serwis internetowy

  • Konfigurujemy folder serwisu i gromadzimy niezbędne media
  • Konfigurujemy serwis w programie Adobe Dreamweaver

Tworzymy stronę startową

  • Dodajemy niezbędne metaznaczniki
  • Budujemy strukturę strony startowej
  • Dodajemy treść dla strony startowej
  • Dodajemy logotyp i nazwę serwisu
  • Dodajemy grafikę nagłówkową
  • Dodajemy system nawigacji
  • Dodajemy nagłówki i treści sekcji
  • Dodajemy niezbędne elementy graficzne
  • Wprowadzamy stopkę strony

Poznajemy zasady edycji elementów strony startowej

  • Wprowadzamy zmiany za pomocą kodu HTML
  • Modyfikujemy elementy korzystając z okien dialogowych i możliwości programu Adobe Dreamweaver
  • Wykorzystujemy podgląd kodu i podgląd gotowej strony do testowania efektów naszych działań
  • Testujemy stronę w różnych przeglądarkach

Wchodzimy w świat CSS

  • Poznajemy podstawowe typy selektorów CSS
  • Poznajemy złożone selektory
  • Poznajemy podstawowe właściwości CSS
  • Poznajemy składnię kodu CSS

Wprowadzamy kod CSS odpowiedzialny za wygląd strony startowej

  • Budujemy ogólną strukturę strony
  • Formatujemy logotyp i system nawigacji
  • Nadajemy wygląd pozostałym elementów górnej części naszej strony
  • Formatujemy sekcje i treść strony
  • Nadajemy wygląd tytułom, nagłówkom i pozostałym tekstom
  • Formatujemy elementy graficzne

Wykorzystujemy różne typy selektorów CSS

  • Poznajemy selektor typu CLASS
  • Wprowadzamy selektory typu ID
  • Dodajemy złożone selektory

Dodajemy zaawansowane elementy wyglądu

  • Dodajemy zaokrąglone narożniki
  • Wprowadzamy gradienty
  • Dodajemy i skalujemy elementy tła
  • Testujemy efekty naszych działań w przeglądarce

Przekształcamy stronę startową w stronę responsywną

  • Modyfikujemy rozmiary elementów strukturalnych
  • Formatujemy teksty i elementy graficzne
  • Dodajemy Media Query (zapytanie o media) i testujemy stronę w różnych przeglądarkach

Testujemy stronę na urządzeniach mobilnych

  • Instalujemy niezbędne oprogramowanie
  • Konfigurujemy podgląd strony na komórce lub tablecie
  • Testujemy, testujemy i testujemy

Dodajemy animację nagłówka

  • Poznajemy różne typy Sliderów nagłówkowych
  • Importujemy niezbędne biblioteki JavaScript
  • Dodajemy kod Slidera do naszej strony startowej
  • Konfigurujemy animację nagłówka strony

Dodajemy szablony stron

  • Poznajemy zasady działania szablonów
  • Dodajemy obszary edytowalne
  • Tworzymy szablon strony internetowej
  • Budujemy podstrony serwisu na bazie opracowanego szablonu

Wykorzystujemy tabele

  • Wprowadzamy i konfigurujemy tabelę
  • Wypełniamy tabelę treścią
  • Formatujemy wygląd tabeli

Dodajemy galerię

  • Omawiamy zasady działania galerii
  • Importujemy i dodajemy biblioteki galerii typu Lightbox
  • Dodajemy i konfigurujemy galerię Lightbox na stronie

Pracujemy z serwerem WWW

  • Konfigurujemy ustawiania swerera WWW
  • Przesyłamy naszą stronę na serwer
  • Testujemy stronę w Internecie
  • Wprowadzamy zmiany i aktualizujemy stronę na serwerze

Poznajemy zasady budowy formularzy

  • Dodajemy formularz internetowych
  • Wypełniamy formularz treścią i nadajemy mu wygląd
  • Konfigurujemy formularz i skrypt PHP odpowiedzialny za przesyłanie wiadomości
  • Przesyłamy formularz i niezbędne elementy na serwer WWW
  • Testujemy działanie formularzy online

Dodajemy kolejne elementy stron

  • Wprowadzamy panele z zakładkami i obiekty typu Accordion
  • Konfigurujemy wygląd dodatkowych elementów
  • Dodajemy filmy wideo i pliki muzyczne
  • Konfigurujemy ustawienia plików audi i wideo

Wykorzystujemy framework Bootstrap

  • Tworzymy stronę z przykładu Adobe Dreamweaver
  • Modyfikujemy jej wygląd i dodajemy niezbędne treści
  • Testujemy responsywny układ w różnych przeglądarkach i na urządzeniach mobilnych

Budujemy nową stronę w oparciu o Bootstrap

  • Poznajemy Framework Bootstrap
  • Dodajemy logo i nawigację
  • Budujemy strukturę strony
  • Wypełniamy stronę treścią
  • Dodajemy grafikę i łącza
  • Modyfikujemy wygląd strony
Praca uczestnika szkolenia - Tworzenie aplikacji HTML5

Prace uczestników szkolenia – Tworzenie aplikacji HTML5