Name: Cięcie PSD i kodowanie do HTML & CSS
Brand: strefakursów.pl
SKU: 887
Price: 79.00 PLN
Availability: InStock
Rating: 4.9 (152 reviews)
Author: Ksawery Kargól

Szczegóły, które warto znać

9,5 godziny materiałów

Bezterminowy dostęp

Imienny certyfikat PDF

81 lekcji wideo

Rekomendacje na LinkedIn

Kurs w języku polskim

Dostęp w aplikacji mobilnej

Opis szkolenia

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.

Projektowanie layoutu

Cięcie projektu na plasterki

Kodowanie struktury strony

Responsywne projekty

Czego się nauczysz z tym kursem?

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?

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.

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.

Co jeszcze warto wiedzieć?

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

Program kursu

6 modułów · 81 lekcji

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 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 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 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

Twój instruktor

Ksawery Kargól

Trener - praktyk AI

Ksawery Kargól to jeden z najbardziej rozpoznawalnych autorów technicznych na platformie Strefa Kursów. Od lat tworzy szkolenia, które pomagają uczestnikom wejść w świat nowych technologii krok po kroku, bez chaosu, zbędnego żargonu i poczucia, że „to nie dla mnie”. Jego największą siłą jest umiejętność tłumaczenia trudnych tematów prostym, uporządkowanym językiem. W swoich kursach prowadzi uczestnika od podstaw do praktycznego działania, pokazując nie tylko, co należy zrobić, ale też dlaczego dane rozwiązanie działa i jak można wykorzystać je w realnych projektach. Uczestnicy jego kursów szczególnie doceniają spokojne tempo, jasną strukturę i praktyczne podejście do nauki. To autor, który dobrze sprawdza się zwłaszcza wtedy, gdy temat wydaje się techniczny, trudny albo zarezerwowany tylko dla osób z doświadczeniem. Ksawery potrafi rozłożyć go na mniejsze kroki i przeprowadzić uczestnika przez cały proces w sposób zrozumiały i bez przytłoczenia. Jego szkolenia są dobrym wyborem zarówno dla osób początkujących, jak i tych, które chcą uporządkować swoją wiedzę, wrócić do podstaw albo pewniej korzystać z nowoczesnych narzędzi cyfrowych. Zamiast suchej teorii uczestnik otrzymuje konkretne przykłady, ćwiczenia i praktyczne rozwiązania, które pomagają szybciej przejść od oglądania lekcji do samodzielnego działania. Ksawery od lat współtworzy bibliotekę kursów Strefy Kursów, a jego materiały zebrały setki wysokich ocen od uczestników. To potwierdza, że jego największą wartością jest nie tylko znajomość technologii, ale przede wszystkim umiejętność przekładania jej na język zrozumiały dla szerokiego grona odbiorców. To dobry wybór dla osób, które chcą wejść w świat nowych technologii spokojnie, praktycznie i bez poczucia zagubienia.

Opinie kursantów

5,0 Zweryfikowana

„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""

13 stycznia 2019

M Marcin Grygier zweryfikowany kursant

5,0 Zweryfikowana

„Ś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 poziomie, a tu proszę !"

Czytaj więcej 7 marca 2019

R Roman Ratczewski zweryfikowany kursant

5,0 Zweryfikowana

„Ciekawy kurs prezentujący zasady kodowania grafiki do języka HTML I CSS. Dobrze zrealizowane przykłady. Szczerze polecam kurs wszystkim zainteresowanym tematyką cięcia i kodowania grafiki."

27 lipca 2019

P Paweł Zarębski zweryfikowany kursant

5,0 Zweryfikowana

„Nie jesteś grafikiem ? nie za bardzo wiesz jak poukładać wszystkie elementy strony ? A może łatwiej byłoby wykorzystać gotowy narysowany szablon i przetworzyć go do języka zrozumiałego dla Twojej przeglądarki ? Ten kurs jest dla Ciebie. W szybki sposób poznasz proste techniki zamiany szablonu psd do html. "

Czytaj więcej 13 sierpnia 2019

S Sebastian Zając zweryfikowany kursant

5,0 Zweryfikowana

„Cięcie PSD i kodowanie do HTML and CSS to kurs, który nauczy, jak przenieść projekty graficzne ze Photoshop na stronę internetową. Kurs omawia cały proces, od cięcia plików PSD, przez konwertowanie do HTML i CSS, aż po implementację responsywnego designu."

24 kwietnia 2026

D Dawid Mielnik

5,0 Zweryfikowana

„Świetny kurs"

11 października 2024

Maciej Kryk

5,0 Zweryfikowana

