dr inż. Piotr Czapiewski
Systemy zarządzania treścią
Laboratorium 1
Strona 1
Instalacja i podstawy obsługi systemu zarządzania treścią Joomla!
Cele ćwiczenia:
1.
Instalacja systemu Joomla! 1.5.
2.
Opanowanie podstaw administracji systemem Joomla!.
Przebieg ćwiczenia:
1.
Połącz się ze swoim kontem WWW za pomocą klienta FTP (np. WinSCP)
2.
Instalacja systemu Joomla!
a.
Pobierz archiwum instalacyjne Joomla! 1.5 ze strony
http://www.joomla.org
b.
Na serwerze utwórz katalog o nazwie
joomla
c.
Rozpakuj zawartość archiwum instalacyjnego Joomla! i skopiuj na serwer do
utworzonego katalogu
d.
Otwórz przeglądarkę internetową i wejdź na adres
http://twojlogin.stud.zpsb.edu.pl/joomla/
e.
Przejdź pierwsze trzy kroki instalatora
f.
Krok czwarty: podaj parametry połączenia z bazą danych
•
Typ bazy:
mysql
•
Nazwa serwera:
localhost
•
Nazwa użytkownika:
twojlogin
•
Hasło:
twojehaslo
•
Nazwa bazy danych:
twojlogin_joomla
g.
Krok piąty: pomiń (nie włączaj obsługi ftp)
h.
Krok szósty:
•
Nazwa witryny: dowolna
•
Ustaw hasło administratora
i.
Krok siódmy: w podsumowaniu kliknij przycisk Witryna
j.
Zgodnie z wyświetloną instrukcją – za pośrednictwem klienta FTP usuń katalog
instalacyjny, czyli katalog o nazwie
...\joomla\installation
i kliknij na
wyświetlonym linku
3.
Instalacja polskiej wersji językowej
a.
Ze strony
http://www.joomla.pl
pobierz polski pakiet językowy dla właściwej wersji
Joomla!
b.
Zaloguj się do panelu administracyjnego Joomla!
•
Wejdź na adres
http://localhost/joomla/administrator/
•
Zaloguj się jako użytkownik admin z hasłem podanym podczas instalacji
c.
Przejdź do menedżera instalacji: Extensions -> Install/Uninstall
d.
W sekcji Upload Package File kliknij Browse/Przeglądaj i wybierz archiwum z
polskim pakietem językowym, kliknij Upload File & Install
dr inż. Piotr Czapiewski
Systemy zarządzania treścią
Laboratorium 1
Strona 2
e.
Przejdź do menedżera języków: Extensions -> Language Manager
f.
Zaznacz polski pakiet językowy i kliknij Default
g.
Powtórz to samo w zakładce Administrator
4.
Wprowadzanie zawartości witryny w Joomla!
a.
Dodanie treści na stronie głównej
•
Przejdź do panelu kontrolnego (Witryna -> Panel kontrolny)
•
Kliknij Dodaj artykuł
•
Wprowadź tytuł i treść wiadomości. Zaznacz pole TAK w panelu Strona
startowa
•
Kliknij Zapisz
b.
Dodawanie artykułu do menu
•
Dodaj kolejny artykuł (tak jak w punkcie a.), nie umieszczaj go na stronie
startowej (NIE w panelu Strona startowa)
•
Przejdź do panelu kontrolnego, następnie do działu Menu
•
Kliknij ikonkę Pozycje menu obok elementu Main menu
•
Kliknij ikonę Utwórz
•
Wybierz Łącze wewnętrzne -> Artykuły -> Artykuł
•
Podaj tytuł, pod jakim artykuł ma się znaleźć w menu
•
Kliknij Wybierz po prawej stronie, w panelu Parametry podstawowe /
Wybierz artykuł. Wybierz nowododany artykuł. Kliknij Zapisz
•
Sprawdź wygląd strony klikając Podgląd
5.
Dodawanie sekcji i kategorii
Zawartość strony w Joomla! zorganizowana jest w trzypoziomową hierarchię:
Sekcja – Kategoria – Artykuł
a.
Przejdź do panelu kontrolnego, następnie do panelu Sekcje
b.
Dodaj sekcje o nazwach: Aktualności, O mnie
c.
Przejdź do panelu kontrolnego, następnie do panelu Kategorie
d.
Dodaj następujące kategorie:
•
W sekcji O mnie: Hobby, Praca, Szkoła
•
W sekcji Aktualności: Aktualności
6.
Dodawanie artykułu w sekcji/kategorii
a.
Dodaj nowy artykuł zatytułowany Moje studia. Podczas dodawania wybierz z
rozwijanych menu: Sekcja – O mnie, Kategoria – Szkoła. Wpisz kilka zdań treści.
b.
Dodaj dwa dowolne artykuły w sekcji O mnie, kategoria Hobby
7.
Dodawanie sekcji do menu
a.
Przejdź do Projektanta menu (Menu -> Projektant menu)
dr inż. Piotr Czapiewski
Systemy zarządzania treścią
Laboratorium 1
Strona 3
b.
Dodaj do głównego menu nową pozycję typu:
Łącze wewnętrzne -> Artykuły -> Sekcja -> Lista – Kategorie artykułów w sekcji
c.
Podaj tytuł menu (np. O mnie), w panelu po prawej stronie wybierz sekcję O mnie
d.
Sprawdź wygląd strony klikając Podgląd. Sprawdź zawartość nowododanego menu.
e.
Dodaj do menu sekcję Aktualności, tym razem wybierając typ:
Łącze wewnętrzne -> Artykuły -> Sekcja -> Przegląd – Artykuły w sekcji
f.
Dodaj po kilka artykułów we wszystkich dodanych kategoriach.
8.
Porządkowanie menu
a.
Usuń z menu artykuł wprowadzony w punkcie 5b
(Projektant menu -> Pozycje menu -> zaznacz artykuł -> Kosz)
b.
Zauważ, że usunięty został tylko odnośnik do artykułu w menu, sam artykuł w
dalszym ciągu znajduje się w bazie Joomla!. Aby ostatecznie usunąć artykuł, przejdź
do panelu Artykuły, zaznacz artykuł i kliknij Kosz
c.
Zmień kolejność pozycji w menu (strzałki obok pozycji menu w panelu Projektant
menu -> Pozycje menu), ustawiając je w kolejności: Aktualności, O mnie, WISZ. Kliknij
ikonkę Zapisz kolejność w nagłówku kolumny Kolejność
d.
Sprawdź wygląd witryny
9.
Informacje widoczne tylko dla zalogowanych użytkowników
a.
Dodawanie użytkownika
•
Przejdź do zarządzania użytkownikami: menu Witryna -> Użytkownicy
•
Kliknij Utwórz
•
Podaj nazwę konta, nazwę użytkownika i hasło
•
Wybierz grupę Rejestrowany
•
Kliknij Zapisz
b.
Dodawanie sekcji, kategorii i artykułu tylko dla zarejestrowanych
•
Dodaj sekcję o nazwie Dla wtajemniczonych. W panelu Poziom dostępu
wybierz Rejestrowany
•
W analogiczny sposób utwórz kategorię Dla wtajemniczonych oraz artykuł w
tej kategorii, w obu przypadkach wybierz poziom dostępu Rejestrowany
•
Dodaj do menu pozycję Dla wtajemniczonych jako link do listy artykułów w
sekcji (jak w punkcie 8f), także z poziomem dostępu Rejestrowany
•
Sprawdź wygląd witryny
c.
Dodawanie modułu logowania
•
Aby nowa pozycja pojawiła się w menu, konieczne będzie zalogowanie
użytkownika. Najpierw musimy dodać do menu opcję logowania
•
Przejdź do projektanta menu, dodaj nową pozycję o nazwie Logowanie, typu
Łącze wewnętrzne -> Użytkownik -> Logowanie
•
Sprawdź wygląd witryny. Zaloguj się na konto utworzone w podpunkcie a.
dr inż. Piotr Czapiewski
Systemy zarządzania treścią
Laboratorium 1
Strona 4
10.
Zmiana szablonu
a.
Przejdź do panelu Rozszerzenia -> Szablony
b.
Zaznacz szablon beez, kliknij Domyślnie. Sprawdź wygląd witryny
c.
Znajdź w Internecie szablon do Joomla!
d.
Przejdź do panelu Rozszerzenia -> Instalator. Zainstaluj ściągnięty szablon, podobnie
jak pakiety językowe
e.
Zmień szablon na nowy (jak w punktach a-b). Sprawdź wygląd witryny.