курсоваяГаджимурадов. Проектирование современного сайта для туристической компании

Название	Проектирование современного сайта для туристической компании
Дата	13.12.2022
Размер	1.02 Mb.
Формат файла
Имя файла	курсоваяГаджимурадов.docx
Тип	Курсовая #842354
страница	3 из 6

1 2 3 4 5 6

Обзор и сравнительный анализ веб-редакторов

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

Веб-редакторы разделяют на два типа:

– WYSIWYG редакторы или визуальные редакторы.

– Текстовые редакторы.

WYSIWYG (What You See Is What You Get) – аббревиатура этого типа редакторов переводится как «что видишь, то и получишь». Как понятно из названия выше, это визуальный тип редактора, в котором можно сразу увидеть результат редактирования. Для простейшей работы в редакторе этого типа не нужно знание HTML. С работы в таком редакторе проще стартовать начинающему пользователю, не имеющему опыта написания кода. Такой тип редакторов часто встраивают в веб сайты, для упрощения настройки внешнего вида сайта по некоторым заранее написанным шаблонам или для редактирования контента сайта. Примерами визуальных редакторов являются:

Editor.js – бесплатный блочный редактор контента, который можно легко встроить на любой существующий сайт и использовать по умолчанию без ограничений.
Slate – утилита для работы с текстом, полностью написанная на JavaScript и подключаемая к сторонним ресурсам в качестве альтернативы мало функциональному тегу . <li/> Tiptap – <a href="/klassifikacii-operacionnih-sistem/index.html" title="Классификации операционных систем">имеет полный набор базовых возможностей</a>, которые можно встретить в любом текстовом редакторе. Кнопки для форматирования символов, кнопки для установки иерархии заголовков, базовые блоки в духе цитат, сниппетов кода и прочих привычных мелочей. <li/> Toast Editor – Отличительная черта этого редактора заключается в графическом интерфейсе, который делится на две части. В левой расположено окно, куда, собственно, пишется текст с поддержкой Markdown-разметки и соответствующих тегов. В правой – превью, в котором видно, как по итогу будет выглядеть ваш текст после экспорта в HTML. </ul> Текстовые редакторы в отличии от WYSIWYG редакторов напротив требуют знаний HTML как минимум. Т.е. работать необходимо будет с текстом (кодом). В процессе использования такого редактора мы не сможем постоянно наблюдать готовую реализацию страницы разрабатываемого нами веб-сайта. Однако, применение текстового редактора дает нам значительно больше свободы, возможностей оптимизации кода и др. Выпущенный компанией Microsoft на основе кода Atom, Visual Studio Code имеет часть функционала IDE (Integrated development environment) - интегрированной среды разработки – <a href="/zadanie-u-lyudej-net-sili-bolee-moshnoj-i-pobedonosnoj-chem-na/index.html" title="Задание у людей нет силы более мощной и победоносной, чем наука">мощной программы</a>, содержащей, кроме текстового редактора кода, еще ряд механизмов, позволяющих проводить анализ кода, запуск его и отладку. Часто именно этот инструмент представляют, когда говорят о том, какой функционал должна иметь IDE для web разработки. Во многих рейтингах бесплатных HTML редакторов именно Visual Studio Code занимает первое место. Плюсы Visual Studio Code: – Имеет значительную часть функционала IDE. – Встроенный мощный механизм автоматическое заполнения – IntelliSense. – Значительное количество расширений и дополнений. – Интегрирован с Git «из коробки». – Имеется встроенный отладчик для кода JavaScript, TypeScript, Node.js – Открытый исходный код приложения. – Visual Studio Code распространяется бесплатно. Минусы Visual Studio Code: – Из минусов разработчики отмечают достаточно большое время запуска приложения. – Поиск по проектам осуществляется относительно медленно. Notepad++ - это легковесный текстовый редактор, разработанный для компьютеров под управлением Windows. Пользователи Linux также могут использовать его через Wine. Notepad ++, выпущенный еще в 2003 году, является проверенным и устоявшимся инструментом многих разработчиков, являясь удобным текстовым редактором для HTML кода. Этот редактор распространяется как бесплатное программное обеспечение и его репозиторий доступен в GitHub. Notepad ++ поддерживает сторонние плагины. Основные достоинства Notepad ++ – Notepad ++ является простым, не требовательным к ресурсам инструментом. – Есть портативная версия. – Функционал программы легко расширяется множеством плагинов. При желании такой плагин можно создать самому. – Интерфейс программы также легко настраивается. – Одновременно поддерживает работу с несколькими вкладками. – Notepad ++ является на 100% бесплатной программой. Недостатки Notepad ++: – Подавляющее большинство пользователей этого текстового редактора HTML кода не находят в нем недостатков. Однако <a href="/1-primenenie-naturalenih-materialov/index.html" title="1 применение натуральных материалов">можно отметить некоторый минимализм интерфейса</a>, который не подходит ряду пользователей. – Также можно отметить, что этот редактор не является IDE и не несет в себе ее дополнительный функционал. По этой причине многим пользователям приходится использовать некую среду разработки в дополнение к редактору Notepad ++. Еще одним примером отличного текстового редактора для HTML является Sublime. Эта программа поставляется в бесплатном виде с некоторыми ограничениями. Иными словами - вы можете использовать Sublime бесплатно, но вам придется купить лицензию, если вы захотите пользоваться всеми функциями этого редактора. Плюсы Sublime: – Кроссплатформенность. Sublime работает в таких операционных системах как Windows, OS X и Linux. – Sublime является легковесным инструментом, не загружающим систему. – Есть портативная версия. – Sublime предоставляет тысячи различных дополнений с открытым исходным кодом, которые созданы большим и активным сообществом. – Раздельное редактирование. Разработчики могут использовать несколько мониторов и редактировать различные участки кода одновременно. Недостатки Sublime: – Не весь функционал доступен пользователю бесплатно. – Рядом пользователей отмечается неудобство работы с менеджером плагинов. – Множество плагинов сторонних разработчиков может работать некорректно. Атом – это сравнительно новый HTML редактор. Он был выпущен в 2014 году командой GitHub, и с тех пор, при поддержке сообщества GitHub, значительно увеличил свою популярность. Этот текстовый редактор является бесплатным, с открытым исходным кодом. Интересно, что в качестве слогана для Atom используется фраза «самый взломанный текстовый редактор 21 столетия», подразумевая под этим, что любой разработчик может вносить свой вклад в редактирование, расширение, <a href="/s-zakritim-ishodnim-kodom/index.html" title="С закрытым исходным кодом">изменение и обмен исходным кодом программы</a>, а также создавать собственные пакеты для улучшения Atom. Плюсы Atom: – Для Atom имеется большое количество дополнений, плагинов и расширений. Так, «из коробки», Atom поставляется с 81 встроенным пакетом, и вы также можете добавить до 7500 дополнительных устанавливаемых пакетов. Вы также можете разработать свой собственный пакет. – Наличие большого количества дополнений позволяет гибко настраивать под себя интерфейс редактора. – Открытый исходный код. Весь редактор Atom распространяется бесплатно, предоставляя свой исходный код, доступный на GitHub. – Отличная интеграция с Git и GitHub. – Поддержка плагина Teletype. Этот плагин позволяет прямо в режиме реального времени писать код совместно с другими разработчиками. Минусы Atom: – Atom является достаточно «прожорливой» программой, забирая на себя относительно большой объем оперативной памяти. – Поддержка тех или иных языков определяется функционалом плагинов, написанных различными разработчиками, а не единой организацией. 
1 2 3 4 5 6