| 01 | Wstęp
 Krótka informacja o tematyce kursu oraz o wymaganych umiejętnościach niezbędnych do tworzenia własnych szablonów. | 01:43 min |
| 02 | Zalety szablonów
 Na początek kilka podstawowych informacji o tym, jak działają szablony i jakie zalety ma stosowanie szablonów. | 01:54 min |
| 03 | Projekt szablonu
 Punktem wyjścia przy tworzeniu szablonów jest projekt graficzny. Mając go, należy dokładnie przemyśleć, gdzie na stronie będą umieszczane konkretne treści i moduły. | 03:26 min |
| 04 | Projekt w XHTML i CSS
 Stworzona na podstawie projektu graficznego strona internetowa będzie stanowiła podstawę do wykonania szablonu. Żeby dowiedzieć się, jak została ona zbudowana, przeanalizujemy kod tej strony. | 06:28 min |
| 05 | Przykładowa witryna
 Tworzenie szablonów powinno odbywać się na działającej witrynie wypełnionej treściami. W tym filmie zainstalujemy przykładową witrynę na lokalnym serwerze. | 06:04 min |
| 06 | Pliki składowe
 Szablon dla systemu Joomla! może składać się z wielu różnych plików, np. obrazków, z kodu JavaScript i wielu innych. Które z nich są wymagane, a które opcjonalne, dowiesz się w tym filmie. | 03:39 min |
| 07 | Ikona i miniaturka szablonu
 Żeby szablon posiadał plik favicon.ico oraz miniaturkę, która jest widoczna w zapleczu administracyjnym, musimy utworzyć te pliki w programie graficznym. | 04:35 min |
| 08 | Plik templateDetails.xml
 Plik templateDetails.xml zawiera ważne informacje wykorzystywane przez Joomla! w czasie instalacji pakietu z szablonem. Na podstawie przykładowego pliku utworzymy plik dla naszego szablonu. | 04:30 min |
| 09 | Plik index.php
 Przechodzimy do edycji najważniejszego pliku w całym szablonie. Skorzystamy tu z przygotowanej wcześniej strony i zmieniając fragmenty kodu na polecenia systemu Joomla! zrobimy z niej szablon. | 06:19 min |
| 10 | Pierwsze uruchomienie
 Podstawowa, niesformatowana wersja szablonu jest gotowa. Teraz można po raz pierwszy włączyć go dla przykładowej witryny. | 02:10 min |
| 11 | Analiza kodu
 Skuteczna praca nad szablonem wymaga zrozumienia kodu, który jest tworzony podczas generowania strony przez system Joomla! | 03:50 min |
| 12 | Style modułów
 Moduły zamieszczone na stronie mogą być wyświetlane za pomocą kilku rodzajów kodu html. Jak można tym sterować i jak wyglądają poszczególne typy kodu, zobaczysz w tym filmie. | 04:06 min |
| 13 | Web Developer Tool
 Podczas tworzenia szablonów czy stron internetowych bardzo przydatne są narzędzia wspomagające ten proces. Dwa najciekawsze to Firebug i prezentowane w tym filmie narzędzie Web Developer. Oba można zainstalować jako dodatek do przeglądarki Firefox. | 04:30 min |
| 14 | Formatowanie szablonu
 Stworzenie szkieletu szablonu mamy już za sobą. Teraz przychodzi czas na formatowanie poszczególnych elementów witryny za pomocą poleceń CSS. | 01:40 min |
| 15 | Podstawowe definicje stylów
 Na początek zdefiniujemy podstawowe formaty dla całej witryny i klika podstawowych formatów typowych dla systemu Joomla! | 06:43 min |
| 16 | Formatowanie modułów cz. 1
 Większość modułów w witrynie formatowana jest standardowo za pomocą tej samej klasy CSS, co pozwala na szybkie nadanie jednolitego wyglądu wielu modułom. Jednak możliwe jest również nadanie wybranemu modułowi innej klasy i sformatowanie go inaczej. | 04:20 min |
| 17 | Formatowanie modułów cz. 2
 Niektóre moduły, jak na przykład moduł Sonda, trzeba formatować oddzielnie, ponieważ mają one inny kod niż pozostałe moduły. | 01:17 min |
| 18 | Formatowanie menu
 Przechodzimy do formatowania menu poziomego u góry strony. Oprócz nadania odpowiednich stylów CSS, musimy dokonać tu również zmian w samym module, żeby był on poprawnie wyświetlany. | 04:14 min |
| 19 | Dynamiczny szablon cz. 1
 Do tej pory nasz szablon jest szablonem statycznym, czyli takim, który nie dopasowuje się swoją budową do generowanych przez Joomla! stron. Oznacza to, że jeśli wyłączymy moduły w prawej kolumnie, to powstanie tam pusta przestrzeń. Zobacz, jak można to zmienić. | 05:02 min |
| 20 | Dynamiczny szablon cz. 2
 Po zapoznaniu się z teorią przystępujemy do dokonania niezbędnych zmian w głównym pliku szablonu oraz w pliku zawierającym style CSS. | 05:27 min |
| 21 | Parametry szablonu
 Parametry szablonu to kolejna możliwość wzbogacenia szablonu o nowe możliwości. Dzięki nim można przykładowo wpływać na wygląd szablonu zmieniając odpowiednie ustawienia w zapleczu administracyjnym. | 01:11 min |
| 22 | Definiowanie parametrów
 Pracę rozpoczynamy od zdefiniowania parametrów dla szablonu. Robimy to poprzez dopisanie odpowiednich poleceń do pliku templateDetails.xml. | 06:35 min |
| 23 | Odczyt parametrów
 Do odczytu parametrów służy specjalne polecenie, które wykorzystamy w pliku index.php. Ta zmiana będzie również wymagała niewielkiego uzupełnienia pliku ze stylami. | 06:14 min |
| 24 | Pakiet instalacyjny
 Czynnością kończącą tworzenie szablonu jest przygotowanie pakietu instalacyjnego. Jednak zanim to zrobimy, dokonamy jeszcze zmiany w konfiguracji jednego z modułów menu. | 04:09 min |
| 25 | Zaokrąglone narożniki
 Dzięki użyciu stylu "rounded" dla modułu mamy możliwość uzyskania zaokrąglonych obramowań. Jak powinien wyglądać kod CSS oraz niezbędne grafiki, zobaczysz w tym filmie. | 02:33 min |
| 26 | Rozszerzenie JoomlaPack
 Rozszerzenie JoomlaPack, które jest zainstalowane w przykładowej witrynie, służy do tworzenia kopii zapasowych systemu Joomla! W tym filmie dowiesz się, jak korzystać podstawowych funkcji tego dodatku. | 03:00 min |
