Перейти к содержимому


Фотография

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

Обзор визуальных редакторов

  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1 dmgor77

dmgor77

    Администратор

  • Администраторы
  • 171 сообщений
  • ГородНогинск

Отправлено 31 Июль 2013 - 19:08

Писать о технологиях применяемых при создании сайта и не затронуть тему вспомогательных программ (визуальных редакторов), по меньшей мере будет выглядеть не очень понятным, а по большому счету, как говориться — что жил то зря. Сайты создаются со скоростью размножения, которой могут позавидовать даже кролики. Способов создания на сегодняшний день существует превеликое множество — от использования сервиса на Narod.ru, с его готовыми шаблонами, да и других таких же в избытке, до банального обращения к объявлениям типа «создание сайтов за два дня от 500 рублей» и т.д и т.п...
Своим блогом или домашней страничкой никого не удивишь, наличием этого добра может выпендриться практически каждый.
Сервисы напропалую пестрят предложениями пользователям о предоставлении страждущим конструкторов сайтов, которые молниеносно создают простенькую личную страницу пользователя. В Интеренте сотни и сотни тысяч таких страниц, все они похожи друг на друга и мало чем запоминаются, да и создаются в большинстве случаев ради забавы или же в целях практического изучения процесса.
Другое дело когда к созданию сайта «чел» относится творчески, с пониманием для чего оно ему надо, то есть сайт воспринимается человеком как способ коммуникации, такой, как телефон или почта. Многим «товарищам» просто полезно и необходимо иметь свой сайт, например предпринимателю, желающему представить свой бизнес, практикующему врачу, юристу, открывающему свою консультацию, любому учебному центру и т.д, перечислять можно до опупения. В таких случаях очень важна оригинальность, неповторимость и содержательность рессурса, не тупой лепет бландес и дрочеров с социалок, а именно полезный и информационный проект для людей. Чтобы получить сайт, соответствующий этим требованиям, одними бесплатными генераторами домашних страничек не обойтись. Изучать же все премудрости web-программирования, на это нужно много времени, а его как раз и не хватает.
Визуальные web-редакторы — являются отличным ( спорно конечно) способом сэкономить время на изучении web-программирования и быстро сделать сайт, наполнив его всей необходимой информацией. В основе работы визуальных web-редакторов лежит свойство WYSIWYG – What You See Is What You Get (что видишь, то и получишь). Иными словами, в процессе редактирования web-страницы выглядят примерно так же, как будут отображаться в браузере. О преимуществах и недостатках этого способа я разглагольствовать не буду, есть достаточно умников и без меня, скажу одно — для создания web-проекта с помощью подобной программы не нужно иметь специальных знаний и быть программистом, а так же приложения такого типа дают простор для творчества и гарантируют, что сайт не будет выглядеть точно так же, как тысячи других.
Это бало так называемое вступление, по всем правилам жанра, только не на шутку понесло в дебри и чтобы не унесло окончательно в словоблуд, начну собственно сам обзор визуальных редакторов, а Вам друзья останется только все прочитать и сделать выбор с чем работать.
WYSIWYG Web Builder 7.1.0

  • разработчик: Pablo Software Solutions
  • размер дистрибутива: 5,5 Мб
  • распространение: shareware
  • русский интерфейс: нет

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

 

 
Если у Вас отсутствует какой-никакой опыт в web-дизайне, работать в программе пожалуй стоит начать с уже готового шаблона, коих в WYSIWYG Web Builder по умолчанию наберется около десятка, различной направленности, еще примерно столько же можнол слить с оф-сайта софтины. После загрузки шаблона у Вас будет возможность измываться над ним как душе вздумается, то есть вы получите возможность редактировать любой его элемент.
К услугам пользователей с их неуемной фантазией, представлен большой набор инструментов, которые размещаются на вертикальной панели. Для удобства они разбиты по категориям: навигация (дерево сайта, меню навигации), рисование (линия, кривая, многоугольник), мультимедийные инструменты (Flash-плеер, плеер YouTube, Java, OLE-объект), средства для работы с web-формами (поле для вставки кода CAPTCHA, флажок, кнопка для загрузки файла, поле для ввода текста), Paypal (различные кнопки для работы с этой системой электронных платежей) и пр. Если какая-либо категория средств вам не нужна в работе, ее можно свернуть, чтобы освободить место на экране для более востребованных инструментов.
 

 

 
Все категории описывать не имеет смысла, ввязавшись в драку разберетесь что к чему, хочу обратить внимание на категорию Extra. Воистину есть где разгуляться, здесь есть средства для создания фотогалереи, добавления подписки на новости в формате RSS, слайд-шоу, поиска по сайту. Тут же можно обнаружить целую коллекцию готовых элементов кода Javascript. Это и разнообразные визуальные эффекты, и такие полезные средства, как определение текущей версии браузера, вывод информации о времени последнего изменения веб-страницы, размещение ссылки на занесение страницы в закладки.
 

 

 
Для быстрого просмотра внешнего вида страницы в браузере достаточно нажать клавишу F5. WYSIWYG Web Builder откроет проект в обозревателе, который используется в системе по умолчанию. Если нужно просматривать страницы сразу в нескольких браузерах, их можно добавить в список.
Как правило, шаблон сайта состоит из нескольких страниц. Для удобного управления проектом в окне программы имеется специальная панель Site Manager, где отображается дерево страниц сайта. Используя инструменты этой панели, можно создавать новые страницы на основе шаблонов, добавлять страницы, сохраненные ранее на жестком диске, копировать уже имеющиеся страницы, просматривать их свойства и т.д.
 

 

 
Этим функции программы не ограничиваются, пригодиться могут такие средства программы, как проверка ссылок на работоспособность, оценка размера страниц, генератор карты сайта в виде XML-файла, который будет размещен в корневой директории сайта. WYSIWYG Web Builder не плохо справляется со сбором всех изображений и прочих файлов мультимедиа, которые используются на web-страницах, в одном месте.
Если вдруг Вам не хватило стандартных функций редактора, он отлично дополняет свои возможности с помощью рассширений, которых существует целая галерея и их число постоянно увеличивается. Стоит иметь в виду, что подключить расширения на триал-версии WYSIWYG Web Builder нельзя, для этого программу нужно зарегистрировать. В общем и целом программа сделана именно для людей, правда для нашего брата у нее существенный косяк — это отсутствие русского перевода, буржуины почему то упорно не хотят принимать нас всерьез. Ну да и «fuck» им в руки!
Web Page Maker 3.21

  • разработчик: www.webpage-maker.com
  • размер дистрибутива: 3,66 Мб
  • распространение: shareware
  • русский интерфейс: нет

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

