Pobierz aplikację mobilną strefakursów.pl i odbierz zniżkę 25%! (tylko dla nowych użytkowników aplikacji).
Pobierz aplikację
Pomoc i kontakt
Koszyk
Twój koszyk jest pusty. Wypełnij go wiedzą i zdobądź nowe umiejętności!
Nie wiesz od czego zacząć?
Zobacz nowości
Zaloguj się
Programowanie IT i oprogramowanie Fotografia i wideo Projektowanie Biznes i marketing Rozwój osobisty
Ścieżki kariery Dla zespołów Promocje
Ścieżki kariery Dla zespołów Promocje
Tematy
Tworzenie stron internetowych Języki programowania Tworzenie aplikacji mobilnych Tworzenie aplikacji webowych Bazy danych Tworzenie gier Sztuczna inteligencja Narzędzia programistyczne
Technologie
JAVA Python WordPress JavaScript PHP C# SQL Angular Zobacz wszystkie
Ścieżki kariery
4.8
(1408 opinii)
Ścieżka kariery
Web Designer
88 godzin
15664 uczestników
4.8
(948 opinii)
Ścieżka kariery
Java Developer
110 godzin
15116 uczestników
4.8
(1185 opinii)
Ścieżka kariery
Wordpress Developer
22 godzin
13047 uczestników
4.7
(797 opinii)
Ścieżka kariery
JavaScript Front-end Developer
62 godzin
11431 uczestników
4.8
(869 opinii)
Ścieżka kariery
C++ Developer
49 godzin
11081 uczestników
4.6
(520 opinii)
Ścieżka kariery
Python Developer
23 godzin
10566 uczestników
4.7
(718 opinii)
Ścieżka kariery
Administrator baz danych
36 godzin
10229 uczestników
4.6
(912 opinii)
Ścieżka kariery
PHP Developer
29 godzin
9715 uczestników
4.7
(537 opinii)
Ścieżka kariery
.NET Developer
58 godzin
8350 uczestników
4.6
(395 opinii)
Ścieżka kariery
Android Developer
31 godzin
7301 uczestników
4.8
(362 opinii)
Ścieżka kariery
Angular Developer
20 godzin
5173 uczestników
4.6
(96 opinii)
Ścieżka kariery
iOS Developer
29 godzin
1997 uczestników
4.9
(27 opinii)
Ścieżka kariery
Machine Learning Engineer
32 godzin
1506 uczestników
Nie wiesz od czego zacząć naukę? Chętnie pomożemy! Rozpocznij teraz
Tematy
Sieć i bezpieczeństwo Systemy operacyjne DevOps Programy biurowe Analityka danych
Technologie
Excel Linux Word GIT Docker PowerPoint Zobacz wszystkie
Ścieżki kariery
4.9
(900 opinii)
Ścieżka kariery
Specjalista MS Excel
42 godzin
19568 uczestników
4.9
(658 opinii)
Ścieżka kariery
Specjalista MS Office
15 godzin
16380 uczestników
4.8
(344 opinii)
Ścieżka kariery
DevOps Engineer
77 godzin
8777 uczestników
4.7
(499 opinii)
Ścieżka kariery
Software Developer
46 godzin
8574 uczestników
4.8
(490 opinii)
Ścieżka kariery
Administrator Linux
25 godzin
7810 uczestników
4.9
(350 opinii)
Ścieżka kariery
Specjalista MS Access
11 godzin
5102 uczestników
4.7
(120 opinii)
Ścieżka kariery
Ekspert ds. cyberbezpieczeństwa
18 godzin
2331 uczestników
4.7
(83 opinii)
Ścieżka kariery
Administrator Windows
19 godzin
2251 uczestników
4.8
(72 opinii)
Ścieżka kariery
Analityk danych
20 godzin
1781 uczestników
Nie wiesz od czego zacząć naukę? Chętnie pomożemy! Rozpocznij teraz
Tematy
Fotografia i edycja zdjęć Montaż i edycja wideo Edycja dźwięku Tworzenie animacji
Technologie
Adobe Photoshop Adobe Lightroom GIMP Premiere Pro Zobacz wszystkie
Ścieżki kariery
4.9
(878 opinii)
Ścieżka kariery
Fotograf
45 godzin
17381 uczestników
4.9
(550 opinii)
Ścieżka kariery
Photoshop Designer
35 godzin
8694 uczestników
4.8
(259 opinii)
Ścieżka kariery
Motion Designer
22 godzin
4573 uczestników
4.9
(168 opinii)
Ścieżka kariery
GIMP Designer
22 godzin
2845 uczestników
4.9
(78 opinii)
Ścieżka kariery
Montażysta Wideo
18 godzin
1101 uczestników
Nie wiesz od czego zacząć naukę? Chętnie pomożemy! Rozpocznij teraz
Tematy
Projektowanie graficzne Projektowanie stron i interfejsów Projektowanie wnętrz i architektury Projektowanie gier Rysunek i ilustracja Modelowanie 3D
Technologie
AutoCAD SketchUp Adobe Illustrator Revit CAD Zobacz wszystkie
Ścieżki kariery
4.9
(872 opinii)
Ścieżka kariery
Graphic Designer
59 godzin
18315 uczestników
4.8
(810 opinii)
Ścieżka kariery
UX/UI Designer
63 godzin
11325 uczestników
4.8
(463 opinii)
Ścieżka kariery
Digital Artist
66 godzin
10767 uczestników
5.0
(280 opinii)
Ścieżka kariery
Projektant CAD
31 godzin
6910 uczestników
4.9
(534 opinii)
Ścieżka kariery
CorelDraw Designer
38 godzin
6676 uczestników
4.9
(200 opinii)
Ścieżka kariery
Wizualizacja architektury
41 godzin
5342 uczestników
4.7
(114 opinii)
Ścieżka kariery
Game Artist
33 godzin
2327 uczestników
Nie wiesz od czego zacząć naukę? Chętnie pomożemy! Rozpocznij teraz
Tematy
Marketing internetowy Techniki sprzedaży Prawo Prowadzenie firmy SEO i optymalizacja
Technologie
Facebook AdWords Social Media Zobacz wszystkie
Ścieżki kariery
4.7
(1168 opinii)
Ścieżka kariery
Specjalista e-commerce
60 godzin
17169 uczestników
4.9
(681 opinii)
Ścieżka kariery
E-marketing Manager
64 godzin
11337 uczestników
4.8
(241 opinii)
Ścieżka kariery
Social Media Manager
29 godzin
3512 uczestników
4.7
(101 opinii)
Ścieżka kariery
Personal branding
33 godzin
2433 uczestników
4.7
(105 opinii)
Ścieżka kariery
Efektywny przedsiębiorca
49 godzin
2203 uczestników
4.8
(86 opinii)
Ścieżka kariery
YouTube Content Creator
21 godzin
1656 uczestników
Nie wiesz od czego zacząć naukę? Chętnie pomożemy! Rozpocznij teraz
Tematy
Organizacja pracy Kompetencje menedżerskie Rozwój zawodowy Psychologia Szkoła i studia Elektronika
Ścieżki kariery
4.6
(109 opinii)
Ścieżka kariery
Skuteczny Manager
42 godzin
5198 uczestników
4.7
(89 opinii)
Ścieżka kariery
Ekspert produktywności
17 godzin
3806 uczestników
Nie wiesz od czego zacząć naukę? Chętnie pomożemy! Rozpocznij teraz
strefakursów.pl © Team: Umów spotkanie Raport kompetencji Referencje Dlaczego warto Funkcje Oferta
strefakursów.pl Projektowanie

