CC BY
18
Техника. [Электронный ресурс]. URL: http://naukatehnika.com/blue-brain-project-odin-iz-samyix-ambiczioznyix-proektov-sovremennosti.html (дата
обращения: 21.09.2018).
УДК 004.738.52
Хабибуллаева Р.Р. студент 4 курса Минкин А.В., к.ф.-м.н.
доцент
кафедра «Математики и прикладной информатики»
Елабужский институт КФУ Россия, г. Елабуга
ВЕБ-РЕДАКТОР, КАК ИНСТРУМЕНТ СОЗДАНИЯ САЙТА
Аннотация: В данной статье рассмотрены отличительные особенности текстовых и визуальных веб-редакторов. Сравниваются пользовательские предпочтения двух редакторов от компании Adobe: Brackets и Dreamweaver. Сделан вывод, что при выборе подходящего типа для верстки сайтов, необходимо руководствоваться особенностями предстоящей работы. Но пр этом подчеркивается, что текстовые редакторы имеют явные преимущества при создании сайта.
Ключевые слова: веб-редактор, верстка, программирование.
Khabibullaeva R.R. 4th year student Elabuga Institute, Kazan Federal University
Russia, Elabuga
Minkin A. V., candidate of physical and mathematical sciences
associate Professor
associate Professor of "Mathematics and applied Informatics» Elabuga Institute, Kazan Federal University
Russia, Elabuga WEB EDITOR AS A TOOL FOR SITE CREATION
Abstract: this article describes the distinctive features of text and visual web editors. User preferences of two Adobe editors are compared: Brackets and Dreamweaver. It is concluded that when choosing a suitable type for the layout of sites, it is necessary to be guided by the features of the upcoming work. But it is emphasized that text editors have obvious advantages when creating a website.
Keywords: web editor, layout, programming.
В связи с массовым развитием сети интернет и возрастающим спросом на продукты веб-разработки обозначилась проблема продолжительности процесса верстки сайтов. Для того, чтобы сделать данный процесс проще, удобнее и быстрее программисты для себя и своих коллег создали веб-редакторы.
Веб-редактор (web-редактор) — программа, использующаяся для редактирования HTML документов. Они бывают двух типов: текстовые и визуальные. Текстовые используются для составления кода самостоятельно, они более сложные, поэтому к ним прибегают профессионалы сайтостроения. Визуальные редакторы, их также называют WYSIWYG (What You See Is What You Get), устроены намного проще, в них уже заложены базовые элементы, и при редактировании код меняется автоматически. Это значит, что с визуальным редактором может работать даже не специалист. Но возникает одна трудность [1]. При работе с визуальным редактором код страницы получается громоздким, от чего увеличивается ее вес. Но это можно исправить при редактировании этого кода, а для этого необходимо владеть языком HTML. Наиболее удобный вариант для сайтостроителей - это комбинированный режим, когда на одной половине экрана отображается код, а на другой внешний вид сайта. Это значит, что оба вида веб-редакторов хорошо сочетаются и взаимно дополняют друг друга. Но до сих пор в сети Интернет не прекращаются споры какой тип веб-редактора лучше.
В настоящий момент существует большое количество бесплатных веб -редакторов. На чем остановить свой выбор вопрос не только объективный, но также и субъективный. Объективными показателями являются интерфейс, функционал, быстродействие. К субъективным показателям можно отнести комфорт, привычку, лояльность. Рассмотрим самые популярные веб-редакторы от компании Adobe, один из них текстовый Adobe Brackets, а другой визуальный Adobe Dreamweaver на основе пользовательских опросов (рис. 1) [2].
Легкость ведения бизнеса Качество поддержки Простота администрирования Простота установки Простота использования Соответствие требованиям
0% 50% 100% 150%
Рисунок 1. Сравнение Adobe Brackets и Adobe Dreamweaver. Стоит отметить, что выборка является неравномерной, причиной тому разное количество пользователей этих двух веб-редакторов, поэтому
Adobe
Dreamweaver Adobe Brackets
небольшие погрешности не исключены. В соответствие с графиком пользователи больше довольны текстовым редактором от компании 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 чаще всего являются специалисты, не имеющие отношения к программированию, такие как маркетологи, дизайнеры, преподаватели и другие. Так же к их помощи иногда прибегают
программисты желающие сэкономить свое время. Текстовые редакторы имеют явные преимущества, согласно пользовательским опросам. Программисты чаще прибегают к их использованию, особенно при разработке чего-то качественного и серьезного.
Использованные источники:
5. Веб-редакторы: виды. Статья от 17.05.2016. // Owlweb - блог для вебмастеров. [Электронный ресурс]. URL: [Электронный ресурс]. URL: https://owlweb.ru/veb-redaktory-vidy/ (дата обращения: 27.09.2018).
6. Сравнение Adobe Dreamweaver vs. Brackets // Business Software and Services Reviews [Электронный ресурс]. URL: https://www.g2crowd.com/compare/adobe-dreamweaver-vs-brackets (дата обращения: 28.09.2018).
