Spis treści. Instrukcja obsługi NetPanel 1

Transkrypt

1 Spis treści 1. Wstęp...2 Przygotowanie przeglądarki do korzystania z systemu...2 Logowanie do systemu Struktura NETPanelu...4 Menu główne serwisu...4 Zarządzanie zawartością grup...4 Struktura grupy...7 Elementy interaktywne serwisu...15 Ankieta...15 Forum...16 Newsletter...17 Elementy dodatkowe...19 Podstrony dynamiczne...19 Explorator...20 Administrator...22 Monitor Właściwości edytora tekstowego O czym każdy administrator wiedzieć powinien Czego dobry administrator robić nie powinien...29 Instrukcja obsługi NetPanel 1

2 1. Wstęp Panel Administracyjny (CMS - Content Management System) dla serwisu internetowego ma na celu ułatwić wprowadzanie i modyfikację treści na stronach www. Jego głównym atutem jest prostota obsługi. Nie wymaga od redaktora znajomości arkanów wykonywania stron internetowych i zagłębiania się w szczegóły języków hipertekstowych. Nie ma potrzeby również stosowania dodatkowego oprogramowania, które w obecnym czasie jest - z jednej strony wysokozaawansowane technicznie, z drugiej zaś stanowi poważny koszt pozyskania. Omawiany Panel wymaga jedynie przeczytania niniejszej instrukcji oraz praktycznego zaznajomienia się z jego obsługą. Intuicyjna obsługa oraz szeroko stosowany opis wszystkich funkcji sprawia, że Panel jest przyjazny dla każdego. Aby praca z panelem stała się efektywna oraz dawała możliwość sprawdzania na bieżąco wyników pracy w panelu, należy otworzyć dwa okna przeglądarki, wpisując odpowiednio: 1. adres strony właściwej (strona wynikowa); 2. adres panelu administracyjnego do naszej strony (strona robocza ). Pozwoli to administratorowi (redaktorowi) na bieżące kontrolowanie wprowadzanych treści na stronie wynikowej. Wszystkie dane niezbędne do zalogowania otrzymają/otrzymali Państwo pocztą elektroniczną na podane w zamówieniu konto pocztowe lub listem tradycyjnym na adres placówki po uruchomieniu strony www i skonfigurowaniu serwera www i/lub poczty. Obsługa systemu jest prosta i intuicyjna. Nawet osoba posiadająca podstawową wiedzę dotyczącą obsługi komputera może aktualizować dane na stronie z dowolnego komputera podłączonego do internetu, a wprowadzone zmiany będą widoczne na stronie po zatwierdzeniu przyciskiem Dodaj/Aktualizuj. Korzystanie z panelu administracyjnego NETPanel możliwe jest w wielu przeglądarkach nowszej generacji - Internet Explorer począwszy od wersji 7.0 (prosimy o zaktualizowanie starszych wersji przeglądarki, aby wszystkie zaimplementowane w systemie funkcje mogły poprawnie działać), Mozilla Firefox, Opera lub Safari. Przygotowanie przeglądarki do korzystania z systemu Uruchomienie panelu administracyjnego wymaga włączenia w przeglądarce internetowej: - obsługi JavaScript *Internet Explorer: Narzędzia Opcje internetowe zakładka Zabezpieczenia Internet Poziom niestandardowy Obsługa skryptów Wykonywanie aktywnych skryptów *Firefox: Narzędzia Opcje Treść Włącz obsługę JavaScript - obsługi ciasteczek [cookies] * Internet Explorer: Narzędzia Opcje internetowe zakładka Prywatność Zaawansowane Firefox: Narzędzia Opcje zakładka Prywatność Ciasteczka. Logowanie do systemu NETPanel do obsługi Państwa serwisu uruchamia się poprzez wpisanie w pasek adresu

3 przeglądarki internetowej adresu Państwa strony www /panel: np. Po pojawieniu się winiety logowania należy wpisać: - W polu Użytkownik swoją nazwę użytkownika, - W polu Hasło przydzielone hasło. Przypominamy: Wszystkie dane niezbędne do zalogowania otrzymają/otrzymali Państwo pocztą elektroniczną na podane w zamówieniu konto pocztowe lub listem tradycyjnym na adres placówki po uruchomieniu strony www i skonfigurowaniu serwera www i/lub poczty. Jeśli wprowadzona nazwa użytkownika i hasło są prawidłowe, nastąpi przekierowanie do strony startowej panelu administracyjnego. Wielkość użytych do logowania liter ma znaczenie! Jeśli mimo wpisania właściwych danych, sprawdzeniu ustawień przeglądarki i stanu połączenia z internetem nie nastąpiło przekierowanie prosimy o kontakt: tel lub ; fax lub pomoc@szkolnastrona.pl. Rys. Wygląd winietki logowania do NETPanelu

4 2. Struktura NETPanelu Menu główne serwisu Każda utworzona pozycja (grupa) menu serwisu może być: stroną tekstową, zbiorem artykułów/aktualności, galerią zdjęć, zbiorem stron tekstowych, zbiorem plików do pobrania. Może być również kombinacją kilku z wymienionych elementów lub jeśli istnieje taka potrzeba grupa może zawierać je wszystkie. Grupa może być zbudowana z dodatkowych podgrup, które z kolei mogą mieć postać strony tekstowej (tekst + zdjęcia), zbioru artykułów/aktualności (podstrona zbudowana z tekstu, zdjęcia do powiększenia i zajawki wprowadzenia do artykułu), galerii zdjęć, zbioru plików do pobrania czy kombinacji wyżej wymienionych. Tak zbudowanych zagnieżdżeń grup i podgrup może być nieskończenie wiele, ponieważ każda nowo dodana ma takie same możliwości rozbudowywania jak grupa główna. Zarządzanie zawartością grup W NETPanelu możliwe jest dodawanie od 1 do nieskończonej liczby zagnieżdżeń grup. Możliwa jest zmiana kolejności wyświetlania grup (pozycji w menu) należy ustawić żądaną kolejność w kolumnie Pozycja i zatwierdzić przyciskiem Zmień. Klikając w nazwę grupy przejdziemy do jej szczegółowych ustawień. Za pomocą ikony edycji możemy zmienić nazwę grupy oraz jej treść, która będzie widoczna na górze strony, do której odsyła. Rys. Widok grup głównych

