Wybierz w koszyku płatność Twisto, odbierz szkolenie i zapłać w ciągu 21 dni!
Szkolenia
DARMOWE FRAGMENTY
Cięcie PSD i kodowanie do HTML & CSS
Twórz wspaniałe strony internetowe zgodne z najnowszymi standardami
69
+690 punktów premium
Zacznij naukę teraz, zapłać w ciągu 21 dni! Shape Created with Sketch.
113 recenzji
9,5 godziny
81 wykładów
Twisto
  • Wykonałeś projekt strony w programie Photoshop i teraz chcesz na jego podstawie stworzyć działająca witrynę?

  • Chcesz tworzyć strony internetowe i znasz podstawy HTML, ale brakuje ci praktycznych umiejętności?

  • Chcesz poznać kompletny proces cięcia i kodowania layoutu?

Sprawdź w jaki sposób Ci pomożemy

Dla kogo jest ten kurs?

Jeśli znasz już podstawy HTML/CSS i chcesz zdobyć praktyczne umiejętności przydatne podczas tworzenia stron internetowych to ten kurs będzie doskonałym wyborem.

Montaż filmów
Projektowanie layoutu
Postprodukcja
Cięcie projektu na plasterki
Niezwykłe efekty
Kodowanie struktury strony
Ciekawe narzędzia
Responsywne projekty

Czego się nauczysz z tym kursem?

Responsywny layout strony

Co znajduje się w kursie?

Projekty stron w PSD
Cięcie na plasterki w Photoshopie
Layout sklepu internetowego
Responsywny layout strony

Co jeszcze warto wiedzieć?

Kodowanie strony z pliku PSD
ZOBACZ WIĘCEJ
Program nauczania
1 Projekt 1 - serwis internetowy
Omówienie projektu 2m 25s
Cięcie na plasterki 8m 34s
Wycinanie części górnej 5m 44s
Wycinanie części dolnej 10m 28s
Podstawowa struktura HTML 4m 04s
Kodowanie logo 4m 24s
Górna sekcja strony 8m 09s
Kod artykułów 5m 25s
Sekcja wideo 5m 06s
Stopka 6m 24s
Reguła @font-face 6m 58s
Ogólne style 5m 16s
Gradienty CSS 5m 32s
Style menu głównego Podgląd 5m 58s
Style banera 6m 57s
Cienie CSS 5m 31s
Boxy w części górnej 6m 33s
Style głównej sekcji 4m 33s
Formatowanie artykułów - wstęp 8m 09s
Formatowanie artykułów - rozwinięcie 7m 29s
Style sekcji wideo 7m 40s
Podstawowe style stopki 5m 13s
Podstawowe style stopki 11m 35s
2 Projekt 2 - sklep internetowy
Główne założenia projektu 4m 38s
Eksport plasterków do PNG Podgląd 11m 30s
Eksport plasterków do JPG 5m 51s
Kod nagłówka 10m 58s
Menu główne i wyszukiwarka 6m 02s
Baner i pasek nawigacyjny 6m 25s
Lewa kolumna 8m 46s
Nagłówek sekcji z produktami 5m 58s
Lista produktów 8m 44s
Panel Strony 5m 10s
Kod stopki 5m 57s
3 Sklep internetowy - style
Wprowadzenie do CSS 6m 13s
Style górnej sekcji 5m 19s
Style menu użytkownika 6m 18s
Nagłówek 13m 41s
Style menu głównego 12m 37s
Wyszukiwarka 7m 25s
Pasek nawigacyjny 6m 16s
Style banera 4m 41s
Style kolumn 5m 52s
Tytuły 7m 05s
Menu kategorii 10m 09s
Lewa kolumna - boxy 10m 19s
Menu Widok 8m 29s
Formatowanie listy produktów 5m 30s
Style pojedynczego produktu 12m 30s
Panel strony - część lewa 5m 15s
Panel strony - część prawa 7m 59s
Stopka - ogólne style 5m 31s
Stopka - style zawartości 6m 40s
Kompatybilność z różnymi przeglądarkami 7m 26s
4 Strona produktu - HTML
Eksport grafiki 5m 46s
Podstawowy kod HTML 4m 50s
Zdjęcia i nazwa produktu 5m 45s
Kolumna po lewej stronie 5m 08s
Kolumna po prawej stronie 6m 53s
Zawartość zakładek 5m 47s
5 Strona produktu - CSS
Podstawowe style prawej kolumny 3m 33s
Style obrazków 8m 02s
Info - lewa kolumna 5m 30s
Info - kontynuacja 6m 58s
Info - prawa kolumna 9m 03s
Formularz zamówienia 9m 33s
Style zakładek 11m 04s
6 Projekt 3 - responsywny
Założenia elastycznego szablonu Podgląd 6m 58s
Tworzenie nowego dokumentu 5m 05s
Kodowanie nagłówka 7m 55s
Kodowanie banera 5m 48s
Sekcja - polecane produkty 6m 03s
Sekcja - najnowsze produkty 4m 12s
Sekcja - dół strony 7m 07s
Kodowanie stopki 6m 40s
Podstawy elastycznego CSS 5m 00s
Style ramki 5m 41s
Style górnej sekcji 5m 36s
Klasa social 4m 29s
Formatowanie stopki 5m 20s
Media Queries 7m 32s
Ocena uczestników
4.9
94%
6%
0%
0%
0%
Recenzje użytkowników (113)
Michał Brzezicki
Jeden z ciekawiej przygotowanych kursów jaki "przeszedłem". Wszystko ciekawie opracowane na czytelnych przykładach. Bardzo łatwo można nabyć nowych umiejętności które teraz z… Czytaj więcej
Mateusz Czech
Jest to niezbędny kurs dla każdego front-endowca, w przystępny sposób są tu objaśnione sposoby jak należy eksportować grafiki z projektu PSD i jak prawidłowo przenieść je na… Czytaj więcej
Adam Jarosiewicz
Zakupiłem ten kurs, aby uporządkować wiedzę z tego zakresu, ale też wypracować sobie pewien model działania, który w znacznym stopniu pomógłby mi w szybszy sposób ogarniać temat… Czytaj więcej
Marcin Mieciek
W prosty sposób wyjaśnia czym jest cięcie psd i kodowanie projektu strony internetowej. Skusiłem się na kurs bo nie mogłem nigdzie znaleźc kompletnej informacji z czym się to… Czytaj więcej
Kamil Jadwidzic
Potrafiłem wykonać layout strony lecz kompletnie nie wiedziałem jak go pociąć i zakodować przez co zamiast zarobić na zaprojektowaniu i zakodowaniu strony zarabiał ktoś inny,… Czytaj więcej
Ksawery Kargól
Ksawery Kargól
4.9
Cięcie PSD i kodowanie do HTML & CSS
Informacje o szkoleniu
  • Poziom Średniozaawansowany
  • Możliwość pobrania pliku
  • Nielimitowany dostęp
  • Darmowe aktualizacje
  • Dodatkowe materiały
  • Certyfikat ukończenia
  • Dostęp z urządzeń mobilnych
69
+690 punktów premium
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