![](/i/header/_.gif) |
Edytor WYSIWYG
Obsługa tego narzędzia jest bajecznie prosta. Wpisujemy tekst, wklejamy obrazki, klikamy zapisz i strona pojawia się na naszym serwerze. Jedna uwaga: Do prawidłowego działania niezbędny jest Internet Explorer najlepiej w wersji 6!!!
Tyle teorii, a teraz praktyka:
Spis treści:
Zapewne wiecie, jak wygląda edytor tekstu np. Microsoft Word należący do pakietu Office? Z takim właśnie widokiem spotkacie się uruchamiając edycję stron opartą o CMS. Poniżej przedstawiam przykład.
![okno glowne](graf2/cms.jpg)
Jak widać okno składa się z kilku paneli:
- Pasek narzędzi
Są tu takie opcje jak: tworzenie nowego pliku, zapis, wytnij, kopiuj, wklej, cofnij, ponów, usuń formatowanie, lista, lista numerowana, zmniejsz wcięcie, zwiększ wcięcie, linia pozioma, wstaw obrazek, edytuj/twórz tabelę, edytuj komórkę, kolor tekstu, kolor tła, przełączanie pomiędzy trybem edytora, a kodem HTML.
![pasek narzedzi](graf2/pasek_narzedzi.jpg)
- Pasek formatowania
Tu zaś znajdziemy: format tekstu, rodzaj czcionki, rozmiar czcionki, pogrubienie, pochylenie, podkreślenie, wyrównanie do prawej, wyrównanie do środka, wyrównanie do lewej, justowanie, wstawianie linka, usuwanie linka, włączanie/wyłaczanie ramek tabeli.
![pasek formatowania](graf2/pasek_formatowania.jpg)
- Okno edycji
Gdzie dokonywane są wszelkie zmiany na stronie
![okno edycji](graf2/okno_edycji.jpg)
- Paleta kolorów
Paleta uruchamiana jest z paska narzędzi
![paleta kolorów](graf2/paleta.jpg)
- Ustalamy ilość kolumn
- Ustalamy ilość wierszy
- Ustalamy szerokość tabeli
- Ustalamy parametry tabeli - odstępy wewnątrz komórek, na zewnątrz komórek, oraz obramowanie i kolor
- Po czym klikamy na Utwórz tabelę
![tworz tabele](graf2/tworz_tabele.jpg)
Zaznaczając wcześniej odpowiednią komórkę, możemy przy pomocy tego menu zmienić jej wygląd
![tworz tabele](graf2/edycja_komorki.jpg)
Dzięki temu menu możemy zarządzać wierszami i kolumnami
![wiersze kolumny](graf2/wiersze_kolumny.jpg)
Obrazki wstawiane są z lokalnego katalogu na naszym serwerze.
- wybieramy odpowiedni podkatalog
- wybieramy interesującą nas grafikę, jej miniaturka pokaże się w oknie podglądu
- wpisujemy opis obrazka
- wyrównanie, ustalamy grubość obramowania, odległość od następnego elementu (Vspace/Hspace), oraz szerokość i wysokość
- klikamy na wstaw obrazek
![wstaw obrazek](graf2/wstaw_obrazek.jpg)
Można tu również dodać własne pliki w tym celu:
- zaznaczamy katalog, w którym chcemy zapisać grafikę, lub tworzymy nowy katalog
- klikamy Przeglądaj i wybieramy plik z grafiką
- akceptujemy klikając na dodaj plik
![wgraj obrazek](graf2/wgraj_obrazek.jpg)
- zaznaczamy tekst, z którego chcemy uczynić link
- wpisujemy adres strony, do której chcemy utworzyć link
- dodajemy opis
- wybieramy sposób wyświetlenia linku: np. blank - czyli w nowym oknie
- po czym klikamy utwórz link
![link zewnętrzny](graf2/link.jpg)
Możemy również utworzyć link do pliku lokalnego, np. do cennika, albo do instrukcji obsługi. Sposób tworzenia jest prawie taki sam jak wyżej, z tym, że tutaj wybieramy plik lokalnie, czyli z z serwera.
![link lokalny](graf2/plik_lokalny.jpg)
Tutaj możemy dodać cennik, lub instrukcję obsługi, lub inny plik, do którego chcemy stworzyć link lokalny.
![wgraj plik](graf2/wgraj_plik.jpg)
Dla tych, którzy jednak chcą spróbować swych sił z językiem HTML pozostawiamy furtkę. Można przełączać się pomiędzy widokiem edytora i widokiem źródła strony. Do tego celu służy przycisk HTML/WYSIWYG znajdujący się na pasku narzędzi.
- Jeżeli klikniemy na już stworzoną tabelę, to przy pomocy menu tworzenia tabel będziemy w stanie zmienić jej wygląd, czyli: kolor, szerokość, obramowanie.
- Analogicznie jest z grafiką
|
![](/i/header/_.gif) |
![](/i/header/_.gif) |
Menu |
![](/i/header/_.gif) |
|