Ppodrecznik uzytkownika

Transkrypt

1 Ppodrecznik uzytkownika

2 Spis treœci Spis treœci: I. INFORMACJE PODSTAWOWE I.1 S³ownik zwrotów i wyra eñ...2 I.2 Spis skrótów...4 I.3 Spis æwiczeñ...5 II. OPIS FUNKCJI W SYSTEMIE CMS I.1 Logowanie...6 I.2 Opis funkcji...6 I.3 Opis paneli administracyjnych...10 III. II.1 II.2 II.2.a II.2.b II.3 II 4 II.5 II.6 II.7 IV. BUDOWA ORAZ ROZBUDOWA SERWISU ZA POMOC SYSTEMU CMS Informacje podstawowe...12 Struktura serwisu...12 Sekcja...12 Strona...13 Szablon graficzny i wzór strony...15 Szablon i wzór w odniesieniu do sekcji...16 Strona domyœlna...16 Tytu³ strony...16 Wykorzystanie funkcji w praktyce...17 ODNOŒNIKI III.1 Informacje podstawowe...18 III.2 Wykorzystanie funkcji w praktyce...18 III.2.a Odnoœniki do stron serwisu...18 III.2.b Odnoœniki do serwisów zewnêtrznych...19 III.2.c Odnoœniki do popupów...19 III.2.d Odnoœniki do okna galerii...21 III.2.e Odnoœniki do plików...22 V. ZARZ DZANIE ZAWARTOŒCI SERWISU IV.1 Informacje ogólne...23 IV.2 Zarz¹dzanie tekstem...23 IV.3 Tabele...24 IV.3.a Zwiêkszanie iloœci komórek w tabelach...25 IV.3.b Zmniejszanie iloœci kolumn w tabeli...26 IV.3.c Wykorzystanie tabel do prezentacji informacji w z³o onych formach...27 IV.3.d Szerokoœæ tabel...28 IV.4 Wstawianie obrazów...29 IV.5 Pliki do pobrania...31 Strona 1

3 I. Informacje podstawowe I. INFORMACJE PODSTAWOWE I.1 S³ownik zwrotów i wyra eñ Administrator - osoba upowa niona do zarz¹dzania zawartoœci¹ serwisu. CMS- content management system - system zarz¹dzania zawartoœci¹ serwisu WWW. Formatowanie - okreœlenie cech wyœwietlanych elementów. Hiper³¹cze -link. Implementacja systemu- wbudowanie systemu do istniej¹cej strony. Katalogowanie - organizowanie plików w katalogi. Lista zag³êbieñ katalogów - struktura katalogów. Kod # - znormalizowany zapis okreœlaj¹cy kolor w systemie szesnastkowym. Odnoœnik - hiper³¹cze, link. Pliki do pobrania - pliki które mo na œci¹gn¹æ ze strony na dysk u ytkownika w celu ich otworzenia. Pojemnoœæ serwera wirtualnego - okreœlona w umowie powierzchnia dysku udostêpniona przez us³ugodawcê na potrzeby serwisu WWW, baz danych oraz poczty. Pole edycyjne - wydzielone pole z mo liwoœci¹ edycji treœci. Popup - wyskakuj¹ce okienko przegl¹darki, zwykle bez pasków narzêdziowych, prezentuj¹ce tylko zawartoœæ merytoryczn¹. Sekcja - element struktury serwisu u³atwiaj¹cy tworzenie zale noœci pomiêdzy poszczególnymi podstronami. Mo na stworzyæ dowoln¹ iloœæ sekcji o dowolnej iloœci podstron. Serwer FTP - wydzielony zasób na serwerze z mo liwoœci¹ dostêpu przez protokó³ FTP. Serwis - strona WWW. Strona domyœlna - strona, która bêdzie siê otwiera³a jako pierwsza po wpisaniu domeny do przegl¹darki. Styl ramki - zestaw atrybutów ramki- np, czcionka, krój, wielkoœæ, kolor itp. Szablon graficzny - wzorzec strony okreœlaj¹cy elementy podlegaj¹ce edycji jak i niezmienne elementy graficzne. Œcie ka do dokumentu - URL. Technologia flash - technologia tworzenia animacji zapisywanych w postaci filmów z rozszerzeniem.swf. Tytu³ strony - nazwa jaka siê pokazuje w pasku otwartych okien na dole pulpitu. URL - (ang. Uniform Resource Locator) oznacza zunifikowany format odnoœników do zasobów, tu: adres internetowy. Strona 2

4 I. Informacje podstawowe Warstwa graficzna - grafika Wzór strony - szablon Zamkniêcie sesji - nastêpuje po wy³¹czeniu okna internet explorera lub wylogowaniu siê z systemu Herodot!CMS. Formaty plików: avi - format zapisu filmów, doc - format zapisu dokumentów tekstowych, gif - format zapisu obrazów i grafik, jpg - format zapisu obrazów i grafik, mp3 - format zapisu dÿwiêku, mpeg - format zapisu dÿwiêku, mpg - format zapisu dÿwiêku, pdf - format zapisu dokumentów tekstowych przystosowany do ³atwego przenoszenia do innych formatów, pps - format zapisu filmów POWERPOINT, rtf - rozszerzony format zapisu tekstów, teoretycznie przystosowany do przenosin miêdzy innymi formatami, tiff - ormat zapisu obrazów i grafik, txt - format zapisu plików tekstowych, xls - format zapisu arkuszy EXEL, wmv - ormat zapisu filmów. Strona 3

5 I. Informacje podstawowe I.2 Spis skrótów Ctrl + A Ctrl + B Ctrl + C Ctrl + I Ctrl + U Ctrl + V Ctrl + X Ctrl + Y Ctrl + Z Enter Shift + Enter zaznacz wszystko, zaznacza ca³¹ zawartoœæ pola edycyjnego, pogrubianie zaznaczonego fragmentu tekstu, kopiuj, kopiowanie zaznaczonego fragmentu tekstu, lub zaznaczonego obiektu, kursywa, pochylenie zaznaczonego fragmentu tekstu, podkreœlanie, podkreœlenie zaznaczonego fragmentu tekstu przegl¹darkach), wklej. Wkleja ze schowka zaznaczony fragment tekstu lub obiekt, wytnij, wycina I kopiuje do schowka zaznaczony fragment tekstu b¹dÿ obiekt, ponów, ponowne wykonanie cofniêtej czynnoœci (nie funkcjonuje we wszystkich przegl¹darkach), cofnij, cofa ostatni¹ operacjê (nie dzia³a we wszystkich przypadkach), zakoñczenie akapitu i przejœcie do nastêpnego, prze³amanie wiersza, przejœcie o nastêpnego wiersza, bez koñczenia akapitu Shift + strza³ka zaznaczanie tekstu b¹dÿ obiektu od miejsca po³o enie kursowa w kierunku wkazywanym przez strza³kê. F5 Tab odœwie, odœwie anie zawartoœci okna przegl¹darki Tabulator, pozwala na przeskakiwanie miêdzy kolejnymi obiektami (obrazkami, tabelami) na stronie, a jeœli nie ma innych obiektów, to miêdzy polami edycyjnymi Strona 4

6 I. Informacje podstawowe I.3 Spis æwiczeñ Æwiczenie Zmiana szblonu/wzoru wybranej podstrony serwisu Æwiczenie 2 - Stworzenie nowej strony 17 - Nadanie odpowiedniego szablonu graficznego - Ustawienie jako strony domyœlnej - Nadanie indywidualnego tytu³u Æwiczenie Stworzenie linku do wybranej strony naszego serwisu, wybrana strona bêdzie otwieraæ siê w tym samym oknie przegl¹darki Æwiczenie Stworzenie linku do wybranej strony serwisu zewnêtrznego, wybrana strona bêdzie otwieraæ siê w tym samym oknie przegl¹darki Æwiczenie 5 - Stworzenie strony typu POP-UP 20 - Stworzenie linku do tej strony Æwiczenie 6 - Stworzenie linku do okna galerii 21 - Umieszczenie obrazka w galerii Æwiczenie 7 - Stworzenie linku do dokumentu 22 Æwiczenie Do tabeli dodajemy kolejn¹ kolumnê Æwiczenie Z tabeli usuwamy kolumnê Æwiczenie W pojedynczym polu edycyjnym prezentujemy informacjê tekstow¹ wraz ze zdjêciem - Uzupe³nienie treœci¹ komórek tabeli Æwiczenie Wstawienie obrazka pomiêdzy tekst wystêpuj¹cy w serwisie - Pomniejszenie obrazka do odpowiedniego rozmiaru - Podlinkowanie obrazka do zewnêtrznego serwisu, w taki sposób aby otwiera³ siê w nowym oknie Æwiczenie Umieszczenie pliku do pobrania na serwisie WWW - Stworzenie linku do pobrania dokumentu na wybranej podstronie Strona 4

