Edytor HTML - tworzenie, edycja stron www - edtor dokumentów html - edytor stron www. Edycja dokumentów tekstowych w trybie WYSIWYG w prosty sposób, formatowanie graficzne jak w Word. Wersjonowanie dokumentów - przywracanie wcześniejszej wersji dokum

Tło:
Konsultant on-line
Zapytaj konsultanta o szczegóły systemu Actualizer CMS i ofertę.
Zobacz prezentację systemu on-line na swoim komputerze.
Actualizer umożliwia tworzenie rozbudowanych portali społecznościowych z zastosowaniem najnowszej technologii m.in. Ajax i jQuery dzięki którym serwisy te są jeszcze bardziej użyteczne niż tworzone w konwencjonalnej technologii.
Promocja: Actualizer CMS z kreatorem banerów Flash w specjalnej promocji! - więcej ...
Hosting GRATIS: Promocja na superszybki hosting dla platformy Actualizer CMS - więcej ...
Actualizer: Edycja treści? Zobacz jakie to łatwe z edytorem HTML - więcej ...
Actualizer: Kanały RSS 2.0 Atom - publikacja/import - więcej ...
Actualizer: Animacje Flash - kreator banerów Flash - więcej ...
Actualizer: Szczegółowe statystyki ruchu w serwisie dzięki e-Spy - więcej ...
Actualizer: Pełna integracja z Subiektem GT i Optima - już jest !! - więcej ...
Actualizer: SEO i pozycjonowanie - sprawdź dostępne narzędzia - więcej ...
Actualizer: 10 wersji językowych? 5 różnych domen? ... OK! - więcej ...
Actualizer: Edycja stron www w telefonie komórkowym - więcej ...

Edytor HTML - tworzenie i edycja stron www - dokumentów html

Tworzenie i edycja dokumentów html w trybie graficznym WYSIWYG

Edytor HTML

Edytor HTML umożliwia tworzenie i edycję dokumentów html, które tworzą zasadniczą część treści stron www. Edytor działa w trybie wizualnym WYSIWIG co oznacza, że od razu widzimy jak będzie wyglądał nasz dokument. Dzięki temu tworzenie i edycja stron www jest wyjątkowo prosta i intuicyjna i nie wymaga znajomości kodu html.

W trakcie tworzenia dokumentu możesz:

  • używać różnej wielkości i kroju czcionki, które zostały wcześniej dowolnie zdefiniowane w edytorze stylów - znaczenie ikon używanych w edytorze
  • zmieniać wyrównanie tekstu - do lewej, do prawej, wyśrodkowany, wyjustowany
  • zmieniać kolor czcionki
  • wstawiać tabele, które mogą być dowolnie sformatowane (przygotowane style w edytorze stylów), importować dane z plików Excela (CSV)
  • wstawiać i kadrować ilustracje z Menadżera ilustracji
  • wstawiać zakotwiczenia (przeskok) do różnych części dokumentu
  • wstawiać kod html
  • wstawiać znak specjalny wybierając go wielu dostępnych
  • wstawiać łączniki opcjonalne, twarde spacje i linie podziału strony
  • wstawiać banery Flash przygotowane w Kreatorze banerów
  • przywracać wcześniejsze wersje dokumentów.

Słownik -wskazywanie błędów w pisowni

Podczas tworzenia dokumentu nad poprawnością wpisywanego tekstu czuwa słownik, który w trakcie pisania zaznacza błędnie wpisane wyrazy.

Wersjonowanie dokumentów - przywracanie wcześniejszych wersji

Każda edycja dokumentu powoduje jego wersjonowanie - tzn. tworzenie kolejnej wersji danego dokumentu. Dla każdego dokumentu możemy przeglądnąć listę jego edycji od momentu stworzenia dokumentu, oraz przywrócić wcześniejszą, pożądaną przez nas wersję dokumentu. W trakcie przywracania wcześniejszej wersji dokumentu możemy odszukać wersję pożądaną korzystając z listy modyfikacji połączonej z podglądem danej wersji dokumentu. Kliknięcie przycisku "przywróć wersję dokumentu" powoduje, że dokument w edytorze zostaje zastąpiony wybranym dokumentem z historii, które następnie można dowolnie edytować.

