Главная » HTML Quick Edit Bar – редактор вам уже не понадобится...
$IMAGE1$
Насколько часто вам приходилось загружать полноценный веб-редактор,например Macromedia Dreamweaver, Adobe GoLive или Microsoft Front Page,даже если на странице необходимо было поменять всего несколько слов?Например, вы увидели опечатку в тексте или же просто нужно добавить вописание компании или товара несколько предложений. Или, может, вамзнакома ситуация, когда ваш мини-интернет-магазин построен на основеобычных статических страничек и перед вами стоит необходимость быстроизменить что-то в описании или спецификации товара, даже банальнопоменять стоимость?Подобныхпримеров можно привести немало, и хотя разработчики и продавцынастойчиво уверяют нас, что сайт, построенный без применения какой-либоCMS (системы управления контентом), уже и не сайт вовсе, особенно еслиговорить о каком-либо его бизнес-применении, но реальность такова, что,несмотря на существование множества CMS-движков, от простейших ибесплатных (Drupal, Mambo Lite) до мощнейших комплексов (MicrosoftContent Server, IBM WebSphere), всегда есть и будет ниша, в которойобычный сайт с набором статических страничек будет в разы выгоднее.Ведь любую систему надо еще изучать, подстраиваться под ее возможностии ограничения, а так можно просто сосредоточиться на информации. Как же выглядит типовой вариант работы с таким сайтом? Создаемстраницу (допустим, по заранее заготовленному шаблону), используя вашлюбимый редактор (это может быть как "Блокнот", так и любой другойтекстовый редактор или специальный веб-редактор, например MacromediaDreamweaver), а потом через встроенный FTP-клиент или стороннюю утилиту(Total Commander, Far или CuteFTP) загружаем наш файл и связанные с нимэлементы (таблицы стилей, рисунки) на сервер. Соответственно, когданеобходимо что-то исправить, можно найти нужный файл на своем диске,загрузить его в редактор, поправить и заменить страницу на сервере.Или, используя все тот же FTP, подключиться к серверу, сохранить налокальном диске нужный файл, затем отредактировать его и загрузитьобратно, заменив старую копию.
$IMAGE2$
Да, в принципе достаточно сложно, по крайней мере, трудоемкостьисправления ошибок или мелких добавлений несоизмерима с количествомтребуемых действий. Неужели ничего нельзя придумать? Можно. Первойтакой компанией, придумавшей оригинальное решение, стала, конечно же,Macromedia, выпустившая пакет Contribute (обязательно расскажем о нем вследующей статье). По сути, это симбиоз FTP-клиента и работающего впаре с ним полностью визуального редактора веб-страниц (который основанна коде Dreamweaver). Ну а дополнено все это собственным браузером(использован Internet Explorer) с простым, красочным и интуитивныминтерфейсом. Однажды настроив программу на работу с вашим сайтом, потомможно забыть практически про все нюансы – пароли, адреса, каталогии т. д. Все, что надо для работы, – это ввести в браузере адрес вашегосайта и, перейдя на нужную страницу, просто нажать кнопку Edit thispage – и все! В фоновом режиме по FTP будут загружены все элементыстраницы, автоматически откроется веб-редактор, в котором страницабудет отображаться максимально близко к ее виду в браузере, вам будутдоступны все возможности для редактирования или создания новой страницыдаже без глубокого знания языка разметки HTML. После окончания работынужно только нажать на кнопку Publish, и все действия будут сыграны вобратном порядке – новые файлы загружены на сайт, вы перейдете снова врежим браузера, в котором уже будет новая, только что отредактированнаястраница. Что интересно, во многих случаях обычный пользователь даже незаметит изменения режима: захотел отредактировать, нажал кнопку, ткнулмышкой куда надо и все – все рутинные и технически сложные операциипрограмма берет на себя. Это позволяет работать с сайтом даже весьмадалеким от специфики Интернета людям. Правда, Macromedia – коммерческая компания и нацелила свой продуктна корпоративный рынок, поэтому в пакете присутствуют и достаточносерьезные решения вроде персональной системы разграничения прав,серверной части, средств импорта документов из офисных пакетов – этовсе для обычных небольших проектов может даже никогда не пригодиться.Но самый большой недостаток пакета, который окупается только приинтенсивном и осознанном использовании всех продвинутых функций, –цена. Если стоимость пакета в 79 долларов вас не смущает – тогда смелопокупайте, он полностью оправдывает свою цену. Но если такая цена –мелочь для веб-студии или профессионального разработчика, то длячастных лиц, просто любителя, делающего и сопровождающего сайт олюбимом хобби, или даже для небольшого частного бизнеса – уже довольнозначительный расход. И все, что остается, – это попробовать 30-дневнуютриал-версию или... Или использовать бесплатные средства! Например, героя нашей статьи – HTML Quick Edit Bar. Если в продукте Macromedia браузер встроен в программу, то разработчики из компании Shatran Software пошли прямо противоположным путем – встроили редактор и FTP-клиентпрямо в браузер Internet Explorer. HTML Quick Edit Bar – этоспециальная панель (toolbar) для браузера, позволяющая напрямуюредактировать веб-страницы, загруженные в браузере. Установка достаточно простая, а размер дистрибутива по нынешниммеркам практически незаметен – 450 Кб. Программа полностью бесплатна,получить ее можно на странице HTML Quick Edit Bar v.1.3.После установки нужно только запустить браузер – утилита работаеттолько с Internet Explorer 5.5 и выше, работает даже с новейшим7.0 beta 1.

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

