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

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 (140)

Yulian Melnychuk 11 października 2020

Polecam!!!

Dorota Niemyjska 11 sierpnia 2020

polecam ten kurs, wszystko jasno wytłumaczone

Łukasz Zaraś

23 lipca 2020

Wszystko czego potrzebujesz na temat cięcia PSD znajdziecie w tym kursie. Polecam!

Michał Woźniak 5 lipca 2020

Świetny kurs. Pokazuje dobre praktyki pracy.

Janusz Rojek 30 czerwca 2020

WIĘCEJ RECENZJI

Ksawery Kargól

Full Stack Developer

4.9

(140 ocen)

Cięcie PSD i kodowanie do HTML & CSS

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

Poziom: Średniozaawansowany

69zł

41zł

Taniej o 41%

01 : 14 : 45 : 28

dni godz min sek

Oferta dla firm i zespołów

Nasz produkt obejmuje:

Bezterminowy dostęp

9,5 godziny szkolenia

81 wykładów

pytań testowych

Mobilny dostęp 24/7

Certyfikat ukończenia

Testy i zadania

Rekomendacje na LinekdIn

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