Historia zmian dokumentu HTML

Edycja kodu HTML

Jeżeli chcemy dokonać jakiegoś niekonwencjonalnego formatowania lub wkleić cześć lub całość innej strony, możemy to zrobić w trybie edycji kodu html.

Edycja kodu dokumentu HTML

Tworzenie i edycja linków

Tworzenie i edycja linków w dokumencie HTML

Aby utworzyć link należy:

  1. zaznaczyć tekst, który chcemy zamienić w link
  2. kliknąć ikonę tworzenia/edycji linku
  3. jeżeli chcemy stworzyć link do obiektu w serwisie należy rozwijając strukturę serwisu znaleźć odpowiedni obiekt do którego chcemy stworzyć link np. kategorie menu, inny dokument html, rekord w bazie itp. - klikamy na obiekcie
  4. jeżeli chcemy utworzyć link do zewnętrznej strony polu adres url: wpisujemy pełny link
  5. w polu dymek podpowiedzi możemy wpisać tekst jaki chcemy żeby pojawiał się po najechaniu kursorem na link
  6. w styl odnośnika możemy wybrać formatowanie linku
  7. po prawej stronie z listy wyboru możemy wybrać sposób zachowania się linka - otwarcie obiektu w tym samym lub nowym oknie, lub jako pop-up - jeśli wybierzmy pop-up możemy określić dodatkowe parametry jak rozmiar okna, pozycja zaznaczyć dodatkowe opcje dla okna
  8. aby zakończyć tworzenie linku należy kliknąć przycisk zatwierdź.

Aby edytować obecny link należy:

  1. zaznaczyć istniejący link
  2. kliknąć ikoną tworzeni/edycji linku
  3. dokonać zmian
  4. kliknąć przycisk zatwierdź.

Wstawianie zdjęć w dokumencie

Aby wstawić ilustrację należy kliknąć ikonę wstaw ilustrację .

Wstawianie ilustracji do dokumentu HTML

Po pojawieniu się okna pop-up należy:

  • przeglądając strukturę katalogów należy wybrać ten, w którym znajduję się interesująca nas ilustracja
  • skorzystać z pola szukaj obrazka do którego możemy wpisać przynajmniej część nazwy obrazka i kliknąć ikonę wyszukiwania
  • kliknąć w ilustrację, którą chcemy wstawić do dokumentu
  • w polu krótki opis możemy wpisać opis pojawiający się po najechaniu kursorem na obrazek
  • nadać ilustracji odpowiednie formatowanie wybierając je z listy pola klasa CSS np. ramkę, przyciąganie obrazka do lewej, prawej lub wycentrowanie, lub jego brak - formatowanie wyświetlania ilustracji możemy ustawić w Edytorze stylów.

Więcej o zarządzaniu ilustracjami korzystając z Menadżera ilustracji.

Wstawianie i edycja tabel

Aby wstawić tabele należy kliknąć ikonę wstaw tabelę .

Wstawianie i edycja tabel do dokumentu HTML

Po pojawieniu się okna pop-up należy podać  pożądaną ilość wierszy i kolumn oraz pozostałe parametry tabeli.  W polu styl tabeli należy wybrać w jaki graficzny sposób dane w tabeli mają być prezentowane. Można zdefiniować dowolne formatowanie tabeli oraz dowolną ilość stylów dostępnych w polu styl tabeli (Edytor stylów). W polu styl pierwszej kolumny można wybrać zdefiniowane w Edytorze stylów CSS formatowanie pierwszej kolumny. Można również ustalić formatowanie dla poszczególnych komórek korzystając z ikon w polu właściwości wybranych komórek.

Do tabeli można również zaimportować dane z programu Excel zapisane w formacie CSV. W tym celu należy kliknąć przeglądaj, wybrać plik do importu i następnie kliknąć importuj.

