Відмінності між версіями «Текстові редактори онлайн»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
(24(209))
Рядок 1: Рядок 1:
Навіщо потрібно створювати документи у браузері, коли для цього є оффлайн-редактори документів для персонального комп'ютера? Ось, як мінімум, 7 причин:
 
 
 
[[Файл:1385031672 текстовые редактори.jpg|праворуч]]
 
[[Файл:1385031672 текстовые редактори.jpg|праворуч]]
  
#Частковий або повний перехід з платного програмного забезпечення на безкоштовне.
+
<big>Текстовий редактор</big> — ''комп'ютерна програма — призначена для створення й зміни текстових файлів, а також їх перегляду на екрані, виводу на друк, пошук фрагментів тексту тощо.''
#Доступ до власних онлайн документів з будь-якого комп'ютера, що має доступ до мережі інтернет.
+
''У даній статті я обрав редактори які здатні як бути у вигляді HTML редактора,так і в звичайному для нас,візуальному форматі.Ці редактори є дуже зручними через те,що переходячи з одного візуального стану в інший,ми можемо бачити,слідкувати за тим, що робимо,та детальніше редагувати текст.
#Незалежність онлайн редактора від операційної системи.
+
''
#Для користування редактором-онлайн комп'ютер користувача не обов'язково повинен мати високі характеристики апаратного та програмного забезпечення.
+
[[Файл:Regist5.jpg|міні]]
#Можливість доступу до одного документу двом або більше користувачам.
+
#Система контролю версій дозволить Вам повертатися до попередніх версій файлу.
+
#Можливість інтеграції онлайн документів в інші ресурси мережі інтернет.
+
  
Як визначити якісний перед вами онлайновий текстовий редактор чи ні? Звичайно, за різноманітними інструментами для обробки тексту, що він пропонує. Ось для прикладу три офісні пакети онлайн:
+
<big>'''ОСНОВНІ ПЕРЕВАГИ ВІЗУАЛЬНОГО HTML РЕДАКТОРА ОНЛАЙН'''</big>
  
*www.zoho.com - онлайн офісний пакет;
+
''Мають ряд переваг, і розширений функціонал. Даний інструмент дозволяє працювати з текстом, кодом, і візуальними об'єктами.Даний html редактор онлайн дозволить вам красиво оформити текст, відформатувати графічні елементи, відредагувати картинки, додати все це у вигляді коду на ваш сайт, або проект, на бачити у звичайному вигляді,доступному кожному користувачу.''
*docs.google.com - онлайн офісний пакет;
+
*redactor-online.ru - онлайн редактор текстів.
+
*http://galartweb.ru/index.php/veb-instrumenty/tekstovyj-redaktor-onlajn
+
*http://whoyougle.ru/texts/internet-editor/
+
  
Спробуйте скористатися кожним з них і оцінити якість обробки текстів. Які переваги та недоліки онлайн текстових редакторів?
+
<big>'''КОРОТКИЙ ОПИС ФУНКЦІОНАЛЬНОСТІ'''</big>
  
 +
* Вихідний код. Дана опція дозволяє перемикати між візуальним виглядом і вихідним кодом.
 +
* Пошук в коді (CTRL + F). Тільки в режимі вихідного коду. Дозволяє виконати пошук по коду.
 +
* Форматування виділеного фрагменту. Тільки в режимі вихідного коду. Дозволяє зробити ієрархію в коді.
 +
* Увімкнути \ вимкнути,автозакриття тегів. При включенні автоматично закриває відкриті теги там, де ви набираєте </ ..
 +
* Нова сторінка. Очищає робочу область.
 +
* Попередній перегляд. Дозволяє переглянути весь контент робочої області окремо на весь екран.
 +
* Друк. Роздрукувати документ.
 +
* Шаблони. Містить стандартний набір шаблонів для тексту, з можливими варіантами розміщення картинок, і графічних об'єктів.
 +
* Вирізати / Копіювати / Вставити. Дозволяє вставити скопійований, або вирізаний текст в робочу область, або скопіювати з неї виділений заздалегідь текст.
 +
* Скасувати / Повторити. Скасування або повтор зробленої дії.
 +
* Знайти / Замінити. Даний інструмент дозволяє по заданому слову або словосполученню виконувати пошук по тексту, або в автоматичному режимі виконати заміну одного слова іншим.
 +