5 Struktura grupy pozycji w menu Każda z pozycji menu posiada następującą strukturę, widoczną po kliknięciu w nazwę grupy (rys. Zawartość grupy): grupa (nasza pozycja w menu) _ artykuły/aktualności _ galerie _ podstrony tekstowe _ pliki do pobrania Rys. Zawartość grupy Dodawanie nowej pozycji w menu Dodając nową grupę (poleceniem Dodaj grupę) należy wypełnić pola formularza: Grupa należy wybrać, czy będzie to element menu czy element już utworzonej grupy/zakładki Nazwa podać nazwę grupy (podstrony lub pozycji w menu), która będzie wyświetlana w menu strony; Nazwa linku pole nieobowiązkowe (zalecamy pozostawić to pole puste) nazwa, którą podamy w tym miejscu pojawi się w pasku adresu przeglądarki www. Tekst w tym polu należy podać główną treść strony. Edytor posiada najczęściej używane funkcje a ich oznaczenia przypominają ikony z popularnych edytorów tekstowych, np. Word. Z łatwością wykonany więc pożądane operacje. Jedną z najbardziej przydatnych funkcji jest możliwość kopiowania dokumentów bezpośrednio z Word'a. Pozwala na przeniesienie treści z tego edytora i zachowanie jednocześnie ich formatowania. Oszczędza czas aktualizacji strony www i zapobiega przenoszeniu do panelu dodatkowych, ale zbędnych znaczników i rozbudowanego kodu dokumentów typu.doc, zwiększających ich objętość i utrudniających późniejszą edycję. Tym samym przenoszenie dokumentów jest mniej uciążliwe. Adres URL służy przekierowaniu na inny, zewnętrzny adres www. Jeśli nowo dodana grupa ma za zadanie skierować użytkownika do strony np. wyszukiwarki Google, nie ma potrzeby uzupełniać pozycji Tekst, ponieważ nie zostanie ona wyświetlona na stronie. Pozycja w menu będzie odnośnikiem do innej strony. Wpisany adres powinien posiadać pełny format, np.

6 Rys. Formularz dodania grupy Edycja grupy pozycji w menu Aby zaktualizować/wprowadzić zmiany w istniejącej grupie należy użyć ikony edycji. Formularz edycji grupy jest identyczny z tym, który należy wypełnić podczas dodawania grupy (patrz rysunek powyżej). Podczas edycji grupy pojawia się dodatkowe pole o nazwie: Pokazać? - służy do włączenia lub wyłączenia pozycji w serwisie www. Odznaczenie tego okienka spowoduje, że nazwa grupy nie wyświetli się w menu serwisu.

7 Rys. Formularz edycji grupy Dokonane zmiany zatwierdzamy przyciskiem Aktualizuj. Usuwanie grupy Do usuwania grupy (strony tekstowej) służy ikona. UWAGA! Jeśli w grupa w swej strukturze posiada artykuły/aktualności, galerie, pliki do pobrania, dodatkowe podstrony tekstowe, etc. - one również zostaną usunięte! Usunięcie jest operacją nieodwracalną! Okno przeglądu grup Na liście istniejących/dodanych grup (stron tekstowych) możemy ustalić kolejność ich wyświetlania w menu serwisu www oraz wybrać pozycje, które zostaną na stronie wyświetlone (patrz: Rys. Widok grup głównych).

8 Struktura grupy Aktualności i wydarzenia W NETPanel możliwe jest dodawanie od 1 do nieskończonej ilości artykułów/aktualności. Zaleca się wprowadzanie bieżących wydarzeń w tej formie. Istnieje wówczas możliwość wyświetlenia wszystkich aktualności z serwisu na stronie głównej oraz przenoszenie ich w inne miejsce strony, łatwe zarchiwizowanie a ich budowa pozwala najefektywniej przedstawić zamieszczaną informację. Dodawanie aktualności i wydarzeń Aby dodać aktualność w grupie należy kliknąć w nazwę grupy. Jeśli grupa nie zawiera podgrup pojawi się od razu podręczne menu. Należy wybrać (w nawiasie wyświetla się liczba utworzonych aktualności w danej grupie). Wybieramy Dodaj pozycję. Formularz zawiera pola (patrz: Rys. Dodanie artykułu do grupy): Pozycja za pomocą tego pola ustalimy kolejność wyświetlania aktualności w serwisie. Nazwa tytuł wydarzenia do wyświetlenia na stronie www. Nazwa linku pole nieobowiązkowe (zalecamy pozostawić to pole puste) nazwa, którą podamy w tym miejscu pojawi się w pasku adresu przeglądarki www. Tekst w tym polu należy podać główną treść artykułu. Edytor posiada najczęściej używane funkcje a ich oznaczenia przypominają ikony z popularnych edytorów tekstowych. Z łatwością wykonany więc pożądane operacje. Jedną z ciekawych i przydatnych funkcji jest możliwość kopiowania dokumentów bezpośrednio z Word'a. Pozwala na przeniesienie treści z tego edytora i zachowanie jednocześnie ich formatowania. Oszczędza czas aktualizacji strony www i zapobiega przenoszeniu do panelu dodatkowych, ale zbędnych znaczników i rozbudowanego kodu dokumentów typu.doc, zwiększających ich objętość i utrudniających późniejszą edycję. Tym samym przenoszenie dokumentów jest mniej uciążliwe. Zajawka tekst wprowadzający do artykułu, z którego prowadzi odnośnik do pełnej treści aktualności. Data wyświetlania program daje możliwość ustalenia daty początkowej i końcowej, czyli ustalenia czasu emisji artykułu w serwisie. Możemy zatem przygotować artykuły z wyprzedzeniem, ustawić dla nich czas wyświetlania, a pojawią się w serwisie we właściwym momencie, bez naszej dodatkowej ingerencji. Jeśli artykuł ma być wyświetlany na stronie www przez cały czas, pola należy pozostawić puste lub wypełnione

