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.
117 ocen
117 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 (117)
Roman Ratczewski
Świetna kontynuacja kursu który uczy projektowania stron w photoshop, tutaj mamy jasno sprecyzowane jak taki gotowy projekt okodować, by potem zapisać na stronie, naprawdę.. w dobie internetu gdzie jesteśmy zasypywani różnorakimi kursami, ciężko trafić na coś na… Czytaj więcej
Szymon Mendelewski
Obszerna wiedza zaserwowana w przestępny sposób. Właśnie tego oczekiwałem po tym kursie, moja wiedza znacznie poszła do przodu dzięki czemu z powodzeniem mogę skupić się już teraz na własnych projektach.
Szymon Piątkowski
Bardzo dobry kurs, wiele mnie nauczył,wniósł wiele nowych metod i otworzył mój pogląd na HTML5 i CSS3. Sądze, że są to dobrze wydane pieniądze i bardzo dobrze rozdysponowany czas. Serdecznie Polecam !
Marcin Grygier
Rewelacja. Wszystko bardzo dobrze opisane. Lektor bardzo profesjonalny, przekazuje wiedzę w dokładny sposób, ale bez zbędnego gadania. Nie zastanawiać się tylko kupować najlepiej razem z "Kurs Photoshop projektowanie stron"
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 łatwością wykorzystuje w pracy.
Ksawery Kargól

Ksawery Kargól

Certyfikowany ekspert Adobe®

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