7 II. Opis funkcji w systemie Herodot!CMS II. OPIS FUNKCJI W SYSTEMIE CMS II.1 Logowanie Jednokrotne zalogowanie siê do systemu pozwala na dokonywanie zmian na wszystkich podstronach serwisu do czasu zamkniêcia sesji lub okna przegl¹darki. W praktyce pozwala to na logowanie siê na wybrane podstrony bez ka dorazowego wpisywania loginu i has³a. Nale y pamiêtaæ jednak o tym, i koncz¹c pracê na danej podstronie nale y zamkn¹æ system, a chc¹c dokonaæ zmian na innej otworzyæ go ponownie na wybranej podstronie. Logowanie do systemu Herodot!CMS odbywa siê poprzez jednoczesne naciœniêcie trzech klawiszy: Ctrl, Alt, prawy klawisz myszy. Istotne jest aby klikaj¹c prawy klawisz myszy pozosta³e dwa klawisze by³y wciœniête. Nale y równie zwróciæ uwagê aby podczas logowania kursor nie naje d a³ i nie znajdowa³ siê na obiektach wykonanych w technologii flash. Ze wzglêdów bezpieczeñstwa system blokuje mo liwoœæ dokonywania zmian po 30 minutach od momentu dokonania ostatniej czynnoœci i pozostawieniu otwartego systemu. System Herodot!CMS pozwala na dokonywanie zmian w serwisie na ka dym komputerze pod³¹czonym do Internetu, bez koniecznoœci instalowania dodatkowego oprogramowania. Jedynym wymaganiem programistycznym jest posiadanie przegl¹darki Internet Eksplorer 5,5 lub nowszej no i oczywiœcie komputer pod³¹czony do Internetu. II.2 Opis funkcji Zamknij menu - zamykanie systemu bez zachowania zmian dokonanych na stronie U ycie ikony pozwala na zmkniêcie systemu Herodot!CMS bez zachowania zmian dokonanych na stronie. Pozwala równie na zamkniêcie z zachowaniem zmian, wymaga to zaakceptowania zapytania wyœwietlonego po klikniêciu na ikonê. U ycie tej funkcji nie spowoduje wylogowania siê z systemu. W celu ca³kowitego wylogowania siê z systemu, wymagane jest zamkniêcie okna przegl¹darki. Zapisz dokument - zamykanie systemu z zachowaniem dokonanych zmian. U ycie tej funkcji powoduje zapisanie zmian dokonanych na stronie od momentu zalogowania siê na niej. UWAGA! Klikniêcie na t¹ ikonê powoduje automatyczne zapisanie zmian bez dodatkowego potwierdzenia. Ustawienia - zarz¹dzanie struktur¹ serwisu Funkcja ta pozwala na uruchomienie panelu umo liwiaj¹cego zarz¹dzanie podstawowymi elementami struktury serwisu: - dodawanie podstron - usuwanie podstron - nadawanie tytu³ów podstronom - nadawanie funkcji strony domyœlnej dla wybranej strony - zmiana szablonu wybranej strony W panelu tym mo liwe jest dokonanie zmiany has³a dostêpu do systemu Herodot!CMS Strona 6

8 II. Opis funkcji w systemie Herodot!CMS Wstaw odnoœnik tworzenie linków(hiper³¹czy) System pozwala na tworzenie linków zarówno z tekstu jak i obrazu do podstron serwisu, do serwisów zewnêtrznych oraz innych plików do pobrania. Usuñ odnoœnik usuwanie linków Usuwanie wszelkich linków stworzonych w systemie Herodot!CMS Wstaw obraz umieszczanie obrazów oraz innych plików na serwerze Funkcja umozliwia umieszczenie na serwerze, a nastêpnie na serwisie wszelkich plików o nastêpuj¹cych rozszerzeniach:.jpg, gif, tiff, doc, PDF, PPS, mp3, avi, mpeg, mpg, wmv, txt, xls, rtf Pliki JPG, gif oraz tiff (choæ jego objêtoœæ jest zazwyczaj du a) mo na umieszczaæ bezpoœrednio na serwisie, pozosta³e jedynie jako pliki do pobrania. Wiêcej na temat plików do pobrania szukaj w dziale Odnoœniki Wstaw tabelê tworzenie tabel Funkcja umo liwia tworzenie tabel o okreœlonym wygl¹dzie oraz liczbie wierszy i kolumn. System nie pozwala na dostawianie wersów oraz kolumn do ju istniej¹cej tabeli, umo liwia natomiast nadawanie: gruboœci ramki, stylu ramki, koloru ramki, marginesu komórki, przestrzeni miêdzy komórkami oraz okreœlanie widocznoœci ramek. Po³¹cz kolumny w prawo ³¹czenie komórek tabeli w kolumnach. System umo liwia ³¹czenie komórek wystêpuj¹cych w swoim s¹siedztwie w poziomie tabeli. System ³¹czy komórki w prawo. Po³¹cz rzêdy w dó³ ³¹czenie komórek tabeli w rzêdach System umo liwia ³¹czenie komórek wystêpuj¹cych w swoim s¹siedztwie w pionie tabeli. System ³¹czy komórki w dó³. Poka ukryte tabele ukrywanie widocznych tabel oraz pokazywanie ukrytych tabel U ycie tej ikony pozwala na ukrycie wykonanych wczeœniej tabel. Funkcja jest u yteczna w przypadku, gdy tabele u ywamy do zarz¹dzania rozk³adem treœci w polu edycyjnym. Ponowne u ycie tej funkcji, przywraca widocznoœæ ramek jedynie jako linie przerywane pomocne w okreœleniu ich po³o enia. UWAGA! Raz ukryte ramki trac¹ swoj¹ funkcjonalnoœæ jako tabela s³u ¹ca np. do prezentacji danych. Wstaw poziom¹ liniê wstawianie poziomych lini Dodawanie do tekstu lini poziomych. Linie poziome mog¹ wystêpowaæ jedynie w osobnych wersach. Strona 7

9 II. Opis funkcji w systemie Herodot!CMS Usuñ formatowanie usuwanie wszelkiego formatowania dokonanego w serwisie do ustawieñ domyœlnych U ycie tej ikony pozwala na przywrócenie ustawieñ domyœlnych danego pola edycyjnego. Przywrócenie ustawieñ dotyczy jedynie zaznaczonego fragmentu a nie ca³ego pola. Pogrubiony boldowanie (pogrubianie) napisów Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Pogrubia zaznaczony tekst. Pochy³y pochylanie tekstu (kursywa) Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Pochyla zaznaczony tekst. Podkreœlany podkreœlanie wybranego tekstu Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Podkreœla zaznaczony tekst. Justowanie justowanie wybranego tekstu (ustawianie wybranego tekstu do marginesu prawego i lewego jednoczeœnie) Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Ustawia zaznaczony tekst do prawego i lewego marginesu jednoczeœnie. Jeœli nie zaznaczyliœmy tekstu, wyjustowany zostanie fragment tekstu, na którym jest kursor. Granice tekstu justowanego okreœlaj¹ akapity. (Akapit odleg³oœæ miêdzy wersami tekstu pisanego stworzona poprzez u ycie klawisza Enter ). Do lewej - (ustawianie wybranego tekstu do marginesu lewego) Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Ustawia zaznaczony tekst do lewego marginesu. Jeœli nie zaznaczyliœmy tekstu, do lewego marginesu zostanie przesuniêty fragment tekstu, na którym jest kursor. Granice tekstu okreœlaj¹ akapity. (Akapit odleg³oœæ miêdzy wersami tekstu pisanego stworzona poprzez u ycie klawisza Enter ). Do prawej - (ustawianie wybranego tekstu do marginesu prawego) Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Ustawia zaznaczony tekst do prawego marginesu. Jeœli nie zaznaczyliœmy tekstu, do prawego marginesu zostanie przesuniêty fragment tekstu, na którym jest kursor. Granice tekstu okreœlaj¹ akapity. (Akapit odleg³oœæ miêdzy wersami tekstu pisanego stworzona poprzez u ycie klawisza Enter ). Wyœrodkuj œrodkowanie wybranego tekstu Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Œrodkuje zaznaczony tekst. Jeœli nie zaznaczyliœmy tekstu, wyœrodkowany zostanie fragment tekstu, na którym jest kursor. Granice tekstu okreœlaj¹ akapity. (Akapit odleg³oœæ miêdzy wersami tekstu pisanego stworzona poprzez u ycie klawisza Enter ). Strona 8

