Edytor VIM - techniki pracy    |    Kurs -20% z kodem: VIM20    |    Rabat ważny jeszcze przez
0 d 00 h 00 m 00 s
Szkolenia
DARMOWE FRAGMENTY
Tworzenie responsywnych wiadomości e-mail
Spraw, aby twoje e-maile trafiały do jak największego grona odbiorców
85
+850 punktów premium
Zacznij naukę teraz, zapłać w ciągu 21 dni! Shape Created with Sketch.
37 ocen
37 recenzji
11,5 godziny
103 wykładów
Twisto
  • Czy chciałbyś tworzyć e-maile HTML, ale nie masz pojęcia jak się do tego zabrać?

  • Potrzebujesz konkretnej wiedzy i sprawdzonych rozwiązań, które pozwolą ci napisać kod dowolnego e-maila?

  • Czy chcesz wykorzystać coraz większy potencjał użytkowników, którzy swoją pocztę sprawdzają na urządzeniach mobilnych?

Ten kurs jest właśnie dla Ciebie!

Czego się nauczysz z kursem?

Jakie projekty wykonam?


Czym się charakteryzuje każdy z projektów:

  • E-mail w formacie HTML.

  • W pełni responsywny układ.

  • Modułowa zawartość, dzięki której projekt można łatwo zaadaptować do różnych zastosowań.

  • Przejrzysty kod umożliwiający łatwe wprowadzanie zmian.

  • Typografia z użyciem Google Fonts.

  • Kompatybilność z wieloma popularnymi klientami poczty. Prawidłowy wygląd niezależnie od tego z jakiej poczty korzysta odbiorca e-maila.

  • Nowoczesny, atrakcyjny styl.

Co zawiera to szkolenie?

  • Ponad 11 godzin filmów instruktażowych prowadzonych przez doświadczonego web developera.

  • Ponad 100 lekcji.

  • Wszystkie niezbędne pliki i materiały. Każdą czynność pokazaną przez autora możesz bez problemu przećwiczyć i powtórzyć.

  • Kompletne projekty 3 zróżnicowanych, responsywnych e-maili.

Co jeszcze powinienem wiedzieć?