68acfc744434.jpg

 
Плюсом программы является наличие готовых вариантов такого важного элемента любого сайта, как меню навигации. Вариантов меню не сказал бы что много, но выбрать есть из чего. Выбираете понравившийся и смело редактируете на свой вкус и цвет, указывая ориентацию (горизонтальное или вертикальное), расстояние между элементами, параметры текста и ссылок.
 

cf09e309b058.jpg

 
Рабочая область занимает основную часть окна программы, справа находится панель Site Contents. С помощью этой панели осуществляется управление страницами сайта, а также отдельными элементами страниц. На вкладке Elements отображаются все блоки страницы, и щелкая по каждому из них, можно сразу же видеть, где он находится. Кроме этого, тут же можно вызвать окно свойств каждого элемента или удалить ненужные блоки. Что касается набора инструментов для создания структуры сайта, то тут стоит отметить возможность создания новой страницы на основе уже существующего в Интернете ресурса. Стоит указать его адрес, и Web Page Maker загрузит страницу, разобьет ее на блоки и сделает их доступными для редактирования.
 

f22aff69edec.gif

 
Придать сайту движухи можно использовав анимационные эффекты. В библиотеке Web Page Maker найдутся примеры готового кода Javascript. Экспериментируя с кодом можно разместить в углу экрана часы, показывающие текущее время, добавить слайд-шоу, изменить цвет прокрутки окна и т.д и т.п...
При окончании работы над сайтом, готовый продукт можно сохранить на жестком диске или же сразу загрузить на FTP-сервер. Причем, дополнительный клиент для этого не нужен — Web Page Maker имеет встроенные средства для работы с FTP.
CoffeeCup Visual Site Designer 6.06

  • разработчик: CoffeeCup Software
  • размер дистрибутива: 17,6 Мб
  • распространение: shareware
  • русский интерфейс: нет

Редактор хорош всем, но заслуживают отборного мата сами разработчики программы. Начну со слов «мудилы хитрожопые», они в частности кажется хотят заработать на всем и сразу.Мало того, что стоит сие детище $49, так еще покупая этот визуальный редактор, вы не получите в свое распоряжение все те функции, на которые можно рассчитывать после приобретения большинства других подобных программ.
Резонный вопрос ожидаю от читателей-"зачем пишу об этом редакторе". Все просто, ввожу в курс дела тех у кого бабло некуда девать и для кого главное чтоб блеcтело, остальные могут пропустить и читать дальше спокойно и умиротворенно.
 