9 Rys. Dodanie artykułu do grupy Dodawanie galerii zdjęć do artykułu Do każdego artykułu można dołączyć od 1 do nieskończonej ilości zdjęć. Aby dodać galerię zdjęć do artykułu należy z kolumny o tytule Akcja (zawiera rodzaje operacji możliwych do wykonania) użyć ikony Galeria zdjęć (lub w widoku edycji artykułu kliknąć ikonę - Galeria zdjęć). Rys. Ikony do zarządzania aktualnością

10 W nowym otwartym oknie należy wybrać ilość zdjęć do jednorazowego przesłania (maksymalnie 5). Procedurę należy powtarzać dotąd, aż wszystkie zdjęcia zostaną przesłane na serwer. Opis pól dla każdego zdjęcia: Plik przy pomocy przycisku Przeglądaj należy wybrać zdjęcie do umieszczenia na stronie z dysku komputera lokalnego. Aby zapewnić prawidłowe działanie modułu pobierania plików upewnijmy się, czy nazwa pliku nie zawiera polskich liter. Należy zwrócić uwagę na rozmiar pliku do przesłania. Nie należy przekraczać 1MB wielkości zdjęcia. Zaleca się kompresować zdjęcia do rozmiaru kilui- kilkudziesięsiu kilobajtów. Nazwa w tym polu można wpisać dowolną nazwę opisującą plik, który będziemy wysyłać na serwer pole nieobowiązkowe, może pozostać nieopisane. Kompresja ma wpływ na jakość i rozmiar zdjęcia. Im większa kompresja tym zdjęcie ma mniejszy rozmiar (w kb) ale kosztem jakości. Do wyboru 3 wartości: wysoka średnia (ustawiona domyślnie) niska Zdjęcie można usunąć z listy. Usunięcie jest nieodwracalne!. Dla każdego zdjęcia możemy ustalić pozycję, na której ma się znajdować (klikając w ikonę ) - ustawić kolejność wyświetlania. Bez względu na kolejność wyświetlania można ustalić zdjęcie wiodące, tzn. takie, które będzie się pojawiało w serwisie jako pierwsze np. przy tytule i zajawce artykułu. Rys. Widok formatki dodawania zdjęć (wybrano dodanie dwóch pozycji) Operację kończymy poleceniem Kopiuj. O poprawności przeprowadzonej operacji zostaniemy poinformowani odpowiednim komunikatem.

11 Rys. Formularz edycji zdjęcia w galerii Edycja aktualności Kliknij Pokaż wszystkie pozycje, następnie ikonę przy aktualności, którą zamierzamy edytować. Formularz edycji aktualności jest identyczny z tym, który należy wypełnić podczas jego dodawania. Dodatkowe pola: Pokazać? - służy do włączenia lub wyłączenia danej pozycji w serwisie www. Odznaczenie tego okienka spowoduje, że nazwa artykułu nie wyświetli się na stronie, tym samym nie będzie udostępniona użytkownikom. Galeria zdjęć odnośnik do zarządzania zdjęciami Usuwanie artykułu Usuwanie następuje po kliknięciu ikony. UWAGA! Jeśli w aktualności znajduje się galeria ze zdjęciami one również zostaną usunięte! Przegląd aktualności Podgląd listy aktualności zawiera 4 kolumny: 1. Zaznacz wszystkie/odznacz wszystkie Zaznaczone - kolumna służy do szybkiego zaznaczania i usuwania aklualności jednej, kilku wybranych lub wszystkich (Zaznacz wszystkie). Uwaga! - usunięcie jest nieodwracalne! 2. Poz. - informuje o kolejności wyświetlania artykułów na stronie www 3. Nazwa tytuł artykułu/aktualności 4. Akcja zawiera zestawienie możliwych z tego poziomu do wykonania operacji na artykule: - edycja/aktualizacja artykułu - usuwanie artykułu - dodawanie zdjęcia - zmiana kolejności wyświetlania artykułów przenoszenie na niższą lub wyższą

