• Kontakt
  • O systemie
  • Strona główna
Pomoc
  • Założenia systemu
  • Praca z systemem
  • Opcje
  • Szablony
  • Moduły
  • Edytor HTML
    • Tworzenie tabel
  • E-commerce - sprzedaż online
  • Inne zagadnienia
  • Przykłady rozwiązań

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

  1. Zaznaczamy fragment tekstu na stronie aby utworzyć nowy lub klikamy kursorem na link aby edytować instniejący odnośnik
  2. Klikamy na ikonę "utwórz/edytuj link" 
  3. Ukazuje się okno edycji odnośnika:

1

2

3

4

5

6

7


Link do strony w serwisie
  1. Wybieramy dział menu  stronę lub wpisujemy adres w polu "adres url" [3] (w przypadku odnośników do adresu email "mailto:adres@domena.pl")
  2. Jeśli w danej kategorii znajduje się więcej dokumentów można wskazać wybrany dokument do którego ma kierować link
  3. 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.
  4. Dymek podpowiedzi - znacznik "title" - czyli opis odnośnika który będzie widoczny w postaci "dymka"
  5. Styl - klasa odnośnika zdefiniowana w arkuszu stylów określa jego wygląd
  6. Odnośnik może otwierać stronę w bieżącym oknie lub  w nowym
  7. Zatwierdzamy klawiszem "Zatwierdź"
Link do pliku

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



  1. wybieramy istniejącą ilustrację [1] lub dodajemy nową [5] 
  2. w polu "krótki opis" definiujemy opis który pojawi się po najechaniu kursorem na ilustrację
  3. możemy również zdefiniować styl (klasę CSS)  - która ma wpływ na formę prezentacji ilustracji - np wyrównanie ilustracji , obramowanie
  4. zatwierdzamy klawiszem "wybierz"

Wstawianie tabeli


  1. Ustawiamy kursor w miejscu w którym ma zostać umieszczona tabela a następnie klikamy na ikonę "wstaw tabelę"  
  2. Ukazuje się okno menadżera kreatora tabel:



  3. W oknie ustawiamy ilość wierszy i kolumn tabeli
  4. 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%)
  5. 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)
  6. wiersz nagłówkowy to pierwszy wiersz tabeli opisujący zawartość kolejnych kolumn
  7. Można również zdefiniować odrębny styl dla komórek pierwszej kolumny 
  8. 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
  9. 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ę
  10. Na tym etapie można zaznaczać komórki tabeli i zmieniać ich format, styl, i zawartość
  11. Aby wstawić tabelę na stronę wciskamy guzik "Wstaw tabelę"


Powered by Actualizer CMS