0b0b29b788af.jpg

 
Благодаря ненасытности разработчиков, мать их, «сюрпризы» ждут пользователя в процессе работы с приложением практически на каждом шагу. Так, программа поставляется вместе с десятью шаблонами, а для загрузки остальных предлагается проследовать на сайт разработчика. Открыв соответствующую страницу, можно обнаружить, что дополнительные шаблоны платные и продаются по цене $9 за штуку. Дальше — больше, нажав кнопку инструмента для создания web-форм, и вы обнаружите, что для работы с ним нужно заплатить еще $39, попробуйте добавить на сайт фотогалерею, и вы увидите, что и эта возможность предоставляется за дополнительную плату. Короче ребят прет по полной.
В стандартной версии этой программы существует возможность работы с текстом, векторными элементами, графикой. После выбора инструмента на вертикальной панели появляется плавающая палитра с его настройками. Она остается на экране до тех пор, пока пользователь не меняет инструмент. Благодаря такому подходу, на рабочую область отводится максимально много места.
Такие часто встречаемые элементы web-страниц, как счетчики и web-формы, в программе можно создавать только при помощи инструмента для вставки пользовательского HTML-кода.
Работая с векторными элементами (стрелками, многоугольниками, звездочками, выносками и т.д.), можно использовать многочисленные средства для изменения их внешнего вида. Например, есть возможность изменить прозрачность, добавить тень, сделать объект объемным, заставить его светиться или изменять формы при наведении курсора мыши. Кроме этого, можно настроить заливку каждого объекта, добавить текстуру.
CoffeeCup Visual Site Designer имеет встроенный FTP-клиент, при помощи которого можно загружать сайт на удаленный сервер. Если, загрузив сайт, вы решите внести в некоторые его страницы изменения, можно будет воспользоваться функцией синхронизации данных. В этом случае программа загрузит те страницы, которые были изменены. При необходимости, не покидая CoffeeCup Visual Site Designer, можно даже полностью удалить сайт с сервера.
В целом программа являет собой мощный инструмент для создания сайтов, но навязчивое выколачивание денег с пользователей, лично для меня уводит этот продукт в полный минус, хотя и здесь каждому свое...
WebSite X5 Evolution 8

  • разработчик: Incomedia
  • размер дистрибутива: 15,3 Мб
  • распространение: shareware
  • русский интерфейс: есть

Обратим свой не затуманенный взор в сторону программ имеющих русский интерфейс, а это согласитесь на много облегчает работу нашему брату.
В программе WebSite X5 Evolution реализован немного иной подход к созданию сайта нежели у его собратьев, благодаря чему многие вопросы такие как: «что нужно сделать в первую очередь?», «какие инструменты программы являются основными, а какие – вспомогательными?» и т.д. отпадают сами собой. Работа приложения построена по принципу пошагового мастера, благодаря чему начинающий пользователь может быть уверен в том, что он не пропустил ничего важного.
 

6c71a930c118.jpg

 
Мастер проводит пользователя через все этапы создания проекта, при желании можно «перескакивать» через некоторые этапы, выбирая в боковом меню те действия, которые Вы хотите выполнить в настоящий момент. Всего этапов пять.
На первом указываются общие настройки. Так, тут вводится название сайта, автор и язык, подбираются ключевые слова, загружается Favicon, выбирается тип меню (горизонтальное или вертикальное), подбирается подходящий шаблон (в библиотеке программы более сотни вариантов оформления), задается внешний вид верхней и нижней части страниц сайта.
На втором этапе предлагается создать карту сайта, то есть продумать его структуру. Используя кнопки «копировать» и «вставить» на панели инструментов, можно создавать новые страницы на основе уже имеющихся. Тут можно определить, какие страницы ресурса будут скрытыми, указать частоту обновления для каждой страницы.
 

ac722179bf97.jpg

 
Двойной щелчок по названию страницы перенесет вас на следующий этап работы над сайтом, и тут уже можно будет заняться непосредственно его содержимым. По умолчанию страница разделена на четыре блока, в каждый из которых можно добавить объект: текст, графический файл, слайд-шоу, таблицу, флеш-анимацию, мультимедиа файл и т.д.  При желании число блоков на странице можно увеличить или уменьшить. Поместив объект на страницу, нужно определить его настройки, например, указать путь к графическому файлу, набрать текст и т.д. Все эти операции нужно будет проделать для каждой страницы
На четвертом этапе WebSite X5 Evolution предложит указать некоторые дополнительные настройки, например, определить внешний вид вводной страницы, задать параметры отображения flash-рекламы, добавить на сайт блог и ленту RSS-новостей.
 