12 pozycję. Rys. Widok listy artykułów Galerie W NETPanel możliwe jest dodawanie od 1 do nieskończonej ilości galerii. Dodawanie galerii Aby dodać galerię w grupie należy kliknąć w nazwę grupy. Jeśli grupa nie zawiera podgrup pojawi się podręczne menu. Należy wybrać menu Galerie. Obok, w nawiasie znajduje się liczba utworzonych galerii. Wybieramy Dodaj pozycję. W formularzu pojawią się pola: Pozycja pole określa na której pozycji w kolejności ma znajdować się galeria. Nazwa tytuł galerii Nazwa linku pole nieobowiązkowe (zalecamy pozostawić to pole puste) nazwa, którą podamy w tym miejscu pojawi się w pasku adresu przeglądarki www. Tekst w tym polu można wprowadzić dodatkowe treści do galerii. Komponent do edycji posiada najczęściej używane funkcje a ich oznaczenia przypominają ikony z popularnych edytorów tekstowych. Z łatwością wykonany więc pożądane operacje. Jedną z ciekawych i przydatnych funkcji jest możliwość kopiowania dokumentów bezpośrednio z Word'a. Pozwala na przeniesienie treści z tego edytora i zachowanie jednocześnie ich formatowania. Oszczędza czas aktualizacji strony www i zapobiega przenoszeniu do panelu dodatkowych, ale zbędnych znaczników i rozbudowanego kodu dokumentów typu.doc, zwiększających ich objętość i utrudniających późniejszą edycję. Tym samym przenoszenie dokumentów jest mniej uciążliwe.

13 Dodawanie zdjęć do galerii Rys. Formularz dodania galerii Do każdej galerii można dołączyć od 1 do nieskończonej ilości zdjęć. Zdjęcia można dodać do wcześniej stworzonej galerii. W tym celu należy kliknąć ikonę (lub w widoku edycji kliknąć Galeria zdjęć). W nowootwartym oknie należy wybrać ilość zdjęć do jednorazowego przesłania (maksymalnie 5). Opis pól dla każdego zdjęcia: Plik przy pomocy przycisku Przeglądaj należy wybrać zdjęcie do umieszczenia na stronie z dysku komputera lokalnego. Aby zapewnić prawidłowe działanie modułu pobierania plików upewnijmy się, czy nazwa pliku nie zawiera polskich liter. Należy zwrócić uwagę na komunikat u dołu formularza, informujący o maksymalnym rozmiarze plików przy jednorazowym kopiowaniu. Wartość ta jest ustawiana w konfiguracji PHP i nie należy jej przekraczać. Nazwa w tym polu można wpisać dowolną nazwę opisującą plik, który będziemy wysyłać na serwer pole nieobowiązkowe, może pozostać nieopisane. Kompresja ma wpływ na jakość i rozmiar zdjęcia. Im większa kompresja tym zdjęcie ma mniejszy rozmiar (w kb) ale kosztem jakości. Do wyboru 3 wartości: wysoka średnia (ustawiona domyślnie) niska Każde zdjęcie można usunąć z listy. Usunięcie jest nieodwracalne!. Każdemu zdjęciu można przypisać pozycję, na której ma się znajdować (klikając w ikonę ). Bez względu na kolejność można ustalić zdjęcie wiodące, tzn. takie, które będzie się pojawiało w serwisie jako pierwsze, np. przy tytule galerii.

14 Rys. Widok formatki dodawania zdjęć (wybrano dodanie dwóch pozycji) Edycja galerii Kliknij Pokaż wszystkie pozycje, następnie w ikonę operacji dodawania z dodatkowym polem:. Pojawi się formularz podobny jak przy Pokazać? - służy do włączenia lub wyłączenia danej pozycji w serwisie www. Odznaczenie tego okienka spowoduje, że nazwa galerii nie wyświetli się w serwisie, tym samym nie będzie udostępniona użytkownikom. Galeria zdjęć odnośnik do zarządzania zdjęciami Usuwanie galerii Usuwanie następuje po kliknięciu w ikonę. UWAGA! Wszystkie zdjęcia również zostaną usunięte! Przegląd galerii Na liście galerii, można dodatkowo ustalić kolejność wyświetlania poprzez klikanie na ikony strzałek, przesuwając pozycję w górę i w dół. Pliki do pobrania W NETPanelmożliwe jest dodawanie od 1 do nieskończonej ilości plików do pobrania. Dodawanie plików Aby dodać pliki do pobrania do danej grupy należy kliknąć w nazwę grupy. Jeśli grupa nie zawiera podgrup pojawi się podręczne menu. Należy wybrać menu Pliki do pobrania. Obok, w nawiasie, znajduje się liczba już skopiowanych plików. Z listy rozwijanej wybieramy ile plików jednorazowo chcemy przesłać (maksymalnie 10) i klikamy OK. Należy zwrócić uwagę na komunikat znajdujący się na samym dole formularza, mówiący o tym jaki jest maksymalny rozmiar plików przy jednorazowym kopiowaniu. Wartość ta jest ustawiana w konfiguracji PHP. Nazwa wyświetlana pliku w tym polu należy wpisać dowolną nazwę opisującą plik, który będziemy wysyłać na serwer (np. Katalog produktów 2007). Należy zauważyć, że ta nazwa może być różna od nazwy pliku (np. katalog_2007.pdf) Plik przy pomocy przycisku Przeglądaj wybieramy plik z dysku komputera

15 lokalnego. Aby zapewnić prawidłowe działanie modułu pobierania plików upewniamy się, czy nazwa pliku nie zawiera polskich liter. Po uzupełnieniu pól formularza zatwierdzamy operację klikając Kopiuj. Jeśli istnieją dodane pliki do pobrania wyświetli się ich lista łącznie z przypisaną im nazwą wyświetlaną oraz ich rozmiarem. Rys. Formularz dodania plików (wybrano 4 pozycje) Usuwanie plików Aby usunąć wybrane pliki, należy zaznaczyć je na liście oraz kliknąć ikonkę usunięcie zaznaczonych pozycji. oznaczającą Podstrony W NETPanel możliwe jest dodawanie od 1 do nieskończonej ilości podstron tekstowych. Dodawanie podstron Aby dodać podstrony do danej grupy należy kliknąć w nazwę grupy. Jeśli grupa nie zawiera podgrup pojawi się podręczne menu. Należy wybrać menu Podstrony. Obok, w nawiasie znajduje się liczba już istniejących podstron tekstowych. Po kliknięciu zobaczymy menu podręczne oraz listę wprowadzonych wcześniej pozycji. Aby dodać kolejną należy wybrać opcję Dodaj pozycję, a następnie uzupełnić następujące pola: Nazwa tytuł podstrony Nazwa linku - nazwa linku która pojawi się w pasku adresu przeglądarki www. Tekst w tym polu należy podać główną treść podstrony. Komponent do edycji posiada najczęściej używane funkcje a ich oznaczenia przypominają ikony z popularnych edytorów tekstowych. Z łatwością wykonany więc pożądane operacje. Jedną z ciekawych i przydatnych funkcji jest możliwość kopiowania dokumentów bezpośrednio z Word'a. Pozwala na przeniesienie treści z tego edytora i zachowanie jednocześnie ich formatowania. Oszczędza czas aktualizacji strony www i zapobiega przenoszeniu do panelu dodatkowych, ale zbędnych znaczników i rozbudowanego

