Edytor HTML

Opis ikon:
![]() | Cofnij ostatnią operację - dotyczy edycji treści nie działa w przypadku większości funkcji wywoływanych z menu |
![]() | Ponów - ponawia wycofana operację |
![]() | Pogrubienie zaznaczonego tekstu |
![]() | Tekst pochylony (italic) |
![]() | Usuwa formatanie i linki z zaznaczonego tekstu |
![]() | Przywraca domyślne wyrównanie tekstu |
![]() | Akapit wyrównany do lewej |
![]() | Akapit wycentrowany |
![]() | Akapit wyjustowany |
![]() | zawartość komórki tabeli wyrównana do góry |
![]() | zawartość komórki tabeli wycentrowana w pionie |
![]() | zawartość komórki tabeli wyrównana do dołu |
![]() | Indeks dolny |
![]() | Indeks górny |
![]() | lista numerowana |
![]() | lista wypunktowania |
![]() | wcięcie |
![]() | usuń wcięcie |
![]() | kolor tekstu |
![]() | tworzenie i edycja linku |
![]() | wstaw ilustrację |
![]() | wstaw tabelę |
![]() | wstaw zakotwiczenie - umożliwia wykonanie skoku w obębie tej samej strony |
![]() | wstawka html - wstawia kod html w wybranym miejscu |
![]() | wstaw znak specjalny |
![]() | łącznik opcjonalny - dotyczy akapitu wyjustowanego - w miejscu łamania lini na stronie pojawi się przeniesienie wyrazu do następnego wiersza |
![]() | twarda spacja - zabezpiecza przed złamaniem tekstu |
![]() | podział strony - umożliwia (o ile szablon obsługuje taką funkcjonalność) podział długiego dokumentu na numerowane części otwierane jako oddzielne strony |
![]() | dodanie odstępów na początku i na końcu dokumentu |
![]() | wstaw wiersz w tabeli nad bieżącym wierszem |
![]() | wstaw wiersz w tabeli pod bieżącym wierszem |
![]() | usuń wiersz |
![]() | scal zaznaczone komórki tabeli |
![]() | zmienia typ komórki na nagłówek lub odwrotnie |
![]() | pokazuje/ukrywa obramowanie tabeli (tylko do podglądu) |
![]() | czyści kod html ze zbędnego formatowania - opcja powinna być wywołana po wklejeniu tekstu z dokumentu "MS Word" |
![]() | umożliwia wstawienie animowanego banera przygotowanego w kreatorze banerów |
![]() | Otwiera historię zmian dokumentu która umożliwia przywrócenie poprzednio zapisanej wersji dokumentu |
![]() | Umożliwia osadzenie w dokumencie filmu z YouTube - jako parametr nalezy podać adres URL filmu lub kod filmu |
![]() | Umożliwia umieszczenie w dokumencie playera pliku dźwiękowego MP3 |
![]() | Otwiera opcję wyboru komponentów HTML - wstawek HTML lub szablonów całej strony |
Tworzenie i edycja linku
- Zaznaczamy fragment tekstu na stronie aby utworzyć nowy lub klikamy kursorem na link aby edytować instniejący odnośnik
- Klikamy na ikonę "utwórz/edytuj link"
- Ukazuje się okno edycji odnośnika:
1
2
3
4
5
6
7
Link do strony w serwisie
- Wybieramy dział menu stronę lub wpisujemy adres w polu "adres url" [3] (w przypadku odnośników do adresu email "mailto:adres@domena.pl")
- Jeśli w danej kategorii znajduje się więcej dokumentów można wskazać wybrany dokument do którego ma kierować link
- Adres url można wypełnić wpisując dowolny inny adres - musi być w pełnej postaci - zaczynac się od "http://...." dla adresów stron www.
- Dymek podpowiedzi - znacznik "title" - czyli opis odnośnika który będzie widoczny w postaci "dymka"
- Styl - klasa odnośnika zdefiniowana w arkuszu stylów określa jego wygląd
- Odnośnik może otwierać stronę w bieżącym oknie lub w nowym
- Zatwierdzamy klawiszem "Zatwierdź"
Pozwala na zdefiniowanie odnośnika do pliku umieszczonego na serwerze - plik należy najpierw umieścić na serwerze korzystając z menadżera plików.
Wstawianie ilustracji
Ustawiamy kursor w miejscu w którym ma zostać umieszczona ilustracja a następnie klikamy na ikonę "wstaw ilustrację" Ukazuje się okno menadżera ilustracji:
1
2
3
4
5
- wybieramy istniejącą ilustrację [1] lub dodajemy nową [5]
- w polu "krótki opis" definiujemy opis który pojawi się po najechaniu kursorem na ilustrację
- możemy również zdefiniować styl (klasę CSS) - która ma wpływ na formę prezentacji ilustracji - np wyrównanie ilustracji , obramowanie
- zatwierdzamy klawiszem "wybierz"
Wstawianie tabeli
- Ustawiamy kursor w miejscu w którym ma zostać umieszczona tabela a następnie klikamy na ikonę "wstaw tabelę"
- Ukazuje się okno menadżera kreatora tabel:
- W oknie ustawiamy ilość wierszy i kolumn tabeli
- Szerokość i wysokość należy pozostawić puste - rozmiar tabeli dostosuje się automatycznie do zawartości komórek - jeśli chcemy narzucić rozmiar można go podać również w procentach (np: 100%)
- Styl tabeli to zdefiniowana w arkuszu stylów klasa - ma wpływ na sygląd tabeli (czcionki, obramowanie, odstępy, kolory tła komórek)
- wiersz nagłówkowy to pierwszy wiersz tabeli opisujący zawartość kolejnych kolumn
- Można również zdefiniować odrębny styl dla komórek pierwszej kolumny
- Zawartość tabeli można również zaimportować z arkusza kalkulacyjnego (Excell, OpenCalc) - w tym celu należy zapisać arkusz w formacie CSV i wybrać go z dysku klawiszem "Przeglądaj", standardowy znak oddzielający to ";" - następnie wciskamy guzik "Importuj" - arkusz zostanie zaimportowany
- Przed wstawieniem tabeli na stronę można zobaczyć wygląd tabeli guzikiem "Podgląd"
Wartości "Undefined" nie będą widoczne po wstawieniu na stronę - Na tym etapie można zaznaczać komórki tabeli i zmieniać ich format, styl, i zawartość
- Aby wstawić tabelę na stronę wciskamy guzik "Wstaw tabelę"