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.