INSTRUKCJA PROWADZENIA STRONY DLA ADMINISTRATORA Spis treści (spis treści jest aktywny wystarczy kliknąć myszką na wybranym linku) 1. Logowanie do witryny 2. Dodawanie zawartości do strony 3. Dodawanie artykułu do publikacji 4. Formatowanie treści do strony 5. Dodawanie artykułu do strony głównej 6. Zgrywanie zdjęć z aparatu 7. Tworzenie skryptu do zmniejszania rozmiaru zdjęć 8. Przygotowanie zdjęć do strony 9. Konfiguracja programu do wysyłki zdjęć 10. Wysyłanie zdjęć do serwera 11. Dodawanie zdjęcia do artykułu i strony 12. Importowanie zdjęć do galerii 13. Usuwanie zdjęcia z galerii 14. Usuwanie zdjęcia z artykułu i strony 15. Statystyka strony 16. Terminarze czytań słowa Bożego i śpiewu psalmów 1. Logowanie do witryny Aby zalogować się na stronę należy wpisać w pasek adresu naszej przeglądarki internetowej adres strony parafialnej: http://www.parafia.kielcza.pl bądź parafia.kielcza.pl wówczas należy zjechać na dół naszej witryny i w miejsca w bloku Logowanie (każdy kolejny blok rozpoczyna się od nazwy i jest zaznaczony belką w kolorze pomarańczowym) wpisać naszą nazwę użytkownika w pole pod Nazwa użytkownika oraz hasło w pole pod Hasło i wybrać lewym klawiszem myszki Zaloguj.
Rysunek 1 - blok o nazwie Logowanie Po zjechaniu po raz kolejny na dół naszej witryny w lewym menu zobaczymy wówczas, że blok o nazwie Logowanie zmienił nazwę na blok o nazwie naszego użytkownika jak poniżej. Dla zarządzania naszą strefą w witrynie parafialnej możemy posługiwać się opcjami, które pojawiły się w naszym bloku a mianowicie możemy: sprawdzić dane o swoim koncie Moje konto, dodać zawartość do strony Dodaj zawartość, importować zdjęcia do galerii Import zdjęć, możemy przejść do zaawansowanych opcji zarządzania wybierając opcje Zarządzaj którą będziemy m. in. wykorzystywać do dodawania nowych galerii zdjęć i możemy się też wylogować wybierając menu opcję Wyloguj. (Po dokonaniu zmian na stronie zaleca się wylogowanie się ze strony.)
Rysunek 2 - blok o nazwie użytkowania, widać dostępne opcje, menu do zarządzania blokiem Powrót do spisu treści - Powrót 2. Dodawanie zawartości do strony Aby dodać nową zawartość do naszej witryny wybieramy w naszym bloku menu Dodaj zawartość a wówczas pojawi się nam następująca witryna:
Rysunek 3 - opcje, które pojawią się po wybraniu menu Dodaj zawartość Widać możemy dodać 4 typy zawartości a mianowicie: - Artykuł do publikacji to artykuły, które będą publikowane wyłącznie w linku menu w bloku danej grupy parafialnej, to artykuły zapisane z kategorią Z życia ze słownika o nazwie danej grupy, ważne by stosować dodawanie artykułu do publikacji wówczas, gdy będziemy zawierać w artykule relacje z wydarzeń, jakie przeżywała grupa parafialna wówczas nie będą one wysyłane na stronę główną a ukażą się w linku bloku grupy. - Artykuł do strony głównej a zarazem do publikacji to artykuły publikowane jednocześnie do linku w bloku grupy parafialnej jak i do strony głównej to wszelkie newsy, aktualności i ogłoszenia dotyczące danej grupy to artykuły zapisane z kategorią Aktualności... sprawy bieżące, ważne by stosować dodawanie artykułu do strony głównej jak chcemy powiadomić o wydarzeniu bieżącym np. o tym, że będzie spotkanie grupy parafialnej, pielgrzymka czy chcemy zamieścić jakieś ważne ogłoszenie, wówczas artykuł ten trafi zarówno do strony głównej jak i linku - menu w bloku grupy. - Strona z której nie będziemy w tym momencie korzystać - Terminarz z którego także nie będziemy korzystać trwają prace nad tą zawartością Gdy wybierzemy Artykuł do publikacji będzie to artykuł, który nie ukaże się na stronie a który będzie widoczny wówczas, gdy wybierzemy odpowiednie menu. Np. jeśli będzie to kategoria Chrzty ukażą się one wówczas w menu Chrzty.. bloku Parafia Kielcza. Powrót do spisu treści - Powrót 3. Dodawanie artykułu do publikacji Po wybraniu tej opcji Artykuł do publikacji zobaczymy następującą stronę:
Rysunek 4 - dodawanie artykułu do publikacji (ważne by wpisać tytuł, wybrać ze słownika o nazwie grupy odpowiednia kategorię, wpisywać treść według formatowania opisanego poniżej Wówczas wpisujemy obowiązkowo Tytuł w polu przeznaczonym na tytuł artykułu, wybieramy w odpowiednią kategorię w naszym słowniku. Administrator ma osobny słownik - Informacje, z którego korzysta. W nim może wybrać jedną z następujących kategorii: Zapowiedzi, Chrzty itp. Należy zawsze wybrać odpowiednią kategorię a w przypadku nie podania kategorii artykuł ten nie powędruje na stronę. A po zjechaniu na dół strony zobaczymy:
Rysunek 5 - dół strony 4. Formatowanie treści zalecone do strony W polu na treść wpisujemy tekst naszego artykułu. Cały tekst zaznaczmy i formatujemy wybierając z możliwości, jaką nam oferuje edytor nad polem do wpisu a mianowicie po zaznaczeniu tekstu wpisanego zmieniamy Rozmiar czcionki na 14 i justujemy tekst klikając na ikonkę Justuj (ikonka jak w worddzie), powyżej a każdy kolejny akapit akcentujemy 3 lub 4 spacjami. Gdy kopiowaliśmy treść artykułu np. z dokumentu word wcześniej przygotowanego możemy wówczas wkleić go w pole Treść wówczas wybieramy Opcję Wklej po kliknięciu w pustym polu Treść. Wówczas może się otworzyć okienko (w przypadku gdy nie wyłączyliśmy Ckeditora opcją pod polem przeznaczonym na treść Disable rich-text), w które należy wkleić naszą treść. Dość często zdarza się, że po akceptacji wklejonego tekstu zostanie on przeniesiony do naszego pola treści z pierwszym pustym wersem, dlatego kasujemy ten pusty wers przenosząc całą treść o wers do góry. Pamiętajmy o tym. W sytuacji, gdy zapomnimy podać kategorię wówczas nasz artykuł nie będzie widoczny dla czytelników. Powrót do spisu treści - Powrót 5. Dodawanie artykułu do strony głównej Po wybraniu tej opcji zobaczymy następującą stronę:
Rysunek 6 - dodawanianie artykułu do strony głównej (ważne by wpisać tytuł, wybrać ze słownika o nazwie grupy odpowiednia kategorię, wpisywać treść według formatowania opisanego poniżej Wówczas wpisujemy obowiązkowo Tytuł w polu przeznaczonym na tytuł artykułu, wybieramy w odpowiednią kategorię w naszym słowniku. Administrator ma osobny słownik - Informacje, z którego korzysta. W nim może wybrać jedną z następujących kategorii: Zapowiedzi, Chrzty itp. Należy wybrać odpowiednia kategorię a w przypadku nie podania kategorii artykuł ten powędruje na stronę główną bez wskazania kategorii tę opcję wybieramy dla wpisywania aktualności dotyczących parafii, krótkich ogłoszeń bieżących. A po zjechaniu na dół strony zobaczymy:
Rysunek 7 - dół strony Formatowanie treści zalecone do strony W polu na treść wpisujemy tekst naszego artykułu. Cały tekst zaznaczmy i formatujemy wybierając z możliwości, jaką nam oferuje edytor nad polem do wpisu a mianowicie po zaznaczeniu tekstu wpisanego zmieniamy Rozmiar czcionki na 14 i justujemy tekst klikając na ikonkę Justuj (ikonka jak w worddzie), powyżej a każdy kolejny akapit akcentujemy 3 lub 4 spacjami. Gdy kopiowaliśmy treść artykułu np. z dokumentu word wcześniej przygotowanego możemy wówczas wkleić go w pole Treść wówczas wybieramy Opcję Wklej po kliknięciu w pustym polu Treść. Wówczas może się otworzyć okienko (w przypadku gdy nie wyłączyliśmy Ckeditora opcją pod polem przeznaczonym na treść Disable rich-text), w które należy wkleić naszą treść. Dość często zdarza się, że po akceptacji wklejonego tekstu zostanie on przeniesiony do naszego pola treści z pierwszym pustym wersem, dlatego kasujemy ten pusty wers przenosząc całą treść o wers do góry. Pamiętajmy o tym. Artykuł dołączony będzie do zarówno do publikacji, czyli do konkretnego linku - menu w bloku grupy jak i do strony głównej. Powrót do spisu treści - Powrót 6. Zgrywanie zdjęć z aparatu na potrzeby strony na podstawie strony Przedszkola Przygotowujemy folder na zdjęcia wysyłane na potrzeby naszej witryny. Najlepsza zalecana lokalizacja dla nowego folderu to /Moje dokumenty/moje obrazy/ tu utworzymy folder o nazwie naszego użytkownika, w którym z kolei będziemy tworzyć foldery o nazwie roku, którego będą dotyczyć zdjęcia a w nich z kolei utworzymy foldery o nazwie wydarzenia, którego będą dotyczyć zdjęcia. Poniżej pokazano takie foldery.
Rysunek 8 - nowo dodany folder w lokalizacji Moje Obrazy
Rysunek 9 - foldery tworzone dla poszczególnych lat
Rysunek 10 - foldery tworzone dla poszczególnych wydarzeń
Rysunek 11 - tu wklejamy zdjęcia z naszego aparatu Taki sposób przechowywania zdjęć wprowadzi pewien porządek, który myślę ułatwi zarządzanie fotografiami na potrzeby strony. Ważne jest by nazwy naszych zdjęć nie posiadały polskich znaków. W sytuacji, gdy takie posiadają należy zmienić je na uniwersalne. Gdy mamy już utworzone folder to proponuję na naszym folderze o nazwie naszego użytkownika w Moich dokumentach wybrać prawym klawiszem myszki opcję Wyślij do a następnie Pulpit (utwórz skrót) zatwierdzając lewym klawiszem myszki wówczas na pulpicie będziemy mieli skrót do naszego folderu ze zdjęciami. Ułatwi to szybkie wejście do tego folderu.
Rysunek 12 - tak tworzymy skrót na pulpicie do naszego folderu Podłączamy aparat do komputera przewodem usb. Następnie zaznaczamy trzymając lewy klawisz myszki interesujące nas zdjęcia a po zaznaczeniu naciskamy na zaznaczonych prawy klawisz myszki i wybieramy lewym klawiszem myszki opcję Kopiuj (lub lewy klawisza netbooka) a następnie otwieramy wchodzimy do folderu naszego użytkownika z pulpitu tu dla przykładu skrót o nazwie, tu dla przykładu: Przedszkole-Fotografie.
Rysunek 13 - na pulpicie z prawej strony u góry są pogrupowane trzy skróty pierwszy najwyżej to skrót do naszego folderu ze zdjęciami Następnie po wejściu do tego folderu wchodzimy do folderu związanego z poszczególnym rokiem, dla przykładu na podstawie strony przedszkola do folderu związanego z poszczególnym rokiem szkolnym.
Rysunek 14 - widać foldery z poszczególnymi latami szkolnymi u nas będą to lata kolejne 2007, 2008... Następnie w folderze związanym z poszczególnym rokiem szkolnym tworzymy folder z nazwą wydarzenia, tematu zdjęć tu dla przykładu np. Kraina bajki. Dopiero po wejściu do tego folderu wklejamy zdjęcia wybierając klikając na pustym miejscu folderu prawy klawiszem myszki lub prawy klawisz netbooka a następnie lewym klawiszem wybieramy opcję Wklej. Wygląd folderów z poszczególnymi tematami zdjęć w poszczególnych latach szkolnych jest przedstawiony poniżej na zdjęciu.
Rysunek 15 - widok na foldery z wydarzeniami z danego roku Powrót do spisu treści - Powrót 7. Tworzenie skryptu do zmniejszania zdjęć Jak utworzyć samodzielnie taki pomocny skrypt do zmniejszania zdjęć? Włączamy program XnView a po jego włączaniu wybieramy w nim opcję z menu Narzędzia Konwertuj wiele plików jak na zdjęciu lub posługujemy się skrótem za pomocą klawiszy Ctrl i U (naciskamy klawisz Ctrl i trzymając go klawisz U).
Mamy wówczas następujący efekt: Rysunek 16 - wybranie opcji Konwertuj wiele plików w programie
Rysunek 17 - widok na zakładkę ogólne Przechodzimy do menu Przekształcenia jak poniżej.
Rysunek 18 - widok na zakładkę przekształcenia Wybieramy opcję Zmiana rozmiaru obrazu a następnie Dodaj, następnie w Szerokość wpisujemy wartość 800 a w Wysokość wartość 600 (wartości podane w pikselach).
Rysunek 19 - tworzenie skryptu do zmniejszania rozmiarów zdjęć Następnie przechodzimy do menu Ogólne i w opcji Nadpisywanie wybieramy funkcję Zmień Nazwę jak poniżej.
Rysunek 20 - tworzenie skryptu do zmniejszania zdjęć - pamiętajmy wybrać opcję Zmień nazwę Następnie wybieramy opcję Zapisz a gdy wyskoczy nam okienko do zapisu naszego skryptu nazywamy go np. zmiana-rozmiaru i zapisujemy domyślnie w lokalizacji Moje dokumenty.
Rysunek 21 - zapis skryptu do zmniejszania rozmiaru zdjęć Po zamknięciu okna do zapisu mamy już utworzony nasz skrypt do zmniejszania zdjęć. Z pomocą tego skryptu możemy zachować oryginalne zdjęcia dla osób zainteresowanych posiadaniem ich a dla potrzeby strony będziemy mieli utworzone zmniejszone zdjęcia z nazwą rozszerzoną o końcówkę _1. Powrót do spisu treści - Powrót 8. Przygotowanie zdjęć do strony (praca z XnView) Po skopiowaniu zdjęć do odpowiedniej lokalizacji by zmniejszyć zdjęcia dla potrzeby strony z pulpitu wybieramy program XnView także za pomocą skrótu, który dodamy do pulpitu, gdy po instalacji nie dodał się automatycznie. U nas ustawiliśmy ten skrót pod skrótem do naszego folderu ze zdjęciami to ikona w prawym roku druga od góry. Klikając dwukrotnie lewym klawiszem myszki na ikonce otwieramy program XnView.
Włączony program wygląda następująco. Rysunek 22 - widok na pulpit komputera w przedszkolu
Rysunek 23 - widok na program XnView po otwarciu W lewym oknie widać nasz folder Przedszkole-fotografie a w prawym widać foldery odpowiedniego roku szkolnego. Gdyby nie były one widoczne wystarczy kliknąć na ikonkę w programie w lewym górnym rogu jak zaznaczenie na zdjęciu powyżej. Jeśli nie będziemy mieli dodany folder o nazwie naszego użytkownika do opcji ulubionych w programie musimy ręcznie go wyszukać za pomocą eksplorera programu a gdy go już wyszukamy nacisnąć prawy klawisz myszki i wybieramy opcję Dodaj do ulubionych. Przykład: Dla przykładu przygotowujemy zdjęcia z R-sz-200708 dalej z folderu Kraina Bajki. W prawym polu wybieramy go dwukrotnie klikając na nim lewym klawiszem myszki lub lewym netbooka w R-sz-200708 a następnie w prawym polu dwukrotnie klikamy na Kraina bajki. Efekt jest następujący:
Rysunek 24 - widok folderów ze zdjęciami z wydarzeń roku szkolnego 2007/08 Rysunek 25 - widok folderu z poszczególnego wydarzenia z roku szkolnego 2007/08
Widzimy nasze zdjęcia dodane do naszego tematycznego folderu w poszczególnych latach szkolnych. Są to zdjęcia zbyt duże by zamieszczać je na stronie tak, więc przystępujemy do ich zmniejszenia. Następnie zaznaczamy wszystkie zdjęcia przy pomocy klawiszy Ctrl+a (trzymając klawisz Ctrl naciskamy klawisz a) by uzyskać efekt jak na zdjęciu: Rysunek 26 - widok folderu po wybraniu opcji ctrl + a (zaznacz wszystkie) Wybieramy jak na zdjęciu poniżej z menu Narzędzia (programu) opcję Konwertuj wiele plików.
Rysunek 27 - opcja Konwertuj wiele plików Następnie z tej opcji wybieramy skrypt klikając myszką w miejscu strzałki jak na zdjęciu. Pomoc przy stworzeniu skryptu udziela webmaster-administrator, można też pisać na adres administrator@kielcza.pl
Rysunek 28 - widok folderu po wybraniu opcji Konwertuj wiele plików Następnie wybieramy nasz skrypt do zmniejszania rozmiaru zdjęć strzałki przy oknie Skrypt jak poniżej. Rysunek 29 - wybranie skryptu
Następnie wybieramy opcję Dalej z lewego dolnego rogu ramki i następuje zmniejszenie zdjęć dla potrzeb strony. Zdjęcia te, które będziemy zamieszczać do strony będą miały nazwę z rozszerzeniem _1 np.: kraina bajki 004_1. Po ukończeniu konwertowania zamykamy program XnView. Powrót do spisu treści - Powrót 9. Konfiguracja programu do wysyłki zdjęć do strony FreeCommander Po zainstalowaniu programu FreeCommander włączamy nasz program. Wybieramy w nim opcję FTP uzyskując efekt jak poniżej. Rysunek 30 - widok na program po wybraniu w nim opcji FTP Następnie dodajemy nowe połączenie FTP poprzez kliknięcie dwukrotnie lewym klawiszem myszki na tekście FTP nowe połączenie w lewym polu programu FreeCommander. Uzyskamy następujący efekt:
Rysunek 31 - widok na okienko do tworzenia połączenia z serwerem FTP strony Przestępujemy do wypełniania poszczególnych pól według danych dostępnych jedynie mailem lub osobiście u webmastera administratora, kontakt: administrator@kielcza.pl Nazwa Administrator Adres serwera http://www.aaaa.pppp.pl Folder zdalny nie wpisujemy tu nic Folder lokalny wybieramy ikonkę żółty folder z prawej strony okna lewym klawiszem myszki a następnie wybieramy lokalizację naszego folderu ze zdjęciami jak to ustaliliśmy Moje dokumenty/moje obrazy/(folder o nazwie użytkownika) jak na zdjęciu:
Rysunek 32 - widok na wybór miejsca docelowego dla folderu lokalnego o nazwie naszego użytkownika Całość zatwierdzamy wybierając opcję OK małego okienka. Po zamknięciu okienka uzupełniamy dane do pozostałe dane do połączenia: Użytkownik użytkownik Hasło **** Tak jak to jest na zdjęciu:
Rysunek 33 - przykład wypełnionych pól Po wpisaniu tych danych całość zatwierdzamy wybierając opcję OK okna do tworzenia połączenia. I tak oto mamy już utworzone połączenie, dzięki któremu będziemy mogli przesyłać zdjęcia do serwera strony. Uzyskujemy następujący efekt:
Rysunek 34 - widok na program po zamknięciu okna do tworzenia połączenia FTP Widzimy to nasze nowo dodane połączenie o nazwie Administrator, powyżej na zdjęciu dla przykładu Redaktor. By połączyć się z serwerem łączymy się klikając dwukrotnie lewym klawiszem myszki na tym połączeniu. Po połączeniu zobaczymy z lewej strony programu miejsce na serwerze strony a z prawej strony programu foldery z galeriami dotyczącymi poszczególnych lat. Powrót do spisu treści - Powrót 10. Wysyłanie zdjęć do serwera: Na potrzeby komunikacji z serwerem proponowany jest darmowy program FreeCommander można go pobrać z strony producenta i zainstalować go. Program po instalacji utworzy skrót do uruchomiania programu na pulpicie. Najlepiej jest ten skrót przesunąć pod skrót, XnView który jest u nas w prawym górnym rogu tak jak to jest dla przykładu pulpitu dla potrzeb strony Przedszkola.
Rysunek 35 - Skrót do programu FreeCommander dodany został pod skrót do XnView to propozycja rozmieszczenia ikonek dla potrzeby strony W celu wysłania zdjęć do serwera włączamy z pulpitu program FreeCommander (w celu otrzymania pomocy przy konfiguracji połączenia ftp z serwerem strony proszę o kontakt na adres administrator@kielcza.pl - wówczas skontaktuję się w celu konfiguracji połączenia w domu) W tym programie wybieramy w lewym górnym rogu FTP jak na zdjęciu poniżej a następnie łączymy nasz komputer z serwerem ftp klikając dwukrotnie lewym klawiszem myszki na naszym utworzonym połączeniu dla przykładu dla przedszkola to połączenie o nazwie Przedszkole-Fotografie w lewym polu programu.
Rysunek 36 - widok na utworzone połączenie do serwera z lewym polu programu, prawe pole widok na folderu zawierające zdjęcia w poszczególnych latach szkolnych u nas będą to poszczególne lata Po połączeniu uzyskamy następujący efekt:
Rysunek 37 - widok na program po połączeniu Jesteśmy podłączeni z serwerem z miejscem, do którego będziemy wysyłać nasze zmniejszone zdjęcia. Lewe pole programu to miejsce, do którego wklejamy nasze zmniejszone zdjęcia z pomocą programu z jego prawego pola. Tu widać połączenie jest tak skonfigurowane, że po połączeniu w prawym polu programu prezentują się automatycznie foldery z poszczególnymi latami szkolnymi. W razie potrzeby służę pomocą by tak skonfigurować program. Następnie w prawym polu klikając dwukrotnie lewym klawiszem myszki wybieramy nasz wcześniej interesujący rok szkolny u nas rok by uzyskać efekt jak poniżej na zdjęciu.
Rysunek 38 - widok folderów wydarzeń z roku szkolnego 2007/08 Wybieramy nasz interesujący w nim katalog wydarzeń - Kraina bajki, w którym mamy zdjęcia oryginalne i zmniejszone klikając dwukrotnie myszką i uzyskujemy efekt.
Rysunek 39 - katalog ze zdjęciami oryginalnymi i zmniejszonymi, zmniejszone mają dodane do nazwy _1 Widać tu nasz zdjęcia zmniejszone z rozszerzoną nazwą o _1. Warto trzymać zdjęcia oryginalne dla potrzeb osób zainteresowanych posiadaniem konkretnego zdjęcia. Wówczas będziemy mogli przesłać na jego prośbę oryginalne zdjęcie, które z powodzeniem zamówi u fotografa. Zdjęcie nie straci wówczas, na jakości nawet po czasie jak to bywało w przypadku standardowych zdjęć w postaci klisz i zdjęć papierowych. Przystępujemy do wysyłania naszych zmniejszonych zdjęć na serwer. Zaznaczamy wcześniej wybrane zdjęcia pojedynczo lewym klawiszem myszki (lub lewym klawiszem notebooka) trzymając klawisz Ctrl by uzyskać efekt.
Rysunek 40 - zdjęcia, które są podświetlone na niebiesko to zdjęcia wybrane do wysyłki na serwer Następnie przystępujemy do wysyłki zdjęć na serwer naciskając na klawisz F5 komputera a w okienku, które wyskoczy wybieramy opcję OK klikając na niej lewym klawiszem myszki, jak na zdjęciu poniżej.
Rysunek 41 - okienko, jakie wyskoczyło po wybraniu klawisza F5 - tu zatwierdzamy chęć wysłania wybierając opcję OK okienka Wówczas następuje wysyłka zdjęć na serwer (widać wówczas).
Rysunek 42 - okienko, jakie wyskoczyło w trakcie wysyłania zdjęć na serwer Postęp wysyłania widać w okienku i w polu przy poszczególnym zdjęciu. Po wysłaniu wszystkich zdjęć na serwer okienko wysyłania zamknie się automatycznie, wówczas możemy zamknąć program FreeCommander. Powrót do spisu treści - Powrót 11. Dodawanie zdjęcia do artykułu (zarówno do artykułu dodanego publikacji jak i artykułu dodanego do strony głównej, zarówno już wcześniej dodanego jak i do strony z bloku, do której dodamy je poprzez edycję jak i do nowej strony i artykułu) Aby dodać zdjęcie do artykułu lub do strony należy edytować dodany już wcześniej artykuł lub stronę klikając po zalogowaniu na jego tytule a następnie należy wybrać opcję Edytuj.
Rysunek 43 - widok strony po zalogowaniu Rysunek 44 widok artykułu po kliknięciu na jego tytuł, widać tu możliwość edytowania po wybraniu opcji Edytuj Następnie wyświetli się artykuł w trybie edycji jak poniżej w miejsca zaznaczone poniżej w przypadku, gdy jest to nowy artykuł nie zapominamy wypełnić i zedytować według ustaleń, które przypominamy poniżej. Formatowanie treści zalecone do strony W polu na treść wpisujemy tekst naszego artykułu. Cały tekst zaznaczmy i formatujemy wybierając z możliwości, jaką nam oferuje edytor nad polem do wpisu a mianowicie po zaznaczeniu tekstu wpisanego zmieniamy Rozmiar czcionki na 14 i justujemy tekst klikając na ikonkę Justuj (ikonka jak w worddzie), powyżej a każdy kolejny akapit akcentujemy 3 lub 4 spacjami. Gdy kopiowaliśmy treść artykułu np. z dokumentu word wcześniej przygotowanego możemy wówczas wkleić go w pole Treść wówczas wybieramy Opcję Wklej po kliknięciu w pustym polu Treść. Wówczas może się otworzyć okienko (w przypadku gdy nie wyłączyliśmy Ckeditora opcją pod polem przeznaczonym na treść Disable rich-text), w które należy wkleić naszą treść. Dość często zdarza się, że po akceptacji wklejonego tekstu zostanie on
przeniesiony do naszego pola treści z pierwszym pustym wersem, dlatego kasujemy ten pusty wers przenosząc całą treść o wers do góry. Pamiętajmy o tym. W sytuacji, gdy zapomnimy podać kategorię wówczas nasz artykuł może nie być widoczny dla czytelników gdy będzie to artykuł dodany do publikacji. Rysunek 45 - widok artykułu po kliknięciu opcji Edytuj Gdy wyedytowaliśmy już nasz artykuł lub napisaliśmy nowy i chcemy dodać do niego zdjęcie wówczas klikamy na link pod polem na treść artykułu Disable rich-text (link ten widać na zdjęciu poniżej), wówczas tryb edycji się zamknie a zobaczymy kody html w okienku z treścią. Następnie ustawiamy kursor na początku naszych kodów, gdy chcemy zamieścić zdjęcia na początku i klikamy na ikonkę Zdjęcie z plusikiem pod tekstem Enable rich-text ten link będziemy widzieli po wybraniu Disable rich-text poniżej ikonka jest przedstawiona na zdjęciu.
Rysunek 46 pod polem na treść artykułu widać link Disable rich-text wyłączający tryb edycji, widać także ikonkę zdjęcia z plusikiem dla dodania zdjęcia Gdy już wybraliśmy tę ikonkę wówczas zobaczymy następujące okienko przedstawione poniżej. Mamy do wyboru dwa warianty. Wariant 1 W naszym przypadku do artykułu dodajemy zdjęcie już wcześniej dodane przez ftp. Klikamy na te zdjęcie wówczas zobaczymy:
Rysunek 47 okienko, jakie wyskoczy po kliknięciu na ikonce zdjęcia z plusikiem Kasujemy nasz tytuł zdjęcia by nie był widoczny w artykule i mamy do wyboru następujące opcje: Rysunek 48 opcje dotyczące rozmiaru zdjęcia Widzimy powyżej że mamy możliwość ustalenia czy to zdjęcie będzie widoczne jako miniaturka czy będzie wieksze bezpośrednio nad artykułem opcja Strona.
Rysunek 49 opcje dotyczące rozmieszczenia zdjęcia Widzimy powyżej, że mamy możliwość określenia gdzie będzie zamieszczone to zdjęcie czy może z lewej strony artykułu, czy z prawej a może po środku. Rysunek 50 opcje dotyczące sposobu prezentacji zdjęcia I ostania opcja, z której będziemy korzystać to Odnośnik mamy do wyboru określenie gdzie ma się otwierać nowe zdjęcie czy będzie to na nowej stronie Link to image page, czy też ma się ono otworzyć w oknie wyskakującym na widoku naszej strony Open in popup window a może bez reakcji ma to być tylko miniaturka Not a link, z czwartej opcji nie korzystamy. Po wybraniu odpowiednich opcji, czyli w naszym przypadku ma to być miniaturka z lewej strony artykułu, ale tak by istniała możliwość po kliknięciu na niej otwarcia zdjęcia większego w nowym oknie. Przypominam, że zdjęcia do naszej witryny muszą być zmniejszone do rozdzielczości 800 na 600 bądź 600 na 800 (w pikselach). Najlepiej to zrobić w programie XnView. Całość zatwierdzamy klikając na Insert.
Rysunek 51 całość zatwierdzamy wybierając opcję Insert Wówczas zobaczymy, że dodany został link do zdjęcia w naszej treści artykułu. To link wpisany w nawiasy []. Rysunek 52 widok na link zawarty w nawiasach [] Następnie należy zatwierdzić nasz wybór wybierając opcję Zachowaj i gotowe. Wariant 2 Nie mamy dodanego zdjęcia wcześniej przez np. program ftp. Wówczas wybieramy w okienku poniżej opcję wysyłanie plików:
Rysunek 53 okienko, jakie wyskoczy po kliknięciu na ikonce zdjęcia z plusikiem Ukaże się okienko do wysyłania plików przedstawione poniżej wówczas wpisujemy tytuł zdjęcia, nie określamy, do jakiej one galerii będzie dodane i następnie wybieramy opcję Wybierz plik a gdy się wyświetli nowe okienko podajemy namiar na nasze zdjęcie oczywiście 800 na 600 (w pikselach) i całość akceptujemy opcją Zachowaj w dole naszego okienka. Rysunek 54 okienko, jakie wyskoczy po kliknięciu opcję Wysyłanie plików
Rysunek 55 widok na opcję Zachowaj naszego okienka Wówczas nastąpi dodanie zdjęcia do serwera naszej strony i będziemy je widzieć w naszym okienku następnie tak jak w wariancie pierwszym ustawiamy gdzie ma być widoczne zdjęcie i jakiej wielkości akceptujemy opcją Insert a całość artykułu opcją Zachowaj w dole naszego artykułu. Tak oto miniatura została dodana do artykułu. Powrót do spisu treści - Powrót 12. Importowanie zdjęć za konkretnej galerii Gdyby brakowało galerii w wykazie proszę o kontakt wówczas dodam ją do wykazu. W mailu z prośbą o dodanie nowej galerii proszę podać, do jakiej ona grupy parafialnej ma trafić, jakiego roku będzie dotyczyć i jak się będzie nazywać. Administrator ma uprawnienia dla dodawania nowych galerii do drzewa galerii ale o tym w osobnym punkcie. Gdy mamy już dodaną nową galerię przez administratora w odpowiednim miejscu wówczas logujemy się na konto i wybieramy opcję w bloku o nazwie naszego użytkownika (każdy blok rozpoczyna się pomarańczową belką) Import zdjęć jak poniżej.
Rysunek 56 widok na miejsce do logowania do strony
Rysunek 57 widok bloku użytkownika administratora po zalogowaniu, widoczna jest opcja menu Import Zdjęć Mamy wówczas:
Rysunek 58 strona, jaka otworzy się po wybraniu opcji menu Import zdjęć, by importować wszystkie zdjęcia zaznaczamy tu pusty kwadrat przy tekście Zdjęcie nad miniaturami i kasujemy zawartość pola Treść (z prawej strony) Następnie kasujemy tekst, jaki jest w polu Treść przy zdjęciach i wybieramy okienko przy tekście Zdjęcie by zaznaczyć wszystkie zdjęcia:
Rysunek 59 widok po zaznaczeniu kwadratu przy tekście zdjęcie i wykasowaniu tekstów polach Treść i widok na wybór odpowiedniej galerii, do jakiej trafią nasze zdjęcia Wybieramy miejsce docelowe naszej galerii tu Rok szkolny 2008/09 (nadrzędna) i w niej Kraina bajki.
Rysunek 60 określenie, do jakiej galerii mają być zamieszczone zdjęcia, po określeniu tego miejsca importujemy nasze zdjęcia wybierając opcję Importuj Następnie importujemy zdjęcia do naszej galerii na stronie wybierając opcję Importuj jak na zdjęciu powyżej a otrzymamy wówczas następujący efekt jak na zdjęciu, poniżej co znaczy, że zdjęcia zostały dodane do właściwej galerii.
Rysunek 61 widok po dokonaniu importowania, błędy pojawiają się wówczas, gdy nazwy zdjęć mają polską czcionkę (ś,ć itp.) Co możemy już sprawdzić otwierając naszą stronę główną np. klikając na napis powyżej Oficjalna strona Przedszkola u nas Parafia... a następnie wchodzimy do Galerii zdjęć wybierając ją z menu z naszego bloku. Następnie w Galerii zdjęć wchodzimy do interesującej nas galerii roku a następnie do galerii wydarzenia. Wówczas zobaczymy importowane przez nas zdjęcia. Powrót do spisu treści - Powrót 13. Usuwanie zdjęcia z galerii By usunąć zdjęcie z galerii musimy się zalogować do strony a następnie wejść do danej galerii, z której chcemy usunąć zdjęcie i kliknąć na linku, który jest zarazem opisem zdjęcia. Wówczas otworzy się strona z możliwością wybrania opcji Edytuj. Następnie wybieramy tę opcję i przechodzimy na dół tej strony i z jej dołu wybieramy opcje Usuń. Następnie pojawi się strona, w której ukaże się pytanie czy potwierdzasz usunięcie zdjęcia. Potwierdzamy nasz wybór i w ten sposób usuwamy zdjęcie z naszej galerii. Powrót do spisu treści - Powrót 14. Usuwanie zdjęcia z artykułu czy strony By usunąć zdjęcie z artykułu wystarczy kliknąć po zalogowaniu na tytuł naszego artykułu a wówczas pojawi się strona z opcją do edycji artykułu czy strony. Wówczas wybieramy tę opcję Edytuj a następnie wyłączamy edytor opcją Disable rich-text. W oknie na treść ujrzymy kody html wówczas kasujemy link zawarty w nawiasach [ ] łącznie z tymi nawiasami i odpowiednio przesuwamy cały tekst do początku okienka. Całość zatwierdzamy opcją Zachowaj w dole strony. Powrót do spisu treści - Powrót
15. Statystyka strony stat4u Aby wyświetlić statystykę odwiedzin naszej strony wystarczy kliknąć na ikonkę stat4u Rysunek 62 - widok na ikonkę stat4u po jej wybraniu pojawi się strona w której należy podać hasło do statystyki wówczas będziemy mieli podgląd do odwiedzin strony. Hasło do statystyki wyślę mailem proszę pisać na adres administrator@kielcza.pl.
Powrót do spisu treści - Powrót Rysunek 63 - tu należy wpisać hasło do statystyki 16. Wyjaśnienie zasady działania i wstawiania nowego terminarza czytań słowa Bożego i śpiewu psalmów. Terminarze, które są wyświetlane dzięki możliwości google podglądowi są to dokumenty doc zorientowane poziomo a nazwach: terminarz_lektorski i terminarz_psalmu a wgrane są do serwera poprzez ftp do lokalizacji /public_html/files/documents/terminarze/, wówczas na stronie wyświetlają się one za pomocą kody wygenerowanego przez google docs viwer: <center> <p> <iframe height="600" src="http://docs.google.com/viewer?url=http%3a%2f%2fwww.parafia.kielcza.pl%2ffiles%2fdocumen ts%2fterminarze%2fterminarz_lektorski.doc&embedded=true" style="border: none;" width="750"></iframe><br /> <br /> <br /> <span style="font-size:14px;"><a href="http://docs.google.com/viewer?url=http%3a%2f%2fwww.parafia.kielcza.pl%2ffiles%2fdocume nts%2fterminarze%2fterminarz_lektorski.doc">wyświetl w osobnym oknie z opcją wydruku.</a></span> </p> </center>
Efekt widoczny: Rysunek 64 - widok na terminarz, pod spodem link do strony z opcją wydruku Gdy klikniemy na link Wyświetl w osobnym oknie z opcją wydruku wówczas ten terminarz wyświetli się na nowej stronie gdzie będzie można wybrać opcję wydrukuj (ikonka drukarka). Powrót do spisu treści - Powrót
Wykaz dostępnych zdjęć (wykaz jest aktywny wystarczy kliknąć myszką na wybranym linku) Rysunek 1 - blok o nazwie Logowanie Rysunek 2 - blok o nazwie użytkowania, widać dostępne opcje, menu do zarządzania blokiem Rysunek 3 - opcje, które pojawią się po wybraniu menu Dodaj zawartość Rysunek 4 - dodawanie artykułu do publikacji (ważne by wpisać tytuł, wybrać ze słownika o nazwie grupy odpowiednia kategorię, wpisywać treść według formatowania opisanego poniżej Rysunek 5 - dół strony Rysunek 6 - dodawanianie artykułu do strony głównej (ważne by wpisać tytuł, wybrać ze słownika o nazwie grupy odpowiednia kategorię, wpisywać treść według formatowania opisanego poniżej Rysunek 7 - dół strony Rysunek 8 - nowo dodany folder w lokalizacji Moje Obrazy Rysunek 9 - foldery tworzone dla poszczególnych lat Rysunek 10 - foldery tworzone dla poszczególnych wydarzeń Rysunek 11 - tu wklejamy zdjęcia z naszego aparatu Rysunek 12 - tak tworzymy skrót na pulpicie do naszego folderu Rysunek 13 - na pulpicie z prawej strony u góry są pogrupowane trzy skróty pierwszy najwyżej to skrót do naszego folderu ze zdjęciami Rysunek 14 - widać foldery z poszczególnymi latami szkolnymi u nas będą to lata kolejne 2007, 2008... Rysunek 15 - widok na foldery z wydarzeniami z danego roku Rysunek 16 - wybranie opcji Konwertuj wiele plików w programie Rysunek 17 - widok na zakładkę ogólne Rysunek 18 - widok na zakładkę przekształcenia Rysunek 19 - tworzenie skryptu do zmniejszania rozmiarów zdjęć Rysunek 20 - tworzenie skryptu do zmniejszania zdjęć - pamiętajmy wybrać opcję Zmień nazwę Rysunek 21 - zapis skryptu do zmniejszania rozmiaru zdjęć Rysunek 22 - widok na pulpit komputera w przedszkolu Rysunek 23 - widok na program XnView po otwarciu Rysunek 24 - widok folderów ze zdjęciami z wydarzeń roku szkolnego 2007/08 Rysunek 25 - widok folderu z poszczególnego wydarzenia z roku szkolnego 2007/08 Rysunek 26 - widok folderu po wybraniu opcji ctrl + a (zaznacz wszystkie) Rysunek 27 - opcja Konwertuj wiele plików Rysunek 28 - widok folderu po wybraniu opcji Konwertuj wiele plików Rysunek 29 - wybranie skryptu Rysunek 30 - widok na program po wybraniu w nim opcji FTP Rysunek 31 - widok na okienko do tworzenia połączenia z serwerem FTP strony Rysunek 32 - widok na wybór miejsca docelowego dla folderu lokalnego o nazwie naszego użytkownika Rysunek 33 - przykład wypełnionych pól Rysunek 34 - widok na program po zamknięciu okna do tworzenia połączenia FTP Rysunek 35 - Skrót do programu FreeCommander dodany został pod skrót do XnView to propozycja rozmieszczenia ikonek dla potrzeby strony Rysunek 36 - widok na utworzone połączenie do serwera z lewym polu programu, prawe pole widok na folderu zawierające zdjęcia w poszczególnych latach szkolnych u nas będą to poszczególne lata Rysunek 37 - widok na program po połączeniu Rysunek 38 - widok folderów wydarzeń z roku szkolnego 2007/08 Rysunek 39 - katalog ze zdjęciami oryginalnymi i zmniejszonymi, zmniejszone mają dodane do nazwy _1 Rysunek 40 - zdjęcia, które są podświetlone na niebiesko to zdjęcia wybrane do wysyłki na serwer Rysunek 41 - okienko, jakie wyskoczyło po wybraniu klawisza F5 - tu zatwierdzamy chęć wysłania wybierając opcję OK okienka Rysunek 42 - okienko, jakie wyskoczyło w trakcie wysyłania zdjęć na serwer Rysunek 43 - widok strony po zalogowaniu Rysunek 44 widok artykułu po kliknięciu na jego tytuł, widać tu możliwość edytowania po wybraniu opcji Edytuj Rysunek 45 - widok artykułu po kliknięciu opcji Edytuj
Rysunek 46 pod polem na treść artykułu widać link Disable rich-text wyłączający tryb edycji, widać także ikonkę zdjęcia z plusikiem dla dodania zdjęcia Rysunek 47 okienko, jakie wyskoczy po kliknięciu na ikonce zdjęcia z plusikiem Rysunek 48 opcje dotyczące rozmiaru zdjęcia Rysunek 49 opcje dotyczące rozmieszczenia zdjęcia Rysunek 50 opcje dotyczące sposobu prezentacji zdjęcia Rysunek 51 całość zatwierdzamy wybierając opcję Insert Rysunek 52 widok na link zawarty w nawiasach [] Rysunek 53 okienko, jakie wyskoczy po kliknięciu na ikonce zdjęcia z plusikiem Rysunek 54 okienko, jakie wyskoczy po kliknięciu opcję Wysyłanie plików Rysunek 55 widok na opcję Zachowaj naszego okienka Rysunek 56 widok na miejsce do logowania do strony Rysunek 57 widok bloku użytkownika administratora po zalogowaniu, widoczna jest opcja menu Import Zdjęć Rysunek 58 strona, jaka otworzy się po wybraniu opcji menu Import zdjęć, by importować wszystkie zdjęcia zaznaczamy tu pusty kwadrat przy tekście Zdjęcie nad miniaturami i kasujemy zawartość pola Treść (z prawej strony) Rysunek 59 widok po zaznaczeniu kwadratu przy tekście zdjęcie i wykasowaniu tekstów polach Treść i widok na wybór odpowiedniej galerii, do jakiej trafią nasze zdjęcia Rysunek 60 określenie, do jakiej galerii mają być zamieszczone zdjęcia, po określeniu tego miejsca importujemy nasze zdjęcia wybierając opcję Importuj Rysunek 61 widok po dokonaniu importowania, błędy pojawiają się wówczas, gdy nazwy zdjęć mają polską czcionkę (ś,ć itp.) Rysunek 62 - widok na ikonkę stat4u Rysunek 63 - tu należy wpisać hasło do statystyki Rysunek 64 - widok na terminarz, pod spodem link do strony z opcją wydruku Powrót do spisu treści - Powrót