Второй режим называется Design mode и переключает программу врежим полностью визуального редактора – фактически вы прямо тут же, вбраузере, можете выделять и редактировать элементы, вводить иисправлять текст, менять форматирование. Через инструментальную панельдоступны основные инструменты форматирования – выделение текста,вставка ссылок и изображений, создание маркированных и нумерованныхсписков, работа с буфером обмена, выбор цвета для текста и другихэлементов. Очень хорошо решена проблема шрифтов – в выпадающем менювыбора шрифта отображаются не только названия, но и рядом дан примертекста, отформатированный выбранным шрифтом. Конечно, можно совмещать два режима работы – визуальный иредактирование HTML-кода напрямую через окно HTML-tree, все изменениябудут синхронно появляться и в режиме страницы, и в коде. Правда, пока возможности редактирования все же недостаточны,особенно при работе с изображениями и таблицами. Нет возможностиуправлять параметрами изображения – обтеканием текстом, отступами,рамками. Нельзя создавать атрибуты к тегам, можно только править ужесуществующие или удалять их. Да и инструмент навигации по дереву кода –"прицел" – не всегда адекватно работает, на страницах со сложнойструктурой он может давать сбои и не точно указывать на нужный код,реально искомый тег может быть как выше, так и несколько ниже по деревуHTML-кода. Так что без знания HTML, скорее всего, не обойтись присколь-либо серьезной переделке страницы, которая выходит за базовыйнабор инструментов редактирования. А теперь самое интересное. Понятно, что во время редактирования выработаете с ее локальной копией, загруженной в браузер. Но ведьизменить не проблема, а вот сохранить результат работы тоже надо уметь.Тут разработчики также постарались на славу. Для сохранения есть дваинструмента. Самый простой активируется кнопкой Save as и позволяетсохранить текущую страницу в виде html-файла или в txt-формате налокальном диске. Правда, нет возможности сохранить все элементыстраницы, а только сам HTML-код, все ссылки на изображения и стилибудут неизменно указывать на оригиналы, сохраненные на сервере.

Второй режим самый интересный. Если вы редактируете свой сайт,то, что логично, имеете к нему полный доступ. Для доступа к сайту исохранения там файлов в программу встроен простейший FTP-клиент,который активируется кнопкой Upload и открывает сначала окно вводалогина и пароля для FTP-доступа. После этого модифицированная вамистраница будет отправлена на сервер, и процесс редактирования завершен– теперь ваши посетители будут видеть уже новую страницу со всемивнесенными вами изменениями. Правда, тут есть небольшое недоразумение между механизмамисохранения. Нельзя, к примеру, сначала сохранить страницу на локальныйдиск, а потом попытаться ее загрузить через FTP. Утилита после первогосохранения загрузит в браузер уже локальный документ, и после этогонекоторые ссылки на загружаемые элементы (помните, рисунки и стили несохраняются) могут не подгружаться, а в окне FTP-менеджера будутизначально прописаны совсем другие настройки. Другая необычностьсостоит в том, что пользователю необходимо явно указывать путь и имяфайла, где будет сохранен текущий документ. А ведь эту информациюможно, пусть частично, извлечь из URL документа. Странно, что утилитаиспользует ее лишь наполовину, автоматически подставляя только имясервера. Конечно, нельзя от крошечной утилиты требовать полноценнойфункциональности, более того, даже в таком виде она достаточно мощныйинструмент в руках пользователя или службы поддержки сайта. Практическинесколькими кликами мыши можно очень легко исправить неточности иопечатки на своей домашней странице, добавить ссылки или внести другиенебольшие изменения, не привлекая тяжелую артиллерию в виде полноценныхвеб-редакторов. А если вам кажется, что такой функциональности уже нехватает, или нужно работать с несколькими сайтами, имеющими сложнуюструктуру, – тут на помощь придет уже решение другого уровня –Macromedia Contribute, способное удовлетворить потребности любогопользователя и сайта любого масштаба, но уже за деньги. А если ваш сайтограничен десятком-полтора статических страничек без сложной верстки,которые надо править время от времени, HTML Quick Edit Bar будет, несомненно, вашим лучшим помощником. И бесплатно... Категория: Web технологии | Просмотров: 225