* Виділити все. Виділення всього контенту в редакторі.
 +
* Перевірка орфографії. Перевірка тексту на наявність орфографічних помилок.
 +
* Форма. Створення форми введення. Можливість задати тип, і властивості.
  
 +
[[Файл:2736765636887447904.png|міні]]
  
 +
==Текстові редактори онлайн==
  
<b><font face="Bookman Old Style" color="#2E8B57">[[Сторінка координування проекту "Текстові редактори онлайн"]]</font></b>
+
'''''Таблиця "Текстові редактори онлайн"'''''
 
+
[[Найбільш цікаві студентські вікі-статті до проекту "Текстові редактори онлайн"]]
+
 
+
----
+
 
+
<center><i><b><font color="#660066"  size="5">Завдання проекту «Текстові редактори онлайн»</font></b></i></center>
+
 
+
1. Обрати три онлайн текстових редакторів. Якщо програмний продукт є частиною офісного пакету онлайн, то скласти список цих програм (заповнити таблицю 1).
+
[[Файл:ONLYOFFICE логотип.GIF|праворуч]]
+
 
+
'''''Наприклад, заповнена Таблиця 1:'''''
+
  
 
<table  border=1>
 
<table  border=1>
Рядок 41: Рядок 37:
 
     <td>'''Назва '''</td>
 
     <td>'''Назва '''</td>
 
     <td>'''Google Документи'''</td>
 
     <td>'''Google Документи'''</td>
     <td>'''Текстовий редактор он-лайн 2'''</td>
+
     <td>'''Візуальний HTML редактор онлайн'''</td>
     <td>'''Текстовий редактор он-лайн 3'''</td>
+
     <td>'''CKEditor'''</td>
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
 
     <td>'''URL-адреса'''</td>
 
     <td>'''URL-адреса'''</td>
 
     <td>docs.google.com </td>
 
     <td>docs.google.com </td>
     <td>                   </td>
+
     <td>vladmaxi.net  </td>
     <td>                   </td>
+
     <td>www.annaweb.msk.ru</td>
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
 
     <td>'''Компоненти офісного пакету:'''</td>
 
     <td>'''Компоненти офісного пакету:'''</td>
 
     <td> Текстовий редактор. </td>
 
     <td> Текстовий редактор. </td>
     <td>                   </td>
+
     <td> Текстовий редактор. </td>
     <td>                   </td>
+
     <td> Текстовий редактор. </td>
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
Рядок 65: Рядок 61:
 
   <td>                  </td>
 
   <td>                  </td>
 
     <td> Електронні таблиці. </td>
 
     <td> Електронні таблиці. </td>
     <td>                   </td>
+
     <td> Електронні таблиці.    </td>
     <td>                   </td>
+
     <td> Електронні таблиці.    </td>
 
   </tr>
 
   </tr>
 
     <td>                  </td>
 
     <td>                  </td>
 
     <td> Редактор форм. </td>
 
     <td> Редактор форм. </td>
     <td>                   </td>
+
     <td> Редактор форм. </td>
     <td>                   </td>
+
     <td> Редактор форм. </td>
 
   <tr>
 
   <tr>
 
     <td>                  </td>
 
     <td>                  </td>
     <td> Редактор малюнків. </td>
+
     <td> Редактор малюнків.</td>
     <td>                   </td>
+
     <td> Редактор малюнків.</td>
     <td>                   </td>
+
     <td> Редактор малюнків.</td>
 
   </tr>
 
   </tr>
 
  </table>
 
  </table>
  
2. Дослідити можливості кожного редактора:  
+
==Google Docs==
*редагування тексту;
+
 
