Kontakt. Dane i formularz kontaktowy
Kontakt. Dane i formularz kontaktowy
Zamknij okno
Kurs został dodany do koszyka.
Kurs został dodany do koszyka

Realizuj zamówienie
Kurs został usunięty z koszyka.
Kurs został usunięty z koszyka

DODAJ KURS DO KOSZYKA
Powstał błąd podczas działania koszyka. Przepraszamy.
Powstał błąd podczas wysyłania formularza zamówienia

DODAJ KURS DO KOSZYKA
Ten kurs znajduje się już w Twoim koszyku.
Ten kurs już znajduje się w koszyku

Realizuj zamówienie
Koszyk jest pusty.
Koszyk jest pusty, nie można wysłać zamówienia

DODAJ KURS DO KOSZYKA
Twój koszyk jest pusty
Dodaj kurs do koszyka

Blog dla początkujących grafików. Projektowanie stron WWW PROJEKTOWANIE STRON WWW

SSprawdź aktualną promocję na ten kurs


Czy projektowanie stron internetowych to zadanie dla grafika?
Jak najbardziej tak.
Pytanie, w jakim zakresie grafik chce się angażować w proces tworzenia serwisów WWW. Grafik może zostać web designerem i być odpowiedzialny tylko za wygląd, czyli layout. Może też zająć się kodem HTML i CSS i przejąć na siebie dodatkowo obowiązki webmastera. I jeśli chcesz tworzyć strony, to zdecydowanie warto, oprócz projektowania graficznego, uczyć się także pracy z kodem.
Poniżej odrobina materiałów dla początkujących grafików z żyłką webmastera.

Ranking CMS. Jak wybrać CMS

RANKING CMS-ów, CZYLI NIE TYLKO WORDPRESS

Poruszone zagadnienia: CMS, Ranking cms, WordPress, Drupal 8, concrete5, Windu, GetSimple CMS, TextPattern, Quick.CMS, ProcessWire, Batflat, MODX, Typo3, Bolt, CMS Simple

CMS-y, czyli systemy zarządzania treścią to znakomite narzędzia do tworzenia, a przede wszystkim do prowadzenia stron internetowych.
Najpopularniejszym tego typu rozwiązaniem jest WordPress. Najpopularniejszym, ale nie jedynym.

Jeśli szukasz alternatyw lub rozwiązań lepiej dostosowanych do Twoich potrzeb, to zobacz koniecznie przegląd aktualnych i wartościowych CMS-ów.
Na stronie znajdziesz także filmy poświęcone Drupalowi oraz CMS-owi concrete5.

Omówione zagadnienia:
— Wybrane CMS-y do konkretnych zastosowań.
— Wideo omawiające możliwości CMS-a Drupal 8.
— Wideo przybliżające edycję stron w CMS-sie concrete5


ZOBACZ RANKING



Certyfikaty SSL oraz HTST

CERTYFIKAT SSL A POZYCJONOWANIE STRONY WWW

Poruszone zagadnienia: Certyfikat SSL, Let's Encrypt, HTTP Strict Transport Security, htst, SEO, Search Console, Google, Bing

Z bardzo dużym opóźnieniem, ale w końcu wdrożyłem na swoich stronach certyfikat SSL.
Jak taka zmiana wpływa na pozycjonowanie strony w wyszukiwarce Google?
Jak jeszcze można zwiększyć bezpieczeństwo serwisu WWW? Np. korzystając z mechanizmu HSTS.
W artykule znajdziesz kilka praktycznych uwag na ten temat.

Omówione zagadnienia:
— Co daje certyfikat SSL.
— Wpływ certyfikatu SSL na pozycję w wyszukiwarce.
— Czym jest HTST?


ZOBACZ ARTYKUŁ



Porady dla webdesignera. Projektowanie stron internetowych

PROJEKTOWANIE STRON. PRZEGLĄD EDYTORÓW HTML

Poruszone zagadnienia: Tworzenie stron internetowych, HTML, CSS, WebMatrix, RJ TextED, Notepad++, Bluefish, PSPad, walidacja kodu

Oprócz programu graficznego do projektowania stron przyda się dobry edytor kodu HTML.
Zobacz omówienie aktualnie dostępnych na rynku edytorów.

Jak wybrać edytor kodu HTML dla siebie?
Poznaj najciekawsze, bezpłatne programy oferujące usprawnienia przydatne zwłaszcza początkującym projektantom: kolorowanie kodu, sprawdzanie jego poprawności, podpowiedzi do znaczników — to najważniejsze z nich.

Czas trwania 43:52 ZOBACZ WIĘCEJ Projektowanie stron internetowych. Przegląd edytorów HTML



Programy do tworzenia stron WWW

WEB DESIGN. HISTORIA EDYTORÓW HTML. HOMESITE

Poruszone zagadnienia: Pierwsze edytory HTML, HomeSite, HoTMetaL, HotDog, FrontPage, Pajączek, CoffeeCup The HTML Editor

W latach 90 ubiegłego wieku zaczęły pojawiać się pierwsze edytory języka HTML.
Zobacz krótkie przypomnienie pierwszych programów do tworzenia stron internetowych.
Większość z nich nie jest już dzisiaj rozwijanych, ale warto o nich pamiętać.