10 II. Opis funkcji w systemie Herodot!CMS Zmieñ kolor tekstu nadawanie koloru wybranego tekstu Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Pozwala na zmianê koloru zaznaczonego tekstu. Do wyboru mamy paletê kolorów licz¹c¹ 4096 barw i odcieni. Kolor mo emy wybraæ z palety lub zapisaæ kodem #. Zmieñ kolor t³a nadawanie koloru t³a pod wybranym tekstem Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Pozwala na zmianê koloru t³a zaznaczonego tekstu. Do wyboru mamy paletê kolorów licz¹c¹ 4096 barw i odcieni. Kolor mo emy wybraæ z palety lub zapisaæ kodem #. Numerowanie automatyczne nadawanie wybranemu tekstowi numeracji Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Pozwala na numeryczn¹ prezentacjê wybranego tekstu. Nadaj¹c numer nale y pamiêtaæ o tym, e numeracja zostanie przypisana do pocz¹tku tekstu wystêpuj¹cego bezpoœrednio pod akapitem. (Akapit odleg³oœæ miêdzy wersami tekstu pisanego stworzona poprzez u ycie klawisza Enter ). Wypunktowanie - automatyczne punktowanie wybranego tekstu Funkcja podobna do funkcji wystêpuj¹cych w popularnych edytorach tekstu. Pozwala na prezentacjê w punktach wybranego tekstu. Nadaj¹c punktacjê nale y pamiêtaæ o tym, e punk pierwszy zostanie przypisany do pocz¹tku tekstu wystêpuj¹cego bezpoœrednio pod akapitem. (Akapit odleg³oœæ miêdzy wersami tekstu pisanego stworzona poprzez u ycie klawisza Enter ). Zwiêksz wciêcie - nadawanie wiêkszego marginesu dla wybranego tekstu Zwiêkszanie marginesu wybranego tekstu. Zwiêkszenie obejmuje fragment tekstu miêdzy akapitami. Ka dorazowe u ycie funkcji zwiêksza margines. (Akapit odleg³oœæ miêdzy wersami tekstu pisanego stworzona poprzez u ycie klawisza Enter ). Zmniejsz wciêcie zmniejszanie wczeœniej zwiêkszonego marginesu dla wybranego tekstu Zmniejszanie marginesu wybranego tekstu. Zmniejszenie obejmuje fragment tekstu, w którym wczeœniej nadane by³o Zwiêkszenie marginesu i dotyczy tekstu miêdzy akapitami. Ka dorazowe u ycie funkcji zmniejsza margines. (Akapit odleg³oœæ miêdzy wersami tekstu pisanego stworzona poprzez u ycie klawisza Enter ). Strona 9

11 II. Opis funkcji w systemie Herodot!CMS II.3 Opis paneli administracyjnych Administracja. Panel Otwiera siê po klikniêciu na ikonê. CZÊŒÆ DO ZARZ DZANIA STRUKTUR SERWISU 1. Pole do wpisywania tytu³u danej strony (podstrony serwisu) 2. Przycisk nadania tytu³u strony 3. Spis sekcji serwisu 4. Spis stron (podstron) serwisu w wybranej sekcji 5. Przycisk ustawienia podstrony jako domyœlnej 6. Spis szablonów serwisu do wyboru 7. Przycisk zmiany szablonu serwisu 8. Przycisk kasowania wybranej podstrony 9. Wybór sekcji serwisu 10. Pole nadawania nazwy nowotworzonej podstrony 11. Pole nadawania nazwy nowotworzonej sekcji 12. Przycisk dodawania nowotworzonej sekcji/strony CZÊŒÆ DO ZMIANY HAS A DOSTÊPU 13. Pole do wpisania starego has³a 14. Pole do wpisania nowego has³a 15. Pole do powtórnego wpisania nowego has³a 16. Przycisk akceptacji nowego has³a Dodawanie odnoœników. Panel otwiera siê po klikniêciu na ikonê. 1.Spis sekcji serwisu 2.Spis podstron w danej sekcji 3.Akceptacja wyboru sekcji i strony do której ma byæ odnoœnik 4.Pole do wpisywania odnoœników do serwisów zewnêtrznych 5.Akceptacja adresu, do której ma byæ odnoœnik 6.Pole wyboru pliku, do którego ma byæ odnoœnik 7.Pole wyboru okna przegl¹darki, w którym ma siê otwieraæ strona Strona 10

12 II. Opis funkcji w systemie Herodot!CMS Dodawanie plików. Panel otwiera siê po klikniêciu na ikonê Lista plików 2. Pole ustalania nazwy katalogów 3. Przycisk akceptuj¹cy tworzenie katalogu 4. Pole œcie ki pliku 5. Przycisk przegl¹dania plików na lokalnym komputerze 6. Przycisk akceptacji wys³ania wybranego pliku 7. Pole podgl¹du obrazka 8. Pole wymiaru obrazka w pikselach (wysokoœæ i szerokoœæ) 9. Przycisk kasowania pliku 10. Przycisk akceptacji wstawienia pliku do serwisu Tworzenie tabel. Panel dostêpny po klikniêciu na ikonê. 1. Pole okreœlania gruboœci ramki 2. Pole wyboru stylu ramki 3. Paleta wyboru koloru ramki 4. Pole okreœlania iloœci kolumn 5. Pole okreœlania iloœci rzêdów 6. Pole okreœlania marginesu komórki tabeli 7. Pole okreœlania przestrzeni miêdzy komórkami tabeli 8. Okreœlanie widocznoœci ramek tworzonej tabeli 9. Kasowanie nadanych ustawieñ 10. Akceptacja nadanych ustawieñ Strona 11

13 III. Budowa oraz rozbudowa serwisu III. BUDOWA ORAZ ROZBUDOWA SERWISU ZA POMOC SYSTEMU HERODOT III.1. Informacje podstawowe Serwisy oparte o system Herodot!CMS umo liwiaj¹ administratorom nie tylko dokonywanie zmian w podstronach ju istniej¹cych ale tak e rozbudowê o kolejne. Nie ma ograniczeñ iloœciowych nowo tworzonych podstron. Jedynym ograniczeniem jest pojemnoœæ serwera wirtualnego jaki jest dostêpny. Przyjmuj¹c za przeciêtny rozmiar pojedynczej podstrony wartoœæ pomiêdzy Kb. to w ramach hostingu START! Mo emy stworzyæ od 500 do 1000 podstron, zaœ w ramach hostingu PRO! od 2000 do 4000 podstron. Przedstawione wartoœci nie uwzglêdniaj¹ dodatkowej grafiki (zdjêcia) ani plików do pobrania (mpeg, avi, mp3, itp.) wystêpuj¹cych na serwisie. Przy tworzeniu nowych podstron nale y pamiêtaæ o tym, i stworzenie podstrony nie jest jednoznaczne z pe³nym udostêpnieniem jej w Internecie. Stworzona podstrona istnieje w naszym systemie i nie jest uwzglêdniona w wystêpuj¹cych w serwisie hiper³¹czach. Dodanie hiper³¹czy do nowej podstrony le y w gestii Administratora i to on decyduje kiedy i gdzie (na których podstronach) link do podstrony jest udostêpniony. Ma to na celu wyeliminowanie podstron niepe³nych lub nieaktualnych pod wzglêdem zawartoœci merytorycznej oraz w innych szczególnych przypadkach. System rozbudowy serwisu przy pomocy Herodot!CMS nie jest oparty na sztywnych zasadach, które ogranicza³yby jego funkcjonalnoœæ. G³ówn¹ zasad¹ jest u ytecznoœæ. Przejawia siê to w braku jakichkolwiek ograniczeñ w nazewnictwie podstron (do nazywania podstron nie u ywamy polskich znaków i znaków specjalnych) oraz kierowaniu siê sztywnymi zasadami rozbudowy. Szczegó³owe informacje na ten temat w dziale Struktura serwisu. Schemat dodawania podstron do serwisu: TWORZENIE PODSTRONY UZUPE NIANIE TREŒCI DODAWANIE HIPER CZY DO UZUPE NIONEJ PODSTRONY III.2 Struktura serwisu Ca³y serwis podzielony jest na sekcje oraz strony. Jest to podzia³ umowny, tzn. wystêpowanie poszczególnych sekcji oraz podstron a tak e ich nazewnictwo zale y od Administratora. Warto jednak pamiêtaæ o tym, i poszczególne nazwy widoczne s¹ póÿniej w pe³nym adresie danej podstrony, zarówno dla odwiedzaj¹cych serwis jak i robotów systemów wyszukiwawczych. Wskazane jest wiêc nazywanie sekcji i podstron w sposób bezpoœrednio odnosz¹cy siê do zawartoœci poszczególnych podstron. III.2.a Sekcja Ogólny podzia³ serwisu na sekcje wynika z funkcjonalnoœci. Jest bowiem mo liwe pominiêcie sekcji w ogólnej strukturze serwisu i tworzenie podstron w jednej domyœlnej sekcji. Takie pominiêcie w strukturze ogólnej sekcji powoduje jednak mniejsz¹ funkcjonalnoœæ serwisu a tak e utrudnia pracê przy jego administracji. Sugerujemy wiêc by nazwy sekcji nawi¹zywa³y do g³ównych dzia³ów serwisu. UWAGA! Przy tworzeniu sekcji nie u ywamy polskich liter, spacji, oraz znaków interpunkcyjnych. Strona 12