ZOBACZ WIĘCEJ
Program nauczania
1 Wprowadzenie
Wstęp 0m 22s
Jak korzystać z plików? 1m 04s
Email w formacie HTML 6m 04s
Czego używać do kodowanie maila? 7m 43s
Kilka przydatnych rozwiązań 6m 53s
2 Pierwszy projekt - magazyn
Jaki projekt stworzymy? 6m 04s
Podstawowe reguły tworzenia tabel 7m 19s
Podstawowa struktura nagłówka 5m 36s
Dodajemy logo do nagłówka 5m 20s
Struktura menu 9m 14s
Separator nagłówka 4m 58s
Baner - ogólne elementy 12m 28s
Baner - zawartość 11m 25s
Boxy pod banerem cz.1 5m 11s
Boxy pod banerem cz.2 11m 10s
3 Pierwszy projekt - kontynuacja
Wyróżniony projekt - lewa kolumna 9m 14s
Wyróżniony projekt - prawa kolumna 10m 07s
Wyróżniony projekt - przycisk 11m 26s
Wyróżniony projekt - pozostałe 4m 33s
Trzy kolumny - wstęp 5m 13s
Trzy kolumny - zawartość 6m 28s
Trzy kolumny - przycisk 9m 35s
Wydarzenia - dodajemy obrazek 7m 28s
Wydarzenia - tworzymy prawą kolumnę 7m 32 s
Poziomy pasek - tworzymy napis 8m 15s
Poziomy pasek - dodajemy przycisk 6m 00s
4 Pierwszy projekt - kolejne elementy
Przyszłe projekty - dodajemy nagłówek 10m 11s
Przyszłe projekty - zawartość kolumn 11m 42s
Przyszłe projekty - brakujące elementy 4m 45s
Wideo cz.1 12m 08s
Wideo cz.2 8m 22s
Główne elementy paska foto 10m 39s
Pozostałe elementy paska foto 8m 41s
Nagłówek sekcji foto Podgląd 6m 28s
Zawartość sekcji foto 8m 29s
Boxy na dole cz.1 9m 32s
Boxy na dole cz.2 5m 43s
Boxy na dole cz.3 10m 11s
5 Pierwszy projekt - końcowe zmiany
Góra stopki - struktura 7m 32s
Góra stopki - dodajemy przycisk 9m 09s
Dół stopki - podstawowe elementy 7m 01s
Dół stopki - zakończenie 8m 41s
Dodajemy Google Fonts Podgląd 6m 28s
Dodajemy ogólne style 5m 03s
Zapytania o media - wstęp 8m 32s
Style dla najmniejszych urządzeń 3m 24s
6 Drugi projekt
Co zawiera projekt nr 2 2m 19s
Wstępna struktura projektu 7m 16s
Jak wstawić logo 6m 56s
Tworzenie menu na górze 11m 21s
Baner - dodajemy obrazki 5m 24s
Uzupełniamy nagłówki w banerze 8m 45s
Pozostałe elementy banera 9m 57s
Produkty - podstawowa struktura 5m 14s
Produkty - dodawanie nagłówków 6m 30s
Produkty - bazowa struktura kolumn 5m 35s
7 Drugi projekt - kontynuacja pracy
Kontynuacja pracy nad kolumnami 5m 09s
Zawartość kolumny produkty cz.1 6m 36s
Zawartość kolumny produktu cz.2 8m 07s
Pasek na dole - struktura 5m 06s
Pasek na dole - lewa kolumna 4m 52s
Pasek na dole - prawa kolumna 5m 33s
Linki społecznościowe - wstęp 3m 49s
Linki społecznościowe - rozwinięcie 6m 32s
Dodajemy prostą stopkę 5m 27s
8 Drugi projekt - zmiany i poprawki
Fonty Google 4m 23s
Tworzymy podstawowe style 6m 11s
Dodajemy wariant responsywny 7m 21s
9 Projekt trzeci
Co znajdziemy w projekcie trzecim 2m 17s
Tworzenie struktury nagłówka 4m 58s
Uzupełnianie zawartości nagłówka 6m 56s
Nagłówek - ostatnie zmiany 5m 11s
Zewnętrzna struktura banera 6m 47s
Zawartość banera cz.1 7m 10s
Zawartość banera cz.2 7m 38s
Kolumny pod banerem - wstęp 5m 57s
Wprowadzamy zawartość kolumn 9m 37s
Separator i pozostałe kolumny 5m 50s
10 Projekt trzeci - kontynuacja
Prezentacja produktu - lewa kolumna 6m 54s
Prezentacja produktu - prawa kolumna 4m 35s
Prezentacja produktu - pozostałe elementy 6m 13s
Tekst z obrazem - początkowa struktura 4m 44s
Tekst z obrazem - lewa kolumna 6m 45s
Tekst z obrazem - prawa kolumna 5m 18s
Wyróżniony produkt - wstęp 4m 58s
Wyróżniony produkt - lewa kolumna 10m 34s
Wyróżniony produkt - prawa kolumna 4m 44s
Kopiowanie kolejnej sekcji 3m 32s
11 Projekt trzeci - kolejne elementy
Cennik - nagłówek 8m 33s
Cennik - dodajemy tabele 6m 03s
Cennik - ostatnie elementy 8m 13s
Linki na dole - wstępna struktura 5m 25s
Linki na dole - jedna kolumna 8m 29s
Linki na dole - kopiowanie elementów 3m 54s
Notka o prawach autorskich 5m 38s
Poprawianie zawartości 3m 19s
12 Projekt trzeci - końcowe elementy
Google Fonts dla projektu trzeciego 3m 39s
Style ogólne dla projektu trzeciego 4m 37s
Style mobilne poniżej 800px 8m 42s
Style mobilne poniżej 640px cz.1 Podgląd 5m 00s
Style mobilne poniżej 640px cz.2 5m 48s
Style mobilne poniżej 480px 6m 46s
Zakończenie 0m 22s
Ocena uczestników
4.8
89%
9%
2%
0%
0%
Recenzje użytkowników (37)
MARIUSZ MUSIAŁ
Kurs tworzenia responsywnych e-maili - Pana Ksawerego jest bardzo cennym źródłem wiedzy na temat kodowania tego typu materiałów marketingowych. W trzech konkretnych mailingach autor pokazuje jak w praktyce zakodować taką publikację. Kurs merytorycznie jest bardzo… Czytaj więcej
Agnieszka Pojda
Bardzo merytoryczny kurs. Prezentuje różne opcje e-maili, zawierających różne elementy. W trakcie omawiania przez Prowadzącego tworzenia responsywnych wiadomości e-mail, można "iść" z materiałem równolegle już przygotowując własne docelowe wiadomości.
Karolina Waśkowiak
Super kurs! Pozwala stworzyć takiego maila jakiego sobie wymarzysz. Wszystko wytłumaczone krok po kroku. Nie znalazłam niczego bardziej trafnego. Naprawdę Polecam!
Oliver Wodziczko
Dzięki kursowi mogę tworzyć wiadomości, które są personalizowane i które odzwierciedlają filozofię naszej firmy. Podobają się klientom i to jest najważniejsze! :-)
Alicja Kokot
Bardzo pomocny kurs. Dobrze, że jest od strony technicznej, ale można by skorzystać z jakiegoś programu, żeby tworzenie było widać na podglądzie, albo chociaz polecić jakiś program.
Ksawery Kargól

Ksawery Kargól

Certyfikowany ekspert Adobe®

4.8
Tworzenie responsywnych wiadomości e-mail
Informacje o szkoleniu
  • Poziom Podstawowy
  • Możliwość pobrania pliku
  • Nielimitowany dostęp
  • Darmowe aktualizacje
  • Dodatkowe materiały
  • Certyfikat ukończenia
  • Dostęp z urządzeń mobilnych
85
+850 punktów premium
Ten kurs jest częścią ścieżki
4.8
UX/UI Designer
Opanuj kluczowe techniki projektowania wizualnego oraz projektowania zorientowanego na użytkownika. Zbuduj solidne podstawy, które umożliwią Ci łatwy start w tej bardzo popularnej i ważnej dziedzinie.
376 wykładów
6678 uczestników
Dowiedz się więcej
Ścieżka kariery - UX/UI Designer
Group 51 Created with Sketch.
close Created with Sketch.
Tylko teraz możesz odebrać rabat na pierwsze zamówienie
Dlaczego warto?
Shape Created with Sketch. Będziesz regularnie otrzymywał atrakcyjne rabaty
Shape Created with Sketch. Nie przegapisz żadnej z naszych promocji
Shape Created with Sketch. Będziesz informowany o aktualnych konkursach
Shape Created with Sketch. Nie wysyłamy spamu
Nie, dziękuję, kupię bez zniżki
strefakursów.pl korzysta z plików cookie, aby dostosować usługi do Twoich preferencji. Niektóre pliki cookie są zaś niezbędne do prawidłowego działania witryny. Dzięki nim możemy wyświetlać Ci spersonalizowane oferty i informacje o promocjach, zarówno w witrynach strefakursów.pl, jak i na innych stronach. Oczywiście to Ty decydujesz. Możesz w każdej chwili określić warunki przechowywania lub dostępu do plików cookies w Twojej przeglądarce.
AKCEPTUJĘ PLIKI COOKIE