Ta strona wykorzystuje pliki cookies. Korzystając ze strony, zgadzasz się na ich użycie. OK Polityka Prywatności Zaakceptuj i zamknij X

Cięcie PSD i kodowanie do HTML & CSS

22-01-2014, 19:07
Aukcja w czasie sprawdzania nie była zakończona.
Cena kup teraz: 69 zł     
Użytkownik informatyka_ke
numer aukcji: 3818339518
Miejscowość Warszawa
Wyświetleń: 8   
Koniec: 20-01-2014, 10:34

Dodatkowe informacje:
Stan: Nowy
Waga (z opakowaniem): 0.30 [kg]
Rodzaj: BOX

info Niektóre dane mogą być zasłonięte. Żeby je odsłonić przepisz token po prawej stronie. captcha

Naucz się tworzyć wspaniałe strony internetowe zgodne z najnowszymi standardami. Z naszym kursem opanujesz tworzenie witryn na podstawie projektu .PSD z programu Photoshop. Dowiesz się jak pociąć grafikę, jak osadzić ją w kodzie HTML5 i jak ostylować stronę za pomocą CSS3.

W kursie wykonujemy aż trzy projekty, które pozwolą Ci opanować sprawdzone i skuteczne techniki tworzenia stron internetowych. Każdy z nich omawia kompletny proces cięcia i kodowania layoutu:

  • Serwis zawierający m.in. sekcję z artykułami, filmami itp. Projekt zawiera dużą ilość grafiki i jest doskonałą okazją do zapoznania się z procedurami cięcia na plasterki pliku PSD.
  • Sklep internetowy zawierający m.in. w 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 (tzw. responsive web design) – 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 kursie duży nacisk położyliśmy na omówienie nowoczesnych technologii. W projektach wykorzystaliśmy wspaniałe 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.

Wszystkie materiały użyte w naszych projektach zostały dołączone do kursu. Każdy z nich tworzony jest na podstawie gotowego pliku PSD. Zostały one stworzone w innym kursie z naszej oferty czyli „Photoshop – projektowanie stron ”.

Kurs prowadzony jest przez certyfikowanego experta Adobe®

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