14 III. Budowa oraz rozbudowa serwisu Przyk³ad: Serwis sk³ada siê z nastêpuj¹cych dzia³ów: aktualnoœci o firmie oferta realizacje wspó³praca kontakt W strukturze naszego serwisu wyst¹pi¹ wiêc nastêpuj¹ce sekcje: - aktualnosci, - o_firmie, - oferta, - realizacje, - wspolpraca, - kontakt. Aby system zarejestrowa³ sekcjê przy jej tworzeniu musi byæ jednoczeœnie stworzona strona w danej sekcji. W innym przypadku system nie zarejestruje sekcji. Aby trzymaæ pewien ³ad w serwisie, nazwy stron tworzonych wraz z sekcj¹ powinny brzmieæ tak samo. Np.: (sekcja/strona = firma/firma) Pamiêtaj! Identyczne nazewnictwo strony i sekcji nie jest to koniecznoœci¹ a jedynie sugesti¹ III.2.b Strona Strona jest podstawow¹ czêœci¹ struktury serwisu. Ka da strona istnieje w sekcji. Aby tworzyæ poszczególne strony nie jest konieczne tworzenie dodatkowych sekcji a jedynie wybieranie sekcji do której ma byæ podporz¹dkowana. Podporz¹dkowanie strony do odpowiedniej sekcji nastêpuje w momencie jej tworzenia i nie jest w póÿniejszym etapie mo liwe dokonanie zmiany sekcji ani zmiany nazwy strony. Nazwa strony powinna nawi¹zywaæ do jej zawartoœci. Ma to znaczenie szczególnie dla póÿniejszego wyszukiwania serwisu przez wyszukiwarki. Nie ma ograniczeñ co do iloœci stron istniej¹cych w poszczególnych sekcjach. Warto jednak pamiêtaæ, i odpowiednie przyporz¹dkowywanie stron poszczególnym sekcjom u³atwi póÿniejsze zarz¹dzanie serwisem. UWAGA! Przy tworzeniu stron nie u ywamy polskich liter, spacji, oraz znaków interpunkcyjnych. Strona 13

15 III. Budowa oraz rozbudowa serwisu Przyk³ad: Dzia³ serwisu / nazwa sekcji w strukturze - aktualnoœci / aktualnoœci - o firmie / o_firmie - oferta / oferta - realizacje / realizacje - wspó³praca / wspolpraca - kontakt / kontakt Podstrona serwisu / nazwa strony w strukturze - aktualnoœci / aktualnosci - archiwum aktualnoœci / archiwum - o firmie / o_firmie - historia / historia - misja / misja - oferta - us³ugi / us³ugi - produkty / produkty - realizacja A / realizacjaa - realizacja B / realizacjab - realizacja C / realizacjac - wspó³praca z firmami / firmy - wspó³praca z osobami / osoby - kontakt / kontakt - formularz zapytaniowy / formularz Zarówno nazwa sekcji jak i nazwa strony jest widoczna w adresie danej podstrony serwisu. W przypadku potrzeby wyst¹pienia trzeciego poziomu zag³êbienia struktury, w naszym przypadku np. us³ugi s¹ podzielone na odbiorców, tworzymy sekcjê nazw¹ odpowiadaj¹c¹ wybranej strony a nazwy stron nawi¹zuj¹ to opisu kolejnego podzia³u. Przyk³ad: Podzia³: oferta /us³ugi / us³ugi finansowe Podstrona / oferta us³ugi Us³ugi finansowe Sekcja / strona Oferta / oferta Oferta / uslugi Us³ugi / finansowe Zawartoœæ Treœæ oraz linki z podzia³em Treœæ oraz linki z podzia³em Treœæ [ 1 ] [ 2 ] Hhttp://herodot.pl/CM/content.php/ demo/ ed_text kolorem czerwonym zaznaczona jest nazwa sekcji w adresie www [ 1 ] kolorem pomarañczowym zaznaczona jest nazwa strony w adresie www [ 2 ] Strona 14

16 III. Budowa oraz rozbudowa serwisu III.3 Szablon graficzny i wzór strony System Herodot!CMS jest systemem, który w za³o eniu swym oddziela zawartoœæ merytoryczn¹ od warstwy graficznej serwisu. Pozwala to na proste zarz¹dzanie szablonami graficznymi storny jak równie uk³adem pól edycyjnych wzorami strony. Jest to jednak mo liwe w przypadku kiedy serwis jest wyposa ony w wiêcej ni jeden szablon lub wzór. Zmiana warstwy graficznej lub uk³adu pól strony odbywa siê poprzez wybranie odpowiedniej strony (wczeœniej sekcji, w której siê znajduje) nastêpnie wybranie odpowiedniego wzoru graficznego i zaakceptowanie zmiany. Æwiczenie 1 Za³o enie 1. Zmiana szablonu/wzoru wybranej podstrony serwisu Ad.1 1. Wybieramy z pola (3) nazwê sekcji, w której jest strona 2. Wybieramy z pola (4) nazwê strony 3. Z pola (6) wybieramy szablon lub wzór 4. Przyciskiem (7) akceptujemy wybrany szablon/wzór Zmianê szaty graficznej lub wzoru strony mo emy wykonaæ w ka dym momencie, niezale nie od czasu jaki min¹³ od stworzenia strony, jej nazwy oraz sekcji do której zosta³a przyporz¹dkowana. W przypadku dokonywania zmiany uk³adu pól edycyjnych mo e siê zdarzyæ, i pewne informacje po zmianie znikn¹ ze strony. Spowodowane jest to tym, i wzór na który zmieniliœmy stronê posiada mniejsz¹ iloœæ pól edycyjnych ani eli wzór pierwotny. W takim przypadku nale y powróciæ do wzoru wczeœniejszego lub zmieniæ go na wzór o takiej samej iloœci pól co wzór wyjœciowy. Strona 15

17 III. Budowa oraz rozbudowa serwisu Wystêpowanie I. OPIS FUNKCJI szablonów W SYSTEMIE graficznych jak HERODOT i wzorów nie jest od siebie zale ne i mo e wystêpowaæ osobno jak i w kombinacjach. Odpowiednio dobrany szablon strony ma równie znaczenie przy tworzeniu okien typu po-up. Wiêcej na ten temat w czêœci Odnoœniki. III.4 Szablon i wzór w odniesieniu do sekcji W niektórych serwisach pewne wybrane sekcje maj¹ przyporz¹dkowany szablon graficzny lub wzór. Pozwala to na automatyczne nadanie odpowiedniego wygl¹du strony w momencie jej tworzenia. Rozwi¹zanie takie stosowane jest w przypadku gdy czêsto wystêpuj¹ ró ne szablony lub wzory, a czêstotliwoœæ ich tworzenia jest podobna. Ma to na celu uproszczenie pracy przy rozwoju serwisu. W standardowym rozwi¹zaniu w momencie tworzenia nowej strony system automatycznie nadaje jej wzór lub szablon domyœlny, który zazwyczaj pokrywa siê z najczêœciej wystêpuj¹cym. Przyk³ad: Uk³ad treœci w sekcji oferta ró ni siê od uk³adu treœci w sekcji realizacje. Strony tworzone w sekcji oferta automatycznie otrzymaj¹ odpowiedni szablon, tak jak strony tworzone w sekcji realizacje odpowiedni dla tej sekcji. III.5 Strona domyœlna Herodot!CMS pozwala na ustawienie ka dej strony istniej¹cej w systemie jako stronê domyœln¹. Jako stronê domyœln¹ rozumiemy w tym przypadku stronê otwieraj¹c¹ siê po wpisaniu podstawowego adresu w przegl¹darce internetowej III.6 Tytu³ strony Ka da strona stworzona w systemie posiada domyœlny tytu³ pokazuj¹cy siê w górnej czêœci okna przegl¹darki oraz na zminimalizowanym pasku narzêdzi. Zazwyczaj tytu³ domyœlny jest adresem internetowym strony, istnieje jednak mo liwoœæ nadania ka dej stronie innego tytu³u. Tytu³ w górnej czêœci okna przegl¹darki Tytu³ na zminimalizowanym pasku narzêdzi Strona 16

18 III. Budowa oraz rozbudowa serwisu III.6 Wykorzystanie funkcji w praktyce Æwiczenie 2 Za³o enie: 1. Stworzenie nowej strony w nowej sekcji. 2. Nadanie odpowiedniego szablonu graficznego 3. Ustawienie jako strony domyœlnej 4. Nadanie indywidualnego tytu³u. Ad1. 1. Wchodzimy na serwis WWW 2. Logujemy siê do systemu 3. Wybieramy funkcjê Ustawienia 4. W pole [ 11 ] wpisujemy nazwê tworzonej sekcji, a w pole [ 10 ] nazwê tworzonej strony 5. Klikamy Dodaj stronê / sekcjê [ 12 ] Nowa strona oraz sekcja zosta³y dodane do systemu Ad2. 1. Z pola [ 3 ] wybieramy nowo stworzon¹ sekcjê, a z pola [ 4 ] nowo stworzon¹ stronê 2. Z pola [ 6 ] wybieramy interesuj¹cy nas szablon 3. Klikamy Zmieñ wzór [ 7 ] Wzór lub szablon strony zosta³ zmieniony Ad3. 1. Z pola [ 3 ] wybieramy nowo stworzon¹ sekcjê a z pola [ 4 ] nowo stworzon¹ stronê 2. Klikamy Ustaw jako domyœln¹ [ 5 ] Strona zosta³a ustawiona jako domyœlna Ad4. 1. Ikon¹ Zapisz dokument zamykamy system, zachowuj¹c wszelkie zmiany wczeœniej dokonane 2. W adresie strony zamieniamy odpowiednio brzmienie sekcji oraz strony na takie jakie stworzyliœmy. W ten sposób otworzymy w oknie przegl¹darki nasz¹ nowo stworzon¹ stronê. 3. Logujemy siê do systemu 4. Otwieramy panel Ustawienia 5. Wpisujemy nowy tytu³ w polu [ 1 ] 6. Klikamy Ustaw tytu³ `[ 2 ] Nowy tytu³ zosta³ nadany Strona 176Strona 2

19 IV. Odnoœniki IV. ODNOŒNIKI IV.1 Informacje podstawowe System Herodot!CMS pozwala na samodzielne tworzenie po³¹czeñ internetowych za pomoc¹ hiper³¹czy. Funkcja ta ma istotne znaczenie zarówno przy aktualizowaniu serwisu, uzupe³nianiu zawartoœci merytorycznej jak i jego rozbudowy. Odnoœniki lub linki, bo tak inaczej nazywa siê hiper³¹cza mo na tworzyæ w ka dej chwili, niezale nie od czasu jaki min¹³ od startu serwisu czy te konkretnej podstrony. Linkiem mo e byæ zarówno tekst jak i obrazek. Aby wybrany obiekt móg³ zostaæ linkiem zaznaczamy go przez przeci¹gniêcie, anastêpnie klikamy na Wstaw odnoœnik. Ka dy link mo emy równie usun¹æ. W tym celu zaznaczamy wybrany obiekt, który mo e byæ linkiem a nastêpnie klikamy na Usuñ odnoœnik. UWAGA! Bez zaznaczenia obiektu system nie otworzy panelu do wstawiania odnoœników IV.2 Wykorzystanie funkcji w praktyce IV.2.a Odnoœniki do stron serwisu Omówiony w poprzednim rozdziale sposób tworzenia podstrony wymaga od Administratora dzia³ania w celu udostêpnienia nowostworzonej strony. Æwiczenie 3 Za³o enie: 1. Stworzenie linku do wybranej strony naszego serwisu, wybrana strona bêdzie otwieraæ siê w tym samym oknie przegl¹darki. Ad1. 1. logujemy siê do systemu na wybranej stronie, 2. Zaznaczamy wybrany obiekt, który ma byæ linkiem, 3. Wybieramy funkcjê Wstaw odnoœnik, 4. Z pozycji [1] wybieramy sekcjê, w której znajduje siê strona, a nastêpnie stronê [ 2 ], 5. Z listy wyboru [ 7 ] Otwórz w oknie wybieramy tym samym 6. Klikamy górny przycisk Wstaw [ 3 ], Link zosta³ stworzony Strona 18

20 IV. Odnoœniki IV.2.b Odnoœniki do serwisów zewnêtrznych Funkcja dostawiania linków pozwala na tworzenie hiper³¹czy z naszego serwisu do innych serwisów. W przypadku, gdy w tekœcie pisanym wyst¹pi adres WWW, system automatycznie stworzy z niego hiper³¹cze a serwis otworzy siê w tym samym oknie. Mo e siê jednak zdarzyæ, e potrzebne bêdzie stworzenie linku do konkretnej podstrony innego serwisu, stworzenie linku z innego tekstu ani eli adres WWW lub z obrazka. Æwiczenie 4 Za³o enie: 1.Stworzenie linku do wybranej strony serwisu zewnêtrznego, wybrana strona bêdzie otwieraæ siê w nowym oknie przegl¹darki. Ad.1 1. logujemy siê do systemu na wybranej stronie, 2. zaznaczamy wybrany obiekt, który ma byæ linkiem, 3. wybieramy funkcjê Wstaw odnoœnik 4. w pozycji URL [ 4 ] wpisujemy pe³ny adres serwisu lub jego wybranej podstrony do, której ma kierowaæ link na przyk³ad: 5. w pozycji [ 7 ] Otwórz w oknie wybieramy nowym 6. Klikamy na œrodkowy przycisk Wstaw [ 5 ] Link zosta³ stworzony. IV.2.c Odnoœniki do popupów Wa nym elementem ka dego serwisu s¹ okna typu POP-UP. S¹ to osobne okna, zazwyczaj pozbawione szaty graficznej, otwieraj¹ce siê na serwisie, nie powoduj¹ce ani zamkniêcia ani prze³adowania otwartej strony serwisu. Tego typu okna dobrze spe³niaj¹ swoj¹ funkcjê w przypadku prezentacji niewielkiej iloœci informacji, kiedy nie chcemy aby nasza w³aœciwa strona zosta³a zamkniêta. Standardowy System Herodot!CMS pozwala na samodzielne tworzenie tego typu okien, a nastêpnie zarz¹dzanie ich zawartoœci¹ w standardowy sposób z wykorzystaniem Herodot!CMS. Wszystkie tworzone w serwisie przez system okna POP-UP s¹ tej samej wielkoœci a tak e w tej samej szacie graficznej. W niektórych serwisach istnieje mo liwoœæ wyboru rodzaju okna POP-UP. Strona 19

21 IV. Odnoœniki Æwiczenie 5 Za³o enie 1. Stworzenie strony typu POP-UP 2. Stworzenie linku do strony Ad1. 1. Logujemy siê na dowolnej stronie 2. Klikamy Ustawienia 3. Z pozycji [ 9 ] wybieramy sekcjê pop-up jeœli jej nie ma w pozycji [11 ], tworzymy tak¹ sekcjê 4. W pozycji [ 10 ] wpisujemy nazwê nowo tworzonej strony 5. Klikamy Utwórz sekcjê / stronê [ 12 ] 6. W pozycji [ 3 ] wybieramy sekcje pop-up 7. W pozycji [ 4 ] wybieramy nowo stworzon¹ stronê 8. W pozycji [ 6 ] wybieramy wzór pop-up 9. Klikamy Zmieñ wzór [ 7 ] Strona typu POP-UP zosta³a stworzona Ad2. 1. Logujemy siê na wybranej stronie serwisu 2. Zaznaczamy obiekt, który ma byæ linkiem 3. Klikamy Wstaw odnoœnik 4. W polu URL [ 4 ] wpisujemy komendê: javascript:cmpop('nazwa_strony'); gdzie nazwa_strony: to nazwa stworzonej przez nas strony 5. W pozycji [ 7 ] Otwórz w oknie wybieramy ta sama ramka 6. Klikamy na œrodkowy przycisk Wstaw [ 5 ] Link do okna POP-UP zosta³ stworzony Zapamiêtaj: javascript:cmpop('nazwa_strony'); Otwórz w oknie: ta sama ramka Strona 20

22 IV. Odnoœniki IV.2.d Odnoœniki do okna galerii Funkcja Galeria pozwala na prezentacjê obrazków, zdjêæ, grafik w osobnych oknach typu POP-UP. W galerii, prezentowane s¹ obrazki, zdjêcia i grafiki, bez tekstu oraz bez mo liwoœci zarz¹dzania poprzez system Herodot!CMS. Okno galerii zawsze wielkoœci¹ dostosowuje siê do wielkoœci prezentowanego obrazka. Linkiem do takiej prezentacji mo e byæ ka dy obiekt umieszczony poprzez system Herodot!CMS. Æwiczenie 6 Za³o enie 1. Stworzenie linku do okna galerii 2. Umieszczenie obrazka w galerii Ad1. 1. Logujemy siê na wybranej stronie serwisu 2. Zaznaczamy obiekt, który ma byæ linkiem 3. Klikamy Wstaw odnoœnik 4. W polu URL [ 4 ] wpisujemy komendê: javascript:galeria('nazwa_obrazka_wraz_z_rozszerzeniem'); gdzie nazwa_obrazka_wraz_z_rozszerzeniem: to nazwa obiektu, który ma pojawiaæ siê w otwieranym oknie. Nale y pamiêtaæ, aby nazwê tê wpisaæ z rozszerzeniem (jpg, gif, itp.) Oraz bez u ycia znaków specjalnych, polskich czcionek, wielkoœæ znaków ma równie znaczenie 5. W pozycji [ 7 ] Otwórz w oknie wybieramy ta sama ramka 6. Klikamy na œrodkowy przycisk Wstaw [ 5 ] Link do okna galerii zosta³ stworzony W tym momencie system automatycznie generuje okno galerii. Jest ono jednak puste i wyœwietlane jest jako zminimalizowane z komunikatem B³¹d: Nie odnaleziono obrazu: Ad2. 1. Logujemy siê na serwer FTP (dane do serwera FTP przekazywane s¹ wraz z dokumentacj¹ dotycz¹c¹ serwisu) 2. Na serwerze FTP wybieramy katalog Images a nastêpnie katalog Galeria 3. W katalogu Galeria umieszczamy zdjêcie, które ma byæ prezentowane w oknie galerii Wybrane zdjêcie zosta³o umieszczone w oknie galerii Strona 21

23 IV. Odnoœniki Zapamiêtaj! Javascript:galeria('nazwa_obrazka_z_rozszerzeniem'); Otwórz w oknie: ta sama ramka IV.2.e Odnoœniki do plików Dziêki mo liwoœciom systemu Herodot!CMS mo emy umieœciæ na serwisie pliki do pobrania. Szczegó³y dotycz¹ce umieszczania plików do pobrania oraz pozosta³e informacje z tym zwi¹zane opisane s¹ w rozdziale ZARZ DZANIE ZAWARTOŒCI Umieszczanie plików do pobrania. Poni ej opisujemy sposób tworzenia linków do tych dokumentów. Cwiczenie 7 Za³o enie 1.Stworzenie linku do dokumentu Ad1. 1. Logujemy siê wybranej stronie serwisu 2. Zaznaczamy obiekt, który ma byæ linkiem 3. Klikamy Wstaw odnoœnik 4. Klikamy na Kopiuj URL obrazu: PRZEGL DAJ [ 6 ] 5. Z otwartego okna dialogowego wybieramy obiekt - umieszczony tam dokument 6. Klikamy na przycisk WSTAW znajduj¹cy siê na tym oknie 7. Gdy w polu URL: pojawi siê œcie ka do dokumentu, klikamy na œrodkowy przycisk Wstaw [ 5 ] Link do dokumentu zosta³ stworzony Klikniêcie na link do dokumentu mo e powodowaæ otwarcie siê tego dokumentu zarówno w tym samym oknie przegl¹darki, powoduj¹c zamkniêcie obecnej strony jak i otwarcie dokumentu w nowym oknie. Jest to zale ne od wybranej pozycji w [ 7 ] Otwórz w oknie: UWAGA! Ustawienia lokalne przegl¹darki internetowej s¹ odpowiedzialne za wystêpowanie zapytania dotycz¹cego mo liwoœci zapisu dokumentu a nie system Herodot!CMS. Strona 22

24 V. Zarz¹dzanie zawartoœci¹ serwisu V. ZARZ DZANIE ZAWARTOŒCI SERWISU V.1 Informacje ogólne Systemy typu CMS do których nale y równie Herodot!CMS stworzone zosta³y w celu u³atwienia zarz¹dzania zawartoœci¹ merytoryczn¹ serwisu. Przy realizacji Systemu Herodot!CMS g³ówny nacisk k³adziony by³ na trzy podstawowe elementy: prostota implementacji systemu, niskie koszty zwi¹zane z u ytkowaniem, funkcjonalnoœæ i ³atwoœæ obs³ugi od strony U ytkownika, Obok mo liwoœci rozwoju serwisu pod wzglêdem struktury zarz¹dzanie informacj¹ serwisu to najwa niejsza funkcja systemu. Osoba maj¹ca uprawnienia, mo e dodawaæ teksty, zarz¹dzaæ nimi, dodawaæ grafiki i zdjêcia, dodawaæ tabele oraz pliki do pobrania. V.2 Zarz¹dzanie tekstem W celu unifikacji wygl¹du serwisu, teksty w polach edycyjnych maj¹ ustawienia domyœlne. Pozwala to na szybsze nanoszenie zmian oraz dodawanie informacji bez koniecznoœci ustawiania czcionki celem dostosowania do istniej¹cego tekstu. Na wygl¹d tekstu wp³ywa: rodzaj czcionki, wielkoœæ czcionki, kolor czcionki, odstêpy miêdzy wersami, kolor linków, kolor linii poziomych, wygl¹d tabel. Aby zosta³y nadane ustawienia domyœlne tekstu kopiowanego do serwisu konieczne jest przerzucenie go przez Notatnik, który jest na wyposa eniu ka dego systemu operacyjnego Windows. Dotyczy to w szczególnoœci teksów, które mamy zapisane w edytorach tekstu, takich jak: MS Word, OpenOffice itp. Operacja taka ma na celu usuniêcie formatowania, które nadaj¹ edytory tekstu, a które mog¹ byæ w konflikcie z ustawieniami pól edycyjnych. Schemat kopiowania tekstów do serwisu: Tekst zapisany w dowolnym edytorze tekstu Skopiowany tekst umieszczamy w wybranym polu serwisu Zaznaczamy tekst (Ctrl+A) Zaznaczony tekst ponownie kopiujemy(ctrl+c) Kopiujemy tekst (Ctrl+C) Wklejony tekst ponownie kopiujemy zaznaczamy (Ctrl+A) Skopiowany tekst wklejamy do notatnika(ctrl+v) Strona 23

25 V. Zarz¹dzanie zawartoœci¹ serwisu Ustawienia domyœlne mog¹ byæ ró ne dla ró nych pól, zale nie od potrzeby i funkcji w serwisie jak¹ ma do spe³nienia dane pole edycyjne. Mo emy jednak dokonywaæ zmian w wygl¹dzie tekstu takie jak: Rodzaju czcionki do wyboru mamy dziesiêæ rodzajów czcionek. Arial Arial Black Cosmic Sans MS Courier New Lucida Console MS Sans Serif Tahoma Times New Roman Trebuchet MS Verdana Aby zmieniæ czcionkê zaznaczamy wybrany tekst i z listy wybieramy interesuj¹cy nas rodzaj czcionki Wielkoœci czcionki mo emy ustawiæ wielkoœæ czcionki w zakresie punktów. Koloru czcionki mo emy nadaæ kolor wybranemu tekstowi korzystaj¹c z palety kolorów, lub wpisuj¹c w oknie nr koloru #. Kolor t³a tekstu mo emy nadaæ kolor t³a pod wybranym tekstem korzystaj¹c z palety kolorów, lub wpisuj¹c w oknie nr koloru #. Do podstawowych funkcji zarz¹dzania wygl¹dem tekstu nale y równie : pogrubianie - boldowanie tekstu, pochylanie - kursywa, podkreœlanie tekstu. S¹ to funkcje znajduj¹ce siê w podstawowym wyposa eniu popularnych edytorów a ich funkcja w systemie Herodot!CMS nie ró ni siê. UWAGA! Wielokrotne dokonywanie zmian ustawieñ tego samego tekstu mo e spowodowaæ wystêpowanie niezamierzonych zmian w wygl¹dzie tekstu. Aby tego unikn¹æ przed ka d¹ zmian¹ nale y usun¹æ dokonane wczeœniej zmiany i przywróciæ ustawienia domyœlne u ywaj¹c w tym celu ikony Usuñ formatowanie. Ci¹g³e pisanie tekstu bezpoœrednio na serwisie powoduje automatyczne przenoszenie czêœci informacji do nastêpnej linii. W przypadku gdy chcemy samodzielnie przenieœæ czêœæ informacji do nastêpnej linii u ywamy klawisza Enter po uprzednim naciœniêciu i przytrzymaniu klawisza Shift. U ycie samego klawisza Enter spowoduje przejœcie tekstu o dwa wersy ni ej oraz prze³amanie linii w kodzie html. V.3 Tabele System Herodot!CMS posiada funkcjê tworzenia tabel. Tabele te mog¹ byæ wykorzystane do prezentacji danych jak i do tworzenia bardziej z³o onych form prezentacji zawartoœci merytorycznej w danym polu edycyjnym. Strona 24

26 V. Zarz¹dzanie zawartoœci¹ serwisu Do tworzenia Tabel s³u y ikona Wstaw tabelê. Przy tworzeniu tabel okreœlamy: - iloœæ kolumn [ 4 ], - iloœæ wierszy [ 5 ], - gruboœæ ramki [ 1 ], - margines komórek [ 6 ], - przestrzeñ miedzy komórkami [ 7 ], - kolor ramki [ 3 ], - styl ramki [ 2 ], Przy tworzeniu mo emy okreœliæ, czy tabela ma byæ widoczna czy te nie [ 8 ]. Niewidocznych tabel u ywamy w przypadku, kiedy ich stworzenie s³u y do prezentacji zawartoœci merytorycznej w innym uk³adzie ani eli pozwalaj¹ na to pola edycyjne. Podczas tworzenia tabeli z widocznymi ramkami istnieje mo liwoœæ ukrycia ramek w terminie póÿniejszym. Operacja taka nie mo e przebiegaæ jednak w sposób odwrotny, tzn: raz ukryte ramki nie mo na ponownie przywróciæ do ramek widocznych dla ogl¹daj¹cego serwis a jedynie dla zarz¹dzaj¹cego serwisem. V.3.a Zwiêkszanie iloœci komórek w tabelach System Herodot!CMS nie pozwala na dodawanie do istniej¹cej tebeli dodatkowych wersów oraz kolumn. Je eli wystêpuje potrzeba dodania kolejnego wiersza, kolumny lub komórki, wykorzystujemy w tym celu mo liwoœæ dodania ramki w ramce. Polega to na dodaniu odpowiedniej tabeli w komórkê tabeli ju istniej¹cej. Æwiczenie 8 Za³o enie: 1. Do istniej¹cej tabeli posiadaj¹cej dwa wersy i dwie kolumny chcemy dodaæ kolejn¹ kolumnê Strona 25

27 V. Zarz¹dzanie zawartoœci¹ serwisu Ad1. 1. Scalamy dwie komórki znajduj¹ce siê w drugiej kolumnie 2. Do powsta³ej komórki wstawiamy dodatkow¹ tabelê o dwóch rzêdach i dwóch kolumnach W ten sposób otrzymujemy tabelê powiêkszon¹ o dodatkow¹ kolumnê Pozostaje nam jedynie dostosowaæ wielkoœæ nowopowsta³ych komórek do wczeœniej istniej¹cych. Dodanie kolejnego rzêdu w tabeli jest o wiele prostszym zabiegiem. Wystarczy pod istniej¹c¹ tabel¹ wstawiæ kolejn¹ tabelê o okreœlonej liczbie kolumn i rzêdów a nastêpnie dostosowaæ wielkoœæ poszczególnych komórek do komórek tabeli wczeœniej istniej¹cej. V.3.b Zmniejszanie iloœci kolumn w tabeli Zmniejszanie iloœci komórek w tabeli przebiega poprzez ich scalanie. W tym celu u ywamy klawiszy - po³¹cz komórki w prawo oraz - po³¹cz rzêdy w dó³. Æwiczenie 9 Za³o enie: 1.Z istniej¹cej tabeli posiadaj¹cej dwa wersy i cztery kolumny chcemy usun¹æ kolumnê Ad1. 1. Aby usun¹æ jedn¹ kolumnê spajamy ze sob¹ po dwie s¹siaduj¹ce ze sob¹ komórki Poszczególne kolory okreœlaj¹ komórki ³¹czone ze sob¹. Strona 26

28 V. Zarz¹dzanie zawartoœci¹ serwisu Po tym zabiegu tabela nasza bêdzie wygl¹da³a nastêpuj¹co: Wystarczy jedynie dostosowaæ wielkoœæ kolumny do pozosta³ych V.3.c Wykorzystanie tabel do prezentacji informacji w z³o onych formach Æwiczenie 10 Za³o enie: 1. W pojedynczym polu edycyjnym, chcemy zaprezentowaæ informacjê tekstow¹ wraz ze zdjêciem. Po³o enie informacji wzglêdem siebie przedstawia poni szy rysunek: 2.Uzupe³nienie treœci¹ komórek tabeli wg powy szego schematu. Ad.1 1. Otwieramy panel do tworzenia tabel 2. Tworzymy tabelê wpisuj¹c w pozycje [ 4 ], [ 5 ] dwójki, pozosta³e pozycje zostawiamy puste 3. Zaznaczamy widocznoœæ ramek komórek [ 8 ] 4. Zamykamy panel 5. Tabela zosta³a wstawiona w polu edycyjnym, w miejscu w którym by³ kursor 6. W dolnej, lewej komórce wstawiamy kursor a nastêpnie klikamy na ikonê Po³¹cz komórki w prawo 7. Klikamy dwukrotnie na ikonê Poka ukryte tabele - tabela zostanie ukryta Wynikiem jest tabela z dwoma komórkami w wersie górnym oraz jedn¹ w dolnym Strona 27

29 V. Zarz¹dzanie zawartoœci¹ serwisu Ad Do górnej prawej komórki wklejamy tekst korzystaj¹c ze skrótów klawiszowych Carl+C (kopiuj), Carl+V (wklej), pamiêtaj¹c przy tym o wykorzystaniu Notatnika. 2. Formatujemy tekst, u ywaj¹c w tym celu funkcji do zarz¹dzania wygl¹dem tekstu 3. Do górnej, lewek komórki wklejamy obrazek V.3.d Szerokoœæ tabel Uzupe³nianie tabeli nie powoduje rozszerzania ca³ej tabeli a jedynie dostosowuje szerokoœæ komórki (kolumny w której znajduje siê dana komórka), w której wpisywany jest tekst. Mo e to spowodowaæ, i szerokoœæ poszczególnych kolumn nie bêdzie sobie równa i bêdzie dostosowana do iloœci informacji w komórkach w danej kolumnie. Aby okreœliæ szerokoœæ kolumn nale y w wybranych kolumnach (w jednej z komórek danej kolumny) wstawiæ rz¹d spacji i za pomoc¹ ich iloœci wp³yn¹æ na szerokoœæ kolumny. Aby kolumny by³y sobie równe iloœæ spacji w poszczególnych komórkach powinna byæ równa, a ich suma (suma spacji) powinna okreœlaæ w przybli eniu szerokoœæ ca³ej tabeli. Przyk³ad: W tej komórce wstawiamy nazwê kolumny w jednym rzêdzie oraz 35 spacji w drugim W tej komórce wstawiamy nazwê kolumny w jednym rzêdzie oraz 35 spacji w drugim W tej komórce wstawiamy nazwê kolumny w jednym rzêdzie oraz 35 spacji w drugim = wers1 wers2 CENA (35 SPACJI) JAKOŒÆ (35 SPACJI) ILOŒÆ (35 SPACJI) Poprzez taki zabieg szerokoœæ pozosta³ych komórek zosta³a ustalona i niezmienna. Zmianie mo e ulec jedynie wówczas gdy w innej komórce znajdzie siê wyraz d³u szy od komórki. Na wielkoœæ ka dej tabeli mamy wp³yw. Mo emy j¹ zarówno rozszerzyæ jak i zwêziæ. W tym celu nale y klikn¹æ myszk¹ na ramkê tabeli w wyniku czego na ramce znajd¹ siê wêz³y przy pomocy których mo emy wp³ywaæ na wielkoœæ tabeli. Aby zmieniæ jej wielkoœæ naje d amy na wêze³ przytrzymujemy lewy klawisz myszy i przesuwamy w odpowiednim kierunku. Strona 28

30 V. Zarz¹dzanie zawartoœci¹ serwisu Tabela z zaznaczonymi wêz³ami UWAGA! Przy zmianach wielkoœci tabeli mog¹ ulec zmianie szerokoœci poszczególnych kolumn a wiêc wczeœniejsze ustawienia szerokoœci poprzez u ycie spacji mo e siê zdezaktualizowaæ. V.4 Wstawianie obrazów System Herodot!CMS pozwala Administratorowi serwisu na wstawianie obrazów i grafik na podstrony. Elementy te mo emy wstawiaæ w ka dym polu edycyjnym, bez wzglêdu na jego funkcje w serwisie oraz ustawienia danego pola. Mo emy równie zarz¹dzaæ jego wielkoœci¹ w taki sam sposób jaki opisany by³ przy zarz¹dzaniu wielkoœci¹ tabel. Nale y jedynie uwa aæ aby przy tej operacji zachowaæ proporcje wysokoœci i szerokoœci obrazka. UWAGA! Herodot CMS! Nie zachowuje proporcji przy powiêkszaniu obrazków! Obrazek lub inna grafika mo e równie byæ linkiem. Aby stworzyæ z obrazka link postêpujemy w analogiczny sposób jak przy tworzeniu linku z tekstu. Zabieg tworzenia linku zosta³ opisany w dziale III. Aby umieœciæ obrazek lub grafikê na serwisie w pierwszej kolejnoœci musimy wys³aæ ów element na serwer. Do tego celu s³u y funkcja Wstaw obraz. Wszelkie pliki, dostêpne poprzez system Herodot!CMS na serwerze mo emy katalogowaæ. Nazewnictwo katalogów jest dowolne, nie mo emy jedynie u ywaæ polskich znaków. Katalog w którym chcemy umieœciæ plik tworzymy wczeœniej, przed wys³aniem pliku na serwer. Iloœæ zag³êbieñ katalogów w katalogach jest dowolna. Tworzenie i u ywanie katalogów nie jest niezbêdne i s³u y wy³¹cznie do katalogowania du ej iloœci plików i ³atwego poruszania siê oraz odnajdywania odpowiednich w ca³ej strukturze. Ka dy plik graficzny jest generowany przez system jako kolejny znak i umieszczany w tej samej linijce co tekst. Wstawienie wiêc obrazka w tej samej linijce co tekst spowoduje powiêkszenie odleg³oœci miêdzy wersami do wielkoœci obrazka. Przyk³ad: Twórc¹ systemu Herodot! jest firma 3CUBE Network Solutions & Software, zajmuj¹ca siê tworzeniem oprogramowania i rozwi¹zaniami sieciowymi. Jesteœmy ca³kowicie polsk¹, prywatn¹ firm¹. Naszym za³o eniem jest dostarczanie innowacyjnych rozwi¹zañ wysokiej, œwiatowej jakoœci, które tworzymy w oparciu o sprawdzone i stabilne narzêdzia. Aby tekst znajdowa³ siê obok obrazka musimy zastosowaæ ramki. Sposób taki zosta³ opisany w Æwiczeniu 10 Strona 29

31 V. Zarz¹dzanie zawartoœci¹ serwisu Æwiczenie 11 Za³o enie 1. Wstawienie obrazka pomiêdzy tekst wystêpuj¹cy w serwisie 2. Zmniejszenie obrazka do odpowiedniego rozmiaru 3. Podlinkowanie obrazka do zewnêtrznego serwisu w taki sposób, aby otwiera³ siê w nowym oknie Ad Logujemy siê na wybranej stronie serwisu 2. Otwieramy panel do wstawiania plików 3. Tworzymy nowy katalog, poprzez wpisanie jego nazwy w polu [ 2 ], w którym umieœcimy plik (opcjonalnie), 4. Otwieramy nowo stworzony katalog klikaj¹c dwa razy na jego nazwê w polu [ 1 ] 5. Klikamy na przycisk Przegl¹daj [ 5 ] 6. Z lokalnego komputera wybieramy grafikê któr¹ chcemy umieœciæ na serwisie 7. Po wybraniu grafiki akceptujemy j¹ klikaj¹c na Otwórz. W polu [ 4 ] pojawi siê œcie ka dostêpu do wybranego obiektu 8. Klikamy Wyœlij plik [ 6 ] 9. Po wys³aniu obiektu na serwer jego nazwa uka e siê nam w oknie [ 1 ]. 10. Klikamy kursorem dwa razy na wybrany obiekt, w polu [ 7 ] pojawi siê podgl¹d obrazka, a w polu [ 8 ] jego wymiary 11. Klikamy na Wstaw [ 10 ] 12. Obiekt powinien zostaæ umieszczony na wybranej podstronie w miejscu, w którym by³ kursor Ad Klikamy jeden raz na wstawiony obrazek, na krawêdziach obrazka pojawi¹ siê wêz³y 2. apiemy kursorem za jeden z wêz³ów w naro niku obrazka i przytrzymuj¹c lewy klawisz myszy dostosowujemy wielkoœæ obrazka do po ¹danej 3. Wielkoœæ obrazka zosta³a pomniejszona Strona 30

32 V. Zarz¹dzanie zawartoœci¹ serwisu Ad Zaznaczamy wstawiony obiekt poprzez przejechanie po nim kursorem przy jednoczesnym wciœniêciu lewego przyciska myszy - w taki sam sposób w jaki zaznacza siê tekst, 2. Wybieramy funkcjê Wstaw odnoœnik, je eli funkcja nie bêdzie siê wyœwietlaæ oznacza to, e obiekt zosta³ Ÿle zaznaczony 3. W pozycji URL [ 4 ] wpisujemy pe³ny adres serwisu lub jego wybranej podstrony, do której ma kierowaæ link. na przyk³ad: 4. W pozycji [ 7 ] Otwórz w oknie wybieramy nowym 5. Klikamy na œrodkowy przycisk Wstaw [ 5 ] Link zosta³ stworzony. V.5 Pliki do pobrania Dzia³ania na plikach do pobrania ³¹cz¹ w sobie funkcje u ywane przy obrazkach oraz przy odnoœnikach. Ka dy plik do pobrania jest niczym innym jak obiektem umieszczonym na serwerze o ró nym rozszerzeniu. Zazwyczaj plików tych nie mo emy bezpoœrednio wyœwietlaæ na stronie WWW. Poni ej prezentujemy pliki o najpopularniejszych rozszerzeniach: Pliki graficzne: - JPG - Gif - Tiff - PDF (Adobe Acrobat) - PPS (MS Power Point) Pliki multimedialne: - Mp3 - Avi - Mpeg - Wmv - Mov Pliki tekstowe - Doc (MS Word) - Txt - Xls (Ms Exel) - Rtf UWAGA! Poprzez system Herodot!CMS mo emy umieszczaæ na serwerze pliki, których wielkoœæ nie przekracza 3 MB Strona 31

33 IV Zarz¹dzanie zawartoœci¹ serwisu SCHEMAT UMIESZANIA NA STRONIE WWW PLIKÓW DO POBRANIA Umieszczenie pliku na serwerze stworzenie odnoœnika do danego pliku Æwiczenie 12 Za³o enie 1. Umieszczenie pliku do pobrania na serwisie www 2. Stworzenie linku do pobrania dokumentu na wybranej podstronie Ad.1 1. Logujemy siê do systemu Herodot!CMS na dowolnej z podstron 2. Otwieramy panel do wstawiania plików 3. Klikamy na Przegl¹daj [ 5 ] 4. Wybieramy z dysku komputera lokalnego plik, który chcemy udostêpniæ na serwisie WWW i akceptujemy go. W polu [ 4 ] pojawi siê œcie ka dostêpu do danego pliku 5. Wysy³amy plik na serwer poprzez klikniêcie na przycisk Wyœlij plik [ 6 ] pamiêtaj¹c aby wczeœniej wybraæ lub stworzyæ katalog, w którym plik ma siê znajdowaæ na serwerze Plik zosta³ wys³any Ad 2 1. Logujemy na siê wybranej stronie serwisu 2. Zaznaczamy obiekt, który ma byæ linkiem 3. Klikamy Wstaw odnoœnik 4. Klikamy na Kopiuj URL obrazu: PRZEGL DAJ [ 6 ] 5. Z otwartego okna dialogowego wybieramy obiekt umieszczony tam dokument 6. Klikamy na przycisk WSTAW znajduj¹cy siê na tym oknie 7. Gdy w polu URL: pojawi siê œcie ka do dokumentu, klikamy na œrodkowy przycisk Wstaw [ 5 ] Link do dokumentu zosta³ stworzony Strona 32