Zamknij komunikat

Nowy Office 2013
Do góry

Kurs HTML5

Kurs HTML5

01. Wprowadzenie do kursu HTML5

Autor: Adam StępieńOpublikowano: 19 lipca 2011Odsłony: 22 007

Zapraszamy Cię do wyruszenia w fascynującą podróż po świecie HTML5 z CentrumXP.pl. W nowym dziale Kurs HTML5 poznasz piątą wersję standardu HTML pozwalającą stworzyć piękne strony www, które działają płynnie dzięki wykorzystaniu przyspieszenia sprzętowego komputerów.


02. Odtwarzacz muzyki na stronie - tag audio

Autor: Adam StępieńOpublikowano: 21 lipca 2011Odsłony: 25 893

Nowy tag <audio> w HTML5 pozwala odtwarzać pliki muzyczne bezpośrednio na stronie internetowej bez potrzeby wykorzystywania technologii Flash lub QuickTime. Wraz z nadejściem HTML5 żadne wtyczki, dodatki, pluginy nie są już potrzebne.


03. Znacznik audio pod rękę z JavaScriptem

Autor: Adam StępieńOpublikowano: 23 lipca 2011Odsłony: 13 083

W niniejszym artykule omówimy wykorzystanie języka JavaScript, dzięki któremu rozszerzymy podstawową funkcjonalność odtwarzacza muzyki. Ponadto będziemy w stanie lepiej kontrolować i zarządzać obiektem audio. Otwiera to drogę do lepszego dostosowania odtwarzacza na stronie internetowej.


04. SVG - podstawy

Autor: Adam StępieńOpublikowano: 25 lipca 2011Odsłony: 16 496

SVG to format zapisu grafiki wektorowej w technologii HTML5, który ma ogromną przewagę nad powszechnie stosowanymi JPEG-ami, GIF-ami itd. Bez względu na stopień przybliżenia czy powiększenia obrazu, grafika charakteryzuje się dobrą jakością - nie występuje zjawisko pikselizacji. Poznajmy podstawy format SVG.


05. Jak dodać grafikę SVG na stronę

Autor: Adam StępieńOpublikowano: 27 lipca 2011Odsłony: 15 460

Artykuł przedstawia metody dodawania grafiki wektorowej w formacie SVG na stronę internetową wraz z zaletami i wadami poszczególnych sposobów.


06. Dlaczego SVG jest lepszy od JPEG, GIF i PNG

Autor: Adam StępieńOpublikowano: 29 lipca 2011Odsłony: 13 748

Jest wiele korzyści z używania formatu SVG do umieszczania grafiki na stronach internetowych. W tym artykule skupimy się na zaletach SVG i jego przewagach nad grafiką w formacie JPEG, GIF, PNG. Przedstawimy także mocne strony SVG, których brakuje we Flashu.


07. Filmy na stronie - tag VIDEO

Autor: Adam StępieńOpublikowano: 2 sierpnia 2011Odsłony: 16 378

Znacznik <video> jest jednym z dwóch najbardziej oczekiwanych funkcji HTML5, obok znacznika <audio>. W niniejszym artykule powiemy o zaletach jego używania do osadzania klipów wideo na stronie internetowej. Ponadto pokażemy, jak używać tagu <video> już dziś, dzieląc się z Wami niezbędnymi podstawami.


08. Jaki format filmu wybrać w HTML5?

Autor: Adam StępieńOpublikowano: 3 sierpnia 2011Odsłony: 23 719

W tym artykule pomożemy przygotować plik wideo tak, aby mógł go obejrzeć każdy Internauta. Przedstawimy niezbędne narzędzia i kod HTML, który uwzględni zacofanych użytkowników korzystających ze starej przeglądarki nieobsługującej technologii HTML5.


09. Canvas - wprowadzenie do wirtualnego płótna

Autor: Adam StępieńOpublikowano: 12 sierpnia 2011Odsłony: 15 006

Na przygotowanie wirtualnego płótna Canvas i wydanie jego API czekał cały świat zorientowany wokół nowej technologii HTML5. Znacznik <canvas> - podobnie jak format SVG - pozwala na tworzenie grafiki, która jest interaktywna i korzysta z przyspieszenia sprzętowego.


10. Canvas czy SVG?

Autor: Adam StępieńOpublikowano: 18 sierpnia 2011Odsłony: 11 957