Przed wstawieniem tabeli do dokumentu można zobaczyć jej formatowanie klikając podgląd. Jeśli formatowanie nam nie odpowiada, możemy zmienić styl tabeli na inny, a następnie kliknąć podgląd aby sprawdzić inny wzór formatowania.

Tytuł i zajawka dokumentu (streszczenie)



Opis pól:

  • tytuł - wpisujemy tytuł dokumentu
  • zajawka to krótkie streszczenie dokumentu, które pojawia się na stronie jeśli w kategorii jest więcej niż jeden dokument html lub na stronie głównej, jeśli zaznaczymy to w ustawieniach
  • zajawka-foto - dodajemy zdjęcie, które pojawi się obok tytułu i zajawki na liście dokumentów
  • data na stronie - wybieramy datę jaka ma być wyświetlana nad tytułem na liście dokumentów
  • link  - możemy wpisać link do zewnętrznej strony lub wybrać obiekt w serwisie.

Zakładka Ustawienia



Opis pól:

  • kategoria główna - określamy pod jakim menu ma być widoczna strona
  • wersja - wybieramy wersję językową, w której strona będzie widoczna
  • kolejność - określamy kolejność, jeśli w kategorii jest więcej niż jeden dokument
  • metoda ekspozycji - wybieramy metodę wyświetlania strony
    Metody ekspozycji

  • data rozpoczęcia i końca publikacji - od kiedy do kiedy strona ma być dostępna w serwisie

    Daty publikacji

  • słowa kluczowe - słowa kluczowe dotyczące strony dla wyszukiwarek
  • autor - autor strony
  • na stronie głównej - po zaznaczeniu pola tytuł strony i zajawka z linkiem do strony pojawią się na stronie głównej
  • dostępna - określa dostępność strony w serwisie
  • prawa dostępu - określamy dla jakich użytkowników serwisu strona ma być dostępna.

Zakładka Kategorie

Umieszczanie dokumentu w dodatkowych kategoriach

Zakładka kategorie umożliwia określanie innych kategorii prócz głównej, w których dokument będzie widoczny. Aby dokument był widoczny w innych miejscach serwisu wystarczy zaznaczyć pola przy odpowiednich kategoriach.

Obsługa plików multimedialnych - video, mp3

Edytor HTML pozwala wstawiać filmy video (avi, mpg), oraz odtwarzać muzykę w standardzie mp3 bezpośrednio na stronie www - więcej o video i mp3

Szablony - różne układy stron w edytorze

Każda strona którą edytujemy może mieć inny układ. Aby zmienić układ strony należy wybrać ikonę wstaw komponent HTML i następnie zakładkę - szablony dokumentu gdzie pojawi się lista dostępnych szablonów. Po wybraniu danego szablonu w edytorze otrzymamy układ strony dokładnie taki jak zdefiniowany jest szablon.

Komponenty edytora html w CMS Actualizer

W systemie może być dowolna ilość szablonów, które można definiować w narzędzia komponenty html. Możemy stworzyć dowolną ilość szablonów, które mogą być:

  • wstawką HTML - dowolny kod szablonu tpl zawierający kod HTML, Smarty itp.
  • wstawka HTML, osadzona jako obiekt, kod generowany po zapisie
  • szablon HTML całej strony.

Tworzenie komponentu html dla edytora html

Tworzenie komponentu html dla edytora html

Komponenty Edytora HTML - informacje dodatkowe

Komponenty html to narzędzie umożliwiające wstawianie dowolnego kodu w Edytorze HTML. Wstawiany komponent może mieć format zwyczajnego kodu szablonu tpl. Dzięki tej funkcjonalności na stronie HTML możemy wstawiać w dowolnym miejscu różnego rodzaju obiekty - od szablonów formatujących układ strony po kod wykonywalny np. JavaScript.

Przykładem wykonywalnego komponentu może być mapa Google czy Gadu-Gadu.

Przykładowy komponent edytora HTML - Gadu-Gadu