16 kodu dokumentów typu.doc, zwiększających ich objętość i utrudniających późniejszą edycję. Tym samym przenoszenie dokumentów jest mniej uciążliwe. Rys. Formularz dodania podstrony Usuwanie podstron Usuwanie następuje po kliknięciu w ikonę na liście wyświetlonych podstron. Aby usunąć kilka podstron za pomocą jednej operacji należy zaznaczyć pozycje przeznaczone do usunięcia oraz kliknąć na ikonę znajdującą się pod listą wszystkich podstron. Edycja podstrony Kliknij Pokaż wszystkie pozycje, następnie w ikonę operacji dodawania umożliwiający zmianę danych.. Pojawi się formularz podobny jak przy Po kliknięciu Pokaż wszystkie pozycje mamy również możliwość zmiany pozycji danej podstrony za pomocą ikonek strzałek. Strzałka w górę przesuwa podstronę na wcześniejszą pozycję, a strzałka w dół odpowiednio na dalszą pozycję. Elementy interaktywne serwisu Ankieta Ankieta ma możliwość zdefiniowania jednego pytania z nieograniczoną ilością odpowiedzi. Należy wypełnić następujące pola: Pytanie - dowolny nieformatowany tekst o maksymalnej długości 255 znaków Odpowiedzi - odpowiedzi powinny być krótkie (ze względu na wygląd estetyczny strony internetowej) i oddzielone przecinkiem. Głosy - początkowa wartość ilości oddanych głosów. Ilość głosów musi się zgadzać z

17 ilością odpowiedzi oraz muszą być oddzielone przecinkiem. Pokazać - wartość "tak" lub "nie". Ustawienie tego okienka na nie spowoduje, że nazwa artykuły nie wyświetli się w menu serwisu, tym samym nie będzie udostępniona użytkownikom. Rys. Formularz ankiety Forum W dziale forum Możesz zakładać dowolną ilość forów o określonym temacie. Dodawanie forum. Należy kliknąć Dodaj forum i wypełnić pola: Temat temat forum Tekst rozwinięcie tematu w formie opisowej Rys. Formularz dodania forum Edycja tematu forum.

18 Należy kliknąć ikonę i wypełnić pola: Temat temat forum Tekst rozwinięcie tematu w formie opisowej Przeglądanie tematów forum Należy kliknąć w nazwę forum. Na liście pojawią się tematy zamieszczane przez internautów. Każdy temat można zredagować klikając ikonę edycji oraz usunąć. UWAGA! Wraz z usuwaniem tematu zostaną usunięte wszystkie jego wątki! Przeglądanie wątków tematu Należy kliknąć w nazwę forum a następnie w temat. Na liście pojawią się wątki zamieszczane przez internautów. Każdy wątek można zredagować klikając ikonę edycji lub usunąć Jednocześnie zachowana zostaje funkcjonalność forum, dzięki której można zamieszczać własne wypowiedzi. Newsletter Newsletter jest to moduł umożliwiający wysyłanie wiadomości do osób, które zapisały się na listę mailingową na stronie lub zostały dodane do niej poprzez panel. Po wejściu w moduł Newslettera mamy do wyboru następujące opcje: Pokazanie całej listy Wyświetlone zostaną wszystkie adresy wprowadzone na listę. Z tego miejsca możliwe jest usunięcie osoby z listy mailingowej za pomocą ikonki. Rys. Widok listy pozycji w newsletterze. Dodawanie do listy mailingowej Aby dodać nową pozycję do listy mailingowej należy kliknąć Dodaj do listy mailingowej i wypełnić pola: Nazwa jako nazwę można wpisać np. nazwę firmy do jakiej należy osoba, jej funkcję lub dowolną nazwę, po której będziemy mogli dodatkowo zidentyfikować odbiorcę. Imię Nazwisko E mail adres poczty elektronicznej, na jaki wysyłane będą wiadomości z serwisu. Data pozycja dodawana automatycznie. Po wypełnieniu powyższych pól zatwierdzamy operację klikając Dodaj pozycję.

19 Rys Formularz dodania pozycji w newsletterze Wyślij do wybranych Moduł Newslettera umożliwia wysłanie mailingu do wybranych osób. Na liście, która wyświetli się po wybraniu tej opcji należy zaznaczyć osoby, do których chcemy wysłać wiadomość. Możemy również z tego miejsca od razu zaznaczyć wszystkie osoby posługując się linkiem Zaznacz wszystkie. Po wybraniu osób wpisujemy w formularz znajdujący się poniżej temat wiadomości oraz jej treść. Operację zatwierdzamy linkiem Wyślij wiadomość. wysyłania listy do wybranych użytkowników Rys Formularz Wyślij do wszystkich Po wybraniu opcji wysłania mailingu do wszystkich pojawia się szacowany czas rozsyłania wiadomości podany w minutach oraz formularz, w który należy wpisać temat i treść wiadomości, którą chcemy wysłać zapisanym użytkownikom serwisu.

