Tutorial video, wersja MP3

Mirosław Zelent

Przejdźmy do napisania pierwszej strony internetowej w języku HTML – od tego niewątpliwie warto rozpocząć swoją przygodę z programowaniem webowym. Zrozumieć znaczniki – tak można by w dwóch słowach podsumować cel pierwszej lekcji w dowolnym kursie tworzenia stron internetowych. Jednak cel naszej dzisiejszej pracy jest inny: chcemy zrozumieć przeznaczenie każdej jednej wstawionej do kodu linii, i to niejednokrotnie w dość szerokim kontekście. Porozmawiamy więc o ewolucji standardów sieciowych, o optymalizowaniu strony dla wyszukiwarek (z ang. SEO – Search Engine Optimization), zwrócimy uwagę na rolę umiejętności miękkich w zdobywaniu wiedzy, dowiemy się jak poprawnie kodować polskie ogonki, oraz podepniemy do pliku HTML pierwszy arkusz stylów CSS oraz skrypt JS.

Znajdź w filmie

Nasze tutoriale posiadają tzw. timestamps (chwile czasowe) - dzięki nim łatwo odnajdziesz interesujące fragmenty wiedzy. Wystarczy kliknąć na podane w nawiasach kwadratowych momenty filmu, by przewinąć tutorial dokładnie do interesującego Cię miejsca w odcinku.

[ 00:00:13 ] Tytułem wstępu
[ 00:00:52 ] Stworzenie plików projektu
[ 00:01:45 ] Index = strona główna, skąd taka nazwa?
[ 00:04:46 ] Wybór doctype'u dla dokumentu
[ 00:05:40 ] W3Schools = Manual W3C?
[ 00:06:56 ] Standardy HTML 4.01, XHTML
[ 00:07:48 ] Ewolucja standardów webowych
[ 00:09:55 ] Ramy szkieletu HTML, język polski
[ 00:10:59 ] Znacznik (tag) i atrybut
[ 00:12:45 ] Head i body, głowa i ciało witryny
[ 00:13:58 ] Skrypty JS w sekcji body - dlaczego?
[ 00:17:30 ] Zestaw znaków - meta charset
[ 00:19:06 ] Długa czy krótka wersja meta charset?
[ 00:20:12 ] Domykanie znaczników HTML5 vs XHTML
[ 00:21:08 ] Cel zdobywania wiedzy, umiejętności miękkie
[ 00:24:11 ] Popularne charsety: utf-8, iso-8859-2
[ 00:25:26 ] Kodowanie dokumentu (pliku) HTML
[ 00:26:56 ] Angielski interfejs w edytorze
[ 00:27:42 ] Tytuł strony (title) i jego znaczenie SEO
[ 00:31:20 ] Opis strony: meta description
[ 00:33:12 ] Czy opis zawsze pojawia się w Google?
[ 00:35:29 ] Słowa kluczowe meta keywords i waga dla SEO
[ 00:38:10 ] Określenie autora witryny, meta author
[ 00:40:33 ] Znacznik meta poprawiający widok strony w IE
[ 00:43:11 ] Co jeszcze można dodać do templatki?
[ 00:43:54 ] Inkludowanie arkusza stylów CSS
[ 00:46:40 ] Prosty test poprawnego podpięcia arkusza
[ 00:47:04 ] Podstawowe informacje o składni CSS
[ 00:49:46 ] Inkludowanie skryptu JavaScript
[ 00:51:21 ] Prosty test poprawnego podpięcia skryptu
[ 00:52:43 ] Tytułem podsumowania

Pobierz wersję MP3

Dobrym rozwiązaniem w czasie przygotowań do egzaminu jest pobrać sobie odcinki w formacie mp3, aby w wolnej chwili (kiedy np. ćwiczysz fizycznie, podróżujesz) wrzucić sobie tutorial na słuchawki i odtworzyć w umiarkowanym skupieniu, aby osłuchać się wstępnie z nowym tematem. Natomiast jeśli tutorial zawiera momenty, w których prowadzący wykonuje jakieś konkretne działania na pulpicie komputera, to spróbuj następującego ćwiczenia: postaraj się zwizualizować sobie co dzieje się na video, mimo iż tylko słyszysz co prowadzący zapisuje, klika, zaznacza, zmienia.

A następnie, po powrocie do domu, zajrzyj na ile to czego się spodziewasz, odbiegać będzie od rzeczywistej czynności ukazanej na filmie. Przypomina to trening szachistów, którzy rozgrywają partie na wirtualnej szachownicy w swojej głowie - to fantastyczne ćwiczenie, gdyż pozwala głębiej zapamiętać oraz zrozumieć co i dlaczego zostało wykonane.

Poprzedni wpis