✅ Dożywotni dostęp do szkolenia i możliwość powtarzania materiału w dowolnym miejscu i czasie.

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.

✅ Jak przebiega uczestnictwo w kursie online w strefakursów.pl?

Kursy online w strefakursów.pl to wideoporadniki przygotowane przez zespół naszych specialistó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 konto. Konto jest bezpłatne i możesz założyć je w dowolnym momencie lub w trakcie dokonywania pierwszego zakupu w sklepie strefakursow.pl. Materiały te pozwolą Ci rozwinąć się zawodowo lub hobbystycznie. 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.

✅ Nowoczesny system szkoleniowy dla firm i zespołów! Zobacz ofertę

Zastanawiasz się jak zwiększyć motywację i zaangażowanie w swoim zespole? Poznaj nasz nowoczesny system szkoleniowy dla firm i zespołów. Dzięki skutecznemu systemowi motywacji aż 80% użytkowników kończy szkolenie! Twórz programy nauczania dopasowane nie tylko do specyfiki Twojej działalności, ale przede wszystkim do potrzeb działu, stanowiska czy konkretnego pracownika. Wybierz pakiet

✅ Ucz się o dowolnej porze i oglądaj szkolenia bez dostępu do Internetu w aplikacji mobilnej

Pobierz naszą aplikację mobilną strefakursów.pl i ucz się bez żadnych ograniczeń. Pobieraj kursy i lekcje na swoje urządzenie i oglądaj nawet bez dostępu do Internetu. Dla nowych użytkowników aplikacji mamy niespodziankę! Aby odebrać prezent musisz zezwolić aplikacji na wysyłanie powiadomień. Pobierz aplikację

Pomoc i kontakt

Koszyk

Zaloguj się

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.

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

ZOBACZ WIĘCEJ

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

95%

Recenzje użytkowników (146)

Filip Filip 1 sierpnia 2021

Super

Ewelina Siwek 12 lipca 2021

Bardzo dobry kurs polecam

Artur Zdanowicz 29 kwietnia 2021

Polecam !

Anna Kwiek 27 kwietnia 2021

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.

Magdalena Bojarowicz

22 lutego 2021

Ogólnie z HTML i CSS miałam trochę styczności przed kursem, ale chciałam poszerzyć swoją wiedzę i podszlifować umiejętności. Kurs porusza wszystko to, co jest potrzebne do umieszczenia pociętych elementów na stronie. Informacje są przedstawiane w bardzo przystępny… Czytaj więcej

WIĘCEJ RECENZJI

Ksawery Kargól

Full Stack Developer

4.9

(146 ocen)

Cięcie PSD i kodowanie do HTML & CSS

Q: ✅ Nie wiesz od czego zacząć naukę? Chętnie pomożemy!

W naszej ofercie znajdują się setki kursów online, jeśli nie wiesz od czego zacząć naukę zaufaj naszemu doświadczeniu. Odpowiedz na pytania przygotowane przez naszych specjalistów, a my dopasujemy ścieżkę rozwoju do Twoich preferencji. Rozpocznij teraz

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

🔥 Gorący temat: W tym tygodniu 102 użytkowników obejrzało to szkolenie

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

69zł

Oferta dla firm i zespołów

To szkolenie obejmuje:

Nielimitowany dostęp

9,5 godziny szkolenia

81 wykładów

pytań testowych

Kurs w języku polskim

Dostęp w aplikacji mobilnej

Certyfikat ukończenia

Testy i zadania

Rekomendacje na LinkedIn

Poziom: Średniozaawansowany

Powiązane tematy:

Uczestnicy kursu kupili również:

Kurs Photoshop projektowanie stron

Poziom Średniozaawansowany

69zł

Kurs UX & UI - sztuka użytecznego projektowania

Poziom Podstawowy

119zł

Kurs Photoshop dla web designera

Poziom Średniozaawansowany

69zł

Kurs Adobe Photoshop - zaawansowany

Poziom Zaawansowany

49zł

Jak stworzyć CMS w JavaScript

Poziom Średniozaawansowany

119zł

Kurs HTML 5.1 - podstawy tworzenia stron

Poziom Podstawowy

99zł

Kurs CSS3 - kodowanie ze stylem

Poziom Podstawowy

99zł

Kurs CSS3 zaawansowany

Poziom Średniozaawansowany

69zł

Kurs HTML5 zaawansowany

Poziom Średniozaawansowany

69zł

WordPress - łatwe tworzenie responsywnych szablonów

Poziom Średniozaawansowany

119zł

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