e616a1775ccc.jpg

 
Среди предлагаемых возможностей есть и такой элемент как «Корзина для электронной торговли». Используя его, можно быстро создать собственный интернет-магазин. Перейдя к его настройкам, можно быстро создать категории товаров, определить условия доставки, выбрать варианты оплаты, вставить лицензионное соглашение, настроить внешний вид элементов магазина.
Наконец, на последнем этапе выполняется экспорт проекта. Готовый сайт можно сохранить на жесткий диск или же сразу загрузить на FTP-сервер. Кроме этого, программа дает возможность сохранить файлы проекта, чтобы перенести их на другой компьютер. Отметим, что создаваемый проект можно сохранить на любом этапе в собственном формате программы.
Вроде бы все в лучшем свете представлено в программе, но и тут не без изъяна, неудобство редактора в том, что нет возможности предварительного просмотра страниц в браузере. Нет, конечно просмотреть, что натворили Вы сможете, используя встроенный просмотрщик , но он создан на движке Internet Explorer, что само по себе уже не есть хорошо.
KompoZer 0.7.10

  • разработчик: Fabien Cazenave
  • размер дистрибутива: 7,9 Мб
  • распространение: бесплатно
  • русский интерфейс: есть

На закуску или в завершение всего обзора, стоит рассказать об этом по настоящему интересном и бесплатном (это греет многим душу) визуальном редакторе, созданном на движке Gecko, на котором работает широко известный браузер Firefox. Это дает ряд преимуществ: во-первых, движок прекрасно поддерживает современные web-стандарты, такие как XML, CSS и JavaScript. Во-вторых, возможности редактора, основанного на Gecko, могут быть расширены за счет подключаемых модулей. Программа доступна не только для Windows, но и для Mac, а также для Linux.
Скорее всего первым дополнением, которое Вы решите установить будет пакет для локализации на русский язык. Устанавливается он примерно так же, как инсталлируются плагины для Firefox: в меню Tools необходимо выбрать команду Extensions, после чего указать путь к загруженному файлу локализации с расширением .xpi. После установки плагина потребуется перезагрузка программы, после чего интерфейс станет русским.
 

314cee534160.gif

 
Встроенный в программу FTP — клиент можно использовать при загрузке готового проекта и для быстрого редактирования страниц уже размещенного на сервере сайта. Все как при работе с любым ftp-клиентом, указываете данные для входа и свободно перемещаетесь по дереву каталогов.
В KompoZer имеется возможность одновременной работы с несколькими страницами. Каждая из них открывается на отдельной вкладке, между которыми можно быстро переключаться. Для каждой страницы ведется своя история отмены и возврата действий. Взглянув на значок в заголовке вкладки, можно сразу же определить, вносились ли в содержимое страницы изменения, которые еще не были сохранены.
В код веб-страниц всегда можно будет вносить свои изменения, предварительно просмотрев его, переключившись с помощью вкладок нижней части каждой страницы между визуальным отображением страницы и показом кода.
Панель инструментов построена таким образом, что не вызовет затруднений при работе, на нее вынесены наиболее часто используемые инструменты: добавление гиперссылки, вставка изображения, таблицы, средства для создания веб-форм и т.д. При желании можно изменить внешний вид этой панели (например, уменьшив иконки), а также добавить на нее некоторые другие инструменты.
 

ffd28ec50174.jpg

 
В целом, несмотря на то, что KompoZer является визуальным веб-редактором, рассчитан он на пользователей, у которых уже есть некоторый опыт создания сайтов. В нем нет готовых шаблонов и примеров меню навигации, но зато в программу интегрирован мощный редактор CSS, есть инструменты для проверки HTML-кода и для проверки орфографии. Повторюсь, намного эффективней работать с программой, которая «говорит» с пользователем на одном языке, можно даже простить ей некоторые недоработки.
Заключение
Обзор получился объемным, но думаю кому надо тот осилит. С помощью программ о которых я рассказал можно довольно таки быстро создать свой сайт и разместить его в Интернете, при этом необходимо помнить, что все эти приложения — лишь инструменты в руках пользователя. Станет ли проект привлекать внимание пользователей, будет ли он дополнительной составляющей успеха в бизнесе, зависит исключительно от фантазии автора и от его желания совершенствовать начатое, и конечно еще много и много различных кочек, и препятствий ждет Вас на пути продвижения сайта, а это у же совсем другая история, и к ней мы обратим наш взор в будущем.
Для того, чтобы сайт оправдал возлагаемые надежды, вашему начинанию должна сопутствовать удача, чего всем я искренне и желаю!
Авторы: Сергей и Марина Бондаренко
Источник: www.3dnews.ru



#2 DavidDuelm

DavidDuelm

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 24 Декабрь 2016 - 18:39

Не нашел подобной темы на форуме. Поэтому если дублирую тему - можете перенести. Вопрос в следующем заключается. В последнее время Dreamweaver CS4 в последнее время ужасно тормозить стал. Иной раз, даже переключение раскладки "англ-рус" происходит в течение 2-3 секунд. Я не говорю уже о более сложных манипуляциях. Dreamweaver мне очень нравится, удобный... но... стал подводить. В связи с этим, я задался вопросом - кто каким редактором пользуется для создания сайта?




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных