SCHEMATY STRON. Baner Nawigacja Nawigacja okruszkowa Prawa kolumna zobacz również Boksy Zwykła strona...

Transkrypt

1 SCHEMATY STRON SPIS TREŚCI Baner... 3 Nawigacja... 6 Nawigacja okruszkowa... 9 Prawa kolumna zobacz również Boksy Zwykła strona Strona bez podstron

2 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. 2

3 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. 3

4 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. 4

5 5

6 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. 6

7 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. 7

8 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. 8

9 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. 9

10 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. 10

11 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. 11

12 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. 12

13 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. 13

14 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. 14