Słowniczek Absolutne początki Logowanie Pasek narzędzi Strony Język Zarządzanie stronami...

Transkrypt

1 SPIS TREŚCI Słowniczek... 5 Absolutne początki... 7 Logowanie... 7 Pasek narzędzi... 8 Strony Spis stron Moje strony prywatne Język Zarządzanie stronami Wygląd i zachowanie Strony i podstrony Przyjazny URL Kopiowanie stron Kolejność wyświetlania w menu Kompozycja strony Kompozycja dla kategorii (boksy) Kompozycja dla zwykłej strony Kompozycja dla strony bez podstron Schematy stron Baner Nawigacja Nawigacja okruszkowa Prawa kolumna zobacz również

2 Boksy Zwykła strona Strona bez podstron Dodajemy treść do strony Pasek narzędzi i wyszukiwarka aplikacji Dodawanie portletów Widok zawartości stron Zawartość portletu Wygląd i zachowanie Konfiguracja portletu Style tekstu Style tła Style ramki Konfiguracja Eksport / import Znaki minus i plus Znak iks Ikonki wybierz oraz dodaj zawartość stron Edytor nowej treści Struktury i szablony Struktury Szablony Dwie formy zapisu Publikuj Zapisz jako szkic

3 Historia (wersje) Tworzenie wersji Przywracanie wersji Dokumenty i grafiki Zarządzanie zawartością Tworzenie folderu Dodawanie dokumentu / grafiki Wersje plików Zmiana uprawnień w plikach Link do dokumentów i dodawanie grafiki do treści Praca z szablonami Zawartość stron Artykuł Komunikaty Wydarzenie Reportaż foto Baner Boksy Zobacz również Wizytówka jednostki Strona główna Zarządzanie zawartością stron Tworzenie nowej strony Zakładka Prawa kolumna

4 Szablony komunikatów Zarządzanie zawartością stron Dodawanie komunikatu Lista komunikatów Lista komunikatów na stronie głównej Stopka Redakcja strony Stopka Linki w stopce Ikonki w stopce

5 SŁOWNICZEK Adres URL adres strony internetowej lub grafiki/dokumentu umieszczonego na serwerze. Biblioteka (baza danych) dokumentów i grafik zbiór folderów i plików, w których składowane są wszystkie pliki wgrywane przez nas do portalu. Dodawanie uprawnień do pliku konfigurowanie zakresu dostępu do plików. Drag & drop (przeciągnij i upuść) metoda przenoszenia plików/tekstu. Klikamy lewym przyciskiem myszy na naszym komputerze na pliki (lub jeden plik), które chcemy załadować i nie puszczając przycisku przeciągamy je na odpowiedni obszar. Jeżeli chcemy zaznaczyć kilka plików na raz, klikamy na kolejne pliki trzymając jednocześnie wciśnięty przycisk Ctrl na klawiaturze. Folder / katalog miejsce, w którym przechowywane są nasze pliki. Główne menu menu znajdujące się na górze strony, nad banerem. Nie powinno mieć więcej niż 7 elementów. Headline najważniejszy baner na naszej stronie. Kiedy dodajemy kilka banerów, możemy zaznaczyć przy którymś opcję headline. Spowoduje to, że będzie wyświetlany częściej niż pozostałe. Kliknięcie wciśnięcie prawego przycisku myszy. Linki odnośniki do innych stron. Linki zewnętrzne odnośniki do stron poza domeną Odświeżenie strony przeładowanie strony poprzez wciśnięcie odpowiedniego przycisku w przeglądarce lub klawisza F5. Najechanie myszką na jakiś element przesunięcie kursora myszki na jakiś element. 5

