9. Dodawanie i edytowanie wpisów

Będąc zarejestrowanym użytkownikiem Portalu mamy możliwość umieszczania na nim naszych własnych wpisów. Mogą one stanowić np. ofertę naszej organizacji/firmy/instytucji, zgłoszenie zapotrzebowania na innowację, zgłoszenie możliwości wykorzystania opracowanej przez nas technologii przez inne organizacje, itp.

Aby mieć możliwość dodawania i edytowania wpisów należy posiadać rolę edytora ogłoszeń (lub administratora lokalnego).

Domyślnie edytor ogłoszeń ma dostęp do fragmentów takich jak Baza innowacji, Baza potrzeb innowacyjnych, Baza ofert, Baza ofert szkoleń, itp. Jeżeli chcemy umieścić innego rodzaju treść (np. opracowanie naukowe) lub uzyskać dostęp do „forum zamkniętego”, należy zgłosić się do administratora Portalu, który może nadać nam odpowiednie uprawnienia.

W celu dodania naszego wpisu do Portalu należy nacisnąć przycisk Dodaj nowy wpis widoczny na dole fragmentu. Na Rys. 1 przycisk ten został pokazany na przykładzie Bazy potrzeb.

Jeżeli przycisk nie pojawia się, znaczy że nie posiadamy roli edytora ogłoszeń (decyduje o tym nasz administrator lokalny) lub nie posiadamy uprawnień do określonego fragmentu (w celu ich uzyskania musimy skontaktować się z administratorem Portalu).

Rys. 1: Przycisk dodawania wpisu