*форматування тексту;
+
Документи Google (англ. Google Docs) - безкоштовний онлайн-офіс, що включає в себе текстовий, табличний процесор і сервіс для створення презентацій, а також інтернет-сервіс хмарного зберігання файлів з функціями файлообміну, що розробляється компанією Google.
*обробка таблиць;
+
<big>[[Файл:Google Docs.png|міні]]</big>
*створення та редагування списків;
+
[https://docs.google.com/document/d/1FuChkRQ-hsDzHvdtCl2ShOOzL6cW8UKIBQln3_g7ibs/edit?usp=sharing Текстовий документ за зразком №1]
*сортування списків і таблиць;
+
<table  border=1>
*формування колонок;
+
  <tr>
*вставка графічних об'єктів;
+
    <td>'''Інструменти'''</td>
*перевірка орфографії та граматики;
+
    <td>'''Команди меню'''</td>
*вставка колонтитулів;
+
  </tr>
*настроювання параметрів сторінки та друкування тексту;
+
  <tr>
*сумісна обробка документів, коментування;
+
    <td>Редагування тексту:</td>
*засоби автоматизаціі (стилі, шаблони, макроси тощо);
+
    <td>''вставка,видалення,копіювання,вирізання,редагування розміщення тексту та відступів,знаходження та заміна символів.''</td>
*інші можливості.
+
  </tr>
 +
  <tr>
 +
    <td>Форматування тексту:</td>
 +
    <td>''розмір,шрифт,колір,підкреслювання.''</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Обробка таблиць:</td>
 +
    <td>''створення таблиць,розміщення таблиць у різних частинах документа,додавання рядків,стовпців їх об'єднання,відокремлювання, та видалення.''</td>
 +
    </tr>
 +
<tr>
 +
    <td>Створення та редагування списків:</td>
 +
    <td>''нумерований та маркований списки.''</td>
 +
  </tr>
 +
<td>Сортування списків і таблиць:</td>
 +
    <td>''функція відсутня.''</td>
 +
  <tr>
 +
    <td>Формування колонок:</td>
 +
    <td>''функція відсутня.''</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Вставка графічних об'єктів:</td>
 +
    <td>''можливість завантажити з інтернету через посилання або з носія наступне: зображення,рисунок.Можна вставити формулу.''</td>
 +
    </tr>
 +
<tr>
 +
    <td>Перевірка орфографії та граматики:</td>
 +
    <td>''перевірка правопису, пошук у словнику, статистика, розширений пошук.''</td>
 +
    </tr>
 +
  <tr>
 +
    <td>Вставка колонтитулів:</td>
 +
    <td>''вставка верхнього та нижнього колонтитулів.''</td>
 +
    </tr>
 +
  <tr>
 +
    <td>Настроювання параметрів сторінки та друкування тексту:</td>
 +
    <td>''розмір сторінки,орієнтація(альбомна або книжна),поля та колір.Роздруківка можлива.''</td>
 +
    </tr>
 +
<tr>
 +
    <td>Сумісна обробки документів, коментування:</td>
 +
    <td>''загальний доступ,опублікування в інтернеті, відправка співавторам,відправка по ел.почті,завантаження.''</td>
 +
  </tr>
 +
<tr>
 +
    <td>Засоби автоматизаціі (стилі, шаблони, макроси тощо):</td>
 +
    <td>''присутні лише стилі.''</td>
 +
  </tr>
 +
<tr>
 +
    <td>Інші можливості:</td>
 +
    <td>''завантаження документу в різних форматах,переклад документу.''</td>
 +
  </tr>
 +
</table>
  
Для проведення дослідження у кожному із дібраних редакторів набрати текстовий документ [http://www.scribd.com/doc/51445089/Karta-proekt за зразком].
+
==Візуальний HTML редактор онлайн==
[[Файл:Zoho логотип.GIF|праворуч]]
+
  
3. Результати дослідження представити у вигляді таблиці 2:
+
Дуже потрібний інструмент - візуальний HTML редактор онлайн. За допомогою нього ви зможете не тільки працювати з текстом, але й працювати з таблицями, вставляти відео, і робити ще багато іншого.
  
'''Текстовий редактор он-лайн 1''': вказати назву та URL-адресу
+
[[Файл:Безымянный.png|міні]]
  
 +
[https://docs.google.com/document/d/1-2XqbjCIBEeJiJwbVlWxdyctwtNasFcYAY9OkxgbdXU/pub Текстовий документ за зразком №2]
 
<table  border=1>
 
<table  border=1>
 
   <tr>
 
   <tr>
Рядок 108: Рядок 151:
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
     <td>редагування тексту</td>
+
     <td>Редагування тексту:</td>
     <td>                 </td>
+
     <td>''вставка,видалення,копіювання,вирізання,заміна символів,віділення усього тексту,редагування розміщення тексту.''</td>
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
     <td>форматування тексту</td>
+
     <td>Форматування тексту:</td>
     <td>                   </td>
+
     <td>''розмір,шрифт,колір,підкреслювання.''</td>
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
     <td>обробка таблиць</td>
+
     <td>Обробка таблиць:</td>
     <td>               </td>
+
     <td>''створення таблиць,розміщення таблиць у різних частинах документа,додавання рядків,стовпців їх об'єднання,відокремлювання, та видалення.''</td>
 
     </tr>
 
     </tr>
 
  <tr>
 
  <tr>
     <td>створення та редагування списків</td>
+
     <td>Створення та редагування списків:</td>
     <td>                               </td>
+
     <td>''нумерований та маркований списки.''</td>
 
   </tr>
 
   </tr>
<td>сортування списків і таблиць</td>
+
<td>Сортування списків і таблиць:</td>
     <td>                       </td>
+
     <td>''функція відсутня.''</td>
 
   <tr>
 
   <tr>
     <td>формування колонок</td>
+
     <td>Формування колонок:</td>
     <td>       </td>
+
     <td>''функція відсутня.''</td>
 
   </tr>
 
   </tr>
 
   <tr>
 
   <tr>
     <td>вставка графічних об'єктів</td>
+
     <td>Вставка графічних об'єктів:</td>
     <td>                 </td>
+
     <td>''можливість завантажити зображення з носія.''</td>
 +
<tr>
 +
    <td>Перевірка орфографії та граматики:</td>
 +
    <td>''перевірка правопису.''</td>
 +
    </tr>
 +
  <tr>
 +
    <td>Вставка колонтитулів:</td>
 +
    <td>''функція відсутня.''</td>
 +
    </tr>
 +
  <tr>
 +
    <td>Настроювання параметрів сторінки та друкування тексту:</td>
 +
    <td>''доступна лише функція роздруківки.''</td>
 
     </tr>
 
     </tr>
 
  <tr>
 
  <tr>
     <td>формування колонок</td>
+
     <td>Сумісна обробки документів, коментування:</td>
     <td>                   </td>
+
    <td>''тільки опрацювання он-лайн.''</td>
 +
  </tr>
 +
<tr>
 +
    <td>Засоби автоматизаціі (стилі, шаблони, макроси тощо):</td>
 +
    <td>''присутні шаблони.''</td>
 +
  </tr>
 +
<tr>
 +
    <td>Інші можливості:</td>
 +
    <td>''можливість бачити текст в початковому коді.''</td>
 +
  </tr>
 +
</table>
 +
 
 +
==CKEditor==
 +
 
 +
Іноді буває потрібно оформити текст як html, додати до нього теги параграфа, стилі шрифту, посилання.На цій сторінці ви можете конвертувати свій текст в html онлайн. Просто введіть його у віконечко замість зразка та натисніть внизу кнопку "submit" або подивіться джерело (перша кнопка у верхній панелі).
 +
 
 +
[[Файл:Безымянный1.png|міні]]
 +
 
 +
[https://docs.google.com/document/d/1vva-OZcvnE8_GdRqvnbQkGdRRRaCI1_jjHwvJm3bRRY/edit?usp=sharing Текстовий документ за зразком №3]
 +
<table  border=1>
 +
  <tr>
 +
    <td>'''Інструменти'''</td>
 +
    <td>'''Команди меню'''</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Редагування тексту:</td>
 +
    <td>''вставка,видалення,копіювання,вирізання,редагування розміщення тексту.''</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Форматування тексту:</td>
 +
    <td>''розмір,шрифт,колір,підкреслювання.''</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Обробка таблиць:</td>
 +
    <td>''створення таблиць,розміщення таблиць у різних частинах документа,додавання рядків,стовпців та їх видалення.''</td>
 +
    </tr>
 +
<tr>
 +
    <td>Створення та редагування списків:</td>
 +
    <td>''нумерований та маркований списки.''</td>
 +
  </tr>
 +
<td>Сортування списків і таблиць:</td>
 +
    <td>''функція відсутня.''</td>
 +
  <tr>
 +
    <td>Формування колонок:</td>
 +
     <td>''функція відсутня.''</td>
 
   </tr>
 
   </tr>
 +
  <tr>
 +
    <td>Вставка графічних об'єктів:</td>
 +
    <td>''лише смайлики та лінії.''</td>
 +
    </tr>
 
  <tr>
 
  <tr>
     <td>перевірка орфографії та граматики</td>
+
     <td>Перевірка орфографії та граматики:</td>
     <td>                   </td>
+
     <td>''перевірка правопису.''</td>
 
     </tr>
 
     </tr>
 
   <tr>
 
   <tr>
     <td>вставка колонтитулів</td>
+
     <td>Вставка колонтитулів:</td>
     <td>                 </td>
+
     <td>''функція відсутня.''</td>
 
     </tr>
 
     </tr>
 
   <tr>
 
   <tr>
     <td>настроювання параметрів сторінки та друкування тексту</td>
+
     <td>Настроювання параметрів сторінки та друкування тексту:</td>
     <td>                   </td>
+
     <td>''зміна кольору фону,всі інші функції відсутні.''</td>
 
     </tr>
 
     </tr>
 
  <tr>
 
  <tr>
     <td>сумісна обробки документів, коментування</td>
+
     <td>Сумісна обробки документів, коментування:</td>
     <td>                           </td>
+
     <td>''тільки опрацювання он-лайн.''</td>
 
   </tr>
 
   </tr>
 
<tr>
 
<tr>
     <td>засоби автоматизаціі (стилі, шаблони, макроси тощо)</td>
+
     <td>Засоби автоматизаціі (стилі, шаблони, макроси тощо):</td>
     <td>                       </td>
+
     <td>''присутні шаблони.''</td>
 
   </tr>
 
   </tr>
 
<tr>
 
<tr>
     <td>інші можливості</td>
+
     <td>Інші можливості:</td>
     <td>                 </td>
+
     <td>''можливість бачити текст в початковому коді.''</td>
 
   </tr>
 
   </tr>
 
  </table>
 
  </table>
  
4. Зареєструватися у Вікі-КДПУ (wiki.kspu.kr.ua) відповідно вимогам: Ім’я користувача для входу в систему задається в наступній формі – "Прізвище Ім'я", наприклад, "Іванов Петро", і повинно співпадати з полем справжнє ім’я. (Така форма реєстрації надає можливість викладачу та іншим студентам легко шукати Ваші статті). Після реєстрації у Вікі-середовищі автоматично створюється власна сторінка користувача (власний міні-сайт). Оформити власну сторінку користувача за шаблоном: <nowiki>{{subst:Шаблон:Персональна сторінка}}</nowiki>.
+
==Висновки==
  
5. Створити статтю на Вікі-КДПУ, у якій висвітлити свій досвід та враження від проведеного експерименту з текстовими редакторами онлайн за шаблоном [[Шаблон:Сторінка проекту "Текстові редактори онлайн"]]. Також у статті розмістити посилання на три текстові документи, що Ви створили у різних редакторах онлайн, та три таблиці (для кожного редактора) описані вище. У висновках статті зробити порівняння досліджуваних програмних засобів. Посилання на цю статтю розмістити на власній сторінці користувача у розділі "Мої роботи".
+
<table cellpadding="3" cellspacing="2"    bordercolor="#000000" border="1">
 +
  <tr>
 +
    <td>'''Назва'''</td>
 +
    <td>'''Google Документи'''</td>
 +
    <td>'''Візуальний HTML редактор онлайн'''</td>
 +
    <td>'''CKEditor'''</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Інструменти</td>
 +
    <td>Оцінка</td>
 +
    <td>Оцінка</td>
 +
    <td>Оцінка</td>
 +
  <tr>
 +
    <td>Редагування тексту:</td>
 +
    <td>10</td>
 +
    <td>9</td>
 +
    <td>7</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Форматування тексту:</td>
 +
    <td>8</td>
 +
    <td>8</td>
 +
    <td>6</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Обробка таблиць:</td>
 +
    <td>9</td>
 +
    <td>9</td>
 +
    <td>8</td>
 +
  </tr>
 +
<td>Створення та редагування списків:</td>
 +
    <td>9</td>
 +
    <td>9</td>
 +
    <td>9</td>
 +
<tr>
 +
    <td>Сортування списків і таблиць:</td>
 +
    <td>0</td>
 +
    <td>0</td>
 +
    <td>0</td>
 +
  </tr>
 +
<tr>
 +
    <td>Формування колонок:</td>
 +
    <td>0</td>
 +
    <td>0</td>
 +
    <td>0</td>
 +
  </tr>
 +
<tr>
 +
    <td>Вставка графічних об'єктів:</td>
 +
    <td>9</td>
 +
    <td>7</td>
 +
    <td>5</td>
 +
  </tr>
 +
<tr>
 +
    <td>Перевірка орфографії та граматики:</td>
 +
    <td>9</td>
 +
    <td>7</td>
 +
    <td>7</td>
 +
  </tr>
 +
<tr>
 +
    <td>Вставка колонтитулів:</td>
 +
    <td>6</td>
 +
    <td>0</td>
 +
    <td>0</td>
 +
  </tr>
 +
<tr>
 +
    <td>Настроювання параметрів сторінки та друкування тексту:</td>
 +
    <td>8</td>
 +
    <td>6</td>
 +
    <td>6</td>
 +
  </tr>
 +
<tr>
 +
    <td>Сумісна обробки документів, коментування:</td>
 +
    <td>10</td>
 +
    <td>5</td>
 +
    <td>5</td>
 +
  </tr>
 +
<tr>
 +
    <td>Засоби автоматизаціі (стилі, шаблони, макроси тощо):</td>
 +
    <td>5</td>
 +
    <td>5</td>
 +
    <td>5</td>
 +
  </tr>
 +
  <tr>
 +
    <td>Інші можливості:</td>
 +
    <td>8</td>
 +
    <td>8</td>
 +
    <td>8</td>
 +
  </tr>
 +
<tr>
 +
    <td>Сумма баллів:</td>
 +
    <td>6,5</td>
 +
    <td>5,2</td>
 +
    <td>4,7</td>
 +
  </tr>
 +
</table>
  
6. Добавити посилання на свою сторінку користувача  та статтю у розділі [[Сторінка координування проекту "Текстові редактори онлайн"]].
+
----
  
7. Переглянути статті інших студентів групи і до найбільш цікавих статей (не менше 3-х) дописати коментарі (по 3-5 речень) на вкладці обговорення. Обов’язково підписатися під своїм коментарем.
+
Отже, попрацювавши з декількома текстовими редакторами он-лайн,я зумів знайти спеціальні редактори(№2 та №3), якім властива функція початкового коду, що є лише у HTML - редакторах. Тобто, працюючи над текстами, міг ретельніше переглядати перетворення, зміни, форматування текстів які я робив. Вважаю, що така функція у текстових редакторах є важливою, тому виділів увагу їй. Усі редактори чудові, але в кожному що є досконале - є недосконалість. Редактор "Google Docs" виявився найкращим, так як у ньому можливі майже усі функції що є на таких программах, як "Microsoft office word" або "Open office writer", тож документи гугл дуже прості у використанні, та дуже функціональні. Інші два онлайн - текстові редактори, стоять на 2 та 3 місях, тому що є складнішими у використанні, та менш функціональними та більш розраховані на роботу он-лайн.
  
  
 +
----
 +
[[Файл:Кіровоград.jpg|міні]]
  
Бажаю успіхів!--Копотій Вікторія 13:15, 26 березня 2015 (EET)
+
[[Зображення:Photo 5.jpg|right|450px|]] 
 +
 
 +
----
  
 +
Сторінка проекту [[Текстові редактори онлайн]]
  
[[Категорія: Навчальні проекти]]
+
[http://kspu.kr.ua/ Кіровоградський державний педагогічний університет імені Володимира Винниченка]

Версія за 01:30, 7 грудня 2015

1385031672 текстовые редактори.jpg

Текстовий редакторкомп'ютерна програма — призначена для створення й зміни текстових файлів, а також їх перегляду на екрані, виводу на друк, пошук фрагментів тексту тощо. У даній статті я обрав редактори які здатні як бути у вигляді HTML редактора,так і в звичайному для нас,візуальному форматі.Ці редактори є дуже зручними через те,що переходячи з одного візуального стану в інший,ми можемо бачити,слідкувати за тим, що робимо,та детальніше редагувати текст.

Regist5.jpg

ОСНОВНІ ПЕРЕВАГИ ВІЗУАЛЬНОГО HTML РЕДАКТОРА ОНЛАЙН

Мають ряд переваг, і розширений функціонал. Даний інструмент дозволяє працювати з текстом, кодом, і візуальними об'єктами.Даний html редактор онлайн дозволить вам красиво оформити текст, відформатувати графічні елементи, відредагувати картинки, додати все це у вигляді коду на ваш сайт, або проект, на бачити у звичайному вигляді,доступному кожному користувачу.

КОРОТКИЙ ОПИС ФУНКЦІОНАЛЬНОСТІ

  • Вихідний код. Дана опція дозволяє перемикати між візуальним виглядом і вихідним кодом.
  • Пошук в коді (CTRL + F). Тільки в режимі вихідного коду. Дозволяє виконати пошук по коду.
  • Форматування виділеного фрагменту. Тільки в режимі вихідного коду. Дозволяє зробити ієрархію в коді.
  • Увімкнути \ вимкнути,автозакриття тегів. При включенні автоматично закриває відкриті теги там, де ви набираєте </ ..
  • Нова сторінка. Очищає робочу область.
  • Попередній перегляд. Дозволяє переглянути весь контент робочої області окремо на весь екран.
  • Друк. Роздрукувати документ.
  • Шаблони. Містить стандартний набір шаблонів для тексту, з можливими варіантами розміщення картинок, і графічних об'єктів.
  • Вирізати / Копіювати / Вставити. Дозволяє вставити скопійований, або вирізаний текст в робочу область, або скопіювати з неї виділений заздалегідь текст.
  • Скасувати / Повторити. Скасування або повтор зробленої дії.
  • Знайти / Замінити. Даний інструмент дозволяє по заданому слову або словосполученню виконувати пошук по тексту, або в автоматичному режимі виконати заміну одного слова іншим.
  • Виділити все. Виділення всього контенту в редакторі.
  • Перевірка орфографії. Перевірка тексту на наявність орфографічних помилок.
  • Форма. Створення форми введення. Можливість задати тип, і властивості.
2736765636887447904.png

Текстові редактори онлайн

Таблиця "Текстові редактори онлайн"

Назва Google Документи Візуальний HTML редактор онлайн CKEditor
URL-адреса docs.google.com vladmaxi.net www.annaweb.msk.ru
Компоненти офісного пакету: Текстовий редактор. Текстовий редактор. Текстовий редактор.
Редактор презентацій.
Електронні таблиці. Електронні таблиці. Електронні таблиці.
Редактор форм. Редактор форм. Редактор форм.
Редактор малюнків. Редактор малюнків. Редактор малюнків.

Google Docs

Документи Google (англ. Google Docs) - безкоштовний онлайн-офіс, що включає в себе текстовий, табличний процесор і сервіс для створення презентацій, а також інтернет-сервіс хмарного зберігання файлів з функціями файлообміну, що розробляється компанією Google.

Google Docs.png

Текстовий документ за зразком №1

Інструменти Команди меню
Редагування тексту: вставка,видалення,копіювання,вирізання,редагування розміщення тексту та відступів,знаходження та заміна символів.
Форматування тексту: розмір,шрифт,колір,підкреслювання.
Обробка таблиць: створення таблиць,розміщення таблиць у різних частинах документа,додавання рядків,стовпців їх об'єднання,відокремлювання, та видалення.
Створення та редагування списків: нумерований та маркований списки.
Сортування списків і таблиць: функція відсутня.
Формування колонок: функція відсутня.
Вставка графічних об'єктів: можливість завантажити з інтернету через посилання або з носія наступне: зображення,рисунок.Можна вставити формулу.
Перевірка орфографії та граматики: перевірка правопису, пошук у словнику, статистика, розширений пошук.
Вставка колонтитулів: вставка верхнього та нижнього колонтитулів.
Настроювання параметрів сторінки та друкування тексту: розмір сторінки,орієнтація(альбомна або книжна),поля та колір.Роздруківка можлива.
Сумісна обробки документів, коментування: загальний доступ,опублікування в інтернеті, відправка співавторам,відправка по ел.почті,завантаження.
Засоби автоматизаціі (стилі, шаблони, макроси тощо): присутні лише стилі.
Інші можливості: завантаження документу в різних форматах,переклад документу.

Візуальний HTML редактор онлайн

Дуже потрібний інструмент - візуальний HTML редактор онлайн. За допомогою нього ви зможете не тільки працювати з текстом, але й працювати з таблицями, вставляти відео, і робити ще багато іншого.

Безымянный.png

Текстовий документ за зразком №2

Інструменти Команди меню
Редагування тексту: вставка,видалення,копіювання,вирізання,заміна символів,віділення усього тексту,редагування розміщення тексту.
Форматування тексту: розмір,шрифт,колір,підкреслювання.
Обробка таблиць: створення таблиць,розміщення таблиць у різних частинах документа,додавання рядків,стовпців їх об'єднання,відокремлювання, та видалення.
Створення та редагування списків: нумерований та маркований списки.
Сортування списків і таблиць: функція відсутня.
Формування колонок: функція відсутня.
Вставка графічних об'єктів: можливість завантажити зображення з носія.
Перевірка орфографії та граматики: перевірка правопису.
Вставка колонтитулів: функція відсутня.
Настроювання параметрів сторінки та друкування тексту: доступна лише функція роздруківки.
Сумісна обробки документів, коментування: тільки опрацювання он-лайн.
Засоби автоматизаціі (стилі, шаблони, макроси тощо): присутні шаблони.
Інші можливості: можливість бачити текст в початковому коді.

CKEditor

Іноді буває потрібно оформити текст як html, додати до нього теги параграфа, стилі шрифту, посилання.На цій сторінці ви можете конвертувати свій текст в html онлайн. Просто введіть його у віконечко замість зразка та натисніть внизу кнопку "submit" або подивіться джерело (перша кнопка у верхній панелі).

Безымянный1.png

Текстовий документ за зразком №3

Інструменти Команди меню
Редагування тексту: вставка,видалення,копіювання,вирізання,редагування розміщення тексту.
Форматування тексту: розмір,шрифт,колір,підкреслювання.
Обробка таблиць: створення таблиць,розміщення таблиць у різних частинах документа,додавання рядків,стовпців та їх видалення.
Створення та редагування списків: нумерований та маркований списки.
Сортування списків і таблиць: функція відсутня.
Формування колонок: функція відсутня.
Вставка графічних об'єктів: лише смайлики та лінії.
Перевірка орфографії та граматики: перевірка правопису.
Вставка колонтитулів: функція відсутня.
Настроювання параметрів сторінки та друкування тексту: зміна кольору фону,всі інші функції відсутні.
Сумісна обробки документів, коментування: тільки опрацювання он-лайн.
Засоби автоматизаціі (стилі, шаблони, макроси тощо): присутні шаблони.
Інші можливості: можливість бачити текст в початковому коді.

Висновки

Назва Google Документи Візуальний HTML редактор онлайн CKEditor
Інструменти Оцінка Оцінка Оцінка
Редагування тексту: 10 9 7
Форматування тексту: 8 8 6
Обробка таблиць: 9 9 8
Створення та редагування списків: 9 9 9
Сортування списків і таблиць: 0 0 0
Формування колонок: 0 0 0
Вставка графічних об'єктів: 9 7 5
Перевірка орфографії та граматики: 9 7 7
Вставка колонтитулів: 6 0 0
Настроювання параметрів сторінки та друкування тексту: 8 6 6
Сумісна обробки документів, коментування: 10 5 5
Засоби автоматизаціі (стилі, шаблони, макроси тощо): 5 5 5
Інші можливості: 8 8 8
Сумма баллів: 6,5 5,2 4,7

Отже, попрацювавши з декількома текстовими редакторами он-лайн,я зумів знайти спеціальні редактори(№2 та №3), якім властива функція початкового коду, що є лише у HTML - редакторах. Тобто, працюючи над текстами, міг ретельніше переглядати перетворення, зміни, форматування текстів які я робив. Вважаю, що така функція у текстових редакторах є важливою, тому виділів увагу їй. Усі редактори чудові, але в кожному що є досконале - є недосконалість. Редактор "Google Docs" виявився найкращим, так як у ньому можливі майже усі функції що є на таких программах, як "Microsoft office word" або "Open office writer", тож документи гугл дуже прості у використанні, та дуже функціональні. Інші два онлайн - текстові редактори, стоять на 2 та 3 місях, тому що є складнішими у використанні, та менш функціональними та більш розраховані на роботу он-лайн.



Кіровоград.jpg
Photo 5.jpg

Сторінка проекту Текстові редактори онлайн

Кіровоградський державний педагогічний університет імені Володимира Винниченка