6 Pasek narzędzi (potocznie dockbar) pasek widoczny na samej górze każdej strony po zalogowaniu się na Portal UJ. Znajduje się tam szpilka dokująca, menu Dodaj, Zarządzaj, checkbox Tryb edycji, wejście do naszych stron oraz przycisk wylogowania. Portlet (aplikacja) dzięki nim możliwe jest zamieszczanie różnych rodzajów treści na stronie. Przeciągnięcie kliknięcie na jakiś element i przesunięcie kursora myszki na inny, trzymając przycisk myszy cały czas wciśnięty. Rozszerzenie pliku sposób oznaczania typu pliku za pomocą sufiksu jego nazwy. Rozszerzenie jest oddzielone od reszty nazwy pliku za pomocą kropki. Stopka strony element znajdujący się u dołu strony, na całej szerokości jej zawartości. Na stałe znajduje się w niej napis Uniwersytet Jagielloński w lewym rogu oraz pole redakcja strony w prawym. Dodatkowo stopka może zawierać odnośniki do stron zewnętrznych (znajdujących się poza serwisem do stron wewnętrznych (podstron w obrębie serwisu) oraz linki w postaci ikonek m.in. do profilu na Facebooku lub kanału na YouTube. Szpilka dokująca po kliknięciu na szpilkę dokującą, znajdującą się na pasku narzędzi, pasek przypina się do górnej części strony i nawet po zjechaniu na dół strony, dockbar będzie cały czas widoczny. Tryb edycji po zaznaczeniu tej opcji w pasku narzędzi (dockbarze), otrzymujemy możliwość edycji treści danej strony oraz konfigurowania i przenoszenia portletów. Uprawnienia zbiór możliwości aktualizacji, edycji, usuwania itp. treści oraz innych elementów serwisu. Zasoby globalne zbiór szablonów dostępnych dla wszystkich użytkowników serwisów uniwersyteckich. Stworzony w celu ujednolicenia wyglądu poszczególnych treści. 6

7 ABSOLUTNE POCZĄTKI LOGOWANIE JAK SIĘ ZALOGOWAĆ? W prawym górnym rogu portalu znajduje się link prowadzący do punktu logowania. W wyświetlonym formularzu logowania wpisujemy odpowiednie dane. Pole Identyfikator uzupełniamy naszym pełnym adresem pocztowym (zazwyczaj w postaci imie.nazwisko@uj.edu.pl), pole Hasło naszym hasłem i klikamy Zaloguj. JAK SIĘ WYLOGOWAĆ? Aby wylogować się z portalu wystarczy kliknąć napis Wyloguj znajdujący się w prawym górnym rogu okna przeglądarki, obok naszego imienia i nazwiska. Po wylogowaniu zostaniemy poinformowani o poprawnym wylogowaniu. Należy pamiętać, że po kliknięciu Wyloguj niektóre informacje oraz dokumenty mogą przestać być dostępne dla niezalogowanego użytkownika. 7

8 PASEK NARZĘDZI Pasek narzędzi (tak zwany dockbar) znajduje się w górnej części strony i zawiera narzędzia administracyjne. Użytkownik może skorzystać z niego dopiero po zalogowaniu. SZPILKA DOKUJĄCA Szpilka dokująca służy do przyczepienia paska narzędzi do górnej części okna przeglądarki. Kiedy na nią klikniemy, pasek narzędzi będzie zawsze widoczny nawet w trakcie przewijania strony. Jeżeli ta opcja jest aktywna, szpilka będzie wyglądać tak: Nieaktywna opcja szpilki dokującej wygląda tak: W każdym momencie możemy ją przypinać lub odpinać. DODAJ APLIKACJĘ/PORTLET Sekcja Dodaj zawiera listę aplikacji, nazywanych również portletami, dzięki którym możliwe jest zamieszczanie różnych rodzajów treści na stronie. 8

9 Jeżeli najedziemy na Dodaj, wyświetli się lista zawierająca podstawowe portlety: widok zawartości stron, nawigacja, nawigacja okruszkowa, wiki, blogi. Sekcja Dodaj opisana została dokładniej w piątej części tutorialu: Dodajemy treść do strony. ZARZĄDZAJ STRONAMI Po najechaniu na napis Zarządzaj zostanie wyświetlona lista narzędzi. Strona służy przede wszystkim do zarządzania stronami. Umożliwia tworzenie lub usuwanie stron oraz edycję ich ustawień. Kompozycja definiuje ilość kolumn oraz układ treści na stronie. Personalizacja użytkownicy z uprawnieniami do personalizowania tej strony będą mogli zmieniać sekcje oznaczone jako dostosowywane. 9

10 Ustawienia Redakcja serwisu umożliwia zarządzanie członkostwami w witrynach. Zawartość umożliwia szereg przydatnych opcji, tj. zarządzanie zawartością, tworzenie struktur oraz szablonów, dodawanie i usuwanie plików, przydzielanie odpowiednich uprawnień użytkownikom itp. 10

11 TRYB EDYCJI Włączenie opcji Tryb edycji powoduje wyświetlenie narzędzi służących do edycji zawartości strony oraz konfiguracji portletów. STRONY SPIS STRON Sekcja Strony jest zbiorem linków do panelu sterowania oraz do witryn użytkownika. Umożliwia ona szybkie przejście do stron, do których posiadamy uprawnienia. Jeżeli nie posiadamy żadnych dodatkowych uprawnień i nie jesteśmy przypisani do żadnych innych jednostek wyświetlą nam się tylko: Panel sterowania, Moje strony prywatne oraz Uniwersytet Jagielloński. MOJE STRONY PRYWATNE Moje strony prywatne to prywatna część portalu, którą posiada każdy z zalogowanych użytkowników. Nie jest ona widoczna dla innych osób. Służy przede wszystkim do testowania aplikacji/szablonów lub szkoleń z zakresu obsługi portalu. 11

12 JĘZYK JAK ZMIENIĆ JĘZYK NA INNY? Zawartość portalu może być wyświetlana w dwóch językach: polskim i angielskim. Aby zmienić język, należy kliknąć na miniaturkę flagi wybranego języka w prawym górnym rogu strony, tuż nad wyszukiwarką. 12

13 ZARZĄDZANIE STRONAMI WYGLĄD I ZACHOWANIE Wygląd i zachowanie odpowiada za ustawienie odpowiedniego wyglądu stylów (skórki) dla całej strony. Aby ustawić wygląd najeżdżamy na napis Zarządzaj w pasku narzędzi (dockbarze) Zarządzaj, a następnie klikamy na Strona. W opcjach w menu z prawej strony wybieramy Wygląd i zachowanie. Zostaną wyświetlone dwie palety kolorów. Domyślnie ustawiona jest Podstawowa, która odpowiada ze ustawienie wyglądu dla całej strony jednostki. Drugą możliwością jest Żałoba, która jest czarno-białą wersją poprzedniej opcji. 13

14 STRONY I PODSTRONY W tym rozdziale dowiemy się jak utworzyć stronę. Utworzymy nową stronę o nazwie Strona. Najeżdżamy myszką na napis Zarządzaj na pasku narzędzi i wybieramy Strona. Klikamy na pierwszą pozycję na liście z lewej strony. W tym przypadku są to Strony prywatne. Na górze pojawia nam się opcja Dodaj stronę. Pojawia nam się okienko. W polu Nazwa (Wymagany) podajemy nazwę strony (my nazwiemy ją Strona ), przez Szablon wybieramy odpowiedni szablon strony. Musimy się zastanowić, który będzie najlepszy dla naszej strony. Strona główna da nam największe możliwości modyfikacji wyglądu. Przykład strony głównej: strony dwukolumnowej z boksami: strony dwukolumnowej: strony trzykolumknowej: Zaznaczając pole Ukryty, nasza strona będzie widoczna tylko dla nas. 14

15 Zatwierdzamy dodanie poprzez przycisk Dodaj stronę. Otrzymujemy powiadomienie o poprawnym dodaniu nowej strony w belce głównej. Nowa strona (w naszym przypadku o nazwie Strona pojawia się na liście z lewej strony). Teraz utworzymy podstronę do naszej strony Strona. Z listy po lewej stronie klikamy na nazwę naszej strony, a następnie przycisk Dodaj stronę podrzędną na środku. Tak jak w przypadku tworzenia stron pojawia nam się nowe okienko, które odpowiednio wypełniamy. W pole Nazwa (Wymagane) wpisujemy nazwę strony (my użyjemy nazwy Strona podrzędna i wybieramy odpowiedni szablon. Zaznaczenie opcji Kopiuj nadrzędne 15

16 spowoduje utworzenie nam nowej strony wyglądającej identycznie jak jej nadrzędna. Opcja Ukryty sprawi, że stronę będziemy mogli zobaczyć tylko my (po zalogowaniu). Zatwierdzamy dodanie poprzez przycisk Dodaj stronę. Efekt naszych działań widać poniżej: W ten sposób możemy utworzyć nawet kilka poziomów menu zalecamy maksymalnie 4. Aby rozwinąć listę wszystkich podstron przypisanych do danej strony, klikamy na ikonkę dziubka na lewo od nazwy strony: Klikając tam ponownie możemy zwinąć tę listę. PRZYJAZNY URL W momencie kiedy tworzymy stronę, automatycznie tworzony jest też jej adres URL. Bardzo często jednak potrzebujemy uporządkować strukturę stron i pokazać ich hierarchię lub po prostu chcemy, aby adres URL był łatwiejszy do zapamiętania. Umożliwia to opcja Przyjazny URL. Wybieramy z lewego menu stronę, dla której chcemy ustawić nowy URL, np. Strona. Z prawego menu wybieramy zakładkę Szczegóły, a następnie w polu Przyjazny URL wpisujemy ścieżkę, pod którą chcemy, aby widniała nasza strona. Adresy powinny odzwierciedlać strukturę strony. Jeśli mamy podstronę o nazwie Strona podrzędna na stronie o nazwie Strona, poprawnym adresem URL tej podstrony będzie: /strona/stronapodrzedna. Dla podstrony Wyjazdy zagraniczne i strony Stypendia byłoby to: /stypendia/wyjazdy-zagraniczne. 16

17 KOPIOWANIE STRON Kopiowanie stron to bardzo przydatna funkcja, jeśli już stworzyliśmy jakieś strony i chcielibyśmy powielić ich układ w innych częściach portalu. Należy jednak pamiętać, że w trakcie kopiowania strony kopiujemy układ szablonów, portletów oraz ich treści. Po najechaniu myszką na napis Zarządzaj wybieramy Strona, a następnie stronę, do której chcemy skopiować portlet. Klikamy przycisk znajdujący się na środku Kopiuj portlety ze strony. Pojawia nam się okienko z rozwijaną listą, z której wybieramy stronę do skopiowania. Na naszej stronie zostaną powielone wszystkie portlety ze strony, którą wybraliśmy będzie to dokładnie ta sama treść. Jeżeli ją wyedytujemy, zmieni się zarówno na pierwszej stronie, jak i na tej, do której kopiowaliśmy portlety. Swój wybór zatwierdzamy kliknięciem na przycisk Kopiuj. 17

18 KOLEJNOŚĆ WYŚWIETLANIA W MENU Często w pierwszym etapie tworzenia menu ustalamy pewien porządek według którego będzie ono wyświetlane. Zdarza się też tak, że po stworzeniu całego menu chcielibyśmy dodać do niego jeszcze jedną pozycję, która nie powinna być wyświetlana jako ostatnia. System umożliwia dowolne układanie kolejności poszczególnych pozycji w menu. Po najechaniu myszką na napis Zarządzaj wybieramy Strona. Następnie wystarczy kliknąć na nazwę strony w menu po lewej i trzymając cały czas wciśnięty lewy przycisk myszy przesunąć tę nazwę w pożądane miejsce. Jeśli chcemy, aby Podstrona2 stała się podstroną Aktualności należy kliknąć lewym przyciskiem myszy na nazwę Podstrona2, nie puszczając przycisku myszy przesunąć kursor nad nazwę Aktualności i puścić przycisk. 18

19 KOMPOZYCJA STRONY Kompozycja to szkielet naszej strony, który określa liczbę wyświetlanych kolumn oraz ich pozycje. Aby wybrać kompozycję dla naszej strony, najeżdżamy na napis Zarządzaj na pasku narzędzi (dockbarze), a następnie klikamy na Kompozycja. Wyświetli nam się lista dostępnych kompozycji układu strony. Zalecamy ustawienie jednego z trzech układów zawierających przedrostek UJ. Swój wybór zatwierdzamy klikając przycisk Zapisz znajdujący się po prawej stronie okna przeglądarki. Kompozycja strony będzie gotowa. Początkowo nie będziemy jej widzieć, jednak w trakcie zapełniania strony portletami układ stanie się widoczny. W dalszej części tutorialu opiszemy zastosowanie poszczególnych rodzajów kompozycji. 19

20 KOMPOZYCJA DLA KATEGORII (BOKSY) Jeżeli chcemy utworzyć stronę, na której będą znajdowały się krótkie opisy do jej podstron, stosujemy układ UJ 2 kolumny z wąską kolumną z lewej strony. Taka strona powinna składać się z: baneru, lewego menu i szerokiej prawej kolumny. Lewa kolumna powinna być przeznaczona na pionowe menu zwane nawigacją, a prawa na boksy z opisami podstron. 20

21 KOMPOZYCJA DLA ZWYKŁEJ STRONY Jeżeli tworzymy podstronę głównego menu, a nie stronę tylko z nawigacją, wybieramy kompozycję UJ 3 kolumny. Trzykolumnowy układ stosujemy tam, gdzie mamy do czynienia ze zwykłą stroną - taką, która jest podstroną głównego menu. Tego rodzaju witryna powinna składać się z: baneru, lewej kolumny, w której znajduje się menu, środkowej kolumny przeznaczonej na treść oraz prawej kolumny, w której umieszczamy zazwyczaj linki do powiązanych treści. 21

22 KOMPOZYCJA DLA STRONY BEZ PODSTRON Układ dwukolumnowy z wąską kolumną z prawej strony stosujemy w sytuacjach, gdy nasza strona nie zawiera żadnych podstron lub gdy sama również nie jest podstroną. Przykładem może być podstrona Collegium Medicum na stronie głównej UJ ( Taka strona powinna składać się z: baneru, lewej kolumny przeznaczonej na treść oraz prawej kolumny, w której znajdzie się treść Zobacz również. 22

23 SCHEMATY STRON Schemat strony to zestaw elementów które powinny znaleźć się na niej znaleźć. Zanim zaczniemy dodawać przedstawione poniżej elementy, musimy wybrać kompozycję strony. Jest to opisane w części tutorialu o nazwie Kompozycja strony. W tej części tutorialu użyto kompozycji UJ 3 kolumny. 23

24 BANER Pierwszym stałym elementem strony, jaki opiszemy jest baner znajdujący się zwykle na górze strony, tuż pod menu głównym. Aby dodać baner, najeżdżamy myszką na napis Dodaj znajdujący się na pasku narzędzi (dockbarze) na górze strony. Następnie klikamy w Widok zawartości stron. Widok zawartości stron automatycznie pojawi się tuż pod głównym menu. Po dodaniu nowego widoku zawartości stron musimy usunąć ramkę portletu (niebieską linię z jego nazwą i ikonkami: opcje, minus, plus, krzyżyk). Klikamy w ikonkę opcji i z rozwijanego panelu wybieramy Wygląd i zachowanie. 24

25 Odznaczamy opcję Wyświetl ramki i zapisujemy nowe ustawienia, klikając na przycisk Zapisz. Opuszczamy edycję ustawień poprzez kliknięcie czerwonego krzyżyka znajdującego się w prawym górnym rogu. Ramka zniknie dopiero po odświeżeniu strony. Aby odświeżyć stronę, klikamy odpowiednią ikonkę w naszej przeglądarce lub wciskamy na klawiaturze F5. Baner tworzymy korzystając z opcji Dodaj zawartość stron (ikonka znajdująca się w lewym dolnym rogu portletu). Tworzenie baneru zostało opisane w części tutorialu poświęconej pracy z szablonami. Jeżeli baner został już wcześniej utworzony, możemy wybrać go z bazy zawartości stron. W tym celu klikamy na ikonkę opcji Wybierz zawartość stron, znajdującą się w lewym dolnym rogu portletu. Po kliknięciu wyświetli nam się lista dostępnych zawartości. Aby wybrać treść, która ma pojawić się wewnątrz portletu, należy kliknąć na jej tytuł a następnie na przycisk Zapisz. Na koniec opuszczamy okno wyboru zawartości stron poprzez kliknięcie czerwonego krzyżyka znajdującego się w prawym górnym rogu okienka. 25

26 26

27 NAWIGACJA Nawigacja to pionowe menu znajdujące się po w lewej kolumnie. Stosowana jest na każdej stronie, która posiada podstrony. Nawigacja powinna zawierać maksymalnie dwa poziomy zagłębienia. Pierwszy poziom stanowią strony dostępne z głównego menu, których w nawigacji nie widać, drugim poziomem są ich podstrony. Trzeci poziom to podstrony podstron. Aby dodać nawigację do strony, najeżdżamy kursorem na napis Dodaj na pasku narzędzi i klikamy Nawigacja. Portlet zostanie umieszczony zaraz pod głównym menu. W następnym kroku będziemy musieli umieścić go w lewej kolumnie, pod banerem. 27

28 Aby przenieść portlet musimy najechać kursorem na jego nazwę i przytrzymując wciśnięty lewy klawisz myszy przeciągnąć kursor w odpowiednie miejsce (w tym przypadku do lewej kolumny). Gdy kursor znajdzie się we właściwym punkcie, należy puścić klawisz myszy. Odpowiednie umieszczenie portletu ułatwia niebieska linia, która dopasowuje się do szerokości kolumn w trakcie przenoszenia i dokładnie wskazuje, gdzie element będzie zamieszczony. Następnie musimy usunąć ramkę z portletu. Klikamy w ikonkę opcji i z rozwijanego panelu wybieramy Wygląd i zachowanie. Odznaczamy opcję Wyświetl ramki i zapisujemy nowe ustawienia, klikając na przycisk Zapisz. Opuszczamy edycję ustawień poprzez kliknięcie czerwonego krzyżyka znajdującego się w prawym górnym rogu. 28

29 Ramka zniknie dopiero po odświeżeniu strony. Aby odświeżyć stronę, klikamy odpowiednią ikonkę w naszej przeglądarce lub wciskamy na klawiaturze F5. Następnie konfigurujemy sposób wyświetlania nawigacji. W tym celu najeżdżamy na szare pole z nazwą portletu i klikamy na ikonkę opcji. W rozwijanym panelu klikamy na Konfiguracja. Po kliknięciu pojawi nam się okno konfiguracji nawigacji. Poprzez kliknięcie ikonki rozwijamy listę przy Stylu wyświetlania i wybieramy styl Niestandardowy. Z listy przy Nagłówku wybieramy opcję Żaden. Po dokonaniu zmian zapisujemy ustawienia poprzez Zapisz i zamykamy okno konfiguracji klikając na czerwony krzyżyk znajdujący się w prawym górnym rogu. 29

30 NAWIGACJA OKRUSZKOWA Nawigacja okruszkowa pokazuje w którym miejscu strony aktualnie się znajdujemy. Ułatwia tym samym orientację i poruszanie się po podstronach. Ten rodzaj nawigacji powinien znajdować się bezpośrednio pod banerem, ponieważ w tym miejscu jest najlepiej widoczny. Aby dodać nawigację okruszkową, na pasku narzędzi najeżdżamy na napis Dodaj i klikamy na Nawigacja okruszkowa. Portlet zostanie umieszczony zaraz pod głównym menu. Należy usunąć mu ramkę (zostało to opisane dwie strony wcześniej), a następnie przenieść go bezpośrednio pod baner. 30

31 PRAWA KOLUMNA ZOBACZ RÓWNIEŻ Prawa kolumna zarezerwowana jest dla dodatkowych informacji, które chcemy wyróżnić na naszych stronach. Mogą to być najczęściej poszukiwane treści, linki, dokumenty. Aby dodać kolumnę zobacz również, najeżdżamy na pasku narzędzi na napis Dodaj i klikamy na Widok zawartości stron. Portlet pojawi się bezpośrednio pod głównym menu. Usuwamy z niego ramkę a następnie przenosimy do prawej kolumny. 31

32 Następnie klikamy ikonkę Dodaj zawartość stron, znajdującą się w lewym dolnym rogu portletu. Pojawi się formularz nowej zawartości stron, w którym należy wybrać odpowiedni szablon treści. Tworzenie kolumny zobacz również zostało opisane w części tutorialu poświęconej pracy z szablonami. BOKSY Z boksów korzystamy przy tworzeniu strony zawierającej dużą ilość podstron, a zarazem nie posiadającej własnej treści. Będąc linkami do podstron, boksy mogą zawierać grafiki, teksty lub oba te elementy naraz. Aby strona wyświetlała się prawidłowo, należy zmienić jej kompozycję na dwukolumnową, UJ 2 kolumny z wąską kolumną z lewej strony. 32

33 Aby dodać boksy, najeżdżamy na napis Dodaj na pasku narzędzi i klikamy Widok zawartości stron. Portlet zostanie umieszczony zaraz pod głównym menu. Usuwamy z niego ramkę a następnie przenosimy go do prawej kolumny. Następnie klikamy ikonkę Dodaj zawartość stron, znajdującą się w lewym dolnym rogu portletu. Tworzenie strony z boksami zostało opisane w części tutorialu poświęconej pracy z szablonami. 33

34 ZWYKŁA STRONA Zwykłą stroną nazywamy stronę zbudowaną na kompozycji trójkolumnowej i zawierającą następujące elementy: baner, nawigację, nawigację okruszkową, widok zawartości stron przeznaczony dla głównej treści strony (np. artykułu), kolumnę zobacz również. Aby stworzyć taką stronę należy najpierw wybrać kompozycję trójkolumnową ( UJ 3 kolumny ), a następnie wykonać kolejno instrukcje dotyczące schematu stron dla wymienionych powyżej elementów. 34

35 STRONA BEZ PODSTRON Strona nie zawierająca podstron nie powinna zawierać nawigacji. Składa się z: baneru, lewej kolumny poświęconej głównej zawartości strony, prawej kolumny z działem zobacz również. Aby stworzyć taką stronę należy najpierw wybrać kompozycję dwukolumnową ( UJ-2 kolumny z wąską kolumną z prawej strony), a następnie wykonać kolejno instrukcje dotyczące schematu stron dla wymienionych powyżej elementów. 35

36 DODAJEMY TREŚĆ DO STRONY Kiedy stworzymy całą strukturę strony, a więc wybierzemy szablon układu, ułożymy podstawowe menu, możemy zacząć dodawać treść. System oferuje nam wiele różnych aplikacji, dzięki którym treść zawarta w portalu może być zaprezentowana w bardziej atrakcyjny sposób. PASEK NARZĘDZI I WYSZUKIWARKA APLIKACJI Podstawowe narzędzia umożliwiające dodawanie treści znajdują się w pasku narzędzi u góry strony. Upewnijmy się, czy na pasku narzędzi zaznaczona jest opcja Kontrolki edycji. Włączenie kontrolek jest potrzebne do dalszej edycji strony. Z punktu tworzenia podstawowej struktury i zawartości portalu, najważniejszą grupą jest zarządzanie treścią. Najeżdżamy na napis Dodaj na pasku narzędzi, następnie klikamy Więcej i potem Zarządzanie treścią. Spowoduje to wyświetlenie listy nazw różnych aplikacji są to tzw. portlety. Niektóre z nich służą do zarządzania dokumentami i plikami, inne definiują rodzaj wyświetlanej zawartości, np. menu, pasek nawigacji, zwykła treść itp. 36

37 Wyszukiwanie portletów ułatwia okienko Szukaj aplikacji. Wyszukiwarka w czasie rzeczywistym wynajduje wśród nazw portletów wpisaną przez nas frazę. DODAWANIE PORTLETÓW Portlety można dodawać na dwa sposoby: klikając Dodaj obok nazwy portletu, a następnie wybierając nazwę aplikacji lub po kliknięciu na Dodaj, klikając Więcej, a z wyświetlonej listy przeciągnąć nazwę portletu w wybrane przez nas miejsce na stronie. W trakcie przeciągania portletu zostanie wyświetlona struktura naszej strony z dokładanym podziałem na kolumny. Na wybranym przez nas obszarze pojawi się niebieska pozioma linia, która dopasowuje się do miejsca w którym pojawi się portlet. Po upuszczeniu szkielet portletu pojawi się od razu na stronie. 37

38 WIDOK ZAWARTOŚCI STRON Jedną z najważniejszych aplikacji jest Widok zawartości stron. To dzięki niemu możliwe będzie później dodawanie treści na stronę. Umieszcza się go tak samo, jak inne aplikacje, poprzez przeciągnięcie jego nazwy z listy portletów na fragment strony, w którym chcemy umieścić treść. Zaczynamy od umieszczenia portletu Widok zawartości stron w środkowej kolumnie. Najeżdżamy na Dodaj na pasku narzędzi, a potem klikamy na Widok zawartości stron. Widok zawartości wyświetlił się zaraz pod głównym menu. Aby znalazł się w środkowej kolumnie musimy go przeciągnąć na właściwe miejsce. Wybrany portlet przeciągamy do środkowej kolumny. Aby to zrobić, musimy najechać myszką na nazwę, a następnie kliknąć i przeciągnąć go do środkowej kolumny. Odpowiednie umieszczenie portletu ułatwia niebieska linia, która dopasowuje się do szerokości kolumn w trakcie przeciągania i dokładnie wskazuje, gdzie portlet będzie zamieszczony. W ten sam sposób umieszczamy we właściwych miejscach pozostałe portlety. 38

39 ZAWARTOŚĆ PORTLETU Każdy portlet posiada funkcje, które umożliwiają zmianę jego wyglądu, zachowania, trybu pracy itp. Odpowiadają za nie cztery ikonki umieszczone w prawym górnym rogu każdego portletu: opcje, minus, plus, X. WYGLĄD I ZACHOWANIE Klikamy na, a następnie na Wygląd i zachowanie. Pojawia się nam kolejna lista opcji, umożliwiających edycję wyglądu danego portletu. Nie są to opcje globalne zmiany pojawią się tylko w aktualnie edytowanym przez nas portlecie. 39

40 KONFIGURACJA PORTLETU W tej części odznaczamy tylko opcję Wyświetl ramki i zapisujemy ustawienia. Zlikwiduje to niebieską ramkę wokół portletu. Należy pamiętać, aby w każdym portlecie odznaczyć tę funkcję. Pozostałe opcje portletu pozostawiamy bez zmian. Ich krótkie opisy przedstawiamy niżej: Style tekstu Możemy ustawić tutaj styl tekstu (czcionka, wielkość, styl, efekty, wysokość interlinii itp.) obowiązujący dla całego portletu. Style tła Wpisując nazwę koloru w języku angielskim lub korzystając z palety kolorów oznaczonej ikonką przedstawiającą pipetę, możemy zmienić kolor tła naszego portletu. Domyślnym kolorem tła jest biały. Style ramki Ramka nie powinna być widoczna, jednak jeśli będziemy jej potrzebować, możemy w tym miejscu ustalić jej szerokość dla dowolnego boku lub wszystkich jednocześnie, określić styl ramki (np. linia przerywana, kropki itd.) oraz jej kolor. Margines i wyrównanie W tym miejscu możemy określić marginesy wewnętrzne portletu (padding) oraz marginesy zewnętrzne (margin). Tych wartości nie należy zmieniać. Zaawansowane style Ta opcja przydatna jest, gdy chcemy wprowadzić dodatkowe style CSS dla całego portletu. Zaleca się wprowadzane stylów tylko dla bieżącego portletu ('Dodaj regułę CSS tylko dla tego portletu'). Z opcji tej mogą korzystać tylko osoby znające zasady tworzenia stylów CSS. 40

41 KONFIGURACJA Konfiguracja w przypadku Widoku zawartości stron służy do wyszukiwania i wybierania z bazy zawartości stron, które już wcześniej zostały utworzone lub może służyć ustawieniu dodatkowych opcji wyświetlania. EKSPORT / IMPORT Opcja Eksport umożliwia nam zapisywanie naszych portletów na dysku. Jeżeli chcemy użyć zapisanego wcześniej portletu, wybieramy opcję Import i ładujemy odpowiedni plik. ZNAKI MINUS I PLUS Znak minus oznacza minimalizowanie zawartości, a więc po kliknięciu na ten znak, treść portletu zostanie schowana, widoczny będzie jedynie nagłówek. Znak plus to maksymalizowanie treści, które spowoduje rozciągnięcie bieżącego portletu na całą stronę. Opcja ta ułatwia pracę nad treścią. Aby powrócić do normalnego trybu pracy, należy kliknąć niebieską strzałkę w prawym górnym rogu, uprzednio zapisując treść. ZNAK IKS Kliknięcie na ten znak, spowoduje usunięcie portletu z naszej strony. 41

42 IKONKI WYBIERZ ORAZ DODAJ ZAWARTOŚĆ STRON Aby umieścić treść w wybranym portlecie możemy skorzystać z dwóch opcji Wybierz zawartość stron lub Dodaj zawartość stron', które znajdują się u dołu każdego z portletów. Wybierz zawartość stron umożliwia wybranie z bazy i umieszczenie w portlecie informacji wcześniej przez nas przygotowanych. Należy jednak pamiętać, że jeśli użyjemy tego sposobu wszelkie zmiany w treści wprowadzone później będą widoczne wszędzie tam, gdzie umieszczona została owa treść. Wybranie Dodaj zawartość stron spowoduje utworzenie zupełnie nowej treści, która później będzie zapisana do bazy. EDYTOR NOWEJ TREŚCI Dodawanie nowej zawartości strony wygląda zawsze tak samo. Wyświetlony zostaje formularz, w którym obowiązkowo musimy wypełnić pola podświetlone na żółto. Każdej nowo dodawanej treści automatycznie przydzielony zostaje unikalny numer ID. Do pól obowiązkowych należy Nazwa zawartości. Na jego podstawie będziemy mogli wyszukiwać później gotowe zawartości stron w bazie. 42

43 Poniżej znajduje się edytor zbliżony swoim wyglądem i funkcjami do Worda. STRUKTURY I SZABLONY Formularz jest najbardziej podstawową strukturą. Jego wygląd oraz listę dodatkowych pól można edytować poprzez korzystanie z gotowych struktur i szablonów. STRUKTURY W tej części możemy wybrać strukturę zawartości, która definiuje jakiego rodzaju pola powinny wyświetlać się w naszej zawartości. SZABLONY Szablony definiują sposób wyświetlania danej struktury. Podobnie jak struktury, zostały one omówione w osobnej tutorialu. Aby wybrać szablon musimy kliknąć ikonkę wyświetli się w osobnym oknie., a następnie wskazać wybrany szablon z listy, która 43

44 DWIE FORMY ZAPISU System oferuje nam dwie formy zapisu. PUBLIKUJ Opcja Publikuj zapisuje treść i od razu zatwierdza ją do publikacji. Dzięki temu natychmiast po zapisaniu treść widoczna jest na stronie. ZAPISZ JAKO SZKIC Jeśli zapisujemy treść po raz pierwszy i skorzystamy z opcji Zapisz jako szkic, nie będzie ona miała uprawnień publicznych i nikt nie będzie mógł jej zobaczyć po ukończeniu przez nas pracy. Opcja ta przydaje się w przypadku, gdy chcemy zapisać do bazy materiał jeszcze nieukończony. Aby materiał zatwierdzić i upublicznić musimy odszukać go poprzez Panel sterowania. Najeżdżamy na Strony, a następnie wybieramy Panel sterowania. 44

45 Kiedy załaduje się panel sterowania, klikamy na Zawartość stron i przy pomocy dostępnych opcji wyszukujemy zapisaną wcześniej przez nas treść. Następnie przy wyszukanej zawartości klikamy na Działania, a potem na Edycja. Pozwoli nam to ponownie edytować treść wcześniej zapisaną jako szkic. Możemy dalej edytować treść i ponownie zapisać ją jako szkic lub upublicznić poprzez kliknięcie Publikuj. Po powrocie na stronę treść powinna się wyświetlić. 45

46 HISTORIA (WERSJE) TWORZENIE WERSJI W trakcie pracy nad treścią automatycznie tworzone są jej wersje. Każda edycja zawartości zmienia wersję (np. z 1.0 na 1.1). Klikając na Zobacz historię otworzy nam się strona z historią wersji. Klikając na Działania przy danej wersji możemy wybrać: Zobacz otworzy nam się nowe okno z treścią danej wersji, Kopiuj kopiuje daną wersję, nadając jej unikalny numer ID, którą później możemy przywrócić, Wygaś pozwala powrócić do wcześniejszej wersji. Wygaszanie jest procesem odwracalnym, wygaszona wersja pozostaje zapisana w historii. Usuń usunie daną wersję, nie będzie wyświetlana na liście wersji oraz nie będzie możliwe jej przywrócenie. 46

47 PRZYWRACANIE WERSJI Wszystkie wersje wraz z ich zawartością przechowywane są w bazie, co oznacza że mamy możliwość przywrócenia starszej w dowolnym momencie. Aby to zrobić, klikamy na ikonkę Edytuj zawartość stron znajdującą się na dole danej treści. Następnie wchodzimy w Zobacz historię. Wybieramy wersję którą chcemy przywrócić, klikamy Działania > Kopiuj. Wyświetli się nam komunikat, powiadamiający o numerze ID aktualnej zawartości oraz tym, że przywracanej zawartości zostanie przypisany nowy numer ID. Klikamy Kopiuj. Wracamy do miejsca gdzie znajduje się nasza treść, klikamy ikonkę Wybierz zawartość stron. 47

48 Wybieramy z listy pierwszy Przykładowy artykuł, klikając raz na jego nazwę (O numerze ID innym niż w komunikacie podczas kopiowania), następnie klikamy Zapisz na dole okienka. Zamykamy okienko, po czym wyświetlić powinna się nam przywrócona treść. 48

49 DOKUMENTY I GRAFIKI Niejednokrotnie potrzebujemy dodać do treści grafikę lub załączyć dokument. Dokumenty, zdjęcia oraz wszelkiego rodzaju grafiki składowane są w bazie danych, do której mamy stały dostęp. Możemy wgrywać pliki o następujących rozszerzeniach plików:.ai,.bmp,.cdr,.css,.doc,.docx,.dot,.eps,.flv,.gif,.gz,.htm,.html,.jpg,.jrxml,.js,.lar,.mp3,.odb,.odf,.odg,.odp,.ods,.odt,.pdf,.png,.ppt,.pptx,.rtf,.swf,.sxc,.sxi,.sxw,.tar,.tiff,.tgz,.txt,.vsd,.xls,.xlsx,.xml,.zip. Gdyby chcieli Państwo dodać nowe rozszerzenie, prosimy o kontakt: portal@uj.edu.pl. ZARZĄDZANIE ZAWARTOŚCIĄ Istnieją dwa sposoby na dostanie się do bazy naszych plików wgranych do portalu. Zalecamy korzystanie z pierwszego z nich. Po najechaniu myszką na napis Zarządzaj w lewym, górnym rogu strony wybieramy opcję Zawartość. Po lewej stronie odnajdujemy Dokumenty i grafiki. Znajdujemy się teraz w bibliotece dokumentów i grafik, które możemy tu porządkować i przechowywać w różnych folderach i podfolderach. Aby dodać plik do biblioteki, musimy wybrać lub utworzyć folder, w którym będzie on zapisany. 49

50 Jest też inny sposób na wejście do bazy dokumentów lub grafik. W tym celu należy najechać myszką na napis Strony w prawym, górnym rogu okna przeglądarki i wybrać Panel sterowania w wysuwanym menu. Następnie z menu po lewej stronie wybieramy Dokumenty i grafiki. Znajdujemy się teraz w tym samym miejscu, w którym byliśmy po wejściu przez menu Zarządzaj > Zawartość. TWORZENIE FOLDERU By móc porządkować dokumenty i grafiki należy stworzyć katalogi, w których będziemy je przechowywać. Nowy folder dodajemy wybierając Dodaj, a następnie klikając Folder. Wypełniamy formularz. Wpisujemy nazwę folderu w pole Nazwa (Wymagane) i klikamy Zapisz. Pole Opis może zostać puste lub możemy w nim nieco dokładniej opisać nasz folder. 50

51 DODAWANIE DOKUMENTU / GRAFIKI Mamy trzy możliwości przeglądania naszych folderów. Po wejściu w Dokumenty i grafiki otworzy nam się lista folderów posortowanych alfabetycznie. Jeśli chcemy szybko znaleźć ostatnio dodany katalog, wybierzmy Ostatnie z listy po lewej stronie. Gdybyśmy chcieli zobaczyć tylko foldery dodane przez nas, należy wybrać Dodane przeze mnie. Aby dodać plik, musimy najpierw wybrać folder, w którym chcemy go umieścić. Aby to zrobić klikamy na ikonkę z nazwą. Kiedy znajdziemy się już w docelowym folderze, plik dodajemy w ten sam sposób, w jaki dodaliśmy nowy folder. Po kliknięciu Dodaj mamy możliwość dodania nowego podfolderu, kilku plików lub jednego pliku. Przejdziemy teraz krok po kroku poprzez dwa sposoby dodawania nowych dokumentów lub grafik. 51

52 By dodać jeden plik, należy wybrać z listy Basic Document. Po załadowaniu formularza klikamy Wybierz po prawej stronie i wybieramy z dysku plik, który chcemy załadować. Proszę zwrócić uwagę na to, by w nazwie pliku nie było spacji. W pole Nazwa wpisujemy nazwę i dodajemy przyciskiem Publikuj. Możemy dodać opis, który będzie wyświetlać się pod naszymi zdjęciami np. w fotogalerii. Jeżeli chcemy dodać kilka plików na raz, wybieramy z listy Wiele dokumentów. W celu wybrania odpowiednich dokumentów lub grafik możemy przeciągnąć ikony plików korzystając z metody Drag & Drop lub kliknąć Wybierz pliki. 52

53 Wyjaśnimy najpierw metodę Drag & Drop. Klikamy lewym przyciskiem myszy na naszym komputerze na pliki (lub jeden plik), które chcemy załadować i nie puszczając przycisku przeciągamy je na obszar szarej ramki zaznaczonej na obrazku poniżej. Jeżeli chcemy zaznaczyć kilka plików na raz, klikamy na kolejne pliki trzymając jednocześnie wciśnięty przycisk Ctrl na klawiaturze. W momencie kiedy będziemy mogli puścić pliki, ramka będzie zielona: Możemy również kliknąć przycisk Wybierz pliki i znaleźć pliki, które nas interesują. W celu zaznaczenia kilku plików, klikamy na każdy po kolei jednocześnie trzymając wciśnięty przycisk Ctrl na klawiaturze. Po załadowaniu wszystkich plików dopisujemy ewentualny opis i klikamy przycisk Zapisz znajdujący się w prawym dolnym rogu. 53

54 Jeśli plik zostanie poprawnie dodany pojawi się zielony komunikat powiadamiający o załadowaniu plików. Następnie wracamy do folderu jeśli chcemy sprawdzić czy plik faktycznie dodał się prawidłowo. WERSJE PLIKÓW Mamy możliwość dodania nowej wersji naszego pliku. Przypuśćmy, że wgraliśmy do bazy dokumentów program konferencji naukowej. Wstawiliśmy już komunikaty na ten temat i przesłaliśmy link do dokumentu innym osobom. Okazało się jednak, że program się zmienił i musimy usunąć jednego z prelegentów. W tym celu wystarczy wyedytować wcześniej wgrany plik nie musimy go usuwać, wstawiać na nowo ani wysyłać nikomu nowego linka. Jak wyedytować plik? Po wejściu w Dokumenty i grafiki (jednym ze sposobów opisanych na stronie 49), klikamy na plik, który chcemy edytować. Odnajdujemy opcję Edycja znajdującą się pod nazwą dokumentu, pomiędzy przyciskami Pobierz i Przenieś. 54

55 Za pomocą przycisku Przeglądaj wybieramy poprawną wersję pliku, którą chcemy wgrać. Po załadowaniu pliku klikamy Publikuj na dole strony. Historię wersji możemy sprawdzić na stronie naszego pliku, po zjechaniu na sam dół, po prawej stronie. 55

56 Gdybyśmy potrzebowali w przyszłości wrócić do którejś z poprzednich wersji, jest to oczywiście możliwe. W historii wersji klikamy na ikonkę ( Pobierz ) i pobieramy stary plik na dysk. Możemy go załadować ponownie za pomocą opcji Edycja. Klikając na ikonkę ( Podgląd ) możemy przed pobraniem przejrzeć informacje dotyczące starej wersji pliku. ZMIANA UPRAWNIEŃ W PLIKACH Możemy chcieć, aby nasze pliki nie były dostępne dla wszystkich. Po wejściu do wybranego folderu najeżdżamy myszką na ikonkę wybranego pliku i klikamy małą strzałkę w prawym górnym rogu. Tam wybieramy opcję Uprawnienia. Sprawdzamy ostatnią kolumnę Przeglądaj. Aby ustawić nowe uprawnienia, zaznaczamy pola na wysokości danej roli. Np. jeżeli chcemy, aby dokument był widoczny tylko po zalogowaniu na portal, odznaczamy pole Przeglądaj w wierszu Gość, a zaznaczamy pola w wierszach Doktorant, Pracownik i Student (przykład zaprezentowany na grafice poniżej). Aby zapisać nowe ustawienia klikamy Zapisz. 56

57 LINK DO DOKUMENTÓW I DODAWANIE GRAFIKI DO TREŚCI Aby dodać link lub grafikę do treści portletu, musimy pobrać jego adres. W tym celu znajdujemy nasz plik w bibliotece dokumentów i grafik, a następnie klikamy na ikonkę z jego nazwą. Klikamy na słowa adres URL w kolumnie po prawej stronie. Pod spodem pojawi się nam ramka z adresem URL naszego pliku. Klikamy na nią i kopiujemy adres (wciskając Ctrl + C lub klikając prawym przyciskiem myszy i wybierając opcję Kopiuj). Skopiowaliśmy w ten sposób cały adres URL naszego pliku. Przy wklejaniu go w odpowiednie miejsce wskazane jest usunięcie początku adresu, a dokładnie części Powracamy do edytowanej przez nas treści, w której chcemy umieścić link do dokumentu lub grafikę. W edytorze treści przechodzimy do trybu źródłowego, klikając Źródło dokumentu. Jeżeli chcemy dodać link do dokumentu, w zależności od typu dokumentu link powinien mieć odpowiednią klasę: pdf, doc, rtf, xls, ppt. Osobną klasę mają również linki zewnętrzne, a więc takie, które prowadzą do stron znajdujących się poza domeną link-zewn. Skopiowany wcześniej adres do naszego dokumentu wklejamy pomiędzy cudzysłów po słowie href : 57

58 Kiedy chcemy dodać grafikę postępujemy w podobny sposób. Klikamy Źródło dokumentu i wklejamy adres obrazka w odpowiednie miejsce. 58

59 PRACA Z SZABLONAMI Istnieje kilka gotowych szablonów, dzięki którym łatwo i szybko przygotujemy poszczególne elementy naszej strony. Szablony definiują wygląd poszczególnych rodzajów zawartości stron. Uwaga. Należy pamiętać o stosowaniu odpowiedniej nomenklatury i nazewnictwa pól Nazwa zapisujących się do bazy danych. Uwaga ta dotyczy zwłaszcza komunikatów ze względu na dużą ilość tych treści. Nazywanie treści w sposób komunikat1, komunikat124 jest błędem ze względu na późniejsze problemy związane z odnalezieniem treści w bazie. 59

60 ZAWARTOŚĆ STRON Jest kilka sposobów na dostanie się do tworzenia zawartości nowej strony. Po najechaniu myszką na napis Zarządzaj w lewym górnym rogu strony wybieramy opcję Zawartość. W menu po lewej stronie odnajdujemy Zawartość stron. Aby skorzystać z jakiegoś szablonu strony wybrać odpowiedni szablon podczas dodawania nowej strony. Klikamy przycisk Dodaj i wybieramy interesującą nas opcję: 60

61 Teraz drugi sposób na wejście do tworzenia zawartości nowej strony. Należy najechać myszką na napis Strony w prawym, górnym rogu ekranu i wybrać Panel sterowania. Następnie znajdujemy w menu po lewej stronie Zawartość stron. Upewnijmy się, czy w wyżej rozwijanym menu (zaznaczone na obrazku strzałką) mamy wybraną odpowiednią stronę, którą chcemy edytować. Zawartość stron dodaje się bardzo często klikając na ikonkę nowego widoku zawartości stron, który dodamy do naszej strony. znajdującą się na dole każdego Następnie wybieramy szablon naszej strony, klikając na ikonkę z kołem zębatym: I uzupełniamy treść zgodnie ze wskazówkami znajdującymi się niżej w tej części tutorialu. Jeżeli mamy już przygotowaną zawartość stron, możemy kliknąć ikonkę koła zębatego na dole naszego widoku zawartości stron. 61

62 W oknie, które nam się pojawi musimy odnaleźć po nazwie naszą zawartość strony. Najłatwiej zrobić to używając wyszukiwarki zaznaczonej na poniższym obrazku. ARTYKUŁ Z listy szablonów wybieramy 01 Artykuł (Zasoby globalne). W pierwszym polu formularza wpisujemy nazwę pod jaką artykuł będzie widoczny w bazie zawartości stron. Następnie wpisujemy tytuł artykułu w polu tytul. W polu streszczenie możemy wpisać streszczenie naszego artykułu, jednak zalecamy pominięcie tego pola. Pole to uzupełniamy tylko w sytuacji gdy nasz artykuł ma pojawić się w systemie komunikatów (jako komunikat). 62

63 W kolejnym etapie wpisujemy nazwę nagłówka treści w polu naglowek. Nasz artykuł może składać się z kilku różnych treści oznaczonych różnymi nagłówkami. Aby móc dodać kolejne treści, na prawo od napisu naglowek, klikamy zieloną ikonkę plusa. Każdorazowe kliknięcie doda poniżej obecnego nagłówka dodatkowe pola formularzy Nagłówek i Treść. Aby dodać treść do artykułu musimy skorzystać z edytora zbliżonego swoim wyglądem i funkcjami do Worda. Do artykułu możemy również załączyć zdjęcia, które będą się wyświetlać po jego lewej lub prawej stronie. Wybieramy odpowiednie pole i ładujemy obrazek z dysku używając przycisku Przeglądaj. Proszę pamiętać, aby obrazek miał odpowiednie wymiary ( 63

64 Po zakończeniu dodawania treści zapisujemy cały artykuł przy pomocy przycisku Publikuj, który znajduje się po prawej stronie w górnej części strony. KOMUNIKATY Z listy szablonów wybieramy 02 Komunikat (Zasoby globalne). Po wybraniu szablonu wyświetli się nam formularz edycji nowej treści z konkretnymi polami. W pierwszym polu formularza wpisujemy nazwę pod jaką treść będzie widoczna w bazie zawartości stron. W polu tytul podajemy tytuł komunikatu (największy nagłówek w naszym artykule), a w pole streszczenie wpisujemy streszczenie komunikatu jest to tekst, który pojawia się na liście komunikatów. 64

65 W kolejnym etapie wpisujemy nazwę nagłówka komunikatu w polu naglowek. Nasz artykuł może składać się z kilku różnych treści oznaczonych różnymi nagłówkami. Aby móc dodać kolejne treści, na prawo od napisu naglowek, klikamy zieloną ikonkę plusa. Każdorazowe kliknięcie doda poniżej obecnego nagłówka dodatkowe pola formularzy Nagłówek i Treść. Niżej mamy możliwość wstawiania plików do naszego komunikatu. Plik należy wcześniej załadować do biblioteki dokumentów (o tym jak dodać pliki można dowiedzieć się z tutorialu Dodawanie plików). W pole plik-tytul wpisujemy nazwę pliku, klikając Wybierz obok plik-link wybieramy żądany plik, natomiast w pole plik-rodzaj wpisujemy rodzaj naszego pliku (pdf, doc, xls, rtf). Dzięki temu, że wypełnimy pole plik-rodzaj obok linku do ściągnięcia naszego pliku pokaże się ikonka identyfikująca dane rozszerzenie. 65

66 Aby dodać treść komunikatu musimy skorzystać z edytora zbliżonego swoim wyglądem i funkcjami do Worda. Do komunikatu możemy również załączyć zdjęcia, które będą się wyświetlać po jego lewej lub prawej stronie. Wybieramy odpowiednie pole i ładujemy obrazek z dysku używając przycisku Przeglądaj. Proszę pamiętać, aby obrazek miał odpowiednie wymiary ( Po wprowadzeniu treści do pól formularza należy odpowiednio wypełnić część Streszczenie, do której odnośnik znajduje się po prawej stronie na górze strony. 66

67 W polu Podsumowanie wpisujemy podsumowanie komunikatu. Jeżeli chcemy, by przy komunikacie wyświetlała się miniaturka, zaznaczamy checkbox Użyj miniaturki. Możemy wpisać URL miniaturki (kopiując go ze strony z naszym obrazkiem) lub dodać obrazek z dysku. Dobrze, jeśli grafika będzie mieć odpowiednie wymiary - Następnie należy odpowiednio wypełnić Kategoryzację. Wybieramy Typ: Komunikaty. W polu Tagi wpisujemy lub wybieramy (za pomocą przycisku Wybierz ) interesujące nas tagi. Jeżeli wybierzemy tag: 67

68 Studenci komunikat ten pojawi się na stronie: oraz Doktoranci komunikat pojawi się: Pracownicy komunikat pojawi się na: Po zakończeniu dodawania treści zapisujemy i publikujemy cały artykuł. WYDARZENIE Z listy szablonów wybieramy 03 Wydarzenie (Zasoby globalne). W polu Nazwa (Wymagane) wpisujemy nazwę pod jaką wydarzenie będzie widoczne w bazie zawartości stron. W polu tytul podajemy tytuł wydarzenia, który będzie się wyświetlać na stronie. Zaznaczamy opcję Można lokalizować. W polu streszczenie wpisujemy streszczenie naszego wydarzenia. W pola startdate oraz enddate wpisujemy odpowiednio daty początku i końca wydarzenia, w formacie rrrrmmdd, czyli dla dnia 5 czerwca 2013 będzie to: Pozostałe pola wypełniamy zgodnie z ich tytułami i na koniec klikamy Publikuj na górze po prawej stronie. 68

69 REPORTAŻ FOTO Z listy szablonów wybieramy 05 Reportaż foto (Zasoby globalne). W polu Nazwa (Wymagane) wpisujemy nazwę pod jaką reportaż będzie widoczny w bazie zawartości stron. W polu tytul podajemy tytuł reportażu, który będzie wyświetlał się na stronie. Zaznaczmy również pole Można lokalizować. W polu streszczenie wpisujemy streszczenie naszego wydarzenia. Tekst, który wpiszemy w pole tresc będzie się pokazywać nad naszą galerią. Jeżeli chcemy, by zdjęcia miały podpis fot. Imię Nazwisko, wpisujemy odpowiednie dane w autor i zaznaczamy checkbox Można lokalizować. Nie musimy wgrywać oddzielnie każdego zdjęcia do naszej galerii. Wystarczy w pole folder_galerii wpisać ścieżkę do folderu (np. /zdjęcia/uroczystości/rozpoczecie), do którego wgraliśmy zdjęcia. O tym, jak wgrać zdjęcia możemy przeczytać w części tutorialu zatytułowanej Dodawanie plików. Proszę pamiętać, żeby zdjęcia miały odpowiednie wymiary: optymalny rozmiar to 695 pikseli szerokości i 460 pikseli wysokości. Można również dodawać zdjęcia pionowe, których wysokość wynosi 460 pikseli. Jeżeli chcemy mieć podpisy pod zdjęciami, należy wpisać Opis pod zdjęciami, które wgrywamy do bazy dokumentów i grafik (więcej w części tutorialu Dokumenty i grafiki ). 69

70 W naszej galerii opis pod zdjęciem będzie wyglądał tak: 70

71 Jeśli potrzebujemy dodać zdjęcie spoza wyżej wpisanego folderu, możemy to zrobić niżej. W pole dodatkowe_zdjecie wpisujemy jego nazwę. W foto-src, za pomocą przycisku Wybierz, zaznaczamy które zdjęcie nas interesuje (musimy je wcześniej wgrać sposobem opisanym w części tutorialu zatytułowanej Dodawanie plików), w foto-autor podajemy autora zdjęcia (nie jest to pole obowiązkowe). Gdybyśmy chcieli dodać więcej niż jedno dodatkowe zdjęcie, należy kliknąć zieloną ikonkę z plusem po prawej stronie, spowoduje to zduplikowanie wyżej wymienionych pól. W polu miniaturka możemy dodać miniaturkę do naszej galerii. Pole miniaturka-alt wpisujemy tekst, który wyświetli się po najechaniu myszką na miniaturkę. Po zakończeniu pracy klikamy Publikuj na górze po prawej stronie. 71

72 BANER Z listy szablonów wybieramy 08 Baner (Zasoby globalne). W pierwszym polu formularza o nazwie Nazwa (Wymagane) wpisujemy nazwę pod jaką baner będzie widoczny w bazie zawartości stron. Teraz wybieramy obrazek, jaki będzie wyświetlany w miejscu banera. Klikamy na 'Wybierz'. W nowym oknie wyświetlą się foldery, do których posiadamy uprawnienia. Wybieramy odpowiedni folder, a następnie obrazek, który ma być banerem. Aby wybrać naszą grafikę klikamy przycisk Wybierz po prawej stronie (jak na obrazku poniżej). 72

73 Jeśli poprawnie wybraliśmy rysunek, okno zniknie i w polu baner pojawi się ścieżka do naszego pliku. Ze względu na ważność przekazu jakiejś grafiki, możemy chcieć, aby wyświetlała się ona w banerze częściej niż pozostałe. Służy do tego opcja Headline. Jeśli przy wybranym obrazku zaznaczymy tę opcję, grafika będzie wyświetlana naprzemiennie z innymi grafikami, wg kolejności: grafika1 Headline grafika2 Headline grafika 3 itd. Pamiętajmy, że headlinem może być tylko jeden baner. Zaznaczenie pola headline dla wszystkich banerów spowoduje zniknięcie kwadratów w lewym dolnym rogu umożliwiających nawigację po poszczególnych banerach. W oknie formularza Link, wpisujemy adres strony, do której ma prowadzić baner po kliknięciu na niego. Pole to nie jest obowiązkowe. 73

74 Baner może wyświetlać naprzemiennie więcej niż jeden rysunek. Jeżeli chcemy, aby baner wyświetlał więcej grafik musimy je po prostu dodać. Aby dodać kolejną grafikę klikamy na zielony plus w prawym górnym rogu formularza Baner. Kiedy dodaliśmy i opisaliśmy wszystkie grafiki, klikamy przycisk Publikuj po prawej stronie. Grafika na baner powinna mieć wymiary 977 px szerokości i 150 px wysokości i mieć wielkość nie większą niż 50 kb. 74

75 BOKSY Z listy szablonów wybieramy 09 Boksy (Zasoby globalne). W pierwszym polu formularza wpisujemy nazwę pod jaką treść będzie widoczna w bazie zawartości stron. Następnie wpisujemy tytul dla całej grupy boksów. W kolejnym etapie przechodzimy do bardziej zaawansowanych opcji kategorii. Pole wiersz jest polem pomocniczym, które po opublikowaniu się nie wyświetla. W tym polu możemy wpisać numer linii, w której aktualnie tworzymy boksy. W jednym wierszu mieszczą się trzy boksy. Jeżeli chcemy utworzyć więcej niż trzy boksy musimy dodać kolejną linię klikając na zieloną ikonkę plusa po prawej stronie. Należy pamiętać, że boksy, w których nie są uzupełniane wszystkie pola, nie będą wyświetlane. 75

76 W polu box-1-tytul wpisujemy tytuł dla pierwszego boksa. Kolejne pole box-1-grafika umożliwia dodanie grafiki do boksu. Grafikę możemy wgrać bezpośrednio z naszego komputera, nie musi się ona znajdować w bazie. Odpowiednie wymiary grafik znajdziemy na stronie: W następnym formularzu box-1-tekst wpisujemy krótki opis, który będzie wyświetlany obok grafiki. Proszę uważać, by nie dodawać w tym polu zbyt dużo tekstu, ponieważ wyjdzie on poza boks. Formularz box-1-strona służy do wprowadzenia adresu strony, do której boks ma odsyłać. Jest to pole obowiązkowe musimy je wypełnić, w przeciwnym razie boks się w ogóle nie wyświetli. Upewnijmy się, czy wklejamy poprawny adres. Po dodaniu szablonu boksów sprawdźmy, czy wszystkie linki na naszej stronie działają. 76

77 ZOBACZ RÓWNIEŻ Z listy szablonów wybieramy 10 Zobacz również (Zasoby globalne). W pierwszym polu formularza wpisujemy nazwę pod jaką treść będzie widoczna w bazie zawartości stron. Następnie w polu tytul wpisujemy nagłówek naszej treści, np. zobacz również, na skróty. Proszę pamiętać, by nazwa była na tyle krótka, żeby zmieściła się w jednej linijce. W kolejnym etapie wpisujemy nazwę nagłówka treści w polu naglowek. Nie jest to pole obowiązkowe. Nasza zawartość 'zobacz również' może składać się z kilku różnych treści oznaczonych różnymi nagłówkami. Aby móc dodać kolejne treści, w oknie formularza Nagłówek, klikamy na zieloną 77

78 ikonkę z plusem po prawej stronie. Każdorazowe kliknięcie doda na dole dodatkowe pola formularzy tj. Nagłówek i Treść. Poniżej przykład kolumny Zobacz również z dwoma nagłówkami: Aby dodać treść musimy skorzystać z edytora zbliżonego swoim wyglądem i funkcjami do Worda. Więcej o klasach linków z kolumny Zobacz również możemy dowiedzieć się na tej stronie: Przy naszej treści może się również wyświetlać grafika (po lewej stronie tekstu). Aby tak się stało, musimy w miejscu grafika-lewa wybrać odpowiedni obrazek. Po zakończeniu dodawania treści zapisujemy i publikujemy artykuł. 78

79 WIZYTÓWKA JEDNOSTKI Z listy szablonów wybieramy 11 Wizytówka jednostki (Globalny). W pierwszym polu formularza wpisujemy nazwę pod jaką wizytówka będzie widoczna w bazie zawartości stron. Następnie w polu tytul wpisujemy nazwę jednostki, której wizytówkę tworzymy. W pole wspolrzedne wpisujemy współrzędne punktu, który chcemy oznaczyć na mapie. Aby poznać potrzebne nam współrzędne, wchodzimy na stronę W wyszukiwarce wpisujemy adres, na który wskazywać ma nasza wizytówka a następnie wciskamy Enter. Jeżeli adres został wprowadzony poprawnie pojawi się mapka z markerem wskazującym szukany budynek. Najeżdżamy kursorem na marker, a następnie wciskamy prawy przycisk myszy tak, aby rozwinęła się lista opcji. Wybieramy pozycję Co tu jest?. 79

80 W polu wyszukiwarki zostaną wyświetlone współrzędne geograficzne budynku. Należy je skopiować i umieścić w szablonie wizytówki, wklejając je w pole wspolrzedne. W pole nazwa-lokacji wpisujemy napis adekwatny do lokalizacji budynku, np. w tym wypadku będzie to centrum Krakowa. Jeżeli chcemy skorzystać z usługi Moje Mapy Google, nie wpisujemy wyżej współrzędnych punktu tylko korzystamy z pola mapa-google. Możemy do niego wkleić gotowy kod HTML, który znajdziemy na stronie po zalogowaniu i wejściu w Moje miejsca. Klikamy Dostosuj mapę do wklejenia i wyświetl jej podgląd, wybieramy opcje, które nas interesują i kopiujemy kod widoczny w ramce na tej stronie do pola mapa-google. Więcej o tworzeniu map w serwisie Google: Pole formularza nazwane www wypełniamy adresem strony WWW (bez naszej jednostki. W polu oznaczonym jako podajemy adres służący do bezpośredniego kontaktu z naszą jednostką. 80

81 Formularz adresowy składa się z dwóch pól, w pierwszym polu Adres 1 wpisujemy ulicę/osiedle, numer budynku, numer drzwi oraz jeśli istnieje również numer pokoju/gabinetu. W drugim polu Adres 2 podajemy dalszą część adresu, czyli kod pocztowy i miasto. Aby dodać do wizytówki telefon, musimy wypełnić pole Telefon kierunek, w którym podajemy numer kierunkowy oraz Telefon, gdzie wpisujemy już właściwy numer telefonu. W polu Fax możemy podać numer faxu. Możemy podać więcej niż jeden numer telefonu. W celu dodania kolejnego numeru należy kliknąć na zieloną ikonkę z plusem na prawo od pola telefon: 81

82 W wizytówce poza danymi kontaktowymi, możemy umieścić krótką informację o działalności naszej jednostki. Aby dodać taką informację w polu opis-tytul wpisujemy nazwę naszej jednostki. Następnie w edytorze tekstowym przygotowujemy tekst, który ma się znaleźć pod wizytówką. Możemy również dodać grafikę do naszej wizytówki. W tym celu wybieramy odpowiedni obrazek z dysku wciskając przycisk Browse. Proszę pamiętać, żeby obrazek miał odpowiednie wymiary oraz by zaznaczyć opcję Można lokalizować. Po zakończeniu dodawania treści zapisujemy i publikujemy artykuł. 82

83 STRONA GŁÓWNA ZARZĄDZANIE ZAWARTOŚCIĄ STRON Istnieje kilka sposobów na dodanie nowego szablonu strony głównej do portalu. Po najechaniu myszką na napis Zarządzaj w lewym, górnym rogu strony wybieramy opcję Zawartość. Po lewej stronie odnajdujemy Zawartość stron. Jest też inny sposób na wejście do zarządzania zawartością stron. W tym celu należy najechać myszką na napis Strony w prawym, górnym rogu okna przeglądarki i wybrać Panel sterowania w wysuwanym menu. Następnie z menu po lewej stronie wybieramy Zawartość stron. 83

84 Znajdujemy się teraz w tym samym miejscu, w którym byliśmy po wejściu przez menu Zarządzaj > Zawartość. Zawartość stron dodaje się bardzo często klikając na ikonkę nowego widoku zawartości stron, który dodamy do naszej strony. znajdującą się na dole każdego Następnie wybieramy szablon naszej strony, klikając na ikonkę z kołem zębatym: I uzupełniamy treść zgodnie ze wskazówkami znajdującymi się niżej w tej części tutorialu. Jeżeli mamy już przygotowaną zawartość stron, możemy kliknąć ikonkę koła zębatego na dole naszego widoku zawartości stron. W oknie, które nam się pojawi musimy odnaleźć po nazwie naszą zawartość strony. Najłatwiej zrobić to używając wyszukiwarki zaznaczonej na poniższym obrazku. 84

85 TWORZENIE NOWEJ STRONY W celu dodania nowej strony klikamy Dodaj, a następnie wybieramy z rozwijanej listy 12 Strona główna (Zasoby globalne). Przystępujemy do wypełniania pól. W pole Nazwa (Wymagane) wpisujemy nazwę, pod jaką znajdziemy później naszą stronę w bazie zawartości stron. ZAKŁADKA Pokażmy na przykładzie strony głównej Uniwersytetu Jagiellońskiego ( zaprezentujemy do czego jest pole Zakladka. Zakładkami strony głównej są wszystkie elementy zaznaczone na obrazku poniżej. 85

86 W pole Zakladka wpisujemy nazwę danego elementu, jak np. na stronie UJ są to: Wydarzenia, Wiadomości, Konferencje i Nasze media. Jeżeli chcemy dodać więcej niż jedną zakładkę, klikamy zieloną ikonkę z plusem po prawej stronie. Po dodaniu nowej zakładki na dole pojawią nam się dodatkowe pola do uzupełnienia. id_jednostki tu wpisujemy numer ID jednostki, z której informacje chcemy pobierać. Jeżeli go nie wpiszemy, w naszej zakładce będą agregować się aktualności związane z naszą witryną. Proszę pamiętać, że w to pole możemy wpisać tylko jedno ID. 86

87 Musimy zdecydować o rodzaju naszej zakładki czy mają być to wiadomości, wydarzenia czy może treść własna? Przykładem treści własnej jest zakładka Nasze media na stronie głównej UJ. Wiadomości będą zawierać wszystkie informacje oprócz wydarzeń. Jeżeli zaznaczymy checkbox wyciagnij_na_gore, nasza zakładka będzie wyświetlać się na górze, oddzielnie od pozostałych. Na stronie UJ taką zakładką są Wydarzenia. W polu adres strony podajemy adres, na jakiej stronie ma się otworzyć dana zakładka po kliknięciu. Jeżeli jest to strona w obrębie domeny przed adresem prosimy (jak na obrazku poniżej). Następnie potrzebujemy numer id portletu, w którym zostanie wyświetlona konkretna wiadomość. Aby to sprawdzić, najeżdżamy myszką na nad portletem, klikamy ikonkę klucza:, a następnie Wygląd i zachowanie : W pasku na górze klikamy Zaawansowane style. Interesuje nas fragment tekstu podkreślony na obrazku, zaczynający się od liczby 56. Tak wygląda id przykładowego portletu: 56_INSTANCE_3x4R_ 87

88 Ten właśnie fragment wklejamy do pola id_portletu. W polu wiecej podajemy tekst, który ma być linkiem do strony, na której użytkownik znajdzie więcej wiadomości. Na stronie UJ jest to właśnie więcej wiadomości w zakładce Wiadomości oraz więcej wydarzeń w zakładce Wydarzenia. W miejsce kategoria wpisujemy nazwy kategorii, które wyświetlać ma nasza treść. Możemy podać kilka nazw, jak również podać nazwę z minusem wtedy te kategorie zostaną pominięte. Pamiętajmy, że to my sami tworzymy kategorie. W pole tag wpisujemy etykiety dotyczące naszej zakładki. ilosc_wiadomosci opisuje ile wiadomości ma być wyświetlanych w naszej zakładce. 88

89 hit jest to najważniejsza (niekoniecznie najnowsza) treść, która ma być promowana. Będzie się ona wyświetlała z lewej strony całej zakładki, z grafiką obok oraz dłuższym streszczeniem: W tym miejscu możemy dodać domyślną ikonę hitu (odpowiednik obrazka z motylem na poprzednim screenie ze strony UJ). Po kliknięciu na przycisk Wybierz po prawej stronie, wybieramy wcześniej wgraną do naszej bazy dokumentów i obrazów grafikę. Pole tresc uzupełniamy jeśli nasza zakładka ma być na stałe wypełniona daną treścią (np. jak w przypadku zakładki Nasze media na stronie UJ). 89

90 PRAWA KOLUMNA W pole element_prawej_kolumny wpisujemy nazwę treści, które mają się znaleźć w prawej kolumnie. Na stronie głównej UJ są to Video i komentarze oraz Na skróty. Jeżeli chcemy dodać kolejny element prawej kolumny, klikamy na zieloną ikonkę z plusem po prawej stronie. 90

91 id_jednostki tu wpisujemy numer ID jednostki, z której informacje chcemy pobierać. Jeżeli go nie wpiszemy, w naszej zakładce będą agregować się aktualności związane z naszą witryną. Proszę pamiętać, że w to pole możemy wpisać tylko jedno ID. Musimy zdecydować o rodzaju naszej zakładki czy mają być to wiadomości, linki czy może treść własna? Wiadomości będą zawierać wszystkie informacje oprócz wydarzeń. W polu adres strony podajemy adres, na jakiej stronie ma się otworzyć dana zakładka po kliknięciu. Jeżeli jest to strona w obrębie domeny przed adresem prosimy (jak na obrazku poniżej). Następnie potrzebujemy numer id portletu, w którym zostanie wyświetlona konkretna wiadomość. Aby to sprawdzić, najeżdżamy myszką na nad portletem, klikamy ikonkę klucza:, a następnie Wygląd i zachowanie : W pasku na górze klikamy Zaawansowane style. Interesuje nas fragment tekstu podkreślony na obrazku, zaczynający się od liczby 56. Tak wygląda id przykładowego portletu:56_instance_3x4r_ 91

92 Ten właśnie fragment wklejamy do pola id_portletu. W polu wiecej podajemy tekst, który ma być linkiem do strony, na której użytkownik znajdzie więcej wiadomości. Na stronie UJ jest to właśnie więcej wiadomości w zakładce Wiadomości oraz więcej wydarzeń w zakładce Wydarzenia. W miejsce kategoria wpisujemy nazwy kategorii, w które wyświetlać ma nasza treść. Możemy podać kilka nazw, jak również podać nazwę z minusem wtedy te kategorie zostaną pominięte. W pole tag wpisujemy etykiety dotyczące naszej zakładki. wybrana_wiadomosc jest to wiadomość, która będzie się wyświetlać na stronie głównej (jak hit w zakładkach). domyslna_ikonka to obrazek, który będzie się pokazywać obok streszczenia naszej wiadomości. 92

93 Jeżeli chcemy do naszego elementu dodać linki, w pole link wpisujemy nazwę naszego odnośnika, a w link_adres adres strony, do której chcemy wstawić link. Przykładem linków może być element Na skróty na stronie głównej UJ: W pole tresc wpisujemy treść, którą chcemy dodać do naszego elementu. Na obrazku powyżej treścią są małe obrazki, które prowadzą do różnych stron. 93

94 SZABLONY KOMUNIKATÓW ZARZĄDZANIE ZAWARTOŚCIĄ STRON Istnieją dwa sposoby na dodanie nowego szablonu strony głównej do portalu. Zalecamy korzystanie z pierwszego z nich. Po najechaniu myszką na napis Zarządzaj w lewym, górnym rogu strony wybieramy opcję Zawartość. Po lewej stronie odnajdujemy Zawartość stron. Jest też inny sposób na wejście do zarządzania zawartością stron. W tym celu należy najechać myszką na napis Strony w prawym, górnym rogu okna przeglądarki i wybrać Panel sterowania w wysuwanym menu. Następnie z menu po lewej stronie wybieramy Zawartość stron. 94

95 Znajdujemy się teraz w tym samym miejscu, w którym byliśmy po wejściu przez menu Zarządzaj > Zawartość. DODAWANIE KOMUNIKATU Z listy szablonów wybieramy 02 Komunikat (Globalny). Po wybraniu szablonu wyświetli się nam formularz edycji nowej treści z konkretnymi polami. W pierwszym polu formularza wpisujemy nazwę pod jaką treść będzie widoczna w bazie zawartości stron. W polu tytul podajemy tytuł komunikatu, a w pole streszczenie wpisujemy ewentualnie streszczenie komunikatu. W kolejnym etapie wpisujemy nazwę nagłówka komunikatu w polu naglowek. 95

96 Nasz artykuł może składać się z kilku różnych treści oznaczonych różnymi nagłówkami. Aby móc dodać kolejne treści, na prawo od napisu naglowek, klikamy zieloną ikonkę plusa. Każdorazowe kliknięcie doda do naszego artykułu dodatkowe pola formularzy Nagłówek i Treść. Niżej mamy możliwość wstawiania plików do naszego komunikatu. Plik należy wcześniej załadować do biblioteki dokumentów (więcej w tutorialu Dodawanie plików). W pole plik-tytul wpisujemy nazwę pliku, klikając Wybierz obok plik-link wybieramy żądany plik, natomiast w pole plik-rodzaj wpisujemy rodzaj naszego pliku (pdf, doc, xls, rtf). Dzięki temu, że wypełnimy pole plik-rodzaj obok linku do ściągnięcia naszego pliku pokaże się ikonka identyfikująca dane rozszerzenie. Dalej wpisujemy treść komunikatu oraz dodajemy ewentualne grafiki. Po wprowadzeniu treści do pól formularza należy odpowiednio wypełnić część Streszczenie, do której odnośnik znajduje się po prawej stronie na górze strony. 96

97 W polu Podsumowanie wpisujemy podsumowanie komunikatu. Jeżeli chcemy, by przy komunikacie wyświetlała się miniaturka, zaznaczamy checkbox Użyj miniaturki. Możemy wpisać URL miniaturki (kopiując go ze strony z naszym obrazkiem) lub dodać obrazek z dysku. Dobrze, jeśli grafika będzie mieć odpowiednie rozmiary 70 x 56 pikseli. Proszę pamiętać, by grafika miała odpowiednie rozmiary. Następnie należy odpowiednio wypełnić Kategoryzację. 97

98 Wybieramy Typ: Komunikaty. W polu Tagi wpisujemy lub wybieramy (za pomocą przycisku Wybierz ) interesujące nas tagi. Jeżeli wybierzemy tag: Studenci komunikat ten pojawi się na stronie: oraz Doktoranci komunikat pojawi się: Pracownicy komunikat pojawi się na: Po zakończeniu dodawania treści zapisujemy i publikujemy cały artykuł. 98

99 LISTA KOMUNIKATÓW Z listy szablonów wybieramy 15 Lista komunikatów (Zasoby globalne). W pole Nazwa (Wymagane) wpisujemy nazwę, pod jaką treść będzie widoczna w bazie zawartości stron. tytul to nazwa naszej strony, która będzie wyświetlana na jej początku. Następnie podajemy ilość ogłoszeń jaka ma się wyświetlać na jednej stronie. W polu Organizacje podajemy numery SAP organizacji których komunikaty mają się wyświetlać na naszej liście. W celu uzyskania listy numerów, które są Państwu potrzebne prosimy o wysłanie maila na adres portal@uj.edu.pl. Na przykład dla Zespołu Portalu Uniwersyteckiego jest to numer W przypadku kilku numerów podajemy je wymieniając po przecinku, bez spacji. 99

100 Grupy. W tym miejscu podajemy ID witryn, z których mają pochodzić komunikaty. W celu odnalezienia ID witryny wchodzimy do Panelu Sterowania i w menu po lewej stronie odnajdujemy Witryny. Z listy witryn wybieramy tą, której ID jest nam potrzebne klikając na jej nazwę. ID witryny wyświetla się na dole. Kopiujemy ten numer i wklejamy w pole grupy. 100

101 Jeśli nie mają Państwo podstrony Witryny w swoim panelu sterowania prosimy o kontakt (portal@uj.edu.pl) podamy odpowiednie ID. W polu tag podajemy listę tagów (zwanych również etykietami), np. pracownicy. W tym miejscu podajemy jaka informacja ma się pokazywać użytkownikom w przypadku braku komunikatów, np. Brak komunikatów.. LISTA KOMUNIKATÓW NA STRONIE GŁÓWNEJ Z listy szablonów wybieramy 16 Lista komunikatów na stronie głównej (Zasoby globalne). Wypełniamy wszystkie pola zgodnie z opisami podanymi wyżej, w części Lista komunikatów. W pole adres-portletu wstawiamy adres naszego portletu dodając na początku 101

102 Jak znaleźć adres portletu? Wchodzimy na stronę, na której mają być wyświetlane nasze komunikaty, np. Wchodzimy w edycję treści, która zawiera listę komunikatów, klikając na przycisk (znajduje się ona pod treścią). Następnie klikamy Powrót po prawej stronie (jak na poniższym obrazku). Z okna przeglądarki kopiujemy adres, który się tam wyświetlił, ale bez początkowego adresu czyli zaczynamy od tekstu, który jest po uj.edu.pl. Wklejamy tekst do pola adres-portletu, po 102

103 STOPKA Stopka to element znajdujący się u dołu strony, na całej szerokości jej zawartości. Na stałe znajduje się w niej napis Uniwersytet Jagielloński w lewym rogu oraz pole redakcja strony w prawym. Dodatkowo stopka może zawierać odnośniki do stron zewnętrznych (znajdujących się poza serwisem do stron wewnętrznych (podstron w obrębie serwisu) oraz linki w postaci ikonek m.in. do profilu na Facebooku lub kanału na YouTube. REDAKCJA STRONY Pole redakcja strony jest stałym elementem stopki na stronach Uniwersytetu. Po kliknięciu w nie pojawia się pasek zawierający imię, nazwisko i stanowisko osoby odpowiedzialnej za treści zamieszczone na stronie lub jej adres . Pole redakcji uzupełniamy w następujący sposób: Na pasku narzędzi (dockbarze) najeżdżamy kursorem myszy na Zarządzaj i klikamy w Strona. 103

104 Po pojawieniu się okna Zarządzaj stroną z prawej strony wybieramy zakładkę Ustawienia dodatkowe. Następnie uzupełniamy pole Redakcja strony i zapisujemy zmiany klikając przycisk Zapisz, znajdujący się po prawej stronie okna. To, co umieścimy pomiędzy znacznikami <b> i </b> będzie napisane pogrubionym tekstem. <br /> oznacza przejście do nowej linii. Zawartość pola Redakcja strony uzupełniane jest dla każdej strony/podstrony z osobna. Umożliwia to przypisanie autorstwa treści różnym osobom w obrębie jednego serwisu. 104

105 STOPKA Aby w stopce można było umieścić linki/odnośniki, trzeba stworzyć specjalną podstronę. Na pasku narzędzi najeżdżamy kursorem myszy na Zarządzaj i klikamy w Strona. Następnie dodajemy stronę, która będzie przechowywała dla nas podstrony związane ze stopką. Klikamy na napis Strony publiczne, a następnie przycisk Dodaj stronę. Uzupełniamy formularz dodawania nowej strony. W pole Nazwa (Wymagany) wpisujemy #02stopka-nawigacja. Następnie klikamy Dodaj stronę. 105

106 LINKI W STOPCE W stopce możemy umieścić 4 rodzaje linków: link do nowej, pustej podstrony w naszej witrynie, link do podstrony już istniejącej w naszej witrynie, link do strony zewnętrznej, spoza witryny linki z ikonkami do profilu na Facebooku, YouTube itp. LINK DO NOWEJ PODSTRONY Na pasku narzędzi najeżdżamy kursorem myszy na Zarządzaj i klikamy w Strona. W drzewie stron po lewej stronie wybieramy #02stopka-nawigacja. Następnie w celu dodania podstrony klikamy na Dodaj stronę podrzędną i uzupełniamy formularz. W polu Nazwa wpisujemy nazwę strony, do której odnośnik ma wyświetlić się w stopce obok napisu Redakcja strony. Pozostałe pola pomijamy, a Typ zostawiamy taki, jak jest Portlet. 106

107 W ten sposób stworzyliśmy nową pustą podstronę, do której odnośnik znajduje się w stopce. Należy pamiętać, że link do niej nie pojawi się ani w menu głównym, ani w żadnym z menu bocznych. Nowo stworzoną podstronę możemy wypełnić dowolną treścią. LINK DO STRONY ZEWNĘTRZNEJ Strona zewnętrzna to strona spoza domeny Aby dodać w stopce link do niej: Na pasku narzędzi najeżdżamy kursorem myszy na Zarządzaj i klikamy w Strona. W drzewie stron wybieramy #02stopka-nawigacja. Następnie w celu dodania podstrony klikamy w Dodaj stronę podrzędną. Uzupełniamy formularz nowej strony. W polu Nazwa wpisujemy nazwę pod jaką link ma wyświetlić się w stopce. Poprzez kliknięcie ikonki rozwijamy listę przy polu Typ i wybieramy/klikamy w URL. 107

108 Następnie w drzewie stron wybieramy nowo utworzoną podstronę. W tym celu poprzez kliknięcie ikonki rozwijamy listę podstron przy #02stopka-nawigacja i klikamy w nazwę podstrony. Następnie w zakładce Szczegóły uzupełniamy pole URL adresem do strony do której ma prowadzić link. Zapisujemy ustawienia, klikając przycisk Zapisz znajdujący się po prawej stronie okna. Należy pamiętać, aby adres URL zawierał przedrostek W innym przypadku system doklei na początku adresu i odnośnik nie będzie działał prawidłowo. 108

109 LINK DO STRONY WEWNĘTRZNEJ Strona wewnętrzna, to strona znajdująca się w obrębie witryny Aby dodać do niej link w stopce: Na pasku narzędzi najeżdżamy kursorem myszy na Zarządzaj i klikamy w Strona. W drzewie stron wybieramy #02stopka-nawigacja. Następnie w celu dodania podstrony klikamy w Dodaj stronę podrzędną. Uzupełniamy formularz nowej strony. W polu Nazwa wpisujemy nazwę pod jaką link ma wyświetlić się w stopce. Poprzez kliknięcie ikonki i wybieramy/klikamy w Link do strony. rozwijamy listę przy polu Typ, Następnie w drzewie stron wybieramy nowo utworzoną podstronę. W tym celu poprzez kliknięcie ikonki rozwijamy listę podstron przy #02stopka-nawigacja i klikamy w nazwę podstrony. 109

110 W zakładce Szczegóły, rozwijamy listę stron znajdujących się w naszej witrynie. W tym celu klikamy ikonkę przy polu Odnośnik do strony. Wybieramy nazwę strony do której ma prowadzić link w stopce. Zapisujemy ustawienia, klikając przycisk Zapisz znajdujący się po prawej stronie okna. 110

111 IKONKI W STOPCE W stopce można zamieścić odnośniki w postaci ikonek np. do kanału na YouTube lub profilu na Facebooku. Na pasku narzędzi najeżdżamy kursorem myszy na Zarządzaj i klikamy w Strona. Z zakładek po prawej stronie wybieramy Wygląd i zachowanie. Zaznaczamy opcję Zdefiniuj wygląd i zachowanie dla tej strony. Następnie edytujemy część zatytułowaną Ustawienia, która znajduje się pod częściami Bieżący motyw i Paleta kolorów (2). 111