.dot

piątek, 24 lis. 2017 / 17:41





.dotLogin:
.dotHasło:

 HOME  OFERTA  CENNIK  KONTAKT  .POMOC  POCZTA przez WWW

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:

Opis ogólny

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

Jak widać okno składa się z kilku paneli:

  1. Pasek narzędzi
  2. 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

  3. Pasek formatowania
  4. 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

  5. Okno edycji
  6. Gdzie dokonywane są wszelkie zmiany na stronie

    okno edycji

  7. Paleta kolorów
  8. Paleta uruchamiana jest z paska narzędzi

    paleta kolorów

Tworzenie tabel

  • 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

Zaznaczając wcześniej odpowiednią komórkę, możemy przy pomocy tego menu zmienić jej wygląd

tworz tabele

Dzięki temu menu możemy zarządzać wierszami i kolumnami

wiersze kolumny

Wstawianie grafiki

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

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

Wstawnianie linków (odnośników)

  • 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

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

Tutaj możemy dodać cennik, lub instrukcję obsługi, lub inny plik, do którego chcemy stworzyć link lokalny.

wgraj plik

Przełączanie trybów

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.

Triki i sztuczki

  • 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ą
Menu

Rejestracja
Regulamin
Cennik
Oferta
.dotPOCZTA
.dotMANIA
.dotBIZNES
Program partnerski
Pomoc
Objaśnienia
Konfiguracja poczty
Poczta przez WAP
CMS
CMS edytor
Poczta przez WWW
 -----
Panel administracyjny







Made by InterData