Spis treści

Transkrypt

Spis treści

Instrukcja Obsługi CMS
Spis treści
1. Co to jest CMS i do czego służy?...................................................................................4
2. Logowanie do CMS......................................................................................................4
2.1 Ustawienia użytkownika.........................................................................................4
2.1.1 „Moje konto”.................................................................................................5
2.1.2 „Preferencje użytkownika” ..............................................................................5
2.1.3 „Ustawienia e-mail”........................................................................................6
3. Zarządzanie stronami..................................................................................................7
3.1 Dodanie nowej strony............................................................................................7
3.1.1 „Dodaj nową treść”.........................................................................................8
3.1.1.1 Zakładka “Główna”..................................................................................8
3.1.1.2 Zakładka “Opcje”.....................................................................................9
3.1.1.3 Zakładka “Podgląd”................................................................................10
3.1.2 Edytor WYSIWYG.........................................................................................10
3.1.2.1 Co to jest i do czego służy?.....................................................................10
3.1.2.2 Jak można go wyłączyć?.........................................................................11
3.1.2.3 Wprowadzanie treści strony (opis przycisków WYSIWYG) ...........................11
3.1.2.4 Jak stworzyć link w treści strony do wybranej innej lokacji?........................14
3.1.2.5 Jak dodać zdjęcie do strony ?..................................................................19
3.1.2.6 Jak zrobić link na zdjęciu ?......................................................................22
3.2 Edycja strony.....................................................................................................22
3.3 Usunięcie strony.................................................................................................23
3.4 Ustawienie kolejności wyświetlania stron na liście...................................................23
3.5 Wycofanie strony z publikacji................................................................................23
4. Bloki globalne...........................................................................................................24
4.1 Co to jest „Blok Globalny” i do czego służy?............................................................24
4.2 Dodawanie nowego „Bloku Globalnego”.................................................................25
4.3 Edytowanie Bloku Globalnego...............................................................................25
4.4 Usuwanie Bloku Globalnego..................................................................................26
4.5 Osadzenie Bloku Globalnego w treści strony...........................................................26
5. Foto Album (Galeria).................................................................................................26
5.1 Co to jest Foto Album (Galeria) i do czego służy?....................................................26
5.2 Tworzenie nowego FotoAlbumu (Galerii).................................................................27
5.2.1 Dodawanie zdjęć do FotoAlbumu (Galerii)........................................................27
5.2.2 Usuwanie zdjęć z Foto Albumu (Galerii)...........................................................31
5.2.3 Wymiana zdjęć w Foto Albumie (Galerii)..........................................................32
5.2.4 Wymiana miniaturek.....................................................................................32
5.2.5 Dodatkowe opcje..........................................................................................34
5.3 Osadzenie Foto Albumu (Galerii) w treści strony......................................................34
5.4 Co to są kategorie w Foto Albumie (Galerii)?..........................................................35
5.5 Jak dodać kategorię do Foto Albumu (Galerii)?........................................................35
5.6 Jak dodać Album do wybranej kategorii?................................................................35
5.7 Jak wyświetlić na stronie Albumy tylko z jednej kategorii?........................................36
5.8 Jak wyświetlić na stronie Albumy z wybranych kategorii?.........................................36
5.9 Jak wyświetlić na stronie Albumy z wszystkich kategorii?.........................................37
6. Moduł Aktualności.....................................................................................................37
6.1 Co to jest Moduł Aktualności i do czego służy?........................................................37
6.2 Jak dodać nową aktualność?.................................................................................38
6.3 Jak opublikować aktualność?................................................................................39
6.4 Jak ustawić datę publikacji danej aktualności na przyszłość?....................................40
6.5 Co to są i do czego służą kategorie?......................................................................40
6.6 Jak dodać nową kategorię?...................................................................................41
6.7 Jak dodać aktualność do kategorii?........................................................................41
6.8 Jak wyświetlić na stronie aktualności tylko jednej kategorii?.....................................42
7. Menadżer obrazków..................................................................................................42
Copyright © 1997 - 2008 NetArt
-2-
www.nazwa.pl
7.1 Co to jest Menadżer obrazków i do czego służy?......................................................42
7.2 Jak można wgrać nowe obrazki?...........................................................................42
7.3 Jak można usunąć istniejące już obrazki?...............................................................44
7.4 Jak można stworzyć nowy katalog?.......................................................................45
7.5 Jak można usunąć cały katalog?...........................................................................45
8. Odtwarzacz multimedialny.........................................................................................46
9. Formularz Kontaktowy...............................................................................................47
9.1 Co to jest Formularz kontaktowy i do czego służy?..................................................47
9.2 Konfirguracja Formularza Kontaktowego................................................................47
10. Krok po kroku.........................................................................................................48
10.1 Logowanie do panelu administracyjnego CMS.......................................................49
10.2 Tworzenie nowej strony......................................................................................50
10.3 Formatowanie tekstu.........................................................................................52
10.4 Wstawianie zdjęcia............................................................................................54
10.5 Dopisanie linku.................................................................................................59
11. Elementy dodatkowe w treści strony..........................................................................60
-3-
www.nazwa.pl
1. Co to jest CMS i do czego służy?
CMS to system zarządzania zawartością serwisu WWW. Umożliwia ingerowanie w kod strony
internetowej bez konieczności poznawania tajników programowania w języku HTML.
Charakterystyczny dla systemu CMS jest panel administracyjny, do którego wybrani
użytkownicy posiadają dostęp oraz, za pomocą, którego w intuicyjny wręcz sposób mogą oni
wprowadzać zmiany w wyglądzie serwisu. Modyfikowanie elementów serwisu odbywa się za
pośrednictwem narzędzi zbliżonych wyglądem do tych znanych z popularnych aplikacji edycji
treści np. Open Office, Microsoft Word.
2. Logowanie do CMS
W celu zalogowania się do panelu administracyjnego CMS, należy otworzyć przeglądarkę stron
internetowych, a następnie wpisać adres strony np. ”http://cms.netart.pl/”.
Strona logowania CMS
W chwili gdy okno logowania zostanie wyświetlone w przeglądarce, należy odpowiednio
wypełnić pola „Nazwa użytkownika” oraz „Hasło”. Dane do logowania zostały dostarczone przez
pracowników NetArt, w chwili ukończenia prac nad serwisem lub w ich trakcie.
2.1 Ustawienia użytkownika
Wszystkie ustawienia dotyczące konta użytkownika dostępne są po zalogowaniu się do panelu
CMS w zakładce „Moje preferencje”. W sekcji tej możemy zmienić login oraz hasło, ustawić
opcje korzystania z CMS, zmienić język aplikacji oraz skonfigurować formularz kontaktowy.
CMS – Moje preferencje
-4-
www.nazwa.pl
2.1.1 „Moje konto”
W sekcji tej znajdują się ustawienia dotyczące logowania się do panelu administracyjnego
CMS. Za pomocą tej podstrony możliwa jest zmiana hasła poprzez wpisanie nowego w polach
„Hasło” oraz „Hasło (powtórz)”. Oba wpisane hasła w w/w polach powinny być identyczne. Pola
„Imię”, „Nazwisko”, „Adres e-mail” wypełniamy opcjonalnie (nie są wymagane dla poprawnego
funkcjonowania usługi CMS).
Edycja użytkownika
2.1.2 „Preferencje użytkownika”
W sekcji tej możemy ustawić podstawowe parametry pracy środowiska CMS. Dostępne
parametry to:
–
„Moduł serwisowy NetArt” - włączenie / wyłączenie dostępu pracownikom NetArt
(wymagane włączenie w celu usunięcia ewentualnej usterki występującej w serwisie WWW)
–
„Wybierz edytor WYSIWYG” - włączenie / wyłączenie wizualnego edytora kodu strony
(zaleca się używanie „TinyMCE” ze względu na prostotę edycji treści strony).
–
„Wybierz podświetlenie składni, które chcesz użyć”
–
„Włącz GCB WYSIWYG” - włączenie / wyłączenie wizualnego edytora treści strony
podczas edycji treści za pomocą Bloków globalnych. Blokom globalnym poświęcony jest
osobny podrozdział w tej instrukcji.
–
–
„Język” - ustawienia wersji językowej panelu administracyjnego CMS
“Format daty (string)” – ustawienia sposobu wyświetlania daty w funkcjonalnościach
używających kalendarza podczas aktualizacji strony (np. Aktualności). %x odpowiada za
wyświetlenie daty, %X odpowiada za wyświetlenie czasu. Wartości te można dowolnie
modyfikować według uznania, zmieniać kolejność, usuwać, dodawać.
Przykłady daty w formacie:
–
–
–
–
–
YYYY-MM-DD;
MM-DD;
YYYY-MM-DD;
HH:MM;
YY-MM-DD (najbardziej popularne);
–
„Wyświetlanie zawartości” - włączenie / wyłączenie wcięć akapitowych w liście stron
oraz podstron stworzonych na potrzeby serwisu WWW. Zmiany tu wprowadzone są
widoczne po wejściu w menu „Treść”, a następnie „Strony”. Zaznaczona opcja powoduje
wyświetlenie stron w formacie drzewa. Ustawienie jest zalecane.
-5-
www.nazwa.pl
Preferencje użytkownika
2.1.3 „Ustawienia e-mail”
Opcje konfiguracji formularza kontaktowego, który znajduje się na stronie internetowej. Dane
wpisane w poniżej opisanych polach są poufne i nie będą wyświetlane odwiedzającym stronę
WWW, natomiast służą do poprawnego wysłania wiadomości z formularza kontaktowego.
–
„E-mail odbiorcy” - adres email, na który są wysyłane wiadomości wpisywane przez
użytkowników odwiedzających stronę.
–
„Nazwa odbiorcy” - Preferowana nazwa użytkownika odbierającego wiadomości np. Jan
Kowalski
–
„Serwer SMTP” - serwer poczty wychodzącej, pozycja wymagana dla poprawnego
działania formularza kontaktowego. Dane te powinny być dostarczone przez dostawcę
usługi konta pocztowego.
–
„Serwer wymaga uwierzytelniania” - opcja włączenia / wyłączenia uwierzytelniania,
dostępu do konta pocztowego. Jeżeli dostawca usługi konta pocztowego wymaga podania
danych autoryzacyjnych w celu odczytania lub wysłania wiadomości e-mail, opcja powinna
być włączona.
–
Login – (inne popularne nazwy: nazwa użytkownika, użytkownik, user) – należy wpisać
nazwę użytkownika konta, za pomocą którego będą wysyłane wiadomości e-mail.
–
Hasło – w pole należy wpisać hasło do konta pocztowego, za pomocą którego będą
wysyłane wiadomości formularza kontaktowego.
–
Pokazuj ostrzeżenia o błędach w formularzu na stronie głównej - opcja włączona
powoduje wyświetlenie informacji w przypadku źle skonfigurowanego konta pocztowego,
serwera SMTP lub innych problemach technicznych występujących podczas wysyłania
wiadomości email. Powinna być włączona tylko w przypadku gdy testujemy poprawność
działania formularza kontaktowego.
–
Ustawienia E-mail
-6-
www.nazwa.pl
3. Zarządzanie stronami
W sekcji tej możemy dodawać, usuwać oraz edytować strony serwisu WWW.
3.1 Dodanie nowej strony
W celu dodania nowej strony przechodzimy do listy stron poprzez menu “Treść” / “Strony”.
Na ekranie wyświetli się nam lista stron, taka jak na rysunku poniżej.
Bieżące strony – Aktualna lista podstron
Następnie klikamy w link „Dodaj nową treść” w celu dodania nowej strony. Zostaniemy
przekierowani do widoku “Dodania nowej strony”, rysunek poniżej.
Dodawanie nowej strony - Dodaj nową treść.
Sekcja “Dodania nowej strony” jest podzielona na trzy części, do których dostęp mamy
poprzez zakładki: “Główna”,”Opcje”, “Podgląd”. Szczegółowy opis zakładek znajduje się poniżej.
-7-
www.nazwa.pl
3.1.1 „Dodaj nową treść”
3.1.1.1 Zakładka “Główna”
W sekcji tej wprowadzamy podstawowe dane dotyczące naszej strony, tj.
–
Typ zawartości – określa charakter zawartości nowo tworzonej strony. Znajdziemy tutaj
takie opcje jak:
–
“content” (ang. „zawartość”) - wybieramy go, gdy chcemy aby na stronie był
wyświetlany tekst, będzie to najczęściej wykorzystywana przez nas opcja,
–
“fotoalbumy” - typ ten wybieramy dla strony, na której będziemy prezentowali
zdjęcia z galerii. Więcej informacji na temat obsługi Galerii możemy uzyskać
w rodziale pt. “Galeria”,
–
“aktualności” - typ ten został przewidziany dla stron, na których będziemy
prezentowali: spis aktualności, jak i treść aktualności z modułu “Aktualności”. Więcej
na temat obsługi modułu aktualności dowiemy się w rodziale “Aktualności”.
–
Tytuł – jest to tytuł strony, wartość tutaj wpisana jest wyświetlana na pasku przeglądarki.
Tytuł powinien nawiązywać do treści strony np. dla strony, na której będziemy prezentowali
historie firmy, jako tytuł możemy wpisać “Historia firmy NAZWA_FIRMY”
–
Tekst w menu – Tekst, który zostanie wyświetlony w menu naszej strony, jeżeli dana
strona umożliwia ingerencję w układ / ilość przycisków dostępnych w serwisie. Wartość
tutaj podana powinna być zwięzła. np dla strony na której będziemy prezentowali historię
firmy możemy wpisać “Historia”
–
Nadrzędny – ustawienia nowo tworzonej strony w hierarchii względem innych podstron
(drzewko stron). Należy wybrać nazwę strony, względem której nasza strona jest stroną
podrzędną np. dla strony, na której prezentujemy “Historię firmy” wybieramy stronę
nadrzedną “O Firmie”. Dzięki taki zabiegom grupujemy poszczególne strony w odpowiednie
działy. Jeżeli nie wybierzemy żadnej strony nadrzędnej, nasza strona będzie traktowana
jako nowy dział i nazwa będzie wyświetlana w menu głównym strony.
–
Szablon – wybór układu strony. W zależności od wybranego szablonu, wpisana treść
zostanie wyświetlona w innym miejscu na stronie. Szablony są zdefiniowane dla każdego
serwisu z osobna.
–
Treść – główna treść strony. Tekst wpisany w pole zostanie wyświetlony jako główna treść
strony, w miejscu zdefiniowanym w szablonie. Obsłudze edytora treści poświęcony został
osobny rodział pt. “Edytor WYSWIG”.
–
Turn WYSIWYG On/Off – włączenie (on) / wyłączenie (off) edytora wizualnego
wspomagającego modyfikowanie kodu za pomocą intuicyjnego menu. W momencie gdy
edytor jest włączony, operujemy na wizualnej prezentacji treści wprowadzanej za pomocą
przycisków. Kod jest generowany automatycznie. W momencie wyłączenia edytora,
wprowadzoną treść należy formatować za pomocą znaczników HTML (opcja dla
zaawansowanych użytkowników).
-8-
www.nazwa.pl
3.1.1.2 Zakładka “Opcje”
–
Aktywny – ustawia status publikacji strony:
– włączenie – strona jest opublikowana tzn. widoczna dla użytkowników
– wyłączenie – strona jest widoczna tylko w administracji, użytkownicy serwisu
nie mogą zobaczyć strony.
Opcja ta jest użyteczna, gdy:
–
–
–
–
chcemy tymczasowo wycofać stronę z publikacji, i w przyszłości
planujemy ponownie prezentować informacje zawarte na tej stronie
w naszym serwisie.
strona jest dopiero tworzona tzn. nie wprowadziliśmy całej treści strony,
i chcemy to zrobić w późniejszym terminie.
Wyświetl w menu – parametr odpowiedzialny za wyświetlenia strony w menu
– status włączony – strona jest wyświetlana w menu
– status wyłączony – strona nie jest wyświetlana w menu, jednak jeżeli
parametr “Aktywny” jest ustawiony na “włączony” strona jest dostępna dla
użytkowników Serwisu WWW
Cache'owalny – ustawienie włącza / wyłącza w przeglądarce możliwość zapisu danej
strony na dysku w celu jej szybszego ładowania w przyszłości. Konsekwencją użycia tej
opcji może być widoczność starej wersji danej strony w przypadku jej zmodyfikowania.
Użytkownik, który już wcześniej odwiedzał daną stronę, będzie widział stronę, która
zapisała się u niego na komputerze w trakcie odwiedzin przed modyfikacją. Aby odświeżyć
zapisaną na dysku stronę wystarczy użyć opcji „Odśwież” (klawisz F5). Warto pamiętać
o fakcie, iż użytkownik może nie być w stanie określić czy dana strona była modyfikowana
i czy należy ją odświeżyć. Ustawienie opcji na “włączony” skutkuje tym, że strona jest
szybciej ładowna na komputerach użytkowników, którzy powracają na naszą stronę. Jeżeli
rzadko modyfikujemy treść strony, powinniśmy ustawić ten parametr na “włączony”, jeżeli
treść modyfikujemy przynajemniej raz dziennie, powiniśmy ustawić status na “wyłączony”.
–
Alias strony – zaleca się używanie tej samej nazwy, którą wpisaliśmy w zakładce
„Główna”, pole „Tytuł”. Jest to opcja odpowiedzialna za adres internetowy aktualnej
podstrony. Po wprowadzeniu modyfikacji, strona będzie dostępna pod lokalizacją:
http://adres_serwisu/alias.html, gdzie pole alias jest definiowane właśnie za pomocą tej
opcji.
–
Obrazek w menu – w przypadku gdy menu jest wyświetlane w formie graficznej, należy
podać nazwę pliku graficznego wyświetlanego w menu, który odpowiada za wygląd
odnośnika do nowo tworzonej strony. Aby wybrać plik należy kliknąć w link „wybierz”,
i wybrać interesujący nas obrazek. Jeżeli żaden plik nie odpowiada naszym oczekiwaniom,
należy przygotować nowy obrazek i wgrać go za pomocą menadżera obrazków. Więcej na
temat obsługi menadżera możemy przeczytać w rodziale pt. „Menadżer obrazków”.
–
Obrazek w menu po najechaniu myszką – tzw. „over” (ang. „nad”) czyli reakcja
przycisku po najechaniu myszką. Jeżeli chcemy aby po najechaniu myszką obrazek w menu
się zmienił, należy wybrać odpowiedni obrazek za pomocą przycisku “wybierz”. Jeżeli nie
znajdziemy odpowiedniego obrazka, powinniśmy przygotować nowy i wgrać go za pomocą
menadżera obrazków. Więcej na temat obsługi menadżera możemy przeczytać w rodziale
pt. „Mendażer obrazków”. Warto zaznaczyć, że obrazki w sekcji „Obrazek w menu” oraz
„Obrazek w menu po najechaniu myszką“ powinny mieć takie same rozmiary,
w przeciwnym wypadku może powstać efekt wizualny „przeskakiwania obrazka”, co będzie
wyglądało bardzo niekorzystnie.
–
Metadane – jest to miejsce, w którym mamy możliwość wprowadzenia dodatkowych
-9-
www.nazwa.pl
informacji na temat danej strony (tagi html meta). Dane wpisane tutaj są nie widoczne dla
użytkownika serwisu, natomiast są wykorzystywane przez wyszukiwarki internetowe.
Modyfikowanie zawartości powinno odbyć się po uprzedniej konsultacji z webmasterem /
osobą posiadającą wiedzę na temat budowania kodu HTML.
–
atrybut title – definiowanie tytułu strony wyświetlanego w górnym pasku przeglądarki.
Pole puste pozostawi standardową nazwę strony.
–
kolejność tabulacji – wartość możliwa do wpisania to liczby całkowite z przedziału 0 –
32767. Za pomocą kolejnych numerów, które przyporządkujemy podstronom, określamy
w jakiej kolejności za pomocą klawisza „TAB” na klawiaturze, nasz kursor ma sie
przemieszczać pomiędzy linkami. Opcja użyteczna dla odwiedzających nie posiadających
innych kontrolerów (mysz, touchpad, pióro/tablet) niż klawiatura.
–
klawisz skrótu aktywujący link – w polu wpisujemy oznaczenie linku w celu
umożliwienia użytkownikom korzystającym ze skrótów błyskawicznego przemieszczania się
pomiędzy podstronami jedynie przy użyciu klawiatury, oferowanych przez przeglądarki.
Każda przeglądarka posiada własne ustawienia skrótu klawiszowego aktywującego
możliwość przeskoku.
–
Dodatkowi edytorzy – nadawanie praw dostępu grupom użytkowników, którzy mogą
edytować daną podstronę.
–
Ostatnio zmodyfikowano o – godzina / data ostatniej modyfikacji. Wartość wyświetlana
w źródle strony, przydatna tylko dla przeglądarek oraz tzw. robotów internetowych, które to
zapamiętują datę modyfikacji i przy następnych odwiedzinach sprawdzają czy data uległa
zmianie. Jeżeli data się zmieniła pobierają treść z serwera, jeżeli data nie uległa zmianie
pobierają treść strony z pamięci podręcznej tzw. cache.
–
Ostatnio zmodyfikowano przez – informacja jaki użytkownik ostatnio edytował stronę.
3.1.1.3 Zakładka “Podgląd”
W tej części możemy zobaczyć jak są prezentowane zmiany na aktualnie tworzonej /
modyfikowanej stronie.
3.1.2 Edytor WYSIWYG
3.1.2.1 Co to jest i do czego służy?
Edytor WYSIWYG służy do wizualnej edycji zawartości strony przez użytkownika, bez
konieczności znajomości języka HTML. Umożliwa również ingerencje bezpośrednio w kod przez
bardziej zaawansowanych użytkowników. Intuicyjny panel kontrolny pozwala dowolnie
modyfikować treść oraz ilustracje.
-10-
www.nazwa.pl
Edycja strony za pomocą modułu WYSIWYG.
3.1.2.2 Jak można go wyłączyć?
Aby wyłączyć edytor WYSIWYG należy podczas edycji strony odznaczyć opcję „Turn WYSIWYG
On / Off”. Efektem odznaczenia w/w opcji będzie wyświetlenie kodu strony. Wszelkie zmiany
w kodzie przy wyłączonej opcji WYSIWYG powinny być wprowadzane przez osobą znającą
język HTML.
Edycja strony – Włączenie / Wyłączenie edytora WYSIWYG
3.1.2.3 Wprowadzanie treści strony (opis przycisków WYSIWYG)
W celu wprowadzenia treści strony należy udać się do menu „Treść”, następnie „Strony”. Po
wybraniu strony, która ma ulec zmodyfikowaniu można przystąpić do jej edycji za pomocą
okna „Treść”. Dostępne menu oferuje szeroki wachlarz możliwych modyfikacji zawartości,
poniżej znajduje się opis poszczególnych przycisków.
1)
(wytnij) opcja wycinania (kopiowania do schowka) zaznaczonych elementów wraz
z ich formatowaniem,
2)
(wklej) wklejenie wcześniej wyciętego lub skopiowanego elementu przy zachowaniu
formatowania,
-11-
www.nazwa.pl
3)
(wklej czysty tekst) wklejenie tekstu pomijając jego poprzednie formatowanie,
opcja przydatna gdy wklejany tekst został skopiowany bezpośrednio z strony www,
4)
(wklej z dokumentu Word) importowanie tekstu z dokumentu programu Microsoft
Word. Tekst skopiowany z Word powinien zostać wklejony za pomocą tej opcji.
W przeciwnym wypadku wygląd tekstu może być niezgodny z oczekiwaniami, ponieważ
Word jak i OpenOffice posiadają własne znaczniki wizualizacyjne, których serwis może
nie obsługiwać,
5)
(kopiuj) kopiowanie zaznaczonego elementu wraz z jego obecnym formatowaniem,
6)
(wyrównaj do lewej) wyjustowanie tekstu do lewego marginesu,
7)
(wyrównaj do środka) wyjustowanie tekstu względem środka dokumentu tzw.
wycentrowanie,
8)
(wyrównaj do prawej) wyjustowanie tekstu do prawego marginesu,
9)
(wyrównaj na całości) poziome wyjustowanie tekstu do obu marginesów,
10)(Styl) Wybór jednego z wcześniej zdefiniowanych styli charakterystycznych dla danego
serwisu www.
11)(Format) Formatowanie tekstu przy użyciu zdefiniowanych styli, wcześniej użytych
w serwisie. Tekst, który ma zostać sformatowany należy najpierw zaznaczyć za pomocą
myszki. a następnie wybrać interesujące nas formatowanie,
12)(Rodzaj czcionki)
13)(Rozmiar czcionki) określenie wielkości zaznaczonego tekstu lub tekstu, który
zamierzamy dopiero napisać w miejscu, w którym znajduje się kursor,
14)
(Pogrubienie) pogrubienie zaznaczonego tekstu,
15)
(Pochylenie) pochylenie zaznaczonego tekstu (kursywa),
16)
(Podkreślenie) podkreślenie zaznaczonego tekstu,
17)
(Przekreślenie) przekreślenie zaznaczonego tekstu,
18)
(Lista nienumerowana) wypunktowanie przy użyciu znaku. Aby dodać tekst
wypunktowany, należy ustawić kursor w miejscu, w którym chcemy wprowadzić
formatowanie, następnie wcisnąć przycisk “Lista nienumerowana” i wprowadzić
interejsujący nas tekst. Kolejne podpunkty, możemy wprowadzać po wcisnięciu klawisza
enter,
19)
(Lista numerowana) wypunktowanie przy użyciu cyfr. Aby dodać tekst wypunktoany, należy ustawić kursor, w miejscu w którym chcemy wprowadzić formatowanie,
następnie wcisnąć przycisk “Lista numerowana” i wprowadzić interejsującą nas treść.
Kolejne podpunkty, wprowadzamy klawiszem Enter,
-12-
www.nazwa.pl
20)
(Zmniejsz wcięcie) zmniejszenie/usunięcie wcięcia akapitowego w treści strony,
21)
(Zwiększ wcięcie) zwiekszenie/dodanie wcięcia akapitowego w treści strony,
22)
(Cofnij) Cofnięcie ostatnio wykonanej operacji,
23)
(Ponów) Przywrócenie uprzednio cofniętej akcji,
24)
(Menu Specjalne) dodatkowe funkcje, które nie zostały ujęte w innych działach,
25)
(Wstaw link do strony w cms) definiowanie linku za pomocą intuicyjnego menu,
26)
(Wstaw/Edytuj Link) zdefiniowanie uprzednio zaznaczonego elementu treści
strony jako linki do określonej lokacji. Dokładny opis tej operacji znajduje się
w podrozdziale „Jak stworzyć link w treści strony do wybranej innej lokacji?”,
27)
(Usuń link) usunięcie odnośnika z uprzednio zaznaczonego elementu treści strony,
28)
(Wstaw/Edytuj Kotwicę) zdefiniowanie kotwicy dla uprzednio zaznaczonego
tekstu. Kotwica jest linkiem do wybranego miejsca na tej samej stronie. Kliknięcie na
kotwicę powoduje przeniesienie wyświetlanego fragmentu strony do miejsca, na które
wskazuje kotwica,
29)
(Wstaw/Edytuj obrazek) Dodawanie bądź edycja zaznaczonego uprzednio obrazka
w treści strony. Dokładny opis tej operacji znajduje się w rodziale „Jak dodać zdjęcie do
strony ?”,
30)
(Wstaw
znak)
opcja
wstawienia
znaków
niezdefiniowanych
standardowo
w klawiaturze użytkownika np. Znaki „∞∑”,
31)
(Usuń zbędny kod) Opcja oczyszczania kodu HTML strony w celu usprawnienia
działania oraz wyświetlania danej strony. Opcja ta może spowodować przyspieszenie
procesu ładowania się strony w przeglądarce,
32)
(Wybierz kolor tekstu) określenie koloru uprzednio zaznaczonego fragmentu
tekstu za pomocą palety barw,
33)
(Wybierz kolor tła) przyporządkowanie koloru tła dla wybranego fragmentu tekstu,
34)
(Edytuj źródło HTML) Efekt podobny do tego otrzymanego w chwili wyłączenia
opcji WYSIWYG. Za pośrednictwem tej opcji użytkownik ma możliwość bezpośredniej
edycji kodu strony. Opcja powinna być wykorzystywana przez osoby znające kod HTML,
35)
(Przełącz w tryb pełnoekranowy) Zmiana trybu edycji treści strony pomiędzy
edytorem widocznym w CMS, a widokiem pełnoekranowym samego edytora WYSWIG.
(Uwaga, wyłączenie widoku pełnoekranowego odbywa się za pomocą tego samego
przycisku),
-13-
www.nazwa.pl
3.1.2.4 Jak stworzyć link w treści strony do wybranej innej
lokacji?
Aby stworzyć link w treści strony należy, po uprzednim zalogowaniu się do Panelu
Administracyjnego CMS, wejść w menu „Treść”, a następnie „Strony”. Po wybraniu interesującej
nas strony, w której chcemy dokonać zmian, wyszukujemy element, który ma docelowo być
linkiem. Zaznaczamy dany element za pomocą myszki, nastepnie klikamy w przycisk
„Wstaw/Edytuj Link”, otworzy sie nowe okienko (rysnunek poniżej).
WSKAZÓWKA: Dla poprawnego zdefiniowania standardowego
linku wystarczy wybrać „URL linku”, wybrać cel oraz wpisać tytuł.
Tak skonstruowany link będzie prawidłowo działającym odsyłaczem.
Każdą edycję lub wstawienie nowego linku należy zapisać klikając
przycisk „Wstaw”.
Tworzenie linku do wybranej lokacji
Szczegółowy opis opcji dostępnych podczas tworzenia linków.
Główne ustawienia
➢
URL linku – adres docelowy odnośnika (np. http://www.jan.kowalski.pl/) lub plik
docelowy, który aktualnie znajduje się na serwerze.
WSKAZÓWKA: Najlepiej otworzyć sobie w przeglądarce
stronę do której chcemy aby prowadził link, skopiować adres
url z przeglądarki, następnie należy go wkleić w pole „URL
Linku”. W taki sposób unikniemy błędów w adresie url oraz
nie będziemy musieli przepisywać długich adresów.
➢
Kotwice – w przypadku tworzenia odnośnika do innej podstrony lub zupełnie innego
adresu, bądź pliku, opcję kotwicy pozostawiamy bez zmian.
-14-
www.nazwa.pl
➢
Cel – ustalamy sposób otwarcia adresu strony www, do której prowadzi link.
Do wyboru mamy 4 opcje
○
Otwórz w tym oknie / ramce
Strona zostanie wczytana w tym samym oknie / ramce przeglądarki. Jest to
najczęściej spotykany typ linku,
○
Otwórz w nowym oknie
Strona zostania wczytana w nowym oknie przeglądarki,
○
Otwórz w poprzednim oknie / ramce
Opcja przydatna gdy mamy okienko w stylu pop-up, i chcemy żeby po kliknęciu
w link, treść strony została wczytana w oknie, z którego został otwarty pop-up.
○
Otwórz w głównej ramce
Strona zostanie wczytana w tym samym oknie przeglądarki.
➢
Tytuł – tekst, który zostanie wyświetlony po najechaniu kursorem na link.
Wprowadzenie tekstu nie jest konieczne do prawidłowego działania odnośnika. Nie
mniej jednak, jeżeli zdecydujemy się na wprowadzenie tekstu, powiniśmy opisać
jednym zdaniem, co znajduje się pod odnośniekiem.
➢
Klasa – wybór jednego ze zdefiniowanych stylów wyświetlania linku.
Okienko pop-up
➢
Okienko pop-up Javascript – włączenie
wyskakującego okienka po kliknięciu na link,
➢
URL dla pop-up – adres na jaki wskazywać ma skrypt otwierający okienko, (link do
strony która ma zostać wczytana w popupie),
➢
Nazwa okna – nazwa która będzie wyświetlana w górnym pasku przeglądarki
otwartego okna,
Rozmiar – rozmiar okna w pixelach (px). Pierwsze pole to szerokość, drugie wysokość,
Pozycja – pozycja okna względem rozdzielczości pulpitu użytkownika,
➢
➢
-15-
/
wyłączenie
skryptu
wyświetlania
www.nazwa.pl
Tworzenie linków – Zakładka „Okienko pop-up”
Dodatkowe opcje:
Pokaż pasek adresu – wyświetlenie
paska adresu strony internetowej
w wyskakującym okienku.
-16-
www.nazwa.pl
Pokaż pasek menu – wyświetlanie
menu w wyskaku-jącym okienku.
Pokaż pasek narzędzi – wyświetlanie
narzędzi w wyskakującym okienku.
Pokaż pasek statusu – wyświetlanie
paska
statusu
w
wyskakującym
okienku.
-17-
www.nazwa.pl
Pokaż
paski
przewijania
–
w przypadku jeżeli treść jest większa
od wielkości okna, opcja ta zezwala na
pokazanie się pasków przewijania
(zarówno wysokość, jak i szerokość).
✔
Pozwalaj na zmianę wielkości okna – opcja pozwala zablokować możliwość
zmiany wielkości okna wyskakującego.
✔
Zależne (tylko Mozilla / Firefox)
✔
Wstaw 'Return False' – brak przeładowania strony, z której zostaje wywołane
okienko pop-up.
Zdarzenia
Opcje te pozwalają na zdefiniowanie reakcji linku, w zależności od operacji wykonanej
przez użytkownika np. najechanie myszką na link. Opcje te powinny być
wykorzystywane przez osoby znające język HTML oraz JavaScript. W pola opisane
poniżej można wstawić odpowiedni kod, który jest opisany w specyfikacjach HTML oraz
JavaScript.
➢
➢
➢
➢
➢
➢
➢
➢
➢
➢
➢
➢
onfocus – reakcja po kliknięciu na dany element typu ramka formularza kontaktowego,
Onblur – alternatywna opcja dla onfocus, reakcja w chwili usunięcia kursora z pola
formularza,
onclick – reakcja w chwili pojedynczego kliknięcia,
ondblclick – reakcja w chwili podwójnego kliknięcia,
onmousedown – reakcja w trakcie trzymania wciśniętego przycisku myszy,
onmouseup – reakcja w trakcie braku wciśniętego przycisku myszy,
onmouseover – reakcja na najechanie na niego kursorem,
onmousemove – reakcja w czasie poruszania kursorem,
onmouseout – reakcja w chwili gdy kursor znajdzie się poza obszarem będącym
linkiem,
onkeypress – reakcja w chwili naciśnięcia klawisza klawiatury,
onkeydown – reakcja w chwili gdy klawisz klawiatury jest wciśnięty,
onkeyup – reakcja gdy żaden z klawiszy klawiatury nie jest wciśnięty.
-18-
www.nazwa.pl
Zaawansowane opcje
➢
➢
➢
➢
➢
➢
➢
➢
➢
➢
➢
➢
➢
Id – unikatowy (w obrębie jednej strony) identyfikator nadawany elementowi w celu
jego formatowania,
Styl – „style”, wcześniej zdefiniowany sposób wyświetlania dla elementu (arkusz stylów
CSS),
Klasa – działa analogicznie do „ID”, jednakże nie jest unikatowa zatem można używać
jej wielokrotnie w obrębie jednej strony,
Nazwa celu – „target”, parametr stosowany podczas tworzenia dokumentów
dzielonych, tzw. Ramek,
Kierunek tekstu – dotyczy dokumentów, w których używa się języków pisanych od
prawej do lewej,
Język celu – język, w jakim pisany jest link,
Kod języka – oznaczenie języka, w którym pisany jest link,
Kodowanie znaków celu – określenie kodowania znaków celu („charset”),
Typ MIME celu – atrybut „type” otwieranego dokumentu ,
Zależność strony od celu – atrybut REL=„relacja" - parametr określa relację
pomiędzy hiperodwołaniem znajdującym się w dokumencie, a miejscem jego skoku,
Zależność celu od strony – atrybut REV=„relacja" - parametr określa relację
odwrotną do określonej przez parametr REL,
Indeks tabeli – tabindex, parametr określa kolejność przechodzenia pomiędzy linkami
za pomocą klawiatury,
Klawisz dostępu – definiowanie znaku, za pośrednictwem którego będzie można użyć
linku bez wymogu najechania na niego kursorem myszki.
3.1.2.5 Jak dodać zdjęcie do strony ?
W celu dodania nowego zdjęcia, należy po wejściu w edycję wybranej strony kliknąć w miejsce,
w którym docelowo ma się ono znaleźć zdjęcie. Następnie wybrać przycisk
obrazek”. Otworzy się nam okienko pokazane na rysnku poniżej.
„Dodaj/Edytuj
Dodawanie zdjęcia do strony
-19-
www.nazwa.pl
WSKAZÓWKA: W celu umieszczenia na stronie ilustracji, która
nie znajduje się na serwerze, należy ją wgrać przy użyciu
Menadżera Obrazków lub podać jej bezpośredni link z innego
serwera znajdującego się w internecie.
Nastepnie podajemy w polu „URL Obrazka” adres docelowy pliku graficznego lub wybieramy
go klikając w przycisk znadujący się z prawej strony omawianego pola.
Wprowadzanie obrazka – Zakładka „Główne ustawienia”
W pole „Tytuł” możemy wpisać tekst, który będzie wyświetlany po najechaniu myszką na
obrazek. Natomiast pole „Opis obrazka” służy do wpisania tekstu, który zostanie wyświetlony
na stronie w chwili gdy dany obrazek nie zostanie odnaleziony na serwerze (np. został
usunięty lub została zmieniona jego nazwa).
Szczegółowy opis opcji dostępnych podczas dodawania obrazków
Główne ustawienia
➢
➢
➢
URL obrazka – adres docelowy obrazka, lokalny na serwerze lub adres internetowy,
Opis obrazka – opis, który zostanie wyświetlony w przypadku braku obrazka,
Tytuł – tekst wyświetlany w chwili najechania myszką na obrazek.
Widok
➢
Otaczanie – tzw. oblewanie tekstem ilustracji, czyli sposób formatowania tekstu
znajdującego się w otoczeniu obrazka.
➢
Wymiary
–
ustawienia
wymiarów
wyświetlanego
obrazka
(szerokość
i wysokość). Jeżeli pola nie zostaną uzupełnione, obrazek będzie wyświetlany
w rzeczywistym rozmiarze.
-20-
www.nazwa.pl
➢
Pionowy odstęp – definiowanie marginesu górnego oraz dolnego.
➢
Poziomy odstęp – definiowanie marginesu lewego oraz prawego.
➢
Ramka – wstawianie obramowania wokół obrazka, wartość tutaj wpisywana musi być
liczbą całkowitą dodatanią. Im większa liczba tym obramowanie będzie szersze.
➢
Klasa – przyporządkowanie wcześniej zdefiniowanej klasy CSS dla obrazka (wybór jest
możliwy, jeżeli została utworzona klasa dla tego typu obiektów podczas produkcji strony
WWW).
➢
Styl – wyrównanie obrazka do lewej (left), prawej (right) lub do środka (center) treści
strony.
Zaawansowane
➢
Alternatywny obrazek – opcja, która umożliwia wyświetlenie innego obrazka po
najechaniu na niego krusorem myszki tzw. efekt „over”.
➢
Gdy myszka jest poza obrazkiem – obrazek, który ma być wyświetlany w chwili gdy
kursor znajduje się poza obszarem obrazka.
➢
Id – identyfikator nadawany obrazkowi w celu jego późniejszego użycia podczas
stosowania alternatywnych akcji / działań (skrypty itd.). Opcja ta przydatna jest dla
webmasterów.
➢
Kierunek tekstu – zmiana kierunku tekstu pisanego (ma zastosowanie jeżeli na
stronie występują języki w których pisze się od prawej do lewej).
➢
Kod języka – identyfikator języka innego niż domyślny (np. Koreański).
➢
Mapa obrazka – „usemap” - kod HTML określający linki na fragmentach obrazka,
poprzez zdefiniowainie odpowiednich obszarów na obrazku i określenie dla nich
odpowiednich URL.
-21-
www.nazwa.pl
➢
Długi opis linku – alternatywny tekst dla niewyświetlonego obrazka. Wyświetlenie
tego tekstu, może nastąpić podczas stosowania niestandardowych przeglądarek
internetowych.
3.1.2.6 Jak zrobić link na zdjęciu ?
Aby stworzyć link na zdjęciu należy udać się poprzez menu CMS - „Treść”, a następnie „Strony”
i wybrać stronę, którą chcemy edytować. W chwili, gdy przejdziemy do okna edycji strony
(edytor WYSIWYG), należy kliknąć na zdjęcie, które docelowo ma być linkiem, a następnie
skorzystać z opcji „Wstaw/Edytuj Link”. W otwartym oknie należy wypełnić następujące pola:
✔
✔
✔
✔
✔
URL Linku – adres na jaki ma wskazywać link (np. http://www.example.pl/),
Kotwica – wybieramy tylko w przypadku jeżeli link ma odnosić się do wybranego
elementu znajdującego się na tej samej stronie,
Cel – należy wybrać sposób otwarcia elementu docelowego linku,
Tytuł – tekst wyświetlany w chwili najechania na obrazek kursorem,
Klasa – wybieramy zdefiniowany już wcześniej styl wyświetlania linków (wybór możliwy
jeżeli webmaster zdefiniował taki styl w procesie tworzenia strony [arkusz stylów CSS]).
W chwili gdy w/w opcje zostaną wypełnione, tworzenie linku można uznać za zakończone.
Więcej informacji na temat pozostałych opcji dostępnych podczas tworzenia linku, możemy
uzyskać w dziale pt. “Szczegółowy opis opcji dostępnych podczas tworzenia linków”.
3.2 Edycja strony
Aby edytować wcześniej utworzoną stronę, należy wybrać z menu Panelu Administracyjnego
CMS dział „Treść”, następnie „Strony”. Na wyświetlonej liście stron, należy kliknąć w nazwę
strony, która będzie edytowana.
Edycja strony – Menu “Treść” / Strony” /...
WSKAZÓWKA: W serwisach posiadających zainstalowany
moduł wersji językowych należy kliknąć na flagę znajdującą się
po prawej stronie od nazwy danej podstrony. Flaga symbolizuje
wersję językową podstrony, którą zamierzamy edytować.
Klikanie wg standardu na nazwę danej podstrony nie przyniesie
rezultatu.
WSKAZÓWKA: Jeżeli nazwa danej strony nie znajduje się na
liście, może to wynikać z dwóch powodów. Element, który
chcemy edytować, może być “zwinięty” i tymczasowo nie
wyświetlany na liście. W tym przypadku należy kliknąć w link
„rozwiń wszystkie”, znajdujący się na dole listy stron, i odnaleźć
-22-
www.nazwa.pl
interesującą nas stronę.
W przypadku nieodnalezienia interesującego nas elementu na
liście, należy udać się do menu „Treść”, a następnie skorzystać
z opcji „Globalne bloki HTML”.
3.3 Usunięcie strony
W celu usunięcia wybranej strony, należy wybrać z menu „Treść”,
następnie „Strony”. Na przedstawionej liście, należy odnaleźć pozycję,
która nas interesuje, a następnie klikąć na ikonkę „Kosz” znajdujący się
po prawej stronie listy. Aby usunąć kilka podstron jednocześnie, należy
zaznaczyć odpowiednie pola znajdujące się obok ikonki „kosza” po
prawej stronie.
Po zaznaczeniu pól należy nacisnąć ikonkę kosza „Usuń”.
UWAGA! Przed usunięciem danej podstrony należy upewnić się, iż
wybór jest prawidłowy, ponieważ raz usunięta strona nie może zostać
przywrócona.
3.4 Ustawienie kolejności wyświetlania stron na liście
Modyfikowanie kolejności wyświetlanych podstron na liście wykonujemy za pomocą
kolumny oznaczonej jako „Przesuń”, która znajduje się w prawej części tabeli
ukazującej strony zawarte w serwisie. Aby przesunąć daną stronę w hierarchii do
góry lub w dół, należy użyć odpowiednio niebieskiej strzałki skierowanej do góry lub
w dół, znajdującej się w tym samym wierszu co strona, którą chcemy przesunąc.
Ustawienie kolejności wyświetlania stron
3.5 Wycofanie strony z publikacji
Wyłączenie publikacji danej strony jest bezpieczniejszym sposobem usuwania nieporządanych
treści z serwisu, ponieważ wyłączona publikacja ukrywa możliwość przeglądania treści danej
podstrony przez użytkowników serwisu. Nie jest natomiast ona usuwana fizycznie, co jest
równoznaczne z możliwością jej późniejszego przywrócenia.
Chcąc wyłączyć publikację należy udać się do menu „Treść” a nastepnie „Strony” i wybrać
-23-
www.nazwa.pl
stronę, którą chcemy wyłączyć z publikacji wchodząc do jej edycji. W zakładce „Opcje” należy
odznaczyć następujące pola:
✔
✔
Aktywacja – w celu wyłączenia linku prowadzącego do dokumentu, który
dezaktywujemy
Wyświetl w menu – wyłączamy wyświetlanie odnośnika do dezaktywowanej strony
w menu
Edycja treści – Strona nie opublikowana
4. Bloki globalne
Globalne bloki HTML
4.1 Co to jest „Blok Globalny” i do czego służy?
Blok globalny jest alternatywnym sposobem umieszczania treści w serwisie WWW. Od
standardowej edycji treści strony różni się możliwościami wykorzystania wprowadzonego
tekstu. Blok Globalny jest elementem, który może zostać stworzony jako jeden element,
natomiast użyty na wielu stronach. Takie rozwiązanie zapewnia nam, że zmiany wprowadzone
w bloku globalnym będą widoczne w każdej stronie go zawierającej.
Charakterystycznym dla Bloku Globalnego jest fakt, iż nie da się go edytować z poziomu edycji
strony www. Aby wprowadzić w nim zmiany należy udać się do menu „Treść”, a następnie
„Globalne Bloki HTML”.
-24-
www.nazwa.pl
4.2 Dodawanie nowego „Bloku Globalnego”
Aby dodać nowy Blok Globalny, należy udać się do menu „Treść”, „Globalne Bloki HTML”.
Następnie, w celu dodania nowego bloku, należy kliknąć w link „Dodaj globalny blok HTML”.
W oknie edycji powinno się wpisać unikalny „Tytuł” bloku oraz jego treść.
„Dodaj globalny blok HTML”
W chwili ukończenia edycji zawartości nowego bloku, zapisujemy wprowadzone zmiany
przyciskiem “Zatwierdź”. Na liście Bloków Globalnych powinien pojawić się nowo stworzony
element o tytule, który został mu nadany.
Lista Utworzonych Bloków Globalnych
Dodanie bloku do treści strony zostało opisane w rozdziale „Osadzenie Bloku Globalnego
w treści strony”.
4.3 Edytowanie Bloku Globalnego
W celu edycji wybranego bloku globalnego, należy wejść do menu „Treść”, „Globalne Bloki
HTML”, wybrać z wyświetlonej listy blok, który ma ulec zmodyfikowaniu, a następnie kliknąć na
jego nazwę lub ikonkę w prawej części tabeli „Edytuj”.
Edycja istniejącego Bloku Globalnego
-25-
www.nazwa.pl
4.4 Usuwanie Bloku Globalnego
W celu usunięcia bloku globalnego, należy udać się do menu „Treść”, następnie wybrać
„Globalne Bloki HTML”,
po czym
kliknąć na ikonkę kosz znajdującą się w wierszu
odpowiadającym danemu blokowi globalnemu.
Usuwanie Bloku Globalnego
UWAGA! Każdorazowe usuwanie bloku, należy przeprowadzić uważnie ze względu na brak
możliwości przywrócenia wykasowanego elementu.
4.5 Osadzenie Bloku Globalnego w treści strony
Aby wstawić blok do treści wybranej strony, należy udać się do edycji treści strony poprzez
menu „Treść”, „Strony”, a następnie w miejscu, w którym chcemy dodać blok, należy wpisać:
{global_content name=”NAZWA”}
W miejscu oznaczonym jako NAZWA, należy podać tytuł jaki został nadany blokowi
globalnemu. Zatwierdzenie wprowadzonych zmian w dokumencie, spowoduje wyświetlenie
zawartości bloku globalnego w miejscu, w którym, wprowadzono wyżej wspomnianą formułę.
5. Foto Album (Galeria)
Foto Albumy
5.1 Co to jest Foto Album (Galeria) i do czego służy?
Moduł galerii jest to system pozwalający na zarządzanie dużą liczbą zdjęć oraz ułatawiający ich
prezentacje w sposób uporządkowany w Serwisie WWW.
-26-
www.nazwa.pl
5.2 Tworzenie nowego FotoAlbumu (Galerii)
Dodanie nowej galerii odbywa się bezpośrednio z strony „Foto Albumy”, aby na nią przejść
wybieramy z menu zakładkę „Treść”, nastepnie „Foto Albumy”. Zostanie wyświetlona strona
z listą już dodanych galerii. Klikamy w przycisk „Dodaj Album” (rysunek poniżej), aby przejść
do formularza dodania nowej galerii.
Foto Albumy – Tworzenie nowej galerii
Następnie wpisujemy nazwę nowo tworzeniej galerii i klikamy w przycisk „Zatwierdź”
Zostaniemy przekierowani do formularza galerii, w którym możemy dodać zdjęcia.
5.2.1 Dodawanie zdjęć do FotoAlbumu (Galerii)
Dodanie zdjęć do galerii odbywa się poprzez formularz zarządzania Foto Albumem. Aby do
niego trafić wybieramy z menu „Treść”, następnie „Foto albumy” - zostanie wyświetlona strona
z wszystkimi galeriami.
Foto Albumy – Lista
Następnie, należy kliknąć w nazwę interesującej nas gallerii, aby przejść do formularza
zarządzania zdjęciami.
-27-
www.nazwa.pl
Foto Albumy – Zarządzanie Galerią
Klikamy w przycisk „Dodaj nowe zdjęcie”, zostanie wyświetlona lista zdjęć wgranych już do
systemu,
Foto Albumy – Dodawanie nowych zdjęć do galerii
Wybieramy zdjęcia, które chcemy dodać do galerii klikając w checkboxy znajdujące się z lewej
strony, następnie klikamy w przycisk „Zapisz”, w celu potwierdzenia operacji.
-28-
www.nazwa.pl
Foto Albumy – Wybór zdjęć w celu ich dodania
Jeżeli chcemy dodać nowe zdjęcia do systemu, wybieramy katalog, do którego wgramy nowe
zdjęcia, klikając w jego nazwę lub tworzymy nowy wpisując nazwę katalogu w formularz
i klikając „Zapisz” (musimy jeszcze wejść do nowo utworzonego katalogu).
Foto Albumy – Tworzenie nowego katalogu
-29-
www.nazwa.pl
Po wybraniu katalogu, w którym mają znaleść się nasze zdjęcia, klikamy w przycisk „Dodaj
nowe pliki”
Foto Albumy – Potwierdzenie chęci dodania nowych plików do galerii
Zostanie wyświetlony panel wgrywania nowych plików.
Foto Albumy – Panel wgrywania plików
Klikamy w przycisk dodaj, następnie wybieramy z dysku pliki (możemy wybrać wiele plików),
które chcemy wgrać, po czym klikamy w przycisk “upload” w celu przesłania plików na serwer.
W zależności od liczby i wielkości wgrywanych plików oraz szybkości transferu operatora
internetu, operacja może chwilę potrwać. Po przesłaniu plików na serwer, okno transferu
-30-
www.nazwa.pl
powinno wyglądać podobnie jak na rysunku poniżej.
Foto Albumy – Panel Wysyłania plików po ich wgraniu
Jeżeli chcemy wgrać jeszcze dodatkowe pliki, mamy nadal taką możliwość. W przypadku gdy
przesłaliśmy wszystkie pliki, które nas interesują zamykamy okno transferu.
Następnie wybieramy zdjęcia, które chcemy dodać do galerii i klikamy przycisk „Zapisz”.
5.2.2 Usuwanie zdjęć z Foto Albumu (Galerii)
W celu usunięcia wybranych zdjęć z galerii, należy wejść za pośrednictwem menu panelu
administracyjnego CMS do zakładki „Treść”, a następnie „Foto Albumy”, wybrać galerię, której
modyfikacja ma zostać wykonana. W chwili wyświetlenia się okna edycji, należy pod zdjęciami,
które docelowo mają zostać usunięte, kliknąć na ikonkę „Usuń” - kosz.
Foto Albumy – Usuwanie zdjęć z galerii
-31-
www.nazwa.pl
5.2.3 Wymiana zdjęć w Foto Albumie (Galerii)
Wymiana zdjęć w wybranej przez użytkownika galerii, odbywa się w następujący sposób.
Należy wejść w okno edycji danej galerii [„Treść” / „Foto Albumy”], następnie pod wybranym
zdjęciem kliknąć przycisk „Zmień zdjęcie”.
Foto Albumy – Wymiana aktualnych zdjęć
Wyświetli się nam formularz wyboru zdjęcia, z którego korzystaliśmy przy okazji dodawania
zdjęć do galerii (patrz. 5.2.1). Klikamy w ikonkę zmień zdjęcie, znajdującą się w prawej
kolumnie na liście zdjęć.
Foto Albumy – Potwierdzenie chęci wymiany zdjęcia na inne
5.2.4 Wymiana miniaturek
Każda nowo stworzona galeria posiada swoją miniaturkę, która będzie wyświetlana jako
ilustracja reprezentacyjna dla danej galerii, po umieszczeniu jej na stronie. Aktualna
miniaturka jest generowana automatycznie podczas tworzenia listy plików graficznych
należących do danej galerii. W celu ewentualnej wymiany danego zdjęcia, należy przejść do
edycji galerii, wybierając z menu „Treść”, a nastepnie „Foto Albumy” i kliknąć w nazwę
interesującej nas galerii. Zostanie wyświetlony formularz zarządzania galerią (rys. Poniżej).
-32-
www.nazwa.pl
Foto Albumy
Klikamy w przycisk „Zmień”.
Foto Albumy – Wymiana miniatury
Następnie odnajdujemy interesujące naz zdjęcie i klikamy w przycisk „Użyj miniaturki tego
zdjęcia” znajdujący się w prawej kolumnie listy zdjęć.
Foto Albumy – Potwierdzenie chęci użycia nowej miniatury
-33-
www.nazwa.pl
5.2.5 Dodatkowe opcje
Dostępne w oknie edycji Foto Albumu (Galerii)
1. Przesuń w lewo – przesunięcie zdjęcia na poprzednią pozycję w hierarchii zdjęć
w galerii.
2. Edytuj komentarz – komentarz tekstowy definiowany dla każdego zdjęcia osobno.
3. Zmień zdjęcie – wymiana wybranego zdjęcia na inne.
4. Zmień miniaturkę – wymiana miniaturowej wersji zdjęcia (wymiana podglądu).
5. Przesuń w prawo – przesunięcie zdjęcia na następną pozycjię w hierarchii zdjęć
w galerii.
6. Usuń – usunięcie wybranego zdjęcia z listy edytowanej galerii.
Dodatkowe opcje w zakładce „Ustawienia”:
➢ Szablon – jest to ustawienie sposobu wyświetlania zdjęć (wg ostatniej aktualizacji,
kategorii, przypadkowe zdjęcie, ustawienie standardowe – w kolejności występowania
w galerii.
➢ Maksymalna liczba kolumn miniaturek – maksymalna liczba zdjęć wyświetlanych
w jednym wierszu. Opcja dostępna tylko wtedy gdy został wybrany szablon „Tabela”.
➢ Maksymalna liczba wierszu miniaturek – maksymalna liczba wierszy wyświetlanych
na stronie. Opcja dostępna tylko wtedy, gdy został wybrany szablon „Tabela”.
5.3 Osadzenie Foto Albumu (Galerii) w treści strony
W celu wstawienia galerii w treści strony, należy w miejscu docelowym podczas edycji [Menu:
„Treść” / „Strony” /...] wstawić odpowiedni kod wybierający, która galeria ma zostać
zaimplementowana. Kod odpowiedzialny za wstawienie wybranej galerii znajduje się w menu
Treść, Foto Albumy w kolumnie „Albumy” pod nazwą danej galerii.
Foto Albumy – Lista Albumów oraz przypisanych kodów
-34-
www.nazwa.pl
WSKAZÓWKA: Przykładowy kod galerii, który należy
skopiować w miejsce w którym ma znaleźć się odnośnik:
{cms_module module='album' albums='4'}
5.4 Co to są kategorie w Foto Albumie (Galerii)?
Kategorie to sposób grupowania gotowych albumów w grupy powiązane tematycznie. Zostały
wprowadzone w celu ułatawienia zarządzania dużą liczbą galerii, z poziomu administracjnego
i późniejszego wyświetlania galerii z danej kategorii na stronach wynikowych (patrz. „Jak
wyświetlić na stronie Albumy tylko z jednej kategorii?”) z danego fotoalbumu na stronie.
Kategoria może zawierać wiele albumów, jak i album może należeć do wielu kategorii.
5.5 Jak dodać kategorię do Foto Albumu (Galerii)?
Aby dodać nową kategorię, należy wejść do menu „Treść”, a następnie „Foto Albumy” i wybrać
zakładkę Kategorie, następnie należy kliknąć w przycisk „Dodaj kategorię”. Zostanie
wyświetlony formularz dodania nowej kategorii (rys. poniżej). W pole “Tytuł” wpisujemy nazwę
nowo tworzonej pozycji, następnie klikamy „Zapisz”. Pole „Komentarz” jest opcjonalne.
Foto Albumy – Dodawanie nowej kategorii
5.6 Jak dodać Album do wybranej kategorii?
W celu dodania Albumu do danej kategorii należy przejść do edycji danego Albumu za pomocą
menu „Treść”, „Foto Album”, a następnie wejść do wybranej pozycji klikając na jej nazwę.
W chwili gdy zostanie wyświetlone okno edycji danego Albumu, należy zaznaczyć pola
odpowiadające poszczególnym kategorią na „Liście kategorii”, do których ma należeć galeria.
-35-
www.nazwa.pl
Foto Album – Album z zaznaczoną kategorią “Album”
Następnie należy zatwierdzić wprowadzone zmiany przyciskiem “Zapisz”. Galeria zostanie
wyświetlona na liście foto albumów, w kategoriach, do których została przypisana.
5.7 Jak wyświetlić na stronie Albumy tylko z jednej kategorii?
Jeżeli chcemy, aby na danej stronie zostały wyświetlone foto albumy z danej kategorii, należy
w treści strony [Menu. „Treść” / „Strony”] wstawić kod. Kod ten jest dostępny na liście foto
albumów [Menu: „Treść” / „Strony”] w zakładce „Kategorie”.
Foto Albumy – Kopiowanie kodu galerii w celu wstawienia go do treści strony
Przykładowy kod, który należy skopiować i umieścić w treści strony:
{cms_module module=”album” categories=”1”}
5.8 Jak wyświetlić na stronie Albumy z wybranych kategorii?
Analogicznie do przykładu opisanego powyżej, należy umieścić w miejscu, w którym ma
znaleźć się galeria, odpowiedni kod definiujący, które Kategorie zostaną wyświetlone. Różnica
w tym przypadku polega na wymienieniu numerów ID wybranych kategorii w miejscu
categories=” “'.
-36-
www.nazwa.pl
Zatem aby wstawić kilka przykładowych kategorii w wybranym miejscu strony, należy wejść do
Treść, Foto Albumy, w zakładkę Kategorie, wybrać te kategorie, które mają się wyświetlać,
a następnie zapisać ich numery ID podane w kolumnie o tej nazwie.
Foto Albumy – Kopiowanie ID wybranej galerii
Po zapisaniu odpowiednich identyfikatorów należy przejść do edycji danej strony i w miejscu
w którym maja się wyświetlić zdjęcia z danych kategorii, należy wstawić kod:
{cms_module module=”album” categories=”1,2,3,4”}
Gdzie „1,2,3,4” to numery id wybrane wcześniej (uwaga: kolejne numery podajemy po
przecinku).
5.9 Jak wyświetlić na stronie Albumy z wszystkich kategorii?
Należy udać sie do edycji strony, na której chcemy wyświetlić wszystkie albumy poprzez menu
„Treść”, a następnie „Strony”. Następnie w treści wstawić kod
{cms_module module=”album”}
W miejscu, w którym dodaliśmy kod, na stronach wynikowych zostaną wyświetlone wszystkie
fotoalbumy.
6. Moduł Aktualności
6.1 Co to jest Moduł Aktualności i do czego służy?
Aktualności - Lista
Moduł ten służy do dodawania, usuwania oraz zarządzania aktualnościami w serwisie. Dzięki
niemu możemy min. wpisać newsy, które pojawią się w przyszłości. W serwisie została
zaimplementowana funkcjonalność wyświetlania aktualności z odpowiednio przygotowaną
-37-
www.nazwa.pl
wizualizacją. Dzięki takiemu podejściu, dużo łatwiej jest zapanować nad wyglądem całego
serwisu. Warto zauważyć, że „Moduł aktualności” nie musi być wykorzystywany tylko
i wyłącznie do publikowania najnowszych wiadomości w serwisie. Możemy go również
wykorzystać do publikacji pełnych artykułów, które łatwo można pogrupować w odpowiednie
kategorie.
6.2 Jak dodać nową aktualność?
W celu dodania nowej aktualności, należy wejść do menu „Treść”, a nastepnie „Aktualności”
i kliknąć w przycisk „Dodaj artykuł”
Aktualności – Dodaj Artykuł
Zostanie wyświetlony formularz dodania nowego wpisu.
Aktualności – Formularz dodawania nowego artykułu
Opis pól w formularzu dodania aktualności:
➢
Kategoria - wybór kategorii, do jakiej będzie należeć wpis. W zależności od tego
parameru, wpis może pokazywać się na różnych stronach serwisu.
Nowe kategorie mogą być tworzone przez użytkownika. Szczegółowy opis dodania
-38-
www.nazwa.pl
kategorii znajduje się w rodziale „Jak dodać nową kategorię?”
➢
Tytuł – tytuł wpisu, wyświetlany jest na listach wszystkich artykułów z danej kategorii,
oraz na stronie z pełnym artykułem
➢
Podsumowanie – skrót aktualności, wyświetlany jest w boksach prezentujących
ostatnio wprowadzone i opublikowane artykuły.
➢
Treść – pełna treść artykułu
➢
Dodatkowy obrazek – wybór obrazka, który ma zostać zaprezentowany wraz z daną
aktualnością. Dodanie
pliku graficznego następuje przy użyciu przycisku „Dodaj
obrazek”. Aby dodać obrazek nieznajdujący się jeszcze na serwerze , należy go najpierw
wgrać za pośrednictwem menadżera obrazków. Dokładny opis tej operacji znajduje się
w rodziale „Jak można wgrać nowe obrazki?”
➢
Data publikacji – określa datę publikacji aktualności. Szczegółowy opis znajduje się
w rodziale „Jak opublikować aktualność?”
➢
Status – Opublikowany / Kopia robocza – włączenie lub wyłączenie publikowania danej
aktualności na stronie www. Kopia robocza nie jest widoczna dla użytkownika
przeglądającego serwis.
➢
Użyj daty wygaśnięcia – Włączenie / Wyłączenie opcji terminu ważności danego
wpisu.
Data początkowa – początek okresu, w ciągu którego dana aktualność będzie
widoczna w serwisie WWW.
➢
➢
Data końcowa – koniec okresu w ciągu którego dana aktualność będzie widoczna na
stronach wynikowych. Parametr ten jest brany pod uwagę tylko wtedy, kiedy opcja
„Użyj daty wygaśnięcia” jest włączona.
6.3 Jak opublikować aktualność?
Aby opublikować daną aktualność należy wejść poprzez menu [„Treść” / „Aktualności”] do
edycji danego wpisu. Następnie w formularzu edycji, należy ustawić opcje “status” na
„Opublikowany”. Jeżeli jest włączona opcja “Użyj daty wygaśnięcia”, należy określić
odpowiednie przedziały czasowe.
Aktualności – Publikowanie aktualności, konfiguracja daty wygaśnięcia.
Jezeli opcja „Użyj daty wygaśnięcia” jest wyłączona, należy sprawdzić czy „Data publikacji” jest
odpowiednio ustawiona (jeżeli data jest z przyszłości, wpis pokaże się dopiero w tym
terminie”).
-39-
www.nazwa.pl
Aktualności – Publikacja aktualności.
6.4 Jak ustawić
przyszłość?
datę
publikacji
danej
aktualności
na
Ustawienie daty publikacji z wyprzedzeniem należy wykonać w następujący sposób.
Użytkownik powinien za pośrednictwem menu „Treść”, „Aktualności” przejść do edycji danej
aktualności. Jeżeli aktualność, ma być wyświetlana w pewnym przedziale czasowym, należy
włączyć opcje „Użyj daty wygaśnięcia” i określić odpowiednie ramy czasowe.
Aktualności – konfiguracja daty wygaśnięcia aktualności
Jeżeli wpis ma być wyświetlany bez ograniczenia czasowego należy wyłączyć opcję „Użyj daty
wygaśnięcia” i odpowiednio ustawić datę w polu „Data publikacji”.
Aktualności – konfiguracja daty publikacji
6.5 Co to są i do czego służą kategorie?
Kategorie zostały stworzone w celu grupowania aktualności w odpowiednie grupy tematyczne.
Dzięki temu, późniejsze poruszanie się oraz wyświetlanie danej grupy wpisów na odpowiednich
stronach w serwisie jest dużo łatwiejsze.
-40-
www.nazwa.pl
6.6 Jak dodać nową kategorię?
W celu dodania nowej kategorii należy udać się poprzez menu „Treść” / „Aktualności”, do listy
aktualności dostępnych w serwisie, następnie wybrać zakładkę „Kategorie”,
Aktualności – lista kategorii
po czym należy kliknąć w przycisk „Dodaj kategorię”.
Aktualności – Dodawanie nowej kategorii
Zostanie wyświetlony formularz dodania nowej kategorii.
Aktualności – Formularz tworzenia nowej kategorii
Opis dostępnych opcji:
➢
➢
Nazwa – identyfikator danej kategorii
Nadrzędny – określenie innej kategorii jako nadrzędnej, czyli ustawianie hierarchii
pomiędzy tworzonymi kategoriami. Niewybranie kategorii nadrzędnej, ustawia daną
grupę na poziomie pierwszym (najczęsciej używana opcja).
6.7 Jak dodać aktualność do kategorii?
Modyfikowanie przynależności wybranej aktualności do kategorii określa się poprzez parametr
„Kategoria” w formularzu edycji aktualności. Aby przejść do formularza, należy z menu wybrać
„Treść”, a następnie „Aktualności” i kliknąć w nazwę danej aktualności. Podczas edycji
wybranej aktualności w pozycji “Kategoria”, należy wybrać tą kategorię, do której ma należeć
dany artykuł.
Aktualności – wybór kategorii
-41-
www.nazwa.pl
Pozycja „Główna” informuje o braku przynależności aktualności do stworzonych kategorii.
6.8 Jak wyświetlić
kategorii?
na
stronie
aktualności
tylko
jednej
Należy przejść do strony listy aktualności poprzez menu „Treść”, a następnie „Aktualności”,
przejść do zakładki kategorie i skopiować tekst znajdujący się w kolumnie “Kod” przy
interesujacej nas kategorii
{cms_module module=„news" category=„General"}
Aktualności – kod, który należy wstawić do treści strony
Nastepnie tak skopiowany kod, należy wkleić w odopowiednim miejscu w treści strony, („Treść”
/ „Strony”). Istnieje możliwość wyświetlania określonej liczby ostatnio dodanych wpisów,
w takim przypadku należy dopisać słowo „number” i podać wartość numeryczną liczby wpisów
do wyświetlania, tak jak to zostało pokazane poniżej:
{cms_module module="news" category="General" number="5"}
Taki wpis wyświetli maksymalnie pięć ostatnio dodanych wpisów z kategorii „General”
7. Menadżer obrazków
Menadżer obrazków
7.1 Co to jest Menadżer obrazków i do czego służy?
Jest to moduł zarządzania plikami graficznymi używanymi na stronie. Za jego pośrednictwem
użytkownik jest w stanie dodawać oraz usuwać pliki znajdujące się na serwerze.
7.2 Jak można wgrać nowe obrazki?
W celu dodania nowego pliku graficznego do zasobów serwisu, należy wejść do poprzez menu
„Treść”, „Menadżer obrazków”.
-42-
www.nazwa.pl
Menadżer obrazków – „Dodaj nowy plik”
Następnie wybieramy katalog, do którego wgramy nowe zdjęcia, klikając w jego nazwę lub
tworzymy nowy wpisując nazwę katalogu w formularz i klikając „Zapisz” (musimy jeszcze
wejść do nowo utworzonego katalogu).
Menadżer obrazków – Wpisujemy nazwę tworzonego katalogu
Po wybraniu katalogu, w którym mają znaleść się nasze zdjęcia klikamy w przycisk „Dodaj
nowe pliki”.
Menadżer obrazków – Dodajemy nowy plik
Zostanie wyświetlony panel wgrywania nowych plików,
-43-
www.nazwa.pl
Menadżer obrazków – Upload plików (panel wgrywania plików na serwer)
Klikamy w przycisk dodaj, następnie wybieramy z dysku pliki (możemy wybrać wiele plików),
które chcemy wgrać, po czym klikamy w przycisk upload w celu przesłania plików na serwer.
W zależności od liczby i rozmiarów wgrywanych plików oraz szybkości transferu operatora
internetu, operacja może chwilę potrwać. Po przesłaniu plików na serwer okno transferu
powinno wyglądać podobnie jak na rysunku poniżej.
Menadżer obrazków – Poprawnie wykonany proces wgrania pliku na serwer
Jeżeli chcemy wgrać dodatkowe pliki mamy nadal taką możliwość. W przypadku gdy
przesłaliśmy wszystkie pliki, które nas interesują zamykamy okno transferu. Od tego momentu
możemy wykorzystywać nasze pliki w serwisie.
7.3 Jak można usunąć istniejące już obrazki?
W celu usunięcia pliku graficznego z zasobów serwisu należy wejść do Menadżera obrazków
poprze menu „Treść” do „Menadżer obrazków”. Odnaleść plik grafczny, który jest do usunięcia
i kliknąć w ikonkę „Kosz” pod obrazkiem.
-44-
www.nazwa.pl
Menadżer obrazków – Usuwanie obrazków
7.4 Jak można stworzyć nowy katalog?
W celu dodania nowego katalogu, w którym będą zamieszczane nowe pliki, należy wejść
poprzez menu „Treść” do “Menadżer obrazków”.
Nastepnie należy przejść do katalogu w którym, chcemy dodać nowy folder, klikając w ikonkę
teczki.
Po wybraniu miejsca docelowego wpisujemy nazwę nowego katalogu w pole „Utwórz nowy
folder” i klikamy w przycisk „Utwórz”.
Menadżer obrazków – Tworzenie nowego katalogu
7.5 Jak można usunąć cały katalog?
W celu usunięcia całego katalogu wraz z podkatalogami i wszystkimi plikami graficznymi
znajdującymi się w nich, należy wejść poprzez menu „Treść” do „Menadżer obrazków”.
Następnie odnaleźć interesujacy nas katalog i kliknąć w ikonkę „Usuń”.
-45-
www.nazwa.pl
Menadżer obrazków – Usuwanie wybranego katalogu
8. Odtwarzacz multimedialny
Aby dodać gotowy plik multimedialny (może to być muzyka mp3 lub film w formacie FLV),
należy wgrać go za pomocą menadżera plików na serwer (Menu „Treść” / „Zaawansowany
menadżer plików”), klikamy na zakładce „Dodawanie plików”, „Wybierz”. W otwartym oknie
wybieramy plik znajdujący się u nas na dysku i zatwierdzamy wybór, przyciskiem „Ok”. Tak
wgrany plik jest już gotowy do użycia przy pomocy odtwarzacza. Przechodzimy zatem do menu
„Treść”/ „Odtwarzacz multimedialny”, wybieramy opcję „Dodaj plik”, a następnie wpisujemy
nazwę wprowadzanego utworu, wybieramy rodzaj odtwarzacza (FLV w celu odtwarzania filmów
lub mp3 w celu odtwarzania muzyki). Następnie wybieramy za pomocą przycisku „Przeglądaj”
plik multimedialny i zapisujemy.
Wstawienie odtwarzacza odbywa się w identyczny sposób jak ma to miejsce w przypadku Foto
Albumów, Aktualności oraz Bloków Globalnych. Z listy w menu „Treść” / „Odtwarzacz
multimedialny” wybieramy kod dotyczący interesującego nas wcześniej wgranego pliku.
Przykład:
{cms_module module="Play" record="3"}
Zaznaczamy, a następnie kopiujemy kod i przechodzimy do edycji treści wybranej strony na
której ma znajdować się dana funkcjonalność multimedialna (menu: „Treść” /. „Strony” / ...),
wklejamy kod w wybranym miejscu i zatwierdzamy zmiany wprowadzone na stronie.
Warto zaznaczyć, iż pliki mp3 jak i FLV nie powinny przekraczać zbyt dużej objętości (kilka
megabajtów), ponieważ użytkownicy przeglądający stronę będą musieli po wejściu na nią
ściągać dany plik, co może potrwać niekiedy kilka minut. Proces ściągania takich plików
z serwera, powoduje także opóźnienia w ładowaniu się innych stron w tym czasie.
-46-
www.nazwa.pl
9. Formularz Kontaktowy
Przykładowy formularz kontaktowy
9.1 Co to jest Formularz kontaktowy i do czego służy?
Jest to moduł instalowany w serwisach WWW, za pośrednictwem którego osoba odwiedzająca
dany serwis WWW, może skontaktować się z właścielem WWW bezpośrednio ze strony. Adres
e-mail, na który są wysyłane wiadomości, konfiguruję się w panelu administracyjnym,
szczegółowy opis konfiguracji znajduje się w rodziale „Konfirguracja Formularza
Kontaktowego”.
9.2 Konfirguracja Formularza Kontaktowego
Opcje konfiguracji formularza kontaktowego dostępne są po wybraniu z menu strony „Moje
preferencje” , a nastepnie „Ustawienia E-mail”. Poniżej znajduje się szczegółowy opis opcji.
Formularz kontaktowy – Panel konfiguracji
„Ustawienia e-mail” - opcje konfiguracji Formularza Kontaktowego znajdującego się na
stronie internetowej. Warto zaznaczyć, iż dane wpisane w poniżej opisanych polach są poufne
i nie będą wyświetlane odwiedzającym serwis WWW.
-47-
www.nazwa.pl
–
„E-mail odbiorcy” - adres e-mail (np. [email protected]), na jaki mają zostać
kierowane wiadomości wpisywane przez użytkowników odwiedzających stronę.
–
„Nazwa odbiorcy” - Preferowana nazwa użytkownika odbierającego wiadomości np. „Jan
Kowalski”
–
„Serwer SMTP” - serwer poczty wychodzącej np. „poczta.example.com” Pozycja
wymagana dla poprawnego działania formularza kontaktowego. Zazwyczaj dostawca usługi
konta pocztowego informuje użytkowników o adresie serwera SMTP oraz POP3 w dziale FAQ
na jego stronie lub dostarcza te informacje drogą mailową, po założeniu skrzynki.
–
„Serwer wymaga uwierzytelniania” - opcja włączenia / wyłączenia uwierzytelniania,
Jeżeli konto pocztowe, z którego mają być wysyłane wiadomości z formularza kontakowego
wymaga uwierzytelnia, należy włączyć tą opcje oraz podać dane autoryzacyjne. Dane te są
dostępne tylko w administracji.
Formularz kontaktowy – Prawidłowo wypełniony formularz kontaktowy
–
“Login” (inne popularne nazwy: nazwa użytkownika, użytkownik, user) – należy wpisać
nazwę użytkownika konta za pomocą którego, będą wysyłane wiadomości e-mail, np.:
„[email protected]”.
–
“Hasło” – w pole należy wpisać hasło do konta pocztowego za pomocą, którego będą
wysyłane wiadomości z formularza kontaktowego.
–
„Pokazuj ostrzeżenia o błędach w formularzu na stronie głównej” - opcja włączona
powoduje wyświetlenie informacji w przypadku źle skonfigurowanego konta pocztowego,
serwera SMTP lub innych problemów technicznych występujących podczas wysyłania
wiadomości email.
UWAGA: Opcja powinna być włączona tylko w przypadku gdy testujemy poprawne działanie
formularza. Podczas normalnej pracy serwisu www, zaleca się wyłączenie tej opcji.
10. Krok po kroku...
Rozdział ten w całości został poświęcony podstawowym zagadnieniom, które są najczęściej
wykonywane podczas codziennej pracy w CMS.
Dedykowany jest początkującym
użytkownikom, którzy dopiero rozpoczynają przygodę z tego typu aplikacjami jak CMS.
Zagadnienia zostaną omówione na przykładzie tworzenia nowej strony.
-48-
www.nazwa.pl
10.1 Logowanie do panelu administracyjnego CMS
Pracę rozpoczniemy od zalogowania sie do systemu CMS. W tym celu otwieramy przeglądarkę
internetową, wpisujemy adres http://cms.nazwa.pl/.
W pole „Login” wpisujemy nazwę użytkownika (domyślnie jest to „admin” i wprowadzamy
hasło dla tego użytkownika (zostało dostarczone za pomocą poczty e-mail, po zakończeniu
prac
nad Serwisem WWW). Po zalogowaniu zostanie wyświetlona strona z listą
funkcjonalności, do których mamy dostęp.
Panel Administracyjny CMS po zalogowaniu.
Wszystkie moduły zostały opisane w poprzednich rozdziałach, a my przechodzimy do
stworzenia nowej strony.
-49-
www.nazwa.pl
10.2 Tworzenie nowej strony.
W tym celu w menu wybieramy „Treść”, a następnie „Strony”.
Menu „Treść” / „Strony”
Zostanie wyświetlona lista wszystkich stron
Menu „Treść” / „Strony” - Lista podstron
Klikamy w przycisk „Dodaj nową treść”
Menu „Treść” / „Strony” - Dodawanie nowej strony
Zostanie wyświetlony formularz dodania nowej strony
-50-
www.nazwa.pl
Menu „Treść” / „Strony” / „Dodaj nową treść” - Panel edycji treści strony.
Szczegółowy opis formularza znajduje się w rozdziale „Dodanie nowej strony”, my
wprowadzimy podstawowe informacje. Wpisujemy nazwę naszej strony w pole “Tytuł”, np.:
„O Firmie NetArt”, tekst wyświetlany jest w pasku przeglądarki oraz jako tytuł w treści. W pole
„Tekst w menu” wpisujemy skróconą nazwę naszej strony np „O NetArt”, wartość ta
wyświetlana będzie w menu strony:
“Dodaj nową treść” - Uzupełnianie danych.
Następnie w treść strony wpisujemy przykładowy tekst:
„NetArt istnieje od 1997 roku świadcząc usługi hostingowe i rejestracji domen internetowych. Firma
oferuje również usługi tworzenia Serwisów WWW, zapewniając kompleksową obsługę Klientów. NetArt
posiada około 30% udziału w polskim rynku komercyjnych usług internetowych i obsługuje ponad 200
tys. Klientów. ”
-51-
www.nazwa.pl
„Dodaj nową treść” - Wprowadzanie treści nowej strony
Klikamy w zakładkę „Podgląd” żeby zobaczyć jak będzie wyglądała nasza strona. Następnie
wracamy do edycji treści , klikając w zakładkę „Główna”.
„Dodaj nową treść” - Zakładka „Główna”
W dalszej części zajmiemy się z formatowaniem tekstu.
10.3 Formatowanie tekstu
We wprowadzonym tekście warto jest wyróżnić treści ważne od mniej ważnych, podzielić tekst
na odpowiednie fragmenty, tak żeby użytkownik naszego serwisu łatwo mógł zwrócić uwagę
na ważne aspekty czytanego tekstu. Prace rozpoczniemy od wprowadzenia pogrubień na słowie
„NetArt”, w tym celu zaznaczamy fragment tekstu.
Edycja treści strony – Formatowanie tekstu
Następnie klikamy w ikonkę „B”. Nasz tekst powinien aktualnie wyglądać tak:
-52-
www.nazwa.pl
„NetArt istnieje od 1997 roku świadcząc usługi hostingowe i rejestracji domen
internetowych. Firma oferuje również usługi tworzenia Serwisów WWW, zapewniając
kompleksową obsługę Klientów. NetArt posiada około 30% udziału w polskim rynku
komercyjnych usług internetowych i obsługuje ponad 200 tys. Klientów.”
Kolejnym krokiem będzie stworzenie wypunktowanej listy znajdującej się poniżej
zamieszczonego tekstu. Ustawiamy kursor na końcu tekstu i kliamy przycisk „Enter” na
klawiaturze w celu przejścia do nowej lini, następnie wpisujemy tekst „NetArt jest partnerem”
i klikamy znowu w klawisz enter.
Teraz wstawimy wypunktowanie,
wybieramy rodzaj listy z menu (do wyboru mamy listę
numerowaną
oraz wypunktowaną
). W naszym przykładzie
wypunktowanej. Po wybraniu pojawia się automatycznie element początkowy
numer). Wprowadzamy tekst pierwszego punktu „NASK” i klikamy w klawisz
stworzenia kolejnego elementu listy. Następnie wprowadzimy jeszcze jeden
tekst „EURid”. Nasz tekst powinien wyglądać następująco:
użyjemy listy
listy (punkt lub
“Enter”, w celu
punkt wpisując
-53-
www.nazwa.pl
10.4 Wstawianie zdjęcia
Sam tekst nie zawsze jest wystarczająco interesujący dla odwiedzających stronę, dlatego
warto jest w nim zamieścić ilustracje. W celu wprowadzenia obrazka musimy wcześniej go
wgrać na serwer (jeżeli jeszcze się tam nie znajduje). Aby tego dokonać zapisujemy zmiany
wprowadzone w nowej stronie przyciskiem „Zatwierdź”,
Edycja treści strony – Zatwierdzanie wprowadzonych zmian.
a następnie udajemy się do menu „Treść” / „Menadżer obrazków”.
Menu „Treść” / „Menadżer obrazków”
Zostanie wyświetlony formularz „Menadżer obrazków”.
Menadżer obrazków
-54-
www.nazwa.pl
Następnie klikamy w przycisk „Dodaj nowe pliki”,
Menadżer obrazków – Dodawanie nowych plików
zostanie wyświetlony formularz dodawania nowych plików.
Menadżer obrazków – Formularz dodawania nowego pliku do serwera
Klikamy w przycisk “Dodaj” i wybieramy interesujący nas plik graficzny z naszego dysku
twardego,
Menadżer obrazków – Wybieramy plik, który ma zostać wgrany na serwer
-55-
www.nazwa.pl
potwierdzamy wybór oraz klikamy w przycisk „Upload”. W ten sposób wprowadzony plik na
serwer powinien już być dostępny do użycia. Zamykamy okienko wgrywania nowych plików i
wracamy do edycji naszej strony. W tym celu wybieramy z menu „Treść” następnie „Strony”.
Menu „Treść” / “Strony”
Zostanie wyświetlona lista stron już wprowadzonych. Odnajdujemy interesującą nas stronę
(w naszym przypadku będzie to strona „O NetArt”) i klikamy w nazwę. Zostanie wyświetlony
formularz edycji treści strony z danymi, które wprowadziliśmy wcześniej.
Menu “Treść” / “Strony” - Edycja treści strony
Będąc już w oknie edycji treści, klikamy na miejsce, w
następnie klikamy w ikonkę „Wstaw” / „Edytuj obrazek”
obrazka.
-56-
którym ma znaleźć się ilustracja,
. Pojawi się nam okienko wyboru
www.nazwa.pl
Formularz dodawania nowego obrazka
W pojawiającym się oknie wybieramy obrazek, który wcześniej został wgrany na serwer, za
pomocą przycisku znajdującego się obok pola „URL obrazka”.
Formularz dodawania nowego obrazka – klikamy na ikonkę „Przeglądaj”
Pojawi się nam okienko wyboru obrazka.
-57-
www.nazwa.pl
Dodawanie nowego obrazka – Lista wyboru plików graficznych
Odnajdujemy interesujący nas rysunek i klikamy w niego. W tym momencie system
automatycznie ustawia odpowiednią ściężkę w formularzu.
Dodawanie nowego obrazka – po kliknięciu na wybrany obrazek
ścieżka zostaje dopisana do adresu URL obrazka.
W tym miejscu mamy możliwość wpisywania dodatkowych informacji, które szczegółowo
zostały opisane w rozdziale „Jak dodać zdjęcie do strony ?”. Zatwierdzamy wprowadzanie
obrazka klikając w przycisk „Wstaw”. W tym momencie w naszym tekście obrazek został
wprowadzony w miejscu, w którym wybraliśmy.
-58-
www.nazwa.pl
Edycja treści strony – Wstawiony plik graficzny
10.5 Dopisanie linku
Mając już tekst, listę oraz ilustrację, w treści czasami warto jest zdefiniować dla niektórych
elementów linki (hiperłącza) odnoszące użytkownika do innych stron. W celu utworzenia
takiego linku należy zaznaczyć kursorem fragment tekstu, który ma być adresem URL.
Edycja treści strony – zaznaczamy treść, która ma zostać linkiem
Następnie klikamy w przycisk „Wstaw” / „Edytuj link”
. Zostanie wyświetlony formularz
dodania adresu URL. Wpisujemy adres URL np.: http://nazwa.pl i klikamy w przycisk „Wstaw”.
-59-
www.nazwa.pl
Dodawanie linku do zaznaczonego tekstu – Prawidłowo wypełniony formularz
11. Elementy dodatkowe w treści strony
W treści strony możemy dodawać moduły takie jak:
Galeria – opisana w rozdziale „Osadzenie Foto Albumu (Galerii) w treści strony”.
Aktualności - opisane w rozdziale „Jak wyświetlić na stronie aktualności tylko jednej
kategorii?”.
Bloki globalne - opisane w rozdziale „Osadzenie Bloku Globalnego w treści strony”.
Odtwarzacz multimedialny – opisane w rozdziale „Jak dodać Odtwarzacz multimedialny do
strony”.
-60-
www.nazwa.pl

Spis treści

Transkrypt

Podobne dokumenty

Panorama Lubelska ma nowy portal informacyjny

Ale to nie wszystko

pobierz CV - Mateusz Berger

Sesja studyjna - sekcja foto SZOK`u

Zdalny dostęp do rejestratora EV-8604 przez dedykowaną

Systemy zarządzania treścią (CMS - Content Management

Wzór formularza ofertowego - Wydział Nauk o Wychowaniu

1 Nazwa: WiWeb Typ: biznes Data utworzenia: 25 marca 2013 13

Dynacord CMS 1000 3

FORMULARZ KONTAKTOWY Zapraszamy do kontaktu