Веб-редактор, как инструмент создания сайта

Автор: Хабибуллаева Р.Р., Минкин А.В.

Журнал: Форум молодых ученых @forum-nauka

Статья в выпуске: 10 (26), 2018 года.

Бесплатный доступ

В данной статье рассмотрены отличительные особенности текстовых и визуальных веб-редакторов. Сравниваются пользовательские предпочтения двух редакторов от компании Adobe: Brackets и Dreamweaver. Сделан вывод, что при выборе подходящего типа для верстки сайтов, необходимо руководствоваться особенностями предстоящей работы. Но пр этом подчеркивается, что текстовые редакторы имеют явные преимущества при создании сайта.

Веб-редактор, верстка, программирование

Короткий адрес: https://sciup.org/140279984

IDR: 140279984

Текст научной статьи Веб-редактор, как инструмент создания сайта

4th year student

Elabuga Institute, Kazan Federal University

Russia, Elabuga

Elabuga Institute, Kazan Federal University

Russia, Elabuga

WEB EDITOR AS A TOOL FOR SITE CREATION

В связи с массовым развитием сети интернет и возрастающим спросом на продукты веб-разработки обозначилась проблема продолжительности процесса верстки сайтов. Для того, чтобы сделать данный процесс проще, удобнее и быстрее программисты для себя и своих коллег создали вебредакторы.

Веб-редактор (web-редактор) — программа, использующаяся для редактирования HTML документов. Они бывают двух типов: текстовые и визуальные. Текстовые используются для составления кода самостоятельно, они более сложные, поэтому к ним прибегают профессионалы сайтостроения. Визуальные редакторы, их также называют WYSIWYG (What You See Is What You Get), устроены намного проще, в них уже заложены базовые элементы, и при редактировании код меняется автоматически. Это значит, что с визуальным редактором может работать даже не специалист. Но возникает одна трудность [1]. При работе с визуальным редактором код страницы получается громоздким, от чего увеличивается ее вес. Но это можно исправить при редактировании этого кода, а для этого необходимо владеть языком HTML. Наиболее удобный вариант для сайтостроителей – это комбинированный режим, когда на одной половине экрана отображается код, а на другой внешний вид сайта. Это значит, что оба вида веб-редакторов хорошо сочетаются и взаимно дополняют друг друга. Но до сих пор в сети Интернет не прекращаются споры какой тип веб-редактора лучше.

В настоящий момент существует большое количество бесплатных вебредакторов. На чем остановить свой выбор вопрос не только объективный, но также и субъективный. Объективными показателями являются интерфейс, функционал, быстродействие. К субъективным показателям можно отнести комфорт, привычку, лояльность. Рассмотрим самые популярные веб-редакторы от компании Adobe, один из них текстовый Adobe Brackets, а другой визуальный Adobe Dreamweaver на основе пользовательских опросов (рис. 1) [2].

Рисунок 1. Сравнение Adobe Brackets и Adobe Dreamweaver.

Стоит отметить, что выборка является неравномерной, причиной тому разное количество пользователей этих двух веб-редакторов, поэтому небольшие погрешности не исключены. В соответствие с графиком пользователи больше довольны текстовым редактором от компании Adobe.

Так же у рецензентов узнавалась сфера применения данных редакторов. Так, пользователи Adobe Dreamweaver были представлены в следующих сферах:

1) Маркетинг и реклама (10,6%);

2) Дизайн (8,1%);

  • 3)    Информационные технологии и услуги (7,4%);

  • 4)    Графический дизайн (7,3%);

  • 5)    Высшее образование (6,9%);

  • 6)    Другие (59,6%).

Другими словами визуальные редакторы пользуются популярностью у специалистов, не имеющих отношение к программированию. А также у программистов, желающих сократить время на верстку сайтов.

Пользователи Adobe Brackets были представлены в таких сферах как:

  • 1)    Программное обеспечение (22%);

  • 2)    Информационные технологии и услуги (18,5%);

  • 3)    Графический дизайн (8,1%);

  • 4)    Маркетинг и реклама (8,1%);

  • 5)    Интернет (7,5%);

  • 6)    Другие (35,8%).

То есть превалирующее число пользователей работают в сфере программирования. И это очевидно, так как было сказано выше что, не зная языка программирования и особенностей сайтостроения, бессмысленно пытаться разобраться в программах данного вида.

Если для простых пользователей выбор понятен – это веб-редакторы типа WYSIWYG, то, что касается программистов и веб-разработчиков, сомнения по-прежнему остаются. С одной стороны простота, удобство и скорость визуального веб-редактора, а с другой стороны качество, большая мобильность для реализации собственных задумок, меньший вес.

Чему отдать предпочтение выбор каждого. Но, на наш взгляд, отталкиваться надо от конкретной ситуации. Если требуется создать минималистический сайт без лишних элементов или отредактировать в незначительной степени уже существующий, то прекрасно подойдет визуальный веб-редактор. Он сэкономит время и силы. Но в случае разработки чего-то серьезного и стоящего лучше обратиться к текстовому веб-редактору. Хорошим дополнением будет, если у него есть функция предварительно просмотра или, еще лучше, комбинированный режим работы.

Таким образом, веб-редакторы значительно упрощают жизнь сайтостроителям. Существуют две их разновидности – визуальный и текстовый. Пользователями WYSIWYG чаще всего являются специалисты, не имеющие отношения к программированию, такие как маркетологи, дизайнеры, преподаватели и другие. Так же к их помощи иногда прибегают программисты желающие сэкономить свое время. Текстовые редакторы имеют явные преимущества, согласно пользовательским опросам. Программисты чаще прибегают к их использованию, особенно при разработке чего-то качественного и серьезного.

Список литературы Веб-редактор, как инструмент создания сайта

  • Веб-редакторы: виды. Статья от 17.05.2016. // Owlweb - блог для веб-мастеров. [Электронный ресурс]. URL: [Электронный ресурс]. URL: https://owlweb.ru/veb-redaktory-vidy/ (дата обращения: 27.09.2018).
  • Сравнение Adobe Dreamweaver vs. Brackets // Business Software and Services Reviews [Электронный ресурс]. URL: https://www.g2crowd.com/compare/adobe-dreamweaver-vs-brackets (дата обращения: 28.09.2018).
Статья научная