Joomla Budowa i modyfikacja szablonow(1).pdf

(1382 KB) Pobierz
Joomla! Budowa
i modyfikacja
szablonów
Autor:
Pawe³ Frankowski
ISBN: 978-83-246-2640-3
Format: 158×235, stron: 248
Zachwyæ internautów i swoich klientów – zaprojektuj z Joomla! idealn¹ stronê internetow¹!
Joomla!, jeden z najpopularniejszych systemów zarz¹dzania treœci¹, od lat z powodzeniem
wykorzystywany jest na ca³ym œwiecie jako baza do tworzenia stron internetowych.
Jednak sam CMS nie wystarczy — trzeba jeszcze wiedzieæ, jak siê nim pos³ugiwaæ,
by dobrze skomponowaæ i perfekcyjnie zbudowaæ swój serwis WWW. Projektowanie
i wprowadzanie w ¿ycie w³asnych wizji dotycz¹cych witryny wydatnie u³atwiaj¹ ró¿ne
rodzaje szablonów – tych gotowych do wype³nienia treœci¹ i tych, które warto wczeœniej
nieco „podrasowaæ”, by idealnie spe³nia³y oczekiwania twórcy oraz u¿ytkowników.
O tym w³aœnie traktuje ta ksi¹¿ka.
„Joomla! Budowa i modyfikacja szablonów” to poradnik obszernie i szczegó³owo
opisuj¹cy pracê z szablonami w wersji 1.5 i najnowszej – 1.6 – w tym systemie
zarz¹dzania treœci¹. Znajdziesz tu informacje na temat budowy i u¿ywania szablonów
(w tym szablonów mobilnych), ich instalacji i aktywacji, mo¿liwoœci dostosowywania
do w³asnych potrzeb, a tak¿e przydatnych rozszerzeñ, zwiêkszaj¹cych funkcjonalnoœæ
serwisu internetowego. Ponadto zdobêdziesz wiedzê na temat ciekawych dodatków
dla przegl¹darki Firefox, chêtnie wykorzystywanych przez wielu twórców stron. Dowiesz
siê równie¿ nieco wiêcej o optymalnym doborze i u¿yciu fontów w Twoim serwisie,
a ponadto poszerzysz wiedzê w kwestii ochrony prawnej szablonów i dostêpnoœci
Twojej strony dla osób niepe³nosprawnych.
• Detektor CMS-ów – rozró¿nianie wersji
• Szablony w internecie – sk¹d pobraæ, jak i gdzie kupiæ
• Instalacja lub zmiana i aktywacja szablonu
• Dopasowanie, prosta edycja i kasowanie szablonu
• Typowe b³êdy i istotne wskazówki
• Elementy sk³adowe, projektowanie i ciêcie szablonu
• Konwersja z szablonu HTML na szablon dla Joomla!
• Modyfikowanie i dostosowywanie szablonu
• Konwersja szablonu z wersji 1.0.x do 1.5.x
• Zmiany w Joomla! 1.6
• Podstawy tworzenia mobilnego szablonu
• Typografia a style CSS i typografia w szablonach Joomla!
• Narzêdzia dla administratora i redaktora
• Osadzanie Flasha i optymalizacja szablonu
• Cechy utworu w szablonie i jego ochrona prawna
• Zagadnienia dostêpnoœci serwisu
• Makiety oraz prototypy
• Szablony dla panelu administracyjnego
Wyciœnij z Joomla! wszystko, co siê da!
Wprowadzenie ........................................................................................................................7
Czy to aby Joomla!?................................................................................................................8
Fajny styl widziałem, jak oni to zrobili? ............................................................................17
Obalamy mity .......................................................................................................................22
Wprowadzenie ......................................................................................................................27
Identyfikacja wizualna .........................................................................................................29
Szablon dla Joomla!..............................................................................................................31
Nie pokazuj pustego szablonu! ...........................................................................................59
Wprowadzenie ......................................................................................................................61
Przydatne oprogramowanie................................................................................................63
Elementy składowe szablonu ..............................................................................................65
Projektowanie i cięcie szablonu..........................................................................................67
Jak z szablonu HTML zrobić szablon dla Joomla! ...........................................................72
Online Template Builder .....................................................................................................84
Artisteer — narzędzie dla początkujących........................................................................86
Modyfikowanie i dostosowywanie szablonu.....................................................................89
Konwersja szablonu z wersji 1.0.x do 1.5.x .....................................................................109
Zmiany w Joomla! 1.6........................................................................................................112
Podstawy tworzenia mobilnego szablonu .......................................................................114
Podsumowanie....................................................................................................................120
Wprowadzenie ....................................................................................................................123
Typografia a style CSS........................................................................................................129
Typografia w szablonach Joomla!.....................................................................................134
Własny font na stronie WWW.........................................................................................143
Internauci powiększają fonty, czyli dostępność..............................................................160
Luźny zbiór porad typograficznych .................................................................................163
Wprowadzenie ....................................................................................................................167
Narzędzia dla administratora i redaktora .......................................................................169
Osadzanie Flasha................................................................................................................174
Dostępność..........................................................................................................................179
Naznaczeni IE .....................................................................................................................180
Systemy menu .....................................................................................................................183
Dla każdego coś innego, czyli zmiany szablonów..........................................................186
Optymalizacja szablonu.....................................................................................................189
Błędy i istotne wskazówki .................................................................................................193
Wprowadzenie ....................................................................................................................199
Pobrałem, kupiłem szablon i co dalej?.............................................................................201
Cechy utworu w szablonie ................................................................................................205
Ochrona prawna szablonu ................................................................................................212
Zdjęcia w szablonie ............................................................................................................215
Dostępność..........................................................................................................................218
Legalność oprogramowania..............................................................................................222
Wprowadzenie
Identyfikacja wizualna
Szablon dla Joomla!
Nie pokazuj pustego szablonu!
2
I did not believe the information.
I just had to trust imagination.
Peter Gabriel —
Solsbury Hill
Przyciągający oko projekt graficzny to jeden z ważniejszych elementów każdej strony
internetowej. To właśnie na jego podstawie internauci w ciągu kilku pierwszych sekund
budują swoje pierwsze wrażenie, które z kolei przekłada się na późniejszy odbiór cało-
ści. W obecnych czasach posiadanie fachowo wykonanego lub dobranego szablonu jest
rzeczą niezbędną dla firm i osób pragnących odnieść sukces. O dobry wizerunek ser-
wisu warto zadbać od samego początku, a więc już na etapie projektowania, starannie
dobierając kolory, fonty, układ modułów, zdjęcia, dodatki graficzne i ich ilość itd.
Dobrze skonstruowany szablon to na ogół
model otwarty,
który gwarantuje możli-
wość płynnego rozbudowania go wraz z rozwojem o nowe treści i elementy powiązane.
Wyróżnić można także
model zamknięty,
tworzony dla stron, które nie będą rozbudowy-
wane o nową zawartość, a zmiany będą dotyczyły tylko aktualizacji zawartych informacji.
Profesjonalny szablon powinien charakteryzować się kilkoma podstawowymi cechami:
Charakterystycznym, najlepiej niepowtarzalnym, ale zdecydowanie oddającym
sens strony wizerunkiem.
Spójnością przekazu wszystkich podstron — jest to istotne, jeśli zamierzamy na
potrzeby serwisu wykorzystać jednocześnie dwa lub więcej szablonów.
Uniwersalnością i prostotą przekazu — chodzi o takie opracowanie linii przekazu
oraz form poszczególnych elementów realizacyjnych, które zapewnia możliwość
odbioru komunikatu przez jak najszerszą grupę odbiorców (potencjalnie wykracza-
jącą nawet poza zakres oddziaływania określony poprzez ramy grupy docelowej).
Czytelnością i komunikatywnością — chodzi o takie opracowanie form po-
szczególnych elementów szablonu, które zapewni wysoką szansę na skuteczne
dotarcie z zamierzonym przekazem do odbiorców komunikatu.
Zgodnością ze standardami organizacji W3C (World
Wide Web Consortium)
— najlepiej, aby „pusty” szablon poprawnie przechodził walidację (validator.w3.org)
zarówno w odniesieniu do HTML, XHTML, jak i CSS (jigsaw.w3.org/css-validator/).
Stałą lub zmienną szerokością layoutu — z uwagi na różnorodność rozmiarów
LCD unikamy tworzenia szablonów automatycznie dopasowujących się do
szerokości ekranu.
Małym rozmiarem i szybkością działania — szybkość ładowania strony zależy
od wielu czynników. Część z nich zależna jest od położenia naszego serwera ze
stroną względem internauty, szybkości i ustawień serwera. Inne uzależnione są
już bezpośrednio od wielkości i ilości składników wchodzących w skład szablo-
nu. Dotyczy to głównie użytych plików graficznych oraz dodatków potrzebują-
cych osobnej inicjalizacji (animacje Flash, biblioteki JavaScript).
Wizualnie szablony dla Joomla! nie różnią się niczym od typowych szablonów stron sta-
tycznych, których jest pełno w sieci. Różnica jednak tkwi w tym, iż szablon dla CMS-a nie
zawiera w sobie prezentowanych tekstów, a jedynie specjalne miejsca, w które dyna-
micznie jest wklejana treść wprost z bazy danych. Dlatego patrząc na dowolną stronę,
w szczególności tzw. prostą, trudno jest na ogół wskazać, czy mamy do czynienia z CMS-em
i jakiego typu. Co ciekawe, wiele firm, tworząc profesjonalne szablony, wykonuje od razu
dwie lub więcej dystrybucji na potrzeby popularnych CMS-ów (np. WordPress) lub plat-
form sklepowych (np. Magento), aby w ten sposób spełnić oczekiwania klientów i zwięk-
szyć swoją sprzedaż.
i
Dobre zarządzanie wizerunkiem firmy, organizacji, urzędu czy osoby fizycznej w inter-
necie jest jednym z decydujących elementów, budujących poprawne relacje i odbiór za-
wartych informacji.
Zgłoś jeśli naruszono regulamin