20 Rys Formularz wysłania mailingu do wszystkich osób z listy Elementy dodatkowe Podstrony dynamiczne Są to strony tekstowe, które nie są automatycznie dodawane w serwisie www, tzn. nie wyświetlą się w żadnym z menu: ani w głównym, ani w dodatkowych. Mają taką samą budowę jak inne podstrony serwisu. Pozwalają na tworzenie dodatkowych stron z informacjami, które nie są na tyle istotne, aby umieszczać je w menu, ale na tyle ważne, że warto przybliżyć je użytkownikowi. Pisząc np. o wynikach egzaminu dla sześcioklasistów odnosimy się do poprzedniego roku, ale umieszczenie na tej samej podstronie tamtych wyników wprowadzi zbędne zamieszanie. Możemy wówczas stworzyć podstronę dynamiczną z wynikami z zeszłego roku i z wybranej frazy odesłać czytelnika to tych wyników. Rys. Podstrona dynamiczna Każda stworzona podstrona dynamiczna ma swój adres URL wyświetlany pod jej nazwą, np. Adres url strony: index.php?p=sd&id=6&action=show. Zanim przejdziemy do tekstu, który ma odnosić się do tej strony dynamicznej, należy skopiować jej adres URL. Następnie zaznaczamy wybrany fragment tekstu (możemy także linkować z grafiki, zdjęcia) wybieramy z edytora ikonkę Wstaw/edytuj link URL. (ogniwo łańcucha) i wklejamy skopiowany wcześniej adres w pole Link

21 Rys. Linkowanie do podstrony dynamicznej Dodatkowo możemy ustawić właściwości linku, np. Celt czy strona ma otworzyć się w tym samym czy nowym oknie przeglądarki. Narzędzie to pozwala dodać dowolną ilość stron dynamicznych. Explorator Moduł umożliwiający tworzenie nowych katalogów oraz przegrywanie plików na serwer. Operacje te wykonywane są w obrębie specjalnie wyznaczonego katalogu na serwerze o nazwie container. Na liście plików i folderów wyświetlone są informacje o rozmiarze plików oraz uprawnieniach dla plików i folderów. Rys Widok explorera Utworzenie katalogu Po wybraniu opcji Utwórz katalog pojawia się pole, gdzie należy wpisać nazwę katalogu (bez polskich liter). Operację zatwierdzamy przyciskiem Utwórz. Aby utworzyć katalog wewnątrz innego (wcześniej utworzonego) katalogu należy przejść do tego folderu klikając jego nazwę.

22 Należy zauważyć, że po przejściu do konkretnego katalogu w polu Ścieżka (poniżej menu) pojawia się nazwa katalogu w jakim się znajdujemy: Ścieżka :./nazwa_katalogu Jeśli teraz wybierzemy opcję Utwórz katalog, dodany folder znajdzie się wewnątrz katalogu, w którym aktualnie się znajdujemy. Rys. Formularz dodania katalogu Kopiowanie plików Po wybraniu opcji Kopiuj pliki z listy rozwijanej wybieramy ile plików jednorazowo chcemy przesłać (maksymalnie 10) i klikamy OK. Należy zwrócić uwagę na komunikat znajdujący się na samym dole formularza, mówiący o tym jaki jest maksymalny rozmiar plików przy jednorazowym kopiowaniu. Wartość ta jest ustawiana w konfiguracji PHP. Plik przy pomocy przycisku Przeglądaj wybieramy plik z dysku komputera lokalnego. Aby zapewnić prawidłowe działanie modułu pobierania plików upewniamy się, czy nazwa pliku nie zawiera polskich liter. Po uzupełnieniu pól formularza zatwierdzamy operację klikając Kopiuj. Pliki zostaną przekopiowane do katalogu w jakim się obecnie znajdujemy. Rys. Formularz kopiowania plików (wybrano 4 pliki do przesłania na serwer) Usuwanie plików i katalogów Katalogi i pliki usuwamy za pomocą ikony. UWAGA!: Katalogi są usuwane z całą zawartością! Zmiana nazwy pliku lub katalogu Po wybraniu opcji Odśwież widok i wyświetleniu listy wszystkich plików klikamy ikonkę edycji obok pozycji, której nazwę chcemy zmienić. W formularzu wpisujemy nową nazwę i zatwierdzamy przyciskiem Zmień nazwę.

23 Rys. Formularz zmiany nazwy katalogu/pliku Administrator Jest to miejsce, gdzie możemy dodawać/usuwać użytkowników oraz nadawać/odbierać im uprawnienia. Po wejściu w moduł Administratora domyślnie wyświetlony jest formularz dodania użytkownika oraz (poniżej) lista użytkowników z wyszczególnioną osobą, która posiada uprawnienia administratora serwisu (nie jest możliwe usunięcie takiego użytkownika). Dodawanie użytkowników Aby dodać użytkownika, należy wypełnić formularz znajdujący się po wejściu w moduł administracyjny uzupełniając następujące pola: Imię i nazwisko dane nowego użytkownika Login unikalny login przypisany użytkownikowi Hasło hasło dostępu, które powinno posiadać zarówno duże jak i małe litery oraz cyfry (np. D3G_adYz12) Potwierdź hasło w tym polu należy ponownie wpisać hasło dostępu Rys. Formularz dodania użytkownika Edycja użytkowników Aby edytować dane użytkownika należy kliknąć ikonę edycji przy wybranej osobie oraz wypełnić formularz analogiczny do formularza dodania użytkownika opisanego wcześniej.