Przygotowywanie grafiki zgodnie z nowym trendem i technologią HTML5 prędzej czy później stawia dylemat wyboru, czy wybierzemy wirtualne płótno Canvas czy format SVG. Nadzieje związane z Canvasem są ogromne. Powstają książki w całości jemu poświęcone. Tymczasem format SVG jest często całkowicie pomijany, a niesłusznie.


11. CSS3: Zaokrąglanie rogów

Autor: Adam StępieńOpublikowano: 24 sierpnia 2011Odsłony: 16 295

W tym artykule skupimy się na najbardziej oczekiwanej funkcji opisanej w module CSS 3, a mianowicie na zaokrąglaniu rogów.


12. CSS3: przezroczystość i kolory

Autor: Adam StępieńOpublikowano: 29 sierpnia 2011Odsłony: 16 768

Przezroczystość, obok zaokrąglania rogów, to jedna z najbardziej wyczekiwanych implementacji CSS3. Dzięki niej nie trzeba korzystać z programów graficznych, aby uzyskać nieźle wyglądający efekt.


13. CSS3: czcionki, typografia

Autor: Adam StępieńOpublikowano: 9 września 2011Odsłony: 10 682

95% informacji na stronie to język pisany, dlatego typografia jest bardzo istotnym elementem projektowania witryn internetowych. Lepszą kontrolę nad typografią zapewnia każda nowa wersja CSS. Specyfikacje CSS3 opisuje wiele nowych funkcji, które zostały z powodzeniem zaimplementowane w najnowsze wersje przeglądarek internetowych.


14. CSS3: różne urządzenia, różne arkusze

Autor: Adam StępieńOpublikowano: 16 września 2011Odsłony: 14 650

CSS3 pozwala zmienić wygląd witryny w zależności od wykorzystywanego urządzenia do przeglądania Internetu. W niniejszym artykule przedstawimy sposoby dostosowywania witryn do różnych urządzeń, np.do netbooków z małymi wyświetlaczami i komputerów stacjonarnych z dużym monitorem


15. HTML5: Geolokalizacja

Autor: Adam StępieńOpublikowano: 23 września 2011Odsłony: 12 565

Geolokalizacja w HTML5 pozwala spersonalizować treść prezentowaną na stronie internetowej na podstawie określonej pozycji fizycznej Internauty. Najprostszym przykładem jest wyświetlenie mapy z zaznaczeniem, gdzie aktualnie znajduje się użytkownik. Webmaster może dodatkowo zmienić zakres oferowanych usług w oparciu np. o województwo osoby odwiedzającej witrynę.


16. Nowe znaczniki HTML5

Autor: Adam StępieńOpublikowano: 30 września 2011Odsłony: 35 666

Zwykłe znaczniki HTML4 są powszechnie stosowane, ale mają jedną podstawową wadę - rzadko kiedy niosą informację o tym, co tak naprawdę w nich się znajduje. Przykładowo znacznik div może być używany jako kontener do opublikowanego artykułu, do komentarzy czytelników oraz jako miejsce do powierzchni reklamowych. HTML5 wychodzi na przeciw tej potrzebie i wprowadza znaczniki semantyczne.


17. Przypinanie stron, czyli witryna niczym aplikacja Windows 7

Autor: Adam StępieńOpublikowano: 7 października 2011Odsłony: 17 327

Przypinanie witryn to funkcja pozwalająca na takie rozszerzenie strony, aby można ją było przypiąć do paska zadań Windows 7 i uruchamiać tak samo jak inne aplikacje bezpośrednio z pulpitu użytkownika. Dlaczego nie warto pominąć przypinania witryn przy projektowaniu stron w języku HTML5? Chociażby ze względu na to, że przypięcie strony wywoła statystycznie 30 odsłon miesięcznie. Zależność ta nie jest przypadkowa - pasek zadań to bardzo widoczne miejsce, skąd przeciętny Kowalski uruchamia aż 87% aplikacji.


18. Wybrane problemy ze stronami HTML5

Autor: Adam StępieńOpublikowano: 16 października 2011Odsłony: 9 074

Pojawienie się HTML5 to oczywiście duży, pozytywny krok w stronę piękniejszej Sieci Web, niemniej zdarza się, że nasza witryna nie działa poprawnie. Dlaczego? Jednym z problemów może być niezgodność używanego dodatku z nową wersją przeglądarki. Przykładowo do przeglądania obrazków umieszczanych na stronie możemy używać dodatku jQuery opartego na frameworku JavaScriptu, który jest niezgodny z nowymi standardami.


Test

Autor: Mateusz MicińskiOpublikowano: 27 stycznia 2017Odsłony: 15