„Bardzo dobrze i logicznie przygotowanykurs "

5 kwietnia 2023

J Jadwiga Marcinów

5,0 Zweryfikowana

„Świetne podstawy!"

30 grudnia 2022

M Mariusz Leśniowski

5,0 Zweryfikowana

„Kurs nauczyl mnie ciąć grafiki z Photoshopa na strony internetowe. Bardzo fajne omówienie tematu. Polecam!"

17 listopada 2022

Łukasz Szczęsny

5,0 Zweryfikowana

„Polecam :)"

22 października 2022

R Ryszard Miszkiewicz

Najczęściej zadawane pytania

Jak wygląda uczestnictwo w kursie online?

Kursy online w strefakursów.pl to kompletne pakiety materiałów wideo przygotowane przez zespół naszych specjalistów. Po zakupie otrzymujesz natychmiastowy dostęp do wszystkich lekcji, testów i materiałów dodatkowych na swoim koncie - możesz zacząć się uczyć od razu, bez czekania. 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ść swoje 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 możesz w łatwy sposób zweryfikować za pomocą licznych testów i ćwiczeń dołączonych do każdego kursu.

Czy otrzymam certyfikat ukończenia kursu?

Do każdego ukończonego przez Ciebie kursu wystawiamy imienny certyfikat w formacie PDF - będzie on dostępny na Twoim koncie w zakładce Certyfikaty. Warunkiem jego otrzymania jest zaliczenie testów dołączonych do kursu oraz obejrzenie wszystkich lekcji. Na certyfikacie znajduje się Twoje imię oraz nazwisko, nazwa ukończonego kursu, data wystawienia i unikalny numer certyfikatu. 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. Pamiętaj, że certyfikatów nie wysyłamy w formie papierowej.

Czy otrzymam fakturę VAT za zamówienie?

Tak, do każdego zamówienia wystawiamy fakturę VAT (23%) lub paragon - w zależności od danych podanych przy zakupie. Pobierzesz ją z zakładki Historia zamówień na swoim koncie. Powiadomimy Cię mailowo, gdy dokument będzie gotowy.
Potrzebujesz proformy? Zaznacz pole "Chcę otrzymać dokument proforma" przy składaniu zamówienia lub napisz: biuro@strefakursow.pl

Zakup w aplikacji mobilnej? Jeśli kupujesz przez App Store lub Google Play, sprzedawcą jest odpowiednio Apple lub Google. Fakturę otrzymasz od nich zgodnie z ich zasadami:

Możesz również pobrać dokument przez stronę Apple. Przejdź pod ten adres: https://reportaproblem.apple.com/, następnie zaloguj się swoim Apple ID, znajdź zakup na liście i kliknij, aby zobaczyć szczegóły i ewentualnie pobrać dokument. Apple zwykle wystawia fakturę jako dostawca usług cyfrowych. Jeśli potrzebujesz faktury VAT, możesz skontaktować się z pomocą techniczną Apple, aby uzyskać dodatkowe informacje na temat zgodności faktury z przepisami w Twoim kraju.

Zakup w Google Play(Android)

Gdy dokonujesz zakupu w aplikacji strefakursów.pl na Android za pośrednictwem Google Pay sprzedawcą jest Google. Fakturę lub dokument zakupu znajdziesz zgodnie z poniższą instrukcją:

Otwórz aplikację Google Play.
Kliknij ikonę swojego profilu w prawym górnym rogu.
Wybierz Płatności i subskrypcje > Historia zakupów.
Znajdź interesujący Cię zakup i kliknij na niego, aby zobaczyć szczegóły. Jeśli chcesz pobrać fakturę, kliknij przycisk Faktura (jeśli jest dostępny).

Możesz również znaleźć fakturę na stronie Google Pay. Przejdź pod ten adres: pay.google.com i zaloguj się na swoje konto Google, z którego dokonano zakupu. W sekcji Aktywność znajdziesz wszystkie transakcje dokonane w Google Play. Kliknij daną transakcję, aby zobaczyć szczegóły i pobrać fakturę.

Ile mam czasu na przerobienie materiałów?

Tyle, ile potrzebujesz! Uczysz się we własnym tempie - bez presji i bez abonamentu. Płacisz raz i zachowujesz dostęp do zakupionego kursu na swoim koncie bez z góry określonej daty końcowej. Przez pierwsze 12 miesięcy od zakupu dbamy o aktualność materiałów i zapewniamy pełną dostępność testów oraz certyfikatu. Później kurs nadal pozostaje na Twoim koncie - wracasz do lekcji, kiedy masz ochotę. Szczegółowe zasady dostępu znajdziesz w regulaminie.