Cięcie PSD i kodowanie do HTML & CSS:Trailer

Twórz wspaniałe strony internetowe zgodne z najnowszymi standardami

Cięcie PSD i kodowanie do HTML & CSS:Style menu głównego

Twórz wspaniałe strony internetowe zgodne z najnowszymi standardami

Cięcie PSD i kodowanie do HTML & CSS:Eksport plasterków do PNG

Twórz wspaniałe strony internetowe zgodne z najnowszymi standardami

Cięcie PSD i kodowanie do HTML & CSS:Założenia elastycznego szablonu

Twórz wspaniałe strony internetowe zgodne z najnowszymi standardami
DARMOWE FRAGMENTY
Twisto

Opinie użytkowników

Marcin Grygier
5.0
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"
Roman Ratczewski
5.0
Ś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

Zobacz wszystkie

  • 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

Opanujesz tworzenie witryn na podstawie projektu wykonanego w programie Photoshop. Dowiesz się jak pociąć grafikę, jak osadzić ją w kodzie HTML5 i jak ostylować stronę za pomocą CSS3. Wykonasz krok po kroku trzy ciekawe projekty i poznasz kompletny proces cięcia oraz kodowania layoutu.

Co znajduje się w kursie?

Projekty stron w PSD

Kurs zawiera ponad 9 godzin filmów instruktażowych, dzięki którym opanujesz liczne techniki tworzenia nowoczesnych stron internetowych. W szkoleniu wykonujemy od podstaw aż trzy zróżnicowane projekty!