24 Rys. Formularz edycji danych użytkownika Usuwanie użytkowników W dowolnym momencie administrator może usunąć wybranego Użytkownika za pomocą ikony. Uprawnienia Każdemu z użytkowników administrator (użytkownik z uprawnieniami administratora) może przydzielić/zmienić dostęp do wybranych elementów panelu. Używając opcji Uprawnienia należy wybrać z rozwijanej listy właściwego użytkownika. Po kliknięciu w jego nazwę program wyświetli listę pozycji, do których można przyznać uprawnienia. Uprawnienia nadajemy zaznaczając daną pozycję, a odbieramy usuwając zaznaczenie. Operację zatwierdzamy przyciskiem Aktualizuj. UWAGA! Nie jest wskazane nadawanie uprawnień do modułu Administrator wielu użytkownikom.

25 Rys Formularz nadawania uprawnień użytkownikowi Monitor Monitor pozwala obserwować operacje wykonywane przez użytkowników w panelu administracyjnym takie jak np.: dodawanie, edycja, usuwanie grup artykułów, plików, etc. Po kliknięciu w nazwę użytkownika wyświetlone zostaną następujące informacje: - Data informuje o dacie i godzinie wykonanej operacji - Akcja informuje o rodzaju wykonanej operacji - Numer IP - Host informuje o numerze IP oraz nazwie hosta, z którego nastąpiło połączenie. Jeśli komputer, z którego nastąpiło połączenie znajduje się w sieci lokalnej za firewallem, to może również być podany jego lokalny numer IP. Istnieje możliwość usunięcia plików monitora, klikając ikonę znajdującą się obok nazwy użytkownika - nie zalecane!

26 przykładowych wpisów w module Monitor Rys. Widok 3. Właściwości edytora tekstowego Większość pól tekstowych (np. tekst w opisie grupy, teksty w podstronach tekstowych i dynamicznych) wyposażona jest w edytor tekstowy umożliwiający formatowanie tekstu (np. pogrubianie, tworzenie akapitów, wypunktowania, wstawianie zdjęć oraz hiperłączy). Większość ikon do edycji ma intuicyjny wygląd i jest podobna do tych znanych z innych edytorów tekstowych (Microsoft Word, OpenOffice). Rys Edytor tekstowy z przykładowo sformatowanym tekstem Tworzenie hiperłącza (linku) Aby stworzyć hiperłącze należy zaznaczyć tekst, który ma być podlinkowany (zostaną wtedy uaktywnione dwie ikony na panelu edytora: dodania linku (ikona łańcucha) oraz usunięcia linku (rozerwany łańcuch) ) i wybieramy ikonę Wstaw link. Po kliknięciu tej ikony pojawia się okienko, w którym wpisujemy adres do jakiego ma linkować zaznaczenie.

27 Pole Cel umożliwia nam zdecydowanie, czy wpisany adres zostanie otwarty w tym samym oknie przeglądarki (opcja Otwórz link w tym samym oknie), czy w nowym (opcja Otwórz link w nowym oknie). W pole Tytuł należy wpisać opis linku, np. Szkolnastrona strony internetowe dla oświaty. Wypełnienie tego pola ułatwia wielu użytkownikom korzystanie ze strony. W polu Klasa możemy wybrać formatowanie dla linku (rozmiar czcionki). Operację zatwierdzamy klawiszem Wstaw. Rys Formularz wstawienia odnośnika w edytorze tekstowym Wstawianie zdjęcia w tekst Aby dokonać operacji wstawienia zdjęcia w tekst należy wybrać ikonę Wstaw/edytuj obrazek (ikonka z drzewem) i wypełnić pola w okienku, które się pojawiło: URL obrazka ścieżka do obrazka, który ma być wyświetlony. Może to być ścieżka bezwzględna typu lub ścieżka do folderu znajdującego się na serwerze, na którym umieszczona jest strona. Możemy również wybrać przycisk Przeglądaj znajdujący się z prawej strony w postaci ikonki przedstawiającej rozwinięte drzewo katalogowe. Po kliknięciu w ikonę mamy dostęp do plików i folderów, które skopiowaliśmy/utworzyliśmy w dziale Explorator. Aby wybrać obrazek, który znajduje się na serwerze wystarczy kliknąć na niego w wyświetlonym popupie. Jeśli zdjęcie nie znajduje się na serwerze kopiujemy je na serwer za pomocą opcji Prześlij pliki (w górnej części popup u). Po zakończeniu operacji kopiowania zdjęcia zostaną wyświetlone w popupie i możliwe będzie zaznaczenie jednego z nich. Opis obrazka pole, w którym należy opisać co znajduje się na obrazku. Jest to bardzo istotne dla użytkowników korzystających z przeglądarek tekstowych, które nie wyświetlają grafik. Tytuł tytuł obrazka, który wyświetli się jeśli nie będzie możliwe załadowanie zdjęcia. Operację zatwierdzamy klawiszem Wstaw. W popupie Wstaw/edytuj obrazek mamy również możliwość określenie układu obrazka względem tekstu (zakładka Widok). Wszystkie zmiany jakich dokonujemy zaprezentowane są na podglądzie z prawej strony.

28 Rys Formularz wstawienia zdjęcia w tekst (Główne ustawienia) Rys Formularz wstawienia zdjęcia (Widok)