Omówione zagadnienia:
— Przypomnienie pierwszych edytorów HTML.
— Materiał wideo poświęcony edytorowi HomeSite.
Czas trwania 10:47 ZOBACZ WIĘCEJ Historia projektowania stronWWW. Edytory HTML



Porady dla webdesignera. Tworzenie animacji tekstu

PROJEKTOWANIE STRON WWW. TWORZENIE ANIMACJI

Poruszone zagadnienia: Webmaster, webdesign, CSS3, HTML, projektowanie stron, animacje, atrybuty class, style kaskadowe, animate.css, Bracket

Jak w prosty sposób dodać efektowne animacje do swojej strony? Przede wszystkim animacje tekstu, ale nie tylko.
Np. wykorzystując gotową bibliotekę Animate.css.
Zobacz video tutorial omawiający krok po kroku, w jaki sposób korzystać z tej biblioteki. Jak wprawiać w ruch elementy strony WWW: grafikę, tekst oraz znacznik DIV.

Omówione zagadnienia:
— Korzystanie z biblioteki Animate.css.
— Praca z arkuszami stylów CSS.
— Praca z klasami (class).


Czas trwania 14:31 ZOBACZ WIĘCEJ Projektowanie stron internetowych. HTML i CSS3



Samouczek Photoshop/Corel. Ikona na stronę internetową

PHOTOSHOP/COREL. FAVICON, CZYLI IKONA NA STRONĘ WWW

Poruszone zagadnienia: Praca z formatem .ico, pluginy, tworzenie ikon

Favicon (ang. Favorite Icon) to ikona wyświetlana w oknie przeglądarki internetowej np. na pasku adresu. Favicon jest plikiem graficzny zapisany m.in. w formacie .ico.
W tym tutorialu zobaczysz, jak pracować z plikami w formacie .ico: zainstalujesz specjalną wtyczkę do Photoshopa i dowiesz się, jakie wymagania techniczne powinien spełniać favicon, aby grafika poprawnie wyświetlała się w polu adresowym przeglądarki internetowej.
Przyjrzymy się technicznej stronie przygotowywania takich ikon w Photoshopie, a także w CorelDRAW i Corelu PHOTO-PAINT.

Czas trwania 27:38 ZOBACZ WIĘCEJ Film instruktażowy Photoshop. Praca z formatem ICO



Porady dla webdesignera. Praca z obrazkami w formacie svg

CorelDRAW. EKSPORT DO FORMATU SVG

Poruszone zagadnienia: Projektowanie stron internetowych, format SVG, cmyk, rgb, html5, RWD, Brackets

Format SVG, to znakomita alternatywa dla grafik JPG czy też GIF. Niewielkie rozmiary i bardzo dobra jakość grafiki bez względu na jej rozmiar. W dobie projektowania stron dla ekranów o różnych rozdzielczościach format SVG to dobry wybór.
W tym filmie przyjrzymy się modułowi eksportu do formatu SVG, w jaki wyposażony jest CorelDRAW.

Omówione zagadnienia:
— Przygotowanie grafiki do eksportu w CorelDRAW.
— Omówienie opcji eksportu do formatu SVG w Corelu.
— Osadzanie grafiki SVG w kodzie strony HTML.
— Analiza i modyfikacja kodu grafiki SVG.


ZOBACZ WIĘCEJ Video tutorial CorelDRAW. Projektowanie stron WWW



Adobe Typekit. Czcionki na stronach WWW

ADOBE TYPEKIT. OSADZANIE CZCIONEK NA STRONIE

Poruszone zagadnienia: Adobe Typekit, fonty, czcionki, osadzanie czcionek, fonty na stronach

Adobe Typekit to biblioteka czcionek, które z pomocą dostępnych mechanizmów można osadzać na stronach internetowych, wzbogacając tym samym nasze projekty o niestandardowe, a tym samym ciekawsze fonty.
Strona Typekit.com umożliwia wybór i zarządzanie czcionkami.

Poruszone w filmie zagadnienia:
— Wybór i zarządzanie czcionkami z poziomu strony Typekit.com.
— Sposoby dołączania niestandardowych fontów, z wykorzystaniem arkuszy stylów.


Czas trwania: 18:05 ZOBACZ WIĘCEJ Osadzanie czcionek na stronach internetowych



Narzędzia dla projektantów stron WWW. Czytelność

WEB DESIGN. PRACA Z KONTRASTEM

Poruszone zagadnienia: Web design, W3C, WCAG 2.0; kontrast, jasność, praca z tekstem

Czytelność to istotny element każdego projektu. W tym filmie przyjrzymy się, jak dobrać tło oraz tekst tak, aby uzyskać odpowiednio dobry kontrast.
Poznaj standardy obowiązujące w internecie i skorzystaj z pomocy bezpłatnego narzędzia, które znajdziesz pod tym linkiem: Narzędzie CONTRAST-A.
A jak pracować z tym narzędziem?
O tym w krótkim filmie instruktażowym.

Czas trwania: 05:21 ZOBACZ WIĘCEJ Web design. Kontrast tła i tekstu



ZOBACZ TAKŻE: Kursy dla początkujących grafików Materiały do nauki Corela Materiały do nauki Photoshopa Grafika komputerowa dla początkujących