Serwis zawierający dużą ilość grafiki. To doskonałą okazja do zapoznania się z technikami cięcia na plasterki pliku PSD.

Cięcie na plasterki w Photoshopie
Layout sklepu internetowego

Sklep internetowy zawierający m.in. wyszukiwarkę, menu główne, menu kategorii, listę produktów, różnego rodzaju elementy nawigacyjne i formularze. W kursie oprócz strony głównej sklepu wykonamy także stronę produktu.

Szablon responsywny – ten projekt pozwoli ci opanować techniki tworzenia elastycznych witryn, które prawidłowo działają zarówno na komputerach stacjonarnych jak i różnych urządzeniach mobilnych (telefonach, tabletach itp.). Przy okazji poznasz ciekawy framework, który znacznie przyspieszy twoją pracę oraz sprawi, że strony zawsze prawidłowo dopasują się do różnych rozdzielczości. W każdym z powyższych projektów duży nacisk położyliśmy na zastosowanie nowoczesnych technologii i rozwiązań. Na dużą skalę wykorzystaliśmy możliwości oferowane przez CSS3: cienie, gradienty, zaokrąglenia itp. Omówiliśmy także zagadnienia związane z dostosowaniem strony do różnych przeglądarek.

Responsywny layout strony

Co jeszcze warto wiedzieć?

Kodowanie strony z pliku PSD

W kursie kodujemy każdą witrynę na podstawie pliku PSD z projektem graficznym. Jeśli chcesz poznać techniki projektowania stron internetowych w programie Photoshop to zapraszamy do zapoznania się z kursem Kurs Photoshop projektowanie stron. Szkolenie prowadzone jest na wersji Photoshop CS6

ZOBACZ WIĘCEJ
Kup w pakiecie i oszczędź
Kurs Photoshop projektowanie stron
Kurs Photoshop projektowanie stron
133 recenzji
Poziom Średniozaawansowany
63 wykładów
4.9
79zł
Kurs Fotografia krajobrazu
Cięcie PSD i kodowanie do HTML & CSS
146 recenzji
Poziom Średniozaawansowany
81 wykładów
4.9
79zł
Razem do zapłaty
118 zł
-25% 158 zł
+1185 punktów premium
KUP W PAKIECIE

Nie wiesz od czego zacząć naukę?

Chętnie pomożemy! Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji.

Rozpocznij teraz
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
user-image user-image user-image user-image user-image user-image

28814 użytkowników oceniło i zrecenzowało szkolenia strefakursów.pl

Google logo

Średnia ocena uczestników w niezależnym serwisie Google to 4.9/5 ⭐⭐⭐⭐⭐ z 1152 wszystkich opinii.

5 4.9 146
4.9
95%
5%
0%
0%
0%
Recenzje użytkowników (146)
PROFIL PUBLICZNY
5.0
5
Świetny kurs. Wszystko dokładnie wytłumaczone, dobrze usystematyzowana wiedza.
5.0
5
Super
5.0
5
Bardzo dobry kurs polecam
5.0
5
Polecam !
5.0
5
Bardzo przydatny kurs, dzięki niemu można łatwo poszerzyć swoje możliwości i umiejętności jako web designera. Zyskałam też nowe spojrzenie na niektóre techniki.
WIĘCEJ RECENZJI
Najczęściej zadawane pytania
minus plus
Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specjalistów. Twoje uczestnictwo w szkoleniu polega na tym, że otrzymujesz dostęp do wykładów wideo oraz innych materiałów szkoleniowych za pośrednictwem platformy szkoleniowej zaraz po zalogowaniu się na swoje konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w serwisie strefakursów.pl. Materiały, do których otrzymasz dostęp pozwolą Ci rozwinąć się zawodowo i podnieść Twoje kwalifikacje. Każdy kurs przepełniony jest praktyczną wiedzą, która ułatwi Ci osiągnięcie wymarzonych życiowych celów. Zdobytą wiedzę i postępy w nauce możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