29 Rys Formularz wstawienia zdjęcia (Zaawansowane) Dla bardziej zaawansowanych użytkowników NetPanelu przydatna będzie opcja pod ikonką, która umożliwia przejście do czystego kodu HTML. 4. O czym każdy administrator wiedzieć powinien Podczas aktualizacji strony www (wprowadzanie treści, grafik, zdjęć) zawsze należy zoptymalizować stronę tak, aby jej przeglądanie nie sprawiało użytkownikowi problemów, a czas wyświetlania treści na stronie był jak najkrótszy. Internauci na ogół nie bywają cierpliwi i jeśli szybko nie dotrą do interesującej ich informacji, porzucają serwis i rzadko do niego wracają. Należy zatem zadbać o to, aby: - końcowa informacja nie była umieszczona zbyt głęboko najdalej 3 kliknięcia od miejsca wyjściowego - prezentowane zdjęcia posiadały odpowiedni rozmiar (najlepiej do 200 KB) zbyt duży rozmiar zdjęć nie tylko wykorzystuje niepotrzebnie miejsce na serwerze, ale zdecydowanie wydłuża czas pobierania pliku z serwera, oczekiwania, którego użytkownik nie lubi - prezentowane treści były umiarkowanie okraszone animowanymi gifami migoczące ozdobniki utrudniają odbiór treści a ich nadmiar do tego stopnia irytuje odbiorcę, że woli opuścić stronę, a tylko najbardziej zdesperowany dotrze do interesujących go treści. Pamiętajmy jednak, że odbiorcami szkolnej strony są w przeważającej części dzieci i młodzież, dla których brak tychże obniży atrakcyjność strony. Stosujmy je zatem zgodnie z zasada złotego środka. Dla każdego coś odpowiedniego :) Internauci cenią sobie tak samo walory artystyczne strony jak i łatwość jej obsługi. - forum było miejscem wymiany poglądów, dzielenia się wrażeniami i wiadomościami, nie zaś miejscem wyładowania frustracji. Zadaniem administratora strony jest moderowanie forum i kontrolowanie jego zawartości, tak aby treści tam zawarte nikogo nie obrażały, a

30 użyty język nie naruszał ogólnie przyjętych konwencji i smaku. Treści umieszczane na stronie www mają duże znaczenie dla pozycjonowania strony w wyszukiwarkach internetowych. Należy zatem zadbać o to, by strona była wypełniona bogato treścią i rozbudowana. Nie należy pozostawiać strony głównej pustej. W tym miejscu powinny znajdować się zawsze najbardziej aktualne informacje, tak aby Internauta miał poczucie życia na stronie. 5. Czego dobry administrator robić nie powinien Kopiować do panelu administrowania stroną tekstów bezpośrednio z Worda. Zawierają one bowiem niewidoczne znaczniki - śmieci - charakterystyczne dla tego edytora, które zmniejszają niepotrzebnie miejsce na serwerze, ale co ważniejsze utrudniają, często nawet uniemożliwiają późniejszą edycję tekstów na stronie. Wówczas nawet formatowanie czy nawet zmiana czcionki może okazać się niemożliwa. Tekst z Worda można kopiować i należy kopiować poprzez odpowiednio przygotowaną ikonkę - 5 od lewej w środkowym wierszu edytora. Ten mały edytorek służy do wklejania danych z Worda z zachowaniem znaczników HTML, ale z całkowitym czyszczeniem zbędnego formatowania. Wklejona w ten sposób np. tabela nie będzie miała obramowania, ale będzie można po takim przekopiowaniu edytować jej właściwości (obramowania, tła, itd). Przykład: Jedna komórka tabeli z Worda jest opisana tyloma NIEPOTRZEBNYMI znacznikami i stylami: <td style="padding-right: 5.4pt; padding-left: 5.4pt; padding-bottom: 0cm; width: 63.8pt; paddingtop: 0cm; height: 34pt; background-color: transparent; mso-border-alt: solid windowtext.5pt; border: windowtext 1pt solid;" width="85"> <p class="msonormal" style="margin: 0cm 0cm 0pt; text-align: center;" align="center"><strong style="mso-bidi-font-weight: normal;"><span style="font-size: 14pt;"><span style="font-family: Times New Roman;">Klasa 1a</span></span></strong></p> </td> Jeśli pomnożymy ją przez kilkanaście, czy kilkadziesiąt komórek?... Gdy wkleimy ją prawidło, przy użyciu ikonki przygotowanej w panelu będzie wyglądała tak: <td style="padding:5px;"><strong><span style="font-size: 14pt;">Klasa 1a</span></strong></td> Umieszczać na stronie nieobrobionych zdjęć (często o rozmiarze kilkumegowym) i niedopasowanych do szerokości strony. Dotyczy to wklejania obrazów na podstrony, między tekst. Zawsze po umieszczeniu obrazu w wybranym miejscu należy sprawdzić, w jaki sposób wyświetla się na stronie. Czy przypadkiem nie spowodował jej rozsunięcia lub nie wyjechał poza jej granicę, zasłaniając np. elementy menu. Jeśli tak się stało, należy zmniejszyć obraz i ponownie umieścić go na serwerze. Przekazywać hasła administratora innym osobom, nawet jeśli czynnie uczestniczą oni w budowie strony. Ze względów bezpieczeństwa należy każdemu z nich założyć nowego użytkownika, nadać login, hasło oraz uprawnienia, czyli dostęp do wybranych miejsc w panelu. Dzięki Monitorowi będzie można sprawdzić działania każdego użytkownika i wykonane akcje. Zapisywać, a następnie umieszczać na serwerze plików zawierających w nazwie polskie znaki diakrytyczne, spacje. Dobrym nawykiem będzie stosowanie tej zasady zawsze i wszędzie :). Użycie polskich znaków w nazwach plików graficznych, tekstowych, fotografii itp. może spowodować, że pliki nie będą się wyświetlać na stronie.