Nowy rok + nowe umiejętności = Nowy Ty!     |     Wybierz ścieżkę kariery i zrealizuj swoje cele     |     Rabaty są ograniczone czasowo!
Zacznij teraz
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
(1299 opinii)
Ścieżka kariery
Web Designer
88 godzin
14599 uczestników
4.8
(859 opinii)
Ścieżka kariery
Java Developer
101 godzin
13242 uczestników
4.8
(1133 opinii)
Ścieżka kariery
Wordpress Developer
22 godzin
12348 uczestników
4.8
(760 opinii)
Ścieżka kariery
JavaScript Front-end Developer
62 godzin
10755 uczestników
4.8
(813 opinii)
Ścieżka kariery
C++ Developer
49 godzin
10466 uczestników
4.8
(686 opinii)
Ścieżka kariery
Administrator baz danych
36 godzin
9674 uczestników
4.6
(885 opinii)
Ścieżka kariery
PHP Developer
29 godzin
9095 uczestników
4.6
(444 opinii)
Ścieżka kariery
Python Developer
23 godzin
8926 uczestników
4.7
(505 opinii)
Ścieżka kariery
.NET Developer
58 godzin
7876 uczestników
4.6
(297 opinii)
Ścieżka kariery
Android Developer
30 godzin
5063 uczestników
4.8
(346 opinii)
Ścieżka kariery
Angular Developer
20 godzin
4963 uczestników
4.7
(85 opinii)
Ścieżka kariery
iOS Developer
29 godzin
1759 uczestników
4.9
(23 opinii)
Ścieżka kariery
Machine Learning Engineer
32 godzin
1227 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
(770 opinii)
Ścieżka kariery
Specjalista MS Excel
45 godzin
16704 uczestników
4.9
(613 opinii)
Ścieżka kariery
Specjalista MS Office
15 godzin
15644 uczestników
4.7
(454 opinii)
Ścieżka kariery
Software Developer
46 godzin
7832 uczestników
4.8
(292 opinii)
Ścieżka kariery
DevOps Engineer
77 godzin
7716 uczestników
4.9
(451 opinii)
Ścieżka kariery
Administrator Linux
25 godzin
7455 uczestników
4.9
(332 opinii)
Ścieżka kariery
Specjalista MS Access
11 godzin
4934 uczestników
4.7
(84 opinii)
Ścieżka kariery
Ekspert ds. cyberbezpieczeństwa
18 godzin
1773 uczestników
4.8
(63 opinii)
Ścieżka kariery
Administrator Windows
19 godzin
1758 uczestników
4.8
(32 opinii)
Ścieżka kariery
Analityk danych
20 godzin
845 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
(784 opinii)
Ścieżka kariery
Fotograf
45 godzin
16122 uczestników
4.9
(510 opinii)
Ścieżka kariery
Photoshop Designer
35 godzin
8270 uczestników
4.8
(236 opinii)
Ścieżka kariery
Motion Designer
22 godzin
4292 uczestników
4.9
(141 opinii)
Ścieżka kariery
GIMP Designer
22 godzin
2596 uczestników
4.9
(58 opinii)
Ścieżka kariery
Montażysta Wideo
18 godzin
908 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
(737 opinii)
Ścieżka kariery
Graphic Designer
59 godzin
16712 uczestników
4.8
(749 opinii)
Ścieżka kariery
UX/UI Designer
48 godzin
10221 uczestników
4.8
(324 opinii)
Ścieżka kariery
Digital Artist
66 godzin
8820 uczestników
4.9
(513 opinii)
Ścieżka kariery
CorelDraw Designer
38 godzin
6374 uczestników
4.9
(249 opinii)
Ścieżka kariery
Projektant CAD
31 godzin
6228 uczestników
4.8
(175 opinii)
Ścieżka kariery
Wizualizacja architektury
41 godzin
5107 uczestników
4.6
(107 opinii)
Ścieżka kariery
Game Artist
33 godzin
2155 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
(1026 opinii)
Ścieżka kariery
Specjalista e-commerce
50 godzin
14951 uczestników
4.9
(599 opinii)
Ścieżka kariery
E-marketing Manager
50 godzin
10194 uczestników
4.9
(141 opinii)
Ścieżka kariery
Social Media Manager
29 godzin
2133 uczestników
4.6
(62 opinii)
Ścieżka kariery
Personal branding
33 godzin
1862 uczestników
4.5
(69 opinii)
Ścieżka kariery
Efektywny przedsiębiorca
37 godzin
1477 uczestników
4.7
(64 opinii)
Ścieżka kariery
YouTube Content Creator
18 godzin
1349 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
Ścieżki kariery
4.6
(73 opinii)
Ścieżka kariery
Skuteczny Manager
28 godzin
4285 uczestników
4.8
(57 opinii)
Ścieżka kariery
Ekspert produktywności
17 godzin
2913 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

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
130 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
111 zł
-30% 158 zł
+1106 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

26006 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 840 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ż:

Zapisz się do newslettera

© 2021 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
*zniżka nie obowiązuje na pakiety licencji
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