minus plus
Czy otrzymam certyfikat ukończenia szkolenia i jaką ma on formę?

Do każdego ukończonego przez Ciebie szkolenia wystawiamy imienny certyfikat. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i nazwa instytucji certyfikującej. Warto podkreślić, że jesteśmy wpisani do Rejestru Instytucji Szkoleniowych (nr wpisu 2.12/00119/2017).

Certyfikat możesz wydrukować lub opublikować w Internecie za pośrednictwem specjalnego odnośnika np. na LinkedIn lub innych portalach społecznościowych . Jak również dołączyć do swojego CV.

minus plus
Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia mamy obowiązek wystawić fakturę VAT (23%) lub paragon. Rodzaj dokumentu zależy od danych, które podasz w formularzu podczas składania zamówienia. Faktury zwykle wystawiamy do 3 dni roboczych od momentu zaksięgowania wpłaty. Poinformujemy Cię o tym fakcie mailowo, a dokument będzie można pobrać bezpośrednio z poziomu zakładki Historia zamówień na Twoim koncie w strefakursów.pl. Jeśli potrzebujesz dokumentu Proforma lub faktury odroczonej, złóż zamówienie, a w uwagach do zamówienia dodaj komentarz “Proforma” lub "Faktura z odroczonym terminem płatności", lub skontaktuj się z nami telefonicznie bądź mailowo (biuro@strefakursow.pl).

minus plus
Czy dostęp do szkolenia jest ograniczony czasowo?

Po opłaceniu zamówienia otrzymujesz nielimitowany dostęp do zakupionych materiałów. Dzięki temu, że szkolenia są dla Ciebie dostępne zarówno online za pośrednictwem naszej platformy szkoleniowej i offline w aplikacji mobilnej strefakursów.pl, możesz w dowolnym czasie i miejscu powracać do obejrzanych lekcji i powtarzać materiał bez ograniczeń. Dodatkowo po ukończeniu całego szkolenia otrzymasz imienny certyfikat poświadczający Twój udział w szkoleniu. Certyfikat możesz opublikować np. na LinkedIn lub innych portalach społecznościowych, jak również dołączyć do swojego CV.

Ksawery Kargól

Full Stack Developer
4.9
(146 ocen)

Cięcie PSD i kodowanie do HTML & CSS

Twórz wspaniałe strony internetowe zgodne z najnowszymi standardami
Kto pyta nie błądzi! Zobacz Najczęściej zadawane pytania

Rozpocznij naukę teraz za darmo, zapłać w ciągu 30 dni z logo twisto – Jak to działa?

79zł
za ten zakup otrzymasz zwrot o wartości 7.90 zł
for-teamsOferta dla firm i zespołów
To szkolenie obejmuje:
unlimited accessNielimitowany dostęp
clock 9,5 godziny szkolenia
videos 81 wykładów
test questions pytań testowych
languageKurs w języku polskim
mobile accessDostęp w aplikacji mobilnej
certificateCertyfikat ukończenia
tests questionsTesty i zadania
linkedin recommendationRekomendacje na LinkedIn
level Poziom: Średniozaawansowany
Powiązane tematy:
Uczestnicy kursu kupili również:
Twisto

Zapisz się do newslettera

E-mail jest niepoprawny.

Strona strefakursów.pl jest chroniona przez reCAPTCHA Google. Korzystając z witryny akceptujesz Politykę Prywatności i Warunki korzystania z usług Google.

© 2022 cloudLMS

Wspieramy akcję #madeintarnow

Odwiedź naszego bloga Polityka prywatności Regulamin zakupów
Odbierz 20% zniżki na pierwsze zamówienie
newsletter signup image
Zapisz się do newslettera i bądź na bieżąco
Dlaczego warto?
Będziesz regularnie otrzymywał atrakcyjne rabaty
Nie przegapisz żadnej z naszych promocji
Będziesz informowany o aktualnych konkursach
Nie wysyłamy spamu
E-mail jest niepoprawny.
*zniżka nie obowiązuje na pakiety licencji
Nie, dziękuję, kupię bez zniżki
shield-error

Ups! Coś poszło nie tak :(

Google Recaptcha uznał, że jesteś botem i zablokował Twoją ostatnią akcję. Spróbuj ponownie. W razie problemów skontaktuj się z nami.

ZAMKNIJ I SPRÓBUJ PONOWNIE
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