Po naciśnięciu przycisku Dodaj nowy wpis otwiera się nowe okno przeglądarki wypełnione głównie przez FCKeditor (http://www.fckeditor.net/) – edytor HTML używany do dodawania i edycji treści Portalu. Przykładowe okno edytora zostało pokazane na .

Praca z FCKeditorem nie odbiega od popularnych edytorów tekstu i HTML. Jeżeli chcemy uzyskać szczegółowe informacje na temat funkcji dostępnych na paskach narzędzi, możemy skorzystać z pomocy dostępnej po naciśnięciu przycisku . Zestaw pasków narzędzi i dostępnych w nich przycisków może być różny, zależnie od fragmentu Portalu, z którym w danej chwili pracujemy.

Rys. 2: Przykładowe okno FCKeditora

Górna część okna edycyjnego może wyglądać nieco odmiennie, zależnie od fragmentu Portalu, do którego dodajemy wpis (lub którego wpis edytujemy). Za każdym razem pojawia się pole tekstowe przeznaczone na tytuł wpisu – podanie tytułu jest obowiązkowe. Opcjonalnie mogą pojawić się pola przeznaczone na słowa kluczowe (jeżeli pole to jest wyświetlane, należy podać co najmniej dwa słowa kluczowe) i kategorię wpisu (co najmniej jedna).

Słowa kluczowe należy oddzielać spacjami. Nie używamy tutaj przecinków. Jeżeli słowo kluczowe składa się z kilku wyrazów, powinniśmy zawrzeć je w nawiasach, np. (unia europejska). Przykładowy ciąg słów klucz może wyglądać następująco: fundusz dotacja (unia europejska).

Właściwe podanie tytułu, słów kluczowych i kategorii pozwoli na sprawne wyszukiwanie naszych wpisów przez innych użytkowników Portalu. Pozwoli także na sprawną indeksację zasobów Portalu przez wyszukiwarki internetowe, np. Google.

Podczas pracy z formularzami rejestracyjnymi imprez zbiorowych i ankietami, okno edycyjne może być rozszerzone o dodatkowe listy wyboru jak zostało pokazane na i .

Po napisaniu treści, które będzie stanowiła nasz wpis na Portalu należy nacisnąć przycisk zapisz na pasku narzędzi FCKeditora (zaznaczony czerwonym kołem na Rys. 2). Jeżeli wszystkie podane dane (np. tytuł) są poprawne, przeglądarka poprosi o potwierdzenie edycji dokumentu HTML (opcjonalnie potwierdzi także słowa kluczowe, jeżeli są wymagane dla danego fragmentu). Jeżeli jakieś dane są podane błędnie (przeglądarka wyświetla odpowiedni komunikat błędu), należy je poprawić i ponownie nacisnąć przycisk zapisz.

W poniższym przykładzie użyto treści i grafiki dostępnej na Wikipedii (pod adresem http://pl.wikipedia.org/wiki/Rembrandt).

FCKeditor daje możliwość umieszczania w tworzonym dokumencie HTML obrazów i obiektów Macromedia Flash. W celu dodania obrazu (obsługiwane są standardowe formaty internetowe: JPG, GIF i PNG) należy nacisnąć przycisk na pasku narzędzi. Dla obiektów Flash należy nacisnąć przycisk .

Otwiera się wtedy okno pozwalające na wybór pliku obrazu (obiektu Flash) – Rys. 3. Dalszy opis dotyczy obsługi plików graficznych, w przypadku obiektów Flash jest bardzo podobny.

Rys. 3: Okno właściwości pliku graficznego

W polu Adres URL możemy podać adres pliku, o ile znajduje się on na jakimś serwerze i jest „widoczny” w Internecie. Jeżeli nie dysponujemy takim plikiem, możemy umieścić (uploadować) go na serwer Portalu. W tym celu naciskamy przycisk Przeglądaj. Otwiera się kolejne okno (Rys. 4) pozwalające na wybór pliku znajdującego się już na serwerze Portalu oraz na umieszczenie tam nowego pliku.

Rys. 4: Puste okno wyboru pliku graficznego

Początkowo okno nie pokazuje żadnych plików (jeszcze żadnego nie umieściliśmy na serwerze Portalu), musimy wybrać jakiś plik znajdujący się na naszym lokalnym komputerze naciskając kolejny przycisk Przeglądaj. W wybraniu pliku naciskamy przycisk Upload – plik graficzny zostaje wysłany na serwer i pojawia się na liście dostępnych tam obrazów.

Okno wyboru pliku, kiedy na serwerze znajduje się już kilka obrazów, zostało pokazane na Rys. 5.

Rys. 5: Okno wyboru pliku graficznego z listą plików

Wystarczy wybrać jeden z plików umieszczonych na liście klikając jego nazwę. Po wybraniu pliku w oknie właściwości obrazu widocznym na Rys. 3 pojawia się podgląd obrazu w dokumencie.

Rys. 6: Właściwości wybranego obrazu

Możemy ustawić wysokość i szerokość wyświetlanego w dokumencie obrazu, oraz jego wyrównanie względem tekstu.

Zalecane jest także podanie krótkiego tekstu zastępczego (krótkiego opisu, co dany obraz przedstawia) – pomoże to w indeksowaniu zasobów Portalu przez wyszukiwarki internetowe.

Obraz umieszczamy w dokumencie naciskając przycisk OK.

Przykładowy dokument HTML w trakcie edycji w FCKeditorze został pokazany na Rys. 7. Ten sam dokument po zatwierdzeniu (zapisaniu) wyświetlany na Portalu znajduje się na Rys. 8.

Na Rys. 8 widać także dodatkowe przyciski pojawiające się przy wpisie. Przycisk Edytuj pozwala na powtórną edycję dokumentu, przycisk Usuń usuwa wpis z Portalu (możemy to zrobić, na przykład kiedy uznamy, że treść zawarta we wpisie jest już nieaktualna).

Rys. 7: Dokument HTML w trakcie edycji w FCKeditorze

Rys. 8: Gotowy dokument HTML wyświetlany na Portalu

Zależnie od miejsca wywołania, okno FCKeditora może zawierać różne paski narzędzi. Poniżej znajduje się lista dostępnych na nich przycisków:

• Pokazuje źródło edytowanego dokumentu HTML
• Zapisanie zmian w edytowanym dokumencie i zamknięcie edytora
• Wyczyszczenie wpisanej treści (UWAGA: nie można cofnąć)
• Podgląd edytowanego dokumentu w nowym oknie
• Szablony układu treści, ułatwiają tworzenie bardziej skomplikowanego układu treści.
• Wytnij
• Kopiuj
• Wklej
• Wklej jako czysty tekst, czyści wszelkie formatowanie wklejanego tekstu z innych edytorów.
• Wklejanie treści skopiowanej z Worda, pomaga w oczyszczeniu formatowania.
• Drukuje edytowany dokument
• Cofa ostatnie polecenie
• Przywraca cofnięte polecenie
• Wyszukiwanie w edytowanym dokumencie
• Wyszukuje określoną frazę i zamienia ją na inną
• Zaznacza całą edytowaną treść
• Usuwa formatowanie zaznaczonego fragmentu edytowanego dokumentu, przydatnie gdy część edytowanego dokumentu nie chce przyjąć wybranego formatu (wielkość czcionki, kolor itp.). Należy wtedy zaznaczyć taki fragment i kliknąć na ten przycisk.
• Pogrubienie
• Pochylenie tekstu
• Podkreślenie tekstu
• Przekreślenie tekstu
• Indeks dolny
• Indeks górny
• Lista z numeracją
• Lista z kropkami
• Zmniejszenie wcięcia zaznaczonego fragmentu
• Zwiększenie wcięcia zaznaczonego fragmentu
• Wyrównanie tekstu do lewej
• Wypośrodkowanie tekstu
• Wyrównanie do prawej
• Wyjustowanie
• Wstawia lub edytuje istniejące hiperłącze.
• Usuwa istniejące hiperłącze (link). By usunąć niepotrzebny link w tekście zaznacz go i kliknij na tym przycisku
• Wstawia lub edytuje kotwicę w tekście.
• Wstawia obraz do tekstu.
• Wstawia obiekt flash do tekstu (analogiczne do wstawiania obrazów)
• Wstawia tabelę, można wybrać ilość wierszy i kolumn, ustalić szerokość i wysokość. Po umieszczeniu tabeli jest możliwość zmiany wymiarów tabeli
• Wstawia pozioma linię na całą szerokość edytowanego dokumentu
• Wstawia emotikony
• Wstawia do tekstu znak specjalny
• Wstawia page break
• Ustawia kolor wprowadzanego lub zaznaczonego tekstu
• Ustawia kolor tła dla wprowadzanego lub zaznaczonego tekstu