4CMSystem Podrcznik uytkownika Stworzone przez grup 4proweb.net Strona projektu: http://cms.4proweb.net Realizacja projektu: 2004 2005 Programista, administrator Marcin Iwaniec, miwaniec@4proweb.net Autor dokumentacji: Mateusz Remer, mremer@4proweb.net Ostatnie zmiany w dokumentacji: 21:15, poniedziałek, 26 wrzenia 2005
1. Wprowadzenie Niniejszy podrcznik ma na celu zaprezentowanie podstawowych moliwoci systemu zarzdzania treci utworzonego przez 4proweb.net. Jego główn zalet jest proste, intuicyjne i, co najwaniejsze, szybkie tworzenie oraz edytowanie ju istniejcych artykułów metod WYSWYG. Nie ma potrzeby korzystania z dodatkowych aplikacji. Funkcje dostpne w systemie oferuj zaawansowan obróbk tekstu, znan choby z takich aplikacji jak MS Word. Istnieje równie moliwo wstawiania linków, obiektów graficznych, tabel, poziomych linii czy znaków specjalnych. 2. Pasek narzdzi Główn czci systemu jest pasek narzdzi, który wyglda nastpujco: Składa si on z nastpujcych elementów: Moduł archiwizujcy. Kolejno: - utworzenie nowego dokumentu W okienku mamy moliwo ustalenia wersji jzykowej nowo utworzonego dokumentu, nazwy pliku, nazwy dokumentu, krótkiego opisu (umoliwia odnalezienie strony przez serwisy wyszukujce, takie jak Google), pozycji w menu w serwisie oraz wybór szablonu.
- otworzenie istniejcego dokumentu Okienko dzieli si na dwa moduły. Pierwszy, pokazany powyej, umoliwia otworzenie istniejcego dokumentu sporód artykułów, do których dostp mamy w postaci struktury drzewiastej. Po prostu, wybieramy folder, nastpnie dokument i klikamy przycisk Otwórz Drugi moduł daje nam dostp do plików specjalnych. Jest to grupa plików, do których nie mamy bezporedniego dostpu. Dla przykładu Strona błdu 404 zostanie wywietlona, kiedy jako adres w przegldarce podamy lokalizacj
nieistniejcego dokumentu. Zamiast standardowej informacji 404 Not found, zobaczymy przygotowan wczeniej stron. -zapisanie zmian Dziki tej funkcji mamy moliwo zapisu dokumentu. Moduły strony, w których dokonalimy jakichkolwiek zmian, bd podwietlone kolorem zielonym oraz oznaczone napisem zmodyfikowano. Moduł podstawowych operacji. Kolejno: cofnicie oraz powtórzenie ostatnio dokonanej zmiany, wycicie zaznaczonego fragmentu tekstu(lub obiektu), skopiowanie zaznaczonego fragmentu tekstu(lub obiektu), funkcja wklejajca, usuwanie zaznaczonego fragmentu(lub obiektu); Moduł hipertekstowy. Składa si z dwóch elementów. Pierwszy z nich umoliwia utworzenie odnonika do zaznaczonego fragmentu(lub obiektu).
Drugi przycisk usuwa wskazany odnonik; Moduł dodatkowych obiektów. Dostpne funkcje to: wstawienie poziomej linii, wstawienie obrazka, wstawienie tabeli oraz wstawienie znaków specjalnych. Wstawienie obrazka Okienko składa si z trzech zakładek. Do kadej z nich mamy dostp za pomoc przycisków: Przegldaj, Opcje oraz Zaawansowane
Przegldanie Na tej zakładce, w lewej czci znajduje si lista plików znajdujcych si obecnie na serwerze. Po wybraniu danego obrazka moemy zobaczy jego podgld w okienku po prawej. Aby natomiast załadowa nowy obrazek, skupiamy si na dolnej czci okienka. Znajc bezporedni ciek do interesujcego nas pliku, moemy j poda w polu tekstowym obok napisu Dodaj plik:, w innym wypadku klikamy na przycisk Browse ( bd Przegldaj ), który otwiera znane nam z wielu windowsowych aplikacji okienko, w którym odnajdujemy dany obrazek. Pozostaje nam jeszcze wrzucenie obrazka na serwer. Dokonujemy tego klikajc przycisk Załaduj plik. Chcc wstawi obiekt na stron, posługujemy si przyciskiem Wstaw obraz.
Opcje Ta zakładka umoliwia modyfikowanie bardziej zaawansowanymi właciwociami wstawianego obrazka. Istnieje tutaj moliwo ustawienia tekstu zastpczego, który pojawi si w miejscu obiektu, gdy uytkownik wyłczył wywietlanie obrazków w przegldarce, pojawi si równie po najechaniu myszk na obrazek. Poza tym, po klikniciu na obrazek mona odesła odwiedzajcego do, wskazanego w polu Link, adres URL, miejsca. Z listy obok mona wybra dodatkowe opcje wpływajce na sposób wywietlenia odnonika, np. w tym samym oknie lub w nowym oknie przegldarki. Funkcje znajdujce si w dolnej czci ( Wymiary obrazka: ) steruj połoeniem, rozmiarami oraz obramowaniem obrazka. Myl, e uytkowanie tych opcji jest czysto intuicyjne, wic nie bd ich szczegółowo opisywał. Warto jedynie wspomnie i wartoci podawane w polach Szeroko i Wysoko mona definiowa zarówno w pikselach jak i procentach.
Zaawansowane Ustawienia zaawansowane mog si okaza prawdziwym skarbem dla zaawansowanych redaktorów. Jest to zakładka, dziki której istnieje moliwo uwzgldnienia stylów dla edytowanego artykułu. W dolnej czci znajduje si natomiast bezporednia cieka do pliku graficznego, wybranego na zakładce Przegldaj mona tam na przykład wstawi adres do pliku znajdujcego si na innym serwerze
Wstawienie tabelki Okienko składa si z dwóch zakładek. Podobnie, jak przy wstawianiu obrazka, dostp do nich mamy za pomoc przycisków umieszczonych w górnej czci okienka: Właciwoci tabeli oraz Zaawansowane.
Właciwoci Na tej zakładce uytkownik moe wprowadzi tytuł tabelki, ustali jej rozmiar, czyli ilo kolumn oraz wierszy, a take szeroko i wysoko. Odstpy, wyrównanie, obramowanie równie mona zdefiniowa.
Zaawansowane Zakładka Zaawansowane umoliwia dodatkowe modyfikowanie układem graficznym tabelki za pomoc styli. Podobnie, jak w przypadku obrazków, zakładka ta przeznaczona jest dla zaawansowanych redaktorów znajcych technologi HTML oraz CSS. Wstawienie znaków specjalnych Jest to ostatnia funkcja modułu. Słuy ona do wstawiania znaków specjalnych, czyli takich, do których dostp na standardowej klawiaturze moe by utrudniony. Aby doda dany znak do biecej pozycji w dokumencie, naley odnale go w okienku, a nastpnie na niego klikn. Moduł operacji na listach. Funkcje w tym module pozwalaj na wstawianie numeracji( 1., 2. itd.) lub znaków wyliczania (znaków ) z jednoczesnym wcinaniem marginesów, oraz dwa przyciski, które operuj wyłcznie na marginesach, kolejno: zwikszanie oraz zmniejszanie wcicia; Moduł funkcji zaawansowanych oraz moduł funkcji ogólnych aplikacji 4CMS. Pierwsza dostpna funkcja wywietla kod HTML edytowanego dokumentu). Pozostałe trzy przyciski wywietlaj kolejno: krótk informacj o programie, dokumentacj, któr włanie czytacie ;-), a ostatni przycisk koczy edycj dokumentu. Moduł podstawowych narzdzi tekstowych, bdcy nierozłczn czci wikszoci procesorów tekstowych, składa si z nastpujcych elementów: lista umoliwiajca wybór stylu edytowanego tekstu, lista umoliwiajca wybór czcionki edytowanego tekstu, lista umoliwiajca wybór rozmiaru czcionki edytowanego tekstu, nastpnie cztery przyciski umoliwiaj dalsz obróbk wprowadzanego tekstu, jak: pogrubianie, kursywa, podkrelenie oraz
przekrelenie. Mona równie pokolorowa tekst według własnego uznania, z dostpnej palety kolorów: Dla szczególnie wybrednych uytkowników stworzono przycisk >>, znaczco poszerzajcy wybór, którego mona dokona w nowym okienku: Mona równie skorzysta ze standardowego, windowsowego okienka, po wybraniu przycisku Pobierz : Funkcje kolorujce s dostpne take dla tła. Słuy do tego przycisk obok ( ). Kolejna funkcja, podajc cały czas w prawo, to usuwanie formatowania dla wskazanego fragmentu. Zostanie wówczas przywrócony styl domylny.
Ostatnia seria przycisków słuy do manipulowania ustawieniem tekstu: wyrównanie z lewej, wyrodkowanie, wyrównanie z prawej, wyrównanie tekstu z obu stron oraz brak wyrównania. Przyciski w tym module s aktywne. Oznacza to, e, dla przykładu, gdy kursor znajdzie si w miejscu pogrubionego tekstu w dokumencie, odpowiedni przycisk, w tym przypadku B, zostanie zaznaczony. UWAGA: Aby doda formatowanie, naley zaznaczy fragment tekstu. 3. Menu kontekstowe Oprócz paska narzdzi, który został omówiony w punkcie pierwszym, uytkownicy korzystajcy z systemu 4CMS maj take do dyspozycji menu kontekstowe, które wywołuje si prawym przyciskiem myszki w dowolnym miejscu edytowanego artykułu. Menu prezentuje si nastpujco: Menu to ma słuy wyłcznie wygodzie uytkownika. Przykładowym zastosowaniem jest szybki podgld kodu ródłowego zaznaczonego fragmentu. Wystarczy w prosty sposób klikn prawym przyciskiem myszki, i wywietlone zostaje nowe okienko, prezentujce kod HTML
..który mona jeszcze zmodyfikowa, a zmiany uwzgldni przyciskiem Zapisz zmiany. Moemy modyfikowa zarówno kod HTML jaki i style CSS, wystarczy wybra opcj Edytuj style, na przykład dla obrazka: Menu kontekstowe zmienia swoj form, w zalenoci od obiektu, na którym zostało wywołane. Dla przykładu, po wywołaniu menu na obrazku, ujrzymy je w nastpujcej postaci:
Zwrómy uwag na now opcj Właciwoci obrazka. Po jej wybraniu ujrzymy okienko Właciwoci obrazka, które opisałem wczeniej, w czci Wstawianie obrazka. Jedyn rónic jest nieaktywna zakładka Przegldanie oraz wypełnione pola obecnymi wartociami obiektu. Podobne opcje s dostpne dla innych obiektów, takich jak linki, poziome linie czy tabele. 4. Podsumowanie Jak wida, system nie jest trudny w obsłudze. Po zapoznaniu si z niniejszym podrcznikiem nie powinno by adnych problemów w korzystaniu z wszystkich funkcji, zarówno tych podstawowych, jak i zaawansowanych. W razie jakichkolwiek wtpliwoci przypominamy o moliwoci skorzystania z obsługi technicznej, dostpnej pod e-mail'em: cms@4proweb.net. yczymy owocnego korzystania z aplikacji i dzikujemy